body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{margin:0;padding:0;font-size: 16px;line-height: 160%;}
h1,h2,h3,h4,h5,h6{font-weight:400}
body{font-size:12px;color:#222;line-height:22px}
em{font-weight:400}
ol,ul{list-style-type:none}
a{color:#222;text-decoration:none;font-size: 16px;}
a:hover{text-decoration: underline;cursor: pointer;}
i{font-style:normal}
b{font-weight:400}
cite{font-style:normal;float:right}
*{font-family:Poppins, Poppins Lato,Arial,Helvetica,sans-serif}
.clearfloat::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.flex-box,.flex_box{display: -webkit-box;display: -moz-box; display: -ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction: row;flex-direction: row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.container{max-width:1200px;margin:0 auto;width: 100%;}
.center{max-width:1200px;margin:0 auto;width: 100%;}
.common_h2{font-size: 42px;text-align: center;color: #222;line-height: 52px;}
.common_h2 span{color: #ff612e;}
/* new-header */
.header .center::after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.header{position:relative;height: 76px;font-family: Poppins, Poppins Lato,Arial,Helvetica,sans-serif !important;background-color:#FFF1EC;}
.header .nav li.nav-special span{color: transparent;}
.header .nav li a{display: block;}
.header .nav li.nav-special a{display: block; width: 132px; height: 56px; background: url(/images/header-image/top-navigation-promotion.gif) center center no-repeat; background-size: contain; margin: 10px 0; text-decoration: none}



.footer_inner{
    max-width: 100%;
    padding: 40px 0px;
    box-sizing: border-box;
    background: #000000;
}
.footer_inner .flex_box div>a{
    display: inline-block;
    line-height: 0px;
    vertical-align: middle;
}
.footer_inner .flex_box ul{
    margin-top: 24px;
}
.footer_inner .center>.flex_box>div:first-child ul>li{
    float: left;
    line-height: 24px;
}
.footer_inner .flex_box ul>li a{
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}
.footer_inner .flex_box ul>li span{
    display: inline-block;
    color: #98E001;
    margin: 0px 8px;
}
.footer_inner .language_box{
    display: none;
    position: relative;
    min-width: 192px;
    display: inline-block;
    padding: 6px 28px 6px 32px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 4px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}
.footer_inner .language_box::before{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/images/header-image/language.svg) no-repeat;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.footer_inner .language_box::after{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: url(/images/header-image/arrow.svg) no-repeat;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.footer_inner .language_box.active::after{
    background: url(/images/header-image/arrow-active.svg) no-repeat;
    transform: translateY(-50%) rotate(180deg);
    transform-origin: 50% 50%;
}
.footer_inner .language_list{
    display: none;
    position: absolute;
    top: -30px;
    left: 0;
    max-height: 358px;
    overflow-y: auto;
    transform: translateY(-100%);
    background: #ffffff;
    padding: 20px 0px;
    box-sizing: border-box;
    z-index: 10;
    border-radius: 4px;
}
.footer_inner .language_list::-webkit-scrollbar {border-radius: 4px;width: 8px;margin-right: 10px;}
.footer_inner .language_list::-webkit-scrollbar-thumb {background: rgb(255, 98, 46,.7);border-radius: 4px;}
.footer_inner .footer_list .language_list li{
    font-size: 16px;
    line-height: 28px;
    padding: 0px 10px;
    text-align: left;
    color: #000000;
    cursor: pointer;
    margin-bottom: 10px;
}
.footer_inner .language_list li{
    font-size: 16px;
    line-height: 28px;
    padding: 0px 10px;
    text-align: center;
    color: #000000;
    cursor: pointer;
    margin-bottom: 10px;
}
.footer_inner .language_list li:hover{
    background: #FFF5F2;
    color: #FF612E;
}
.footer_inner .flex_box div p{
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 16px;
}
.logo{line-height: 76px;height: 76px;display:-webkit-box;display:-webkit-flex;display: flex;-webkit-align-items: center;align-items: center;float: left;}
.logo>img{line-height: 76px;vertical-align: middle;}
.footer{background:#262626;overflow:hidden;padding-bottom:60px;font-family:Lato,Arial,Helvetica,sans-serif !important;}
.footer>.center{display:-webkit-box;display:-webkit-flex;display: flex;flex-wrap: wrap;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;}
.footer ul,.footer li{margin: 0px;}
.footer ul{margin-top:60px;margin-right: 40px;float:left;width:auto;text-align: left;}
.footer ul:nth-last-child(1){margin-right: 0;}
.footer ul li:first-child{font-size:20px;color:#fff;line-height:24px;margin-bottom:30px}
.footer ul li{line-height:0}
.footer ul li a{font-size:14px;color:#9b9b9b;line-height:30px}
.footer .center .flex-box .center .flex-box{margin-right:0}
.footer .center .flex-box ul:nth-child(1) li:nth-child(2) a{margin-right:22px;display: inline-block}
.footer .center .flex-box li:nth-child(2) a i{display: block;width: 30px;height: 23px;background: url(/images/style/language.png);}
.footer .center .flex-box li:nth-child(2) a:last-child{margin-right:0px}
.footer .center div.flex-box:last-child{-webkit-flex-direction: column;flex-direction: column;margin: 0;-webkit-align-items: flex-start;align-items: flex-start;justify-content: flex-start;}
.footer .center div.flex-box:last-child ul{height: auto;}
.footer .center div.flex-box:last-child ul:first-child{margin: 60px 0 15px;}
.footer .center .flex-box li:nth-child(2){margin-bottom: 40px;}
.footer ul.footer_btn li:first-child a{border:none;padding: 0;margin: 0;display: inline;}
.footer ul.footer_btn li:first-child a img{display: block;margin:0;}
.footer ul.footer_btn a{width: 182px;height: 42px;border: 1px solid #9b9b9b;box-sizing: border-box;display: block;margin-bottom: 7px;line-height: 42px;padding-left: 10px;}
.footer ul.footer_btn a i{display: inline-block;width: 20px;height: 20px;vertical-align: middle;background: url(/images/home/btn.png);margin-left: 5px;}
.footer ul.footer_btn a:hover{border-color:#ff612e;color:#ff612e;text-decoration: none;}
.footer ul.footer_btn li:nth-child(2) a i{background-position-y: -8px;background-position-x: -10px}
.footer ul.footer_btn li:nth-child(3) a i{background-position-y: -40px;background-position-x: -10px}
.footer ul.footer_btn li:nth-child(2) a:hover i{background-position-y: -98px;background-position-x: -10px}
.footer ul.footer_btn li:nth-child(3) a:hover i{background-position-y: -130px;background-position-x: -10px}
.footer ul.footer_btn li:nth-child(3) a i{margin-left:13px;}
.footer .center .flex-box li:first-child{margin-bottom: 15px;}
.footer .center .flex-box .language>a{margin-right: 5px;display: inline-block;}
.footer .center .flex-box .language>a>i{width: 30px;height: 23px;background: url(/images/style/language.png);}
.footer .center .flex-box .language>a:nth-child(1)>i{background-position-y: -0px;}
.footer .center .flex-box .language>a:nth-child(2)>i{background-position-y: -23px;}
.footer .center .flex-box .language>a:nth-child(3)>i{background-position-y: -46px;}
.footer .center .flex-box .language>a:nth-child(4)>i{background-position-y: -69px;}
.footer .center .flex-box .language>p{width: 155px;border-bottom: 1px solid #535353;color: #535353;padding-bottom: 5px;cursor: pointer;margin-top: 8px;}
.footer .center .flex-box .language>p>i{width: 12px;height: 6px;background: url(/images/style/arrow.png);background-position-y: -70px;float: right;margin-top: 12px;}
.footer .center select{width: 160px;height: 40px;line-height: 40px;font-size: 14px;padding: 0;}
.copyright{background:#353535;line-height:42px;}
.copyright span{display:inline-block;font-size:14px;color: #999;line-height: 42px;}
.copyright span a{color:#fff;}
.copyright span:last-child{margin: 0 auto !important;float:none;display: block;text-align: center;}
.toggle_nav{display: none;float:right;margin-top: 28px;}
/* nav */
.nav{float:right;line-height:76px;height: 76px}
.nav_bg{position:fixed;top: 0;left: 0;z-index: 5;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;}
.nav>li{float:left;font-size:16px;color:#222;margin-left:50px;cursor:pointer;line-height: 76px;margin-top: 0;margin-bottom: 0;}
.nav>li, .nav>li>a,.nav>li>a>span{font-size: 16px;font-weight: 400;}
.nav>li:hover>a,.nav>li.active>a{color: #ff612e;text-decoration: none;}
.m_content_head_box{display: none;}
/* product_main */
.product>img,.head_down>img{vertical-align:middle;margin-top:-5px;}
.product:hover .product_main,.head_down:hover .product_main,.product.active .product_main,.head_down.active .product_main{display:block;}
.product_main{position:absolute;left:0;width:100%;background:#fff;border-top:2px solid #fe9278;display:none;z-index: 999;box-shadow: 0 2px 2px 0 #dcdee0;overflow: hidden;cursor: auto;}
.product_main>ul{position:relative;background:#f7f8f9;max-width:1200px;width:100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.product_main>ul>li:first-child div{display:block}
.product_main>ul>li.active{background:#f2f3f4;color:#fd7a57}
.product_main>ul>li{background:#f7f8f9;line-height: 0px;margin: 0;}
.product_main>ul>li>span{display:-webkit-box;display:-webkit-flex;display: flex;-webkit-align-items: center;align-items: center;width:15%;position: relative;min-height: 80px;cursor: pointer;}
.product_main>ul>li>span::after{position: absolute;left: -10000px;background:#f7f8f9;height: 100%;width: 10000px;top: 0;clear: both;content: "";}
.product_main>ul>li>span>i{line-height: 24px;font-style: normal;}
.product_main>ul>li>div{position:absolute;left:15%;top:0;width:100%;padding-right:10%;box-sizing:border-box;background:#fff;overflow:hidden;display:none;height: 100%;font-size: 0;text-align: left;}
.product_main>ul>li>div div{width:20%;text-align:center;box-sizing: border-box;padding-top:15px;min-height: 156px;display: inline-block !important;vertical-align: top;}
.product_main>ul>li>div div>a{color:#555;font-size: 16px;line-height: 24px;display: block;width: 100%;}
.product_main>ul>li>div div>a:hover{color:#ff612e;}
.product_main>ul>li>div div img{display:block;margin:0 auto 6px;width: 92px}
.product_main>ul>li>div div img{transition: all .3s linear;}
.product_main>ul>li>div div:hover img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.product_down>ul>li>div div:hover img{-webkit-transform: scale(1.0);transform: scale(1.0);}
.product_down>ul>li>div div{position: relative;}
.product_down>ul>li>div div i{width: 76px;height:76px;position: absolute;top:23px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);border-radius: 10px;z-index:1;background:url(/images/home/down.png) no-repeat center center;display: none;background-color: #000;}
.product_down>ul>li>div div.h_22a2fd i{background-color: rgba(34,162,253,.75);}
.product_down>ul>li>div div.h_43455a i{background-color: rgba(67,69,90,.75);}
.product_down>ul>li>div div.h_202a42 i{background-color: rgba(32,42,66,.75);}
.product_down>ul>li>div div.h_0096e7 i{background-color: rgba(0,150,231,.75);}
.product_down>ul>li>div div.h_00cccf i{background-color: rgba(0,204,207,.75);}
.product_down>ul>li>div div.h_17cea9 i{background-color: rgba(23,206,169,.75);}
.product_down>ul>li>div div.h_0bcaa1 i{background-color: rgba(11,202,161,.75);}
.product_down>ul>li>div div.h_0b80e6 i{background-color: rgba(11,128,230,.75);}
.product_down>ul>li>div div.h_3584f0 i{background-color: rgba(53,132,240,.75);}
.product_down>ul>li>div div.h_8acb45 i{background-color: rgba(138,203,69,.75);}
.product_down>ul>li>div div.h_0075da i{background-color: rgba(0,117,218,.75);}
.product_down>ul>li>div div.h_600a9c i{background-color: rgba(96,10,156,.75);}
.product_down>ul>li>div div.h_495dbb i{background-color: rgba(73,93,187,.75);}
.product_down>ul>li>div div.h_4a41a2 i{background-color: rgba(74,65,162,.75);}
.product_down>ul>li>div div.h_0d9b61 i{background-color: rgba(13,155,97,.75);}
.product_down>ul>li>div div.h_30303c i{background-color: rgba(48,48,60,.75);}
.product_down>ul>li>div div.h_ff5840 i{background-color: rgba(255,88,64,.75);}
.product_down>ul>li>div div.h_000000 i{background-color: rgba(0,0,0,.75);}
.product_down>ul>li>div div.h_2900af i{background-color: rgba(41,0,175,.75);}
.product_down>ul>li>div div.h_f14834 i{background-color: rgba(241,72,52,.4);}
.product_down>ul>li>div div.h_2e1000 i{background-color: rgba(46,16,0,.8);}
.product_down>ul>li>div div.h_0e86ff i{background-color: rgba(14,134,255,.4);}
.product_down>ul>li>div div:hover i{display: block;}
.product_main>ul>li>div>a{position:absolute;bottom:0;right:20%;color:#ff612e}
.product_main>ul>li.active div{display:block}
.product_main>ul>li span i{padding-left: 0px;transition: padding .3s linear;}
.product_main>ul>li>span:hover i{padding-left: 20px;}
.product_main>ul>li.active span i{padding-left: 20px;}
.product_main>ul>li.active span::after{background: rgb(242, 243, 244);}
.product:hover>img,.head_down:hover>img,.product.active>img,.head_down.active>img{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.gotop{position: fixed;bottom: 30px;right: 30px;cursor: pointer;display: none;}

/*cookie*/
.usernotice_pop{width:100%;text-align:center;position: fixed;bottom:0px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;transition: all 0.3s ease;font-size:12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;font-size: 12px;}
.usernotice_pop span{cursor:pointer;border:1px solid #fff;margin:10px 5px;width:50%;padding:0 5px;color: #fff;}
/*side ads*/
#side_toggle{position: fixed;width: 273px;right:-280px;bottom:140px;z-index: 900;height: auto;}
#side_toggle.show{-webkit-animation: side_toggle_show .5s linear 0s forwards;-moz-animation: side_toggle_show .5s linear 0s forwards;-o-animation: side_toggle_show .5s linear 0s forwards;animation: side_toggle_show .5s linear 0s forwards;}
#side_toggle.fade{-webkit-animation: side_toggle_fade .5s linear 0s forwards;-moz-animation: side_toggle_fade .5s linear 0s forwards;-o-animation: side_toggle_fade .5s linear 0s forwards;animation: side_toggle_fade .5s linear 0s forwards;}
#side_toggle i{position: absolute;right: 3px;top: -35px;width: 25px;height: 25px;background:url(/images/promotion/close.png) no-repeat 0 0;cursor: pointer;}
@-webkit-keyframes side_toggle_show{0%{-webkit-transform: translateX(0px);}100%{-webkit-transform: translateX(-280px);}}
@-moz-keyframes side_toggle_show{0%{-moz-transform: translateX(0px);}100%{-moz-transform: translateX(-280px);}}
@-ms-keyframes side_toggle_show{0%{-ms-transform: translateX(0px);}100%{-ms-transform: translateX(-280px);}}
@-o-keyframes side_toggle_show{0%{-o-transform: translateX(0px);}100%{-o-transform: translateX(-280px);}}
@keyframes side_toggle_show{0%{transform: translateX(0px);}100%{transform: translateX(-280px);}}
@-webkit-keyframes side_toggle_fade{0%{-webkit-transform: translateX(-280px);}100%{-webkit-transform: translateX(0px);}}
@-moz-keyframes side_toggle_fade{0%{-moz-transform: translateX(-280px);}100%{-moz-transform: translateX(0px);}}
@-ms-keyframes side_toggle_fade{0%{-ms-transform: translateX(-280px);}100%{-ms-transform: translateX(0px);}}
@-o-keyframes side_toggle_fade{0%{-o-transform: translateX(-280px);}100%{-o-transform: translateX(0px);}}
@keyframes side_toggle_fade{0%{transform: translateX(-280px);}100%{transform: translateX(0px);}}
#side_toggle img{display: block;width:100%;margin:0 auto;}
#side_toggle a{display: block;box-sizing:border-box;border-radius: 38px;transition: all linear .3s;}
#side_toggle a:hover{-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);-o-transform: translateY(-3px);transform: translateY(-3px);box-shadow: 0 3px 6px 0 rgba(0,0,0,.18)}
#side_toggle a p{display: block;position:absolute;width: 158px;height: 34px;border-radius:34px;color:#fff;text-align: center;line-height: 32px;font-size: 18px; margin:auto;left: 0;right: 0;top: 0;bottom: 0;}
@media (max-width:1200px){
    .header{position: relative;top: 0;z-index: 15;width: 100%;}
    .header .nav .product img{display: none;}
    .center{width: 100%;padding: 0 10px;box-sizing: border-box;}
    .product_main,.head_down{display: none}
    .product:hover .product_main{display: none};
    .copyright .center{text-align: center;line-height: 20px;}
    .copyright{padding:10px 0;line-height: 20px;}
    .footer{padding-top: 50px;padding-bottom: 0px;}
    .footer ul{height: auto;float: none;margin-top: 20px;margin-right: 0px;display: block !important;}
    .footer ul.footer_btn a i{margin-top: 0px;}
    .footer>.center{display: block;}
    .footer .footer_btn li{display: block;}
    .footer .footer_btn li:nth-child(2){display: none;}
    .footer .footer_btn li:last-child{margin-top: 20px;margin-bottom: 20px;}
    .footer ul{border-bottom: 1px solid #4f4f4f;padding-bottom: 10px;width: 100%;}
    .footer ul li:first-child{margin-bottom: 10px;display: block;margin-left: 0px !important;}
    .footer ul li:first-child i{width: 13px;height: 13px;background: url(/images/style/footer-icon.png);float: right;margin-top: 8px;}
    .footer ul.active li:first-child i{background-position-y: -15px;}
    .footer ul li:last-child{margin-bottom: 6px;}
    .footer ul.active li{display: block;margin-left: 22px;}
    .footer ul li{display: none;}
    .footer .center div.flex-box:last-child ul:first-child{margin:20px 0 0;}
    .footer .center .flex-box li:nth-child(2){margin-bottom: 30px;}
    .product_main>ul{position: static;transform: translate(0,0);}
    .product_down>ul>li>div div:hover i,.product_main>ul>li:hover div{display: none;}
    .product_main>ul>li span i{padding-left: 0!important;}
    .product_main>ul>li.active span::after{background: #f7f8f9;}
    .nav .product{position: relative;z-index: 1;}
    .nav>li{position: relative;z-index: 2;}
}
@media (max-width:850px){
    .nav>li{margin-left: 40px;}
}
@media (max-width:760px){
    .common_h2{font-size:36px;line-height: 42px;}
    .header .center{padding: 0 10px;}
    .nav{display:none;position: absolute;left:0;width: 100%;z-index: 5;pointer-events: auto;top:76px;border-top: 3px solid #ff612e;}
    .nav li{float: none;width: 100%;background: #fff;line-height:50px;margin-left: 0;font-size: 20px;padding-left: 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;text-align: left;}
    .toggle_nav{display: inline-block}
    .copyright .center{text-align: center;}
    .copyright{padding:10px 0;}
    .copyright span{line-height: 20px;}
    .usernotice_pop{padding: 10px 0;}


    .footer_inner .flex_box div>a{
        display: block;
        margin: auto;
    }
   .footer_inner .language_box{
        margin-top: 10px;
    }
   .footer_inner .language_list{
        top: -20px;
        right: 0px;
    }
   .footer_inner .language_list li{
        margin-bottom: 4px;
    }
    .header .nav li.nav-special a{
        background: none;
        animation: none;
        height: 49px;
        margin: 0;
    }
    .header .nav li.nav-special span{
        color: inherit;
    }
    .footer_inner .flex_box>div{
        width: 100%;
        text-align: center;
    }
    .footer_inner .center>.flex_box>div:first-child ul>li{
        display: block;
        float: none;
        margin: 10px 0;
    }
    .footer_inner .center>.flex_box>div:first-child ul>li:last-child{
        margin-bottom: 0px;
    }
    .footer_inner .flex_box ul>li span{
        display: none;
    }
    .footer_inner .flex_box ul{
        display: inline-block;
        width: auto;
        margin: 16px auto 0;
    }
    .footer_inner .flex_box ul.language_list{
        display: none;
    }
    .footer_inner .flex_box ul>li a{
        display: block;
    }
    .footer_inner .language_box{
        width: auto;
    }
}
@media screen and (max-width: 320px){
    .logo>img{max-width: 120px;}
    .header .login_btn>a{width: auto!important;display: inline-block;padding:0 5px;}
    .header .login_btn{margin:20px 10px 0 0;}
}
/* 分享 */
#share-list{position:fixed;left:0;top:30%;overflow:hidden;}
#share-list li{width:40px;height:40px;-webkit-transition: width .3s linear;transition: width .3s linear;clear: both;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;cursor: pointer;float: left;margin: 0px !important;}
#share-list li.fb{background:#385998;}
#share-list li.tw{background:#000;}
#share-list li.ln{background:#0077b5;}
#share-list li.gmail{background:#db4437;}
#share-list li.gmail svg,#share-list li.reddit svg,#share-list li.whatsapp svg{width: 25px;height: 25px;}
#share-list li img{width: 35px;}
#share-list li.whatsapp{background:#26cf44;}
#share-list li.reddit{background:#fe4202;}
#share-list li:hover{width:54px;}
@media screen and (max-width: 1200px){
    #share-list{display: none;}
}