@charset "UTF-8";

@font-face{font-family:'anton';src:url("../font/Anton.ttf") format("truetype")}
html{margin:0;padding:0}
body{margin:0;padding:0;font-size:var(--fz16);overflow-x:hidden;font-family: Roboto, "PT Sans Narrow", Arial, sans-serif;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0}
ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;color: #16191f;}
textarea,input{font-family: Poppins, sans-serif}
img{display:block}
input,textarea{outline:none}
button{padding:0;background-color:unset;font-family: Poppins, sans-serif;border:none}
.pimg{position:relative;display:block}
.pimg img{position:absolute;width:100%;height:100%;object-fit:cover}
.nowrap{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.line_num{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
/*:root{*/
/*    --fz12:12px;*/
/*    --fz14:14px;*/
/*    --fz16:16px;*/
/*    --fz18:18px;*/
/*    --fz20:20px;*/
/*    --fz24:24px;*/
/*    --fz28:28px;*/
/*    --fz32:32px;*/
/*    --fz50:50px;*/
/*    --glow-size:#FE0467*/
/*}*/
.mainWidth{width: 1400px;margin: 0 auto;}
.w1400{margin: 0 auto;max-width: 1200px}
.flex{display: flex;}
.justify-center{justify-content: center}
.align-center{align-items: center}
.tr5{transition: all .3s}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb15{margin-bottom: 15px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.tcenter{text-align: center}
.w-100{width: 100%;}
.position-relative{position: relative}
.fw-500{font-weight: 500;}
.font-16{font-size: 1rem;}
.d-block{display: block}
img.aligncenter{display: block;margin: 0 auto}

body.overflow{overflow: hidden;height: 100%}


header .headM{display: none}
header .headPc{position: relative;z-index: 900;height: 100vh}
header .headPc .top{background-color: #222222;height: 21px;color: #888888;text-align: right;font-size: 14px;line-height: 20px;border-bottom: 1px solid #000000;font-family: Arial, Helvetica, sans-serif;}


header .headPc .fixedBox{
    /*position: fixed;*/
    top: 22px;left: 0;z-index: 900;background: rgba(255, 255, 255, 1);width: 100%;
    /*height: 165px;*/
}
header .headPc .fixedBox.none{animation: pcNavNone 1.5s forwards}
@keyframes pcNavNone {
    0%{top: 22px}
    100%{top: -100%}
}


header .headPc .fixedBox .m1{justify-content: flex-end;width: 1400px;margin: 0 auto;box-sizing: border-box}
header .headPc .fixedBox .m1 .left{}

header .headPc .fixedBox .m1 .left a{color: #000000;font-size: 14px;font-family: Roboto, "PT Sans Narrow", Arial, sans-serif;padding: 7px 8px}
header .headPc .fixedBox .m1 .left a:hover{background-color: #FFBB00;color: #394373;}


/*change*/
header .headPc .fixedBox .m1 .left{display: flex}
header .headPc .fixedBox .m1 .left .iLink{position: relative}
header .headPc .fixedBox .m1 .left .iLink a.one{color: #000000;font-size: 14px;padding: 7px 8px;}
header .headPc .fixedBox .m1 .left .iLink a.one i{margin-right: 8px;}
header .headPc .fixedBox .m1 .left .iLink a.one:hover{background-color: #FFBB00;color: #394373;}
header .headPc .fixedBox .m1 .left .iLink.drop::after{content: '';display: inline-block;border-top: 5px solid #FFBB00;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;bottom: 0;left: 50%;}

header .headPc .fixedBox .m1 .left .down{position: absolute;top: 100%;    background: rgba(0, 0, 0, 0.8);border-radius: 4px;min-width: 160px;padding: 15px 0;display: none}
header .headPc .fixedBox .m1 .left .down a{color: #FFBB00;white-space:nowrap;padding: 7px 8px;text-align: center;font-size: 14px;}
header .headPc .fixedBox .m1 .left .down a:hover{background-color: #FFBB00;color: #394373;}
/*change end*/


header .headPc .fixedBox .m1 .right{}
header .headPc .fixedBox .m1 .right .list{}
header .headPc .fixedBox .m1 .right .list .iLink{position: relative}
header .headPc .fixedBox .m1 .right .list .iLink a.one{color: #000000;font-size: 14px;padding: 7px 8px;}
header .headPc .fixedBox .m1 .right .list .iLink a.one i{margin-right: 8px;}
header .headPc .fixedBox .m1 .right .list .iLink a.one:hover{background-color: #FFBB00;color: #394373;}
header .headPc .fixedBox .m1 .right .list .iLink.drop::after{content: '';display: inline-block;border-top: 5px solid #FFBB00;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;bottom: 0;left: 50%;}
header .headPc .fixedBox .m1 .right .list .iLink.user a.one i{margin-right: unset;}
header .headPc .fixedBox .m1 .right .list .iLink.user{margin-right: 10px;}

header .headPc .fixedBox .m1 .right .list .down{position: absolute;top: 100%;    background: rgba(0, 0, 0, 0.8);border-radius: 4px;min-width: 160px;padding: 15px 0;display: none}
header .headPc .fixedBox .m1 .right .list .down a{color: #FFBB00;white-space:nowrap;padding: 7px 8px;text-align: center;font-size: 14px;}
header .headPc .fixedBox .m1 .right .list .down a:hover{background-color: #FFBB00;color: #394373;}

header .headPc .fixedBox .m1 .right .lan{display: flex;justify-content: center;align-items: center}
header .headPc .fixedBox .m1 .right .lan a{color: white;margin-left: 8px;}
header .headPc .fixedBox .m1 .right .lan a.lanItem img{}





header .headPc .fixedBox .m2{width: 1400px;margin: 20px auto;justify-content: space-between}
header .headPc .fixedBox .m2 .logo img{max-height: 55px;}
header .headPc .fixedBox .m2 .form{margin-right: 240px;}
header .headPc .fixedBox .m2 .form input{height: 45px;padding: 0 10px;margin: 0 15px;width:368px;box-sizing: border-box}
header .headPc .fixedBox .m2 .form .input{display: flex;align-items: center}
header .headPc .fixedBox .m2 .form button{width: 45px;height: 45px;background-color: #edcc42;cursor: pointer}
header .headPc .fixedBox .m2 .form button:hover{background-color: #394373;color: #FFBB00;}

header .headPc .fixedBox .m3{background-color:#edcc42;}
header .headPc .fixedBox .m3 .list a{padding: 7px 8px;color: #394373;align-items: center;font-family: Roboto, "PT Sans Narrow", Arial, sans-serif;font-size: 15px;}
header .headPc .fixedBox .m3 .list a:hover{background-color: #201b1c;color: #FFBB00;}
header .headPc .fixedBox .m3 .list a i{margin-right: 8px;}










.newTopFilter.m4{background-color: rgba(126, 126, 126, 0.70);padding: 10px 0}
.newTopFilter.m4 .left{border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 7px;}
.newTopFilter.m4 .left{align-items: center;padding: 10px 20px;}
.newTopFilter.m4 .right{border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 7px;margin-left: 10px;flex: 1;align-items: center}

.newTopFilter.m4 .left .tit,
.newTopFilter.m4 .right .tit{color: #edcc42;font-family: Arial, Helvetica, sans-serif;margin-right: 30px;font-size: 14px;}

.newTopFilter.m4 select{height: 40px;cursor: pointer;outline: none}
.newTopFilter.m4 select.two{margin-left: 20px;}
.newTopFilter.m4 .right .rightContent{align-items: center;margin-left: auto;margin-right: 20px;}
.newTopFilter.m4 .right input{height: 45px;padding: 0 10px;margin: 0;box-sizing: border-box}
.newTopFilter.m4 .right button{background-color: #edcc42;width: 45px;height: 45px;cursor:pointer}
.newTopFilter.m4 .right i{color:rgb(0, 19, 115)}
















header .headPc .bottom{
    /*padding-top: 163px;*/
    height: calc(100vh - 185px);overflow: hidden}
header .headPc .bottom .swiper-slide .text{}
header .headPc .bottom .sw_head_box{height: 100%;}
header .headPc .bottom .swiper-slide .video{height: 100%;position: relative;z-index: -1}
header .headPc .bottom .swiper-slide .video video{height: 100%;object-fit: cover;width: 100%;}

header .fa-envelope{animation: ico1Animation 2s infinite}
header .fa-phone{animation: ico2Animation 2s infinite}
header .fa-check-square{animation: ico3Animation 2s infinite}
header .fa-gift{animation: ico4Animation 2s infinite}
header .fa-bell{animation: ico5Animation 2s infinite}
header .fa-shopping-cart{animation: ico6Animation 2s infinite}
header .fa-camera-retro{animation: ico7Animation 2s infinite}




.common_m2{display: none}
.index1{background-color: #f6f6f6;padding: 20px 0}
.index1 .tit{font-size: 36px;color: #001373;}
.index1 .content{background-color: #fff;padding: 10px 0;margin-top: 10px;}
.index1 .content .boxBody{margin: 0 85px}
.index1 .content .boxBody .desc{font-size: 14px;color: #333}
.index1 .content .boxBody .list{margin-top: 20px;flex-wrap: wrap}
.index1 .content .boxBody .list .item{width: 50%;margin-top: 8px;}
.index1 .content .boxBody .list .item .text{color: #001373;font-size: 14px;}
.index1 .content .boxBody .list .item .text p{font-weight: bold;}
.index1 .content .boxBody .list .item .text span{display: block;margin-left: 5px;}

.index2{background-color: #f6f6f6;padding-bottom: 80px;}
.index2 .content{}
.index2 a.link{width: 33.333%;}
.index2 a.link .img{width: 100%;position: relative;padding-bottom: 100%}
.index2 a.link .img img{width: 100%;object-fit: cover;padding: 10px;box-sizing: border-box;position: absolute;height: 100%;top: 0;left: 0;object-fit: cover}
.index2 a.link .text{font-size: 22px;color: #001373;padding-bottom: 50px;}

.index2 a.link:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)}

footer .foot1{background-color: #fff;padding: 40px 0 0 0}
footer .foot1 .content .tit{font-size: 36px;color: #001373;}
footer .foot1 .content .list{margin-top: 15px;}
footer .foot1 .content .item{width: 33.33%;}
footer .foot1 .content .item p{font-size: 14px;color: #333;line-height: 22px;}
footer .foot1 .bottom{height: 30px;background-color: #DDDDDD;width: 100%;margin-top: 40px;}

footer .foot2{background-color: #edcc42;}
footer .foot2 .list{text-align: center;}
footer .foot2 a{color: #000000;padding: 32px 8px 31px 8px;display: inline-block;text-transform: uppercase}
footer .foot2 a:hover{background-color: #ffcc00;color: #001373}
footer .foot3{padding: 15px 0 0}
footer .foot3 img{display: block;}
footer .foot3 .copyright{font-size: 15px;}
footer .foot3 .bottom{height: 20px;background-color: #222222;color:#888888;line-height: 20px;margin-top: 50px;padding-left: 15px;font-size: 14px;}




.page_contact_m1{background-color: rgba(242, 242, 242, 0.7);padding: 20px 0}
.page_contact_m1 .topTit{font-size: 36px;color: #001373;}

.page_contact_m1 .left{width: 50%;padding-right: 20px;box-sizing: border-box}
.page_contact_m1 .left .text{line-height: 22px;;font-size: 14px;color: #333}


.page_contact_m1 .right{width: 50%;box-sizing: border-box;background-color: #dddddd;padding: 15px 0 15px 20px}
.page_contact_m1 .right .tit{font-size: 14px;color: #444}
.page_contact_m1 .right form{margin-top: 20px;}
.page_contact_m1 .right form .input{margin-top: 5px;}
.page_contact_m1 .right form .input .label{font-size: 14px;color: #444;font-weight: bold;width: 100px;}
.page_contact_m1 .right form .input input,
.page_contact_m1 .right form .input textarea{width: calc(100% - 10px);padding: 2px;margin: 0 5px;box-sizing: border-box;}
.page_contact_m1 .right form .input textarea{min-height: 80px}
.page_contact_m1 .right form .input>span{flex: 1}
.page_contact_m1 .right form .input .wpcf7-not-valid-tip{display: block}
.page_contact_m1 .right form .submitBox{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
.page_contact_m1 .right form .acceptance{font-size: 14px;color: #444444;}
.page_contact_m1 .right form input[type=submit]{padding: 15px 100px;background-color: #394373;color: #ffcc00;border: none;font-size: 20px;}

.common_m1{padding-top: 50px;background-color: rgba(242, 242, 242, 0.7);padding-bottom: 50px;}
.common_m1 .tit{font-size: 36px;color: #001373;}
.common_m1 .list{flex-wrap: wrap}
.common_m1 .list a.link{width: 16.666%;margin-top: 10px;}
.common_m1 .list a.link .linkBody{background-color: #fff;box-sizing: border-box;margin: 5px}
.common_m1 .list a.link .img{width: 100%;}
.common_m1 .list a.link .img img{width: 100%;height: 300px;object-fit: cover;padding: 10px;box-sizing: border-box}
.common_m1 .list a.link .text{font-size: 22px;color: #001373;padding-bottom: 50px;}
.common_m1 .list a.link:hover .linkBody{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)}
.common_m1 .list a.link:hover .linkBody{background-color: #f2f2f2;}


.page_faq_m1{background-color: rgba(242, 242, 242, 0.7);padding-top: 20px;}
.page_faq_m1 .content{}
.page_faq_m1 .content .tit{font-size: 36px;color: #001373;}
.page_faq_m1 .content .desc{font-size: 14px;color: #777}

.page_faq_m1 .content .menu{justify-content: center;background-color: #ffbb00;padding: 10px 0;margin: 20px 0;flex-wrap: wrap}
.page_faq_m1 .content .menu a{color: #001373;padding: 0 10px;font-size: 14px;}
.page_faq_m1 .content .menu a:not(:first-of-type){border-left: 1px solid }

.page_faq_m1 .content .list{}
.page_faq_m1 .content .list .item{margin-top: 50px;}
.page_faq_m1 .content .list .item .item_tit{font-size: 24px;color: #001373;padding: 10px 0;background-color: #ffbb00;text-align: center;font-weight: bold;}

.page_faq_m1 .content .list .faqItem:first-of-type{margin-top: 20px;}
.page_faq_m1 .content .list .faqItem .ask{font-size: 20px;color: #001373;font-weight: bold;}
.page_faq_m1 .content .list .faqItem .answer{font-size: 14px;color: #777;line-height: 22px;margin-top: 5px;}

.page_faq_m1 .content .list .faqItem{margin-top: 10px;}

.list_new_1{background-color: rgba(242, 242, 242, 0.7);padding-top: 20px;}
.list_new_1 .tit{font-size: 36px;color: #001373;}
.list_new_1 .list{}
.list_new_1 .list .item{margin-top: 20px;}
.list_new_1 .list .item .top{font-size: 15px;color: #001373;font-weight: bold;}
.list_new_1 .list .item .body{color: #777;font-size: 14px;margin: 10px 0}
.list_new_1 .list .item a.link{font-size: 14px;color: #001373}
.list_new_1 .list .item a.link:hover{border-bottom: 1px solid #001373}



.search_page_box{background-color: rgba(242, 242, 242, 0.7);padding-top: 20px;}
.search_page_box .tit{font-size: 36px;color: #001373;}
.search_page_box .list{flex-wrap: wrap}
.search_page_box .list a.link{width: 25%;margin-top: 10px;}
.search_page_box .list a.link .linkBody{background-color: #fff;box-sizing: border-box;margin: 5px}
.search_page_box .list a.link .img{width: 100%;}
.search_page_box .list a.link .img img{width: 100%;height: 300px;object-fit: cover;padding: 10px;box-sizing: border-box}
.search_page_box .list a.link .text{font-size: 22px;color: #001373;padding-bottom: 50px;}
.search_page_box .list a.link:hover .linkBody{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)}
.search_page_box .list a.link:hover .linkBody{background-color: #f2f2f2;}





.list_brand{background-color: rgba(242, 242, 242, 0.7);padding-top: 20px;}
.list_brand .tit{font-size: 36px;color: #001373;}
.list_brand .list{flex-wrap: wrap;margin-top: 10px;}
.list_brand .list a.item{width: 25%;}
.list_brand .list a.item p{color:#394373;font-family:'PT Sans Narrow',Arial,sans-serif;font-size:15px;font-weight:bold;box-shadow:0px 0px 10px 2px rgba(30,90,98,0.1);border:solid 1px #dddddd;padding:15px 0;box-sizing:border-box;text-align:center;margin:5px}
.list_brand .list a.item:hover p{background-color: #ffbb00;color: #001373;}






.single_new_1{background-color: rgba(242, 242, 242, 0.7);padding-top: 20px;}
.single_new_1 .tit{font-size: 36px;color: #001373;}
.single_new_1 .body{margin-top: 30px;color: #777}
.single_new_1 .body img.aligncenter{display: block;margin: 0 auto}


.page_default{background-color: rgba(242, 242, 242, 0.7);padding-top: 20px;}
.page_default .tit{font-size: 36px;color: #001373;}
.page_default .body{color: #777;padding-top: 30px;font-size: 14px;line-height: 25px;}
.page_default .body img.aligncenter{display: block;margin: 0 auto}


.product_list_1{
    /*background-color: #333333;*/
    padding-top: 20px;padding-bottom: 20px;}
.product_list_1 .content{width: 100%;}
.product_list_1 .left{width: 313px;
    background-color: #454545;
    box-shadow:-10px 0 15px rgba(0, 0, 0, 0.2), 10px 0 15px rgba(0, 0, 0, 0.2);
}
.product_list_1 .left .topTit{color: #ffbb00;font-size: 22px;text-align: center;padding: 15px;box-sizing: border-box;border-bottom: 1px solid #3b3b3b}
.product_list_1 .left .list{background-color: rgb(53, 53, 53);padding: 30px 0;}

.product_list_1 .left .list .item{background-color: #454545;width: 90%;margin: 0 auto;padding: 10px;box-sizing: border-box}
.product_list_1 .left .list .item .tit{font-size: 14px;color: #999}
.product_list_1 .left .list .item .select{margin-top: 10px;}
.product_list_1 .left .list .item .select select{width: 100%;padding: 10px 0;outline: none}
.product_list_1 .left .list .item .view a{color: white;font-size: 13px;padding: 8px 0}

.product_list_1 .left .searchBtn{margin: 30px 0;}
.product_list_1 .left .searchBtn button{background-color: #ffbb00;color: white;font-size: 30px;padding: 5px 30px;cursor: pointer;box-shadow: 3px 3px 9px 0 rgba(0, 0, 0, 0.7);text-shadow: 0 0 3px #0000}
.product_list_1 .left .searchBtn button:hover{background-color: #001373;color: #ffbb00}

.product_list_1 .left .searchBtn{width: 100%;}
.product_list_1 .left .left_form .input{width: 100%;margin: 0 auto}
.product_list_1 .left .left_form .input input{margin: 0;padding: 8px 20px;box-sizing: border-box;width: 100%;}
.product_list_1 .left .left_form button{width: 100%;margin-top: 20px;}

.product_list_1 .right{width: 0;flex: 1;margin-left: 30px;overflow: hidden;}
.product_list_1 .right .swiper-slide img{width: 100%;}
.product_list_1 .right .top{position: relative}
.product_list_1 .right .top .swiper-pagination span{width: 12px;height: 12px;}
.product_list_1 .right .top .swiper-pagination-bullet-active{background-color: #ffbb00;}



.product_list_1 .right .proM1 .tit{font-size: 36px;color: #ffbb00;}
.product_list_1 .right .proM1 .litTit{color: #999999;font-size: 14px;}
.product_list_1 .right .proM1 .list{flex-wrap: wrap;margin-top: 15px;}
.product_list_1 .right .proM1 .item{width: 33.333%;}
.product_list_1 .right .proM1 .item a{display: block;padding: 15px 0;background-color: #ffbb00;color: #fff;font-size: .9rem;margin: 5px}
.product_list_1 .right .proM1 .item a:hover{background-color: #fff;color: #ffcc00;box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}




.product_list_1 .right .proM2 .tit{font-size: 36px;color: #ffbb00;}
.product_list_1 .right .proM2 .hadTit{color: #999999;font-size: 14px;margin-top: 5px;}
.product_list_1 .right .proM2 .hadTit .hadT:not(:first-of-type){margin-left: 10px;}
.product_list_1 .right .proM2 .litTit{color: #999999;font-size: 14px;margin-top: 10px;}
.product_list_1 .right .proM2 .list{flex-wrap: wrap;margin-top: 15px;}
.product_list_1 .right .proM2 .item{width: 20%;}
.product_list_1 .right .proM2 .item a{display: block;padding: 15px 0;background-color: #222222;color: #ffcc00;font-size: .9rem;margin: 5px}
.product_list_1 .right .proM2 .item a:hover{background-color: #ffcc00;color: #0d0a0a}



.product_list_1 .right .proM3 .tit{font-size: 36px;color: #ffbb00;}
.product_list_1 .right .proM3 .hadTit{color: #999999;font-size: 14px;margin-top: 5px;}
.product_list_1 .right .proM3 .hadTit .hadT:not(:first-of-type){margin-left: 10px;}
.product_list_1 .right .proM3 .litTit{color: #999999;font-size: 14px;margin-top: 10px;}
.product_list_1 .right .proM3 .list{}
.product_list_1 .right .proM3 .list .item{border-top: 1px solid #000}
.product_list_1 .right .proM3 .list .two{margin-left: 60px;}
.product_list_1 .right .proM3 .list .two_item{border-top: 1px solid #000}
.product_list_1 .right .proM3 .list .item .m3_left .img img{width: 60px;height: 60px;}
.product_list_1 .right .proM3 .list .item .m3_right{display: flex;flex-direction: column;justify-content: center;margin-left: 8px;}
.product_list_1 .right .proM3 .list .item .m3_right .product_name{font-size: .65rem;color: #f4b500}
.product_list_1 .right .proM3 .list .item .m3_right .product_model{font-size: .75rem;color: #f4b500}
.product_list_1 .right .proM3 .list .item .m3_right .product_number{font-size: .65rem;color: #f4b500}
.product_list_1 .right .proM3 .list .item .m3_right .showText{font-size: .65rem;color: #f4b500;position: relative;cursor: pointer}
.product_list_1 .right .proM3 .list .item .m3_right .showText::before{content: '';display: inline-block;border-top: 5px solid red;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-right: 5px;}




.product_list_1 .right .proM4 .tit{font-size: 36px;color: #ffbb00;}
.product_list_1 .right .proM4 .hadTit{color: #999999;font-size: 14px;margin-top: 5px;}
.product_list_1 .right .proM4 .hadTit .hadT:not(:first-of-type){margin-left: 10px;}
.product_list_1 .right .proM4 .litTit{color: #999999;font-size: 14px;margin-top: 10px;}
.product_list_1 .right .proM4 .litTit.price{color: #FFCC00;font-size: 14px;margin-top: 10px;font-weight: bold;}
.product_list_1 .right .proM4 .body{color: #999999;margin-top: 30px;}

.product_list_1 .right .proM4 .bottomBody{font-size: 14px;color: #999999;margin-top: 20px;}
.product_list_1 .right .proM4 .fileBox{margin-top: 30px;}
.product_list_1 .right .proM4 .fileBox .fileTit{color: #999999;}
.product_list_1 .right .proM4 .fileBox .title{color: #999999;}
.product_list_1 .right .proM4 .fileBox .title span{color: #FFCC00;font-weight: bold;}

.product_list_1 .right .proM4 .fileBox .trip a{color: #999999;background: #001373;border-radius: 10px;padding:10px 20px;display: inline-block;margin-top: 10px;}


.product_list_1 .right .proM4 .btnArr{margin-top: 15px;}
.product_list_1 .right .proM4 .buyBtn button{background-color: #FFCC00;color: #001373;padding: 10px 20px;display: inline-block;cursor: pointer;font-size: 16px;font-weight: bold;text-transform: uppercase}
.product_list_1 .right .proM4 .buyBtn button:hover{background-color: rgba(0, 19, 115, 0.8);color: #FFCC00;}
.product_list_1 .right .proM4 .btnLink a{background-color: #FFCC00;padding: 10px 20px;font-weight: bold;color: #001373;margin-left: 10px;font-size: 16px;text-transform: uppercase}
.product_list_1 .right .proM4 .btnLink a:hover{background-color: #001373;color: #FFCC00;}

.product_list_1 .right .proM4 .fileBox .down{background-color: #FFCC00;color: #001373;padding: 10px 20px;display: inline-block;margin-top: 10px;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.product_list_1 .right .proM4 .fileBox .down:hover{background-color: rgba(0, 19, 115, 0.8);color: #FFCC00;}




/*new single*/
.single_m1{background-color: #333333;}
.single_m1 .content{padding: 50px 0}
.single_m1 .content .left{width: 350px;overflow: hidden}

.single_m1 .paginationBox .swiper-pagination_sw1{text-align: center}



.single_m1 .newFileBox{}
.single_m1 .newFileBox .top{display: flex;border-bottom: 1px solid rgba(0, 19, 115, 0.8)}
.single_m1 .newFileBox .top .tab{color:#fff;padding: 10px 20px;cursor: pointer}
.single_m1 .newFileBox .top .tab.active{background-color: rgba(0, 19, 115, 0.8);}
.single_m1 .tabBody{padding: 20px 0;display: none;position: relative}
.single_m1 .tabBody a{position: absolute;color: #999999;background: #001373;border-radius: 10px;padding:10px 20px;display: inline-block;margin-top: 10px;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.single_m1 .tabBody .img{max-width: 500px;position: relative}
.single_m1 .tabBody img{max-width: 100%}
.single_m1 .tabBody.active{display: block;}

.single_m1 .content .left .slideBox{width: 350px;height: 350px;}
.single_m1 .content .left .slideBox .img{width: 100%;height: 100%;object-fit: cover}
.single_m1 .content .left .slideBox img{width: 100%;height: 100%;object-fit: cover}
.single_m1 .content .right{width: 0;flex:1;margin-left: 30px;}

.single_m1 .tit{font-size: 36px;color: #ffbb00;}
.single_m1 .hadTit{color: #999999;font-size: 14px;margin-top: 5px;}
.single_m1 .hadTit .hadT:not(:first-of-type){margin-left: 10px;}
.single_m1 .litTit{color: #999999;font-size: 14px;margin-top: 10px;}
.single_m1 .litTit.price{color: #FFCC00;font-size: 14px;margin-top: 10px;font-weight: bold;}
.single_m1 .body{color: #999999;margin-top: 30px;}

.single_m1 .bottomBody{font-size: 14px;color: #999999;margin-top: 20px;}
.single_m1 .fileBox{margin-top: 30px;}
.single_m1 .fileBox .fileTit{color: #999999;}
.single_m1 .fileBox .title{color: #999999;}
.single_m1 .fileBox .title span{color: #FFCC00;font-weight: bold;}

.single_m1 .fileBox .trip a{color: #999999;background: #001373;border-radius: 10px;padding:10px 20px;display: inline-block;margin-top: 10px;}
.single_m1 .subscribe a{background-color: #FFCC00;padding: 10px 20px;font-weight: bold;color: #001373;font-size: 16px;text-transform: uppercase;display: inline-block;margin-top: 15px;}
.single_m1 .subscribe a:hover{background-color: #001373;color: #FFCC00;}


.single_m1 .btnArr{margin-top: 15px;}
.single_m1 .buyBtn button{background-color: #FFCC00;color: #001373;padding: 10px 20px;display: inline-block;cursor: pointer;font-size: 16px;font-weight: bold;text-transform: uppercase}
.single_m1 .buyBtn button:hover{background-color: rgba(0, 19, 115, 0.8);color: #FFCC00;}
.single_m1 .btnLink a{background-color: #FFCC00;padding: 10px 20px;font-weight: bold;color: #001373;margin-left: 10px;font-size: 16px;text-transform: uppercase}
.single_m1 .btnLink a:hover{background-color: #001373;color: #FFCC00;}

.single_m1 .fileBox .down{background-color: #FFCC00;color: #001373;padding: 10px 20px;display: inline-block;margin-top: 10px;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.single_m1 .fileBox .down:hover{background-color: rgba(0, 19, 115, 0.8);color: #FFCC00;}



.fa-14{font-size: 19px;}
@keyframes ico1Animation {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    100%, 36% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ico2Animation {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }
    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }
    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }
    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }
    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    100%, 20% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes ico3Animation {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@keyframes ico4Animation {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}
@keyframes ico5Animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-8deg);
        transform: scale(.9) rotate(-8deg);
    }
    30%, 50%, 70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }
    40%, 60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }
    100%, 80% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes ico6Animation {
    0% {

        opacity: .8;
    }
    50% {

        opacity: 1;
    }
    100% {

        opacity: 0;
    }
}

@keyframes ico7Animation {
    0% {

        opacity: .8;
    }
    20% {

        opacity: 1;
    }
    40% {

        opacity: 0;
    }
    60% {

        opacity: 1;
    }
    80% {

        opacity: 0;
    }
    100% {

        opacity: 1;
    }
}




.page_subscription_m1{padding:50px 0}
.page_subscription_m1 .content{font-family: 'PT Sans Narrow', Arial,sans-serif;}


.page_subscription_m1 .planBox{}
.page_subscription_m1 .planBox .title{font-family: 'PT Sans Narrow', Arial,sans-serif;margin-top: 30px;font-weight: bold;font-size: 24px;}
.page_subscription_m1 .planBox .list{margin-top: 20px;}
.page_subscription_m1 .planBox .item{border:5px solid #93B3E7;border-radius: 10px;width: 230px;}
.page_subscription_m1 .planBox .item.payBox{margin-left: 50px;}
.page_subscription_m1 .planBox .top{background-color: lightsteelblue;color:#314B94;text-align: center;padding: 15px 0;font-family: 'PT Sans Narrow', Arial,sans-serif;font-size: 25px;}
.page_subscription_m1 .planBox .text{font-family: 'PT Sans Narrow', Arial,sans-serif;padding: 20px;box-sizing: border-box;}
.page_subscription_m1 .planBox .text p:not(:first-of-type){margin-top: 15px;}

.page_subscription_m1 .planBox .item.payBox form{}
.page_subscription_m1 .planBox .item.payBox .payTit{display: block;font-family: 'PT Sans Narrow', Arial,sans-serif;}
.page_subscription_m1 .planBox .item.payBox form{}
.page_subscription_m1 .planBox .item.payBox input{cursor: pointer}
.page_subscription_m1 .planBox .item.payBox .payList{margin-top: 20px;}
.page_subscription_m1 .planBox .item.payBox label.priceList{cursor: pointer}
.page_subscription_m1 .planBox .item.payBox input[type=radio]{}
.page_subscription_m1 .planBox .item.payBox input[type=submit]{background-color: #3E5DBC;color:#fff;display: block;padding: 15px 0;width: 100%;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(90,142,255)),color-stop(0.63, rgb(44,65,148)));border: none;margin-top: 15px;font-family: 'PT Sans Narrow', Arial,sans-serif;font-size: 22px;}



/*change for single*/

.single_new_m1{font-family: Roboto, "PT Sans Narrow", Arial, sans-serif;margin-top: 50px;}
.single_new_m1 .content{display: flex;}
.single_new_m1 .content .left{width: 60%;}
.single_new_m1 .content .right{width: 0;flex: 1}
.single_new_m1 .content .left .left_content{overflow: hidden;display: flex;align-items:start;height: 660px;}
.single_new_m1 .content .left .left_content .l_sw{height: 650px;}

.single_new_m1 .content .left .preview .swiper-slide{width: 95%;margin: 0 auto}
.single_new_m1 .content .left .preview .swiper-slide img{padding: 0;border: 1px solid transparent;width: 96%;height: 96%;object-fit: cover}
.single_new_m1 .content .left .preview .swiper-slide.active_nav img {padding: 0;border: 1px solid #F00;}
.single_new_m1 .content .left .left_content .r_sw{margin-left: 30px;}

.single_new_m1 .content .left .left_content .swiper-container{height: 650px;overflow: hidden}
.single_new_m1 .pc-slide{width:660px;overflow: hidden;}
.single_new_m1 .view .swiper-container{width:660px;height:660px}
.single_new_m1 .view .swiper-container img{width:660px;height:660px;object-fit: cover}

.single_new_m1 .content .right>.tit{font-size: 20px;}
.single_new_m1 .content .right>.desc{padding: 20px 0;border-top: 1px solid #efefef;margin: 20px 0;border-bottom: 1px solid #efefef;line-height: 1.4rem;}
.single_new_m1 .content .right>.priceBox{display: flex;font-weight: bold;font-size:20px;}
.single_new_m1 .content .right>.priceBox .number{margin-left: 8px;}
.single_new_m1 .content .right>.quantityBox{display: flex;margin-top: 15px;}
.single_new_m1 .content .right>.quantityBox .text{margin-right: 8px;}
.single_new_m1 .content .right>.quantityBox input{width: 45px;text-align: center;border: 1px solid #efefef;border-radius: 4px}

.single_new_m1 .content .right>.buttonBox{margin-top: 15px;}
.single_new_m1 .content .right>.buttonBox a,
.single_new_m1 .content .right>.buttonBox button{display: block;width: 100%;border: 1px solid #efefef;border-radius: 4px;text-align: center;margin-top: 10px;padding: 10px 0;cursor: pointer;font-size: 14px;}
.single_new_m1 .content .right>.buttonBox button.single_checkout{background-color: #edcc42;color: white;}


.single_new_m1 .content .right>.bottomBox .text_list,
.single_new_m1 .content .right>.bottomBox .delivery,
.single_new_m1 .content .right>.bottomBox .returns,
.single_new_m1 .content .right>.bottomBox .payments{display: flex;margin-top: 15px;}

.single_new_m1 .content .right>.bottomBox .text_list .title,
.single_new_m1 .content .right>.bottomBox .delivery .title,
.single_new_m1 .content .right>.bottomBox .returns .title,
.single_new_m1 .content .right>.bottomBox .payments .title{white-space: nowrap;margin-right: 8px;width: 75px;}

.single_new_m1 .content .right>.bottomBox .list,
.single_new_m1 .content .right>.bottomBox .text{width: 0;flex:1;}
.single_new_m1 .content .right>.bottomBox .returns .text{display: flex}
.single_new_m1 .content .right>.bottomBox .text_list a{text-decoration: underline}

.single_new_m1 .content .right>.bottomBox .text_list .one{color: red;font-weight: bold;}

.single_new_m1 .content .right>.bottomBox .payments .list{display: flex;align-items: center}
.single_new_m1 .content .right>.bottomBox .payments img{width: 40px;border: 1px solid #222222;margin-right: 5px;}

.single_new_m3 .fileBox{margin-top: 20px;}
.single_new_m3 .fileBox .trip a{color: #999999;background: #001373;border-radius: 10px;padding:10px 20px;display: inline-block;margin-top: 10px;}
.single_new_m3 .subscribe a{background-color: #FFCC00;padding: 10px 20px;font-weight: bold;color: #001373;font-size: 16px;text-transform: uppercase;display: inline-block;margin-top: 15px;}
.single_new_m3 .subscribe a:hover{background-color: #001373;color: #FFCC00;}


.single_new_m2,
.single_new_m3{font-family: Roboto, "PT Sans Narrow", Arial, sans-serif;margin-top: 50px;}
.single_new_m2.last{padding-bottom: 80px;}




.single_new_m3{margin: 50px 0}
.single_new_m3 .content>.title,
.single_new_m2 .content>.title{font-size: 26px;font-weight: bold;}

.single_new_m2 .content>.body{margin-top: 20px;line-height: 1.5rem;}
.single_new_m3 .tabBody .img{position: relative;display: inline-block;margin-top: 20px;}
.single_new_m3 .tabBody a{position: absolute;color: #999999;background: #001373;border-radius: 10px;padding:10px 20px;display: inline-block;margin-top: 10px;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.single_new_m3 .tabBody .img img{max-width: 100%}

.common_m1.list_video .list a.link{width: 33.333%;margin-top: 10px;}
.single_new_1.video_single iframe{width: 80%;margin:0 auto;height: 600px;display: block}