@font-face{
    font-family:fradm;
    src:url(../fonts/FRADM.TTF) format('truetype');
    font-weight:400;
    font-style:normal
}
 @font-face{
    font-family:frabk;
    src:url(../fonts/FRABK.TTF) format('truetype');
    font-weight:400;
    font-style:normal
}
 body{
    font-family:frabk;
    max-width:1920px;
    margin:0 auto
}
 .over{
    overflow:hidden
}
 .trans{
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
 .imgZoom img{
    transition:all .4s;
    -webkit-transition:all .4s
}
 .imgZoom img:hover{
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1)
}
 .hoverBtn{
    cursor:pointer;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
 .hoverBtn:hover{
    background-color:#b2b2b2!important;
    border-color:#b2b2b2!important;
    color:#fff!important
}
 .nowrap{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
 .line-1{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .line-2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .line-3{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
 .line-4{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
 .line-5{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical
}
 .line-6{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical
}
 .line-7{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical
}
 .ellip2{
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden
}
 .swiper-pagination-bullet-active{
    background:#064491!important
}
 .auto-container{
    width:1400px;
    margin-left:auto;
    margin-right:auto
}
 .top-search-overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000;
    z-index:100;
    opacity:.8;
    display:none
}
 .site-nav{
    max-width:1920px;
    position:fixed;
    width:100%;
    z-index:50;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    background:url(../images/head-bg.png) no-repeat center bottom;
    height:262px
}
 .site-nav .nav-mian:hover{
    background:0 0;
    background-color:#fff;
    height:102px
}
 .site-nav .auto-container .head .slogan{
    color:#fff
}
 .site-nav .nav-mian:hover .head .language_head{
    color:#222
}
 .site-nav .nav-mian:hover .head .language_head .t{
    background:url(../images/jt1.png) no-repeat right center
}
 .site-nav .nav-mian:hover .head .navbox li a{
    color:#333
}
 .site-nav .nav-mian:hover .head .navbox li a:hover{
    color:#064491
}
 .site-nav .nav-mian:hover .head .top_search .language_head img{
    filter:brightness(0)
}
 .site-nav .nav-mian:hover .head .top_search .icosearch img{
    filter:brightness(0)
}
 .site-nav .nav-mian:hover .head .top_search .head_email{
    border:1px solid #222
}
 .site-nav .nav-mian:hover .head .slogan{
    color:#222
}
 .site-nav.scrollHead{
    background:0 0;
    background-color:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    height:102px
}
 .site-nav.scrollHead .head .slogan{
    color:#222
}
 .site-nav.scrollHead .head .language_head{
    color:#222
}
 .site-nav.scrollHead .head .language_head .t{
    background:url(../images/jt1.png) no-repeat right center
}
 .site-nav.scrollHead .head .navbox li a{
    color:#222
}
 .site-nav.scrollHead .head .top_search .language_head img{
    filter:brightness(0)
}
 .site-nav.scrollHead .head .top_search .icosearch img{
    filter:brightness(0)
}
 .site-nav.scrollHead .head .top_search .head_email{
    border:1px solid #222
}
 .site-nav.scrollHead .navbtn i{
    background-color:#000
}
 .site-nav .auto-container{
    width:94%;
    max-width:1720px
}
 .head{
    position:relative;
    display:flex;
    justify-content:space-around;
    align-items:center
}
 .head .logo{
    position:relative;
    z-index:10;
    line-height:98px;
    float:left
}
 .head .logo a{
    display:block
}

 .head .logo .logoImg:nth-child(1),.site-nav .nav-mian:hover .head .logoImg:nth-child(2),.site-nav.scrollHead .head .logoImg:nth-child(2){
    display:none
}
 .head .logo .logoImg:nth-child(2),.site-nav .nav-mian:hover .head .logoImg:nth-child(1),.site-nav.scrollHead .head .logoImg:nth-child(1){
    display:inline-block
}
 .head .slogan{
    width:310px;
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    font-size:20px;
    line-height:24px;
    margin-left:15px;
    font-family:fradm
}
 .head .navBar{
    float:right;
    opacity:1;
    transform-origin:left center
}
 .head .navbox li{
    display:inline-block;
    margin:0 20px;
    line-height:100px;
    vertical-align:top
}
 .head .navbox li.active .stair>a{
    color:#064491;
    border-bottom:1px solid #064491
}
 .head .navbox li:hover .stair>a{
    color:#064491;
    border-bottom:1px solid #064491
}
 .head .navbox li .a{
    display:inline-block;
    color:#fff;
    font-size:18px;
    padding:0;
    text-transform:uppercase;
    font-family:fradm
}
 .head .navbox li .a .mobile-navbtn{
    position:absolute;
    top:10px;
    right:0;
    margin:auto;
    font-size:20px;
    width:20px;
    height:20px;
    transition:.3s
}
 .head .navbox li .a .mobile-navbtn.open{
    transform:rotate(90deg)
}
 .head .navbox li .a .mobile-navbtn::before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:10px;
    height:10px;
    border-right:2px solid #555;
    border-bottom:2px solid #555;
    transform:rotate(45deg)
}
 .head .top_search{
    position:relative;
    float:right;
    padding-left:0;
    line-height:92px;
    margin-left:10px;
    cursor:pointer
}
 .head .top_search .icosearch{
    display:inline-block;
    vertical-align:middle;
    width:39px;
    height:39px;
    border-radius:50%;
    line-height:1;
    position:relative
}
 .head .top_search .icosearch img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:100%
}
 .head .top_search .head_email{
    width:122px;
    height:40px;
    margin-left:10px;
    border-radius:20px;
    border:1px solid #fff;
    background-color:#fff;
    color:#222;
    display:inline-block;
    vertical-align:middle;
    line-height:38px;
    text-align:center;
    font-size:16px
}
 .head .top_search .head_email img{
    margin-right:6px
}
 .head .top_search img{
    vertical-align:middle
}
 .head .top_search .start_search{
    margin-left:20px
}
 .head .top_search .search_con2{
    position:absolute;
    right:22px;
    top:26px;
    height:50px;
    z-index:100;
    transform:scale3d(0,0,0);
    transform-origin:right center;
    transition:all .5s;
    opacity:0;
    width:500px;
    opacity:1
}
 .head .top_search .search_con2 .search-input{
    width:380px;
    float:left;
    height:48px;
    line-height:48px;
    overflow:hidden;
    border:1px solid #d4d4d4;
    border-radius:5px;
    font-size:16px;
    padding-left:20px;
    background:#fff
}
 .head .top_search .search_con2 .input1{
    height:48px;
    line-height:48px;
    background:0 0;
    border:0;
    width:calc(100% - 57px);
    float:left;
    outline:0;
    font-size:16px;
    color:#666;
    font-family:"微软雅黑"
}
 .head .top_search .search_con2 .bnts{
    float:right;
    width:56px;
    height:48px;
    background:url(../images/head_pic3.png) center center no-repeat;
    margin-right:1px;
    cursor:pointer;
    border:none;
    outline:0
}
 .head .top_search .search_con2 .moblie-search-close{
    position:absolute;
    top:10px;
    right:15px;
    width:30px;
    height:30px;
    background:url(../images/c10.png) center center no-repeat;
    background-size:100%
}
 .sub{
    width:1400px;
    display:none;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:100%;
    background-color:#fff;
    padding-bottom:30px;
    padding-left:70px;
    padding-top:40px;
    padding:40px
}
 .sub .s-menu{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content:flex-start
}
 .sub>dl dd{
    width:15%;
    margin-right:2%;
    position:relative;
    display:inline-block;
    vertical-align:top;
    line-height:1.6;
    font-size:16px
}
 .sub>dl dd:nth-child(6n){
    margin-right:0
}
 .sub>dl dd .mobile-navbtn{
    display:none;
    position:absolute;
    top:8px;
    right:15px;
    margin:auto;
    font-size:20px;
    width:20px;
    height:20px;
    transition:.3s
}
 .sub>dl dd .mobile-navbtn.open{
    transform:rotate(90deg)
}
 .sub>dl dd .mobile-navbtn:after{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:10px;
    height:10px;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    transform:rotate(45deg)
}
 .sub>dl dd .text{
    margin-top:20px;
    vertical-align:middle;
    color:#222;
    font-size:16px;
    font-family:fradm;
    max-width:100%;
    white-space:normal;
    min-height:58px
}
 .sub>dl dd .t-menu{
    width:100%;
    left:0;
    top:100%;
    display: none;
}
 .sub>dl dd .t-menu li{
    display:block;
    box-sizing:border-box;
    line-height:40px;
    margin:0;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
 .sub>dl dd .t-menu li:hover{
    text-decoration:underline;
    padding-left:14px;
    background:url(../images/nav-dots.png) no-repeat center left
}
 .sub>dl dd .t-menu li:hover a{
    color:#222
}
 .sub>dl dd .t-menu li a{
    display:block;
    font-size:18px;
    color:#222
}
 .sub>dl a{
    color:#333;
    white-space:nowrap
}
 .sub>dl a img{
    max-width:100%;
    max-height:196px;
    min-height:196px;
    object-fit:cover;
    width:100%
}
 .scrollHead{
    position:fixed;
    top:0;
    z-index:999;
    background-color:#130f0e
}
 #showopen .top_search .search_con2{
    opacity:1;
    transform:scale3d(1,1,1)
}
 #showopen .head .navBar{
    opacity:0;
    transform:scale3d(0,0,0)
}
 #showopen .head .top_search img{
    opacity:0
}
 #showopen .head .top_search .head_email{
    opacity:0
}
 .language_head{
    display:inline-block;
    vertical-align:middle;
    font-size:20px;
    color:#fff;
    line-height:80px;
    padding-left:4px;
    position:relative;
    margin-right:8px
}
 .language_head .t{
    display:block;
    padding-right:10px;
    background:url(../images/jt2.png) no-repeat right center
}
 .language_head .aBox{
    border:1px solid #dfdfdf;
    text-align:center;
    opacity:0;
    margin-top:-10px;
    position:absolute;
    right:0;
    top:80%;
    background:#fff;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transition:opacity .3s,margin .3s;
    -webkit-transition:opacity .3s,margin .3s;
    -ms-transition:opacity .3s,margin .3s;
    -moz-transition:opacity .3s,margin .3s;
    -o-transition:opacity .3s,margin .3s
}
 .language_head .aBox::before{
    position:absolute;
    left:0;
    bottom:100%;
    content:"";
    width:100%;
    height:5px;
    background:url(../images/jt4.png) no-repeat center
}
 .language_head .aBox a{
    display:block;
    font-size:14px;
    line-height:20px;
    color:#888;
    padding:7px 10px;
    white-space:nowrap
}
 .language_head:hover .aBox{
    margin-top:0;
    opacity:1;
    z-index:2;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1)
}
 .M_search{
    display:none;
    position:fixed;
    z-index:1000;
    top:0;
    width:100%;
    height:58px;
    background-color:red;
    box-sizing:border-box
}
 .M_search .mInp1{
    width:100%;
    height:100%;
    border:0;
    box-sizing:border-box;
    outline:0;
    padding:10px;
    padding-right:74px;
    font-size:15px;
    color:#666
}
 .M_search .mInp1::placeholder{
    color:#999
}
 .M_search .m_search_btn{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:80px;
    background-color:#222;
    border:0;
    outline:0;
    text-align:center;
    cursor:pointer
}
 .M_search .m_search_btn img{
    display:inline-block
}
 .nav-pop{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    z-index:990;
    display:none
}
 .site-nav{
    z-index:999
}
 .footer{
    position:relative;
    z-index:3;
    background-color:#222
}
 .footer .footer_content{
    padding-top:60px;
    padding-bottom:40px
}
 .footer dl{
    transition:all .3s ease 0s;
    padding-left:7%;
    float:left;
    color:#999
}
 .footer dl dt{
    margin-bottom:22px;
    font-size:20px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase
}
 .footer dl dd{
    margin-bottom:20px;
    line-height:24px;
    font-size:18px;
    color:#999
}
 .footer dl dd p{
    width:254px;
    word-wrap:break-word;
    line-height:24px
}
 .footer dl dd a{
    color:#999;
    text-decoration:none
}
 .footer dl dd a:hover{
    color:#fff
}
 .footer .contact-us{
    padding-right:0;
    float:right
}
 .footer .contact-us img{
    max-width:144px
}
 .footer .contact-us dd{
    line-height:28px;
    color:#999
}
 .footer .contact-us .dd1{
    font-size:15px
}
 .footer .contact-us .dd2{
    font-size:30px;
    letter-spacing:-3px
}
 .footer .contact-us .dd3{
    margin-top:16px;
    font-size:13px;
    color:#999
}
 .footer .foot_add{
    width:414px;
    padding-left:0;
    padding-right:0;
    border-right:1px solid #3a3a3a
}
 .footer .foot_add dd{
    max-width:340px;
    margin-bottom:8px;
    position:relative;
    line-height:24px
}
 .footer .foot_add dd>img{
    position:absolute;
    left:0;
    top:2px;
    max-width:26px
}
 .footer .foot_add .jk_div{
    padding-left:33px;
    line-height:24px
}
 .footer .f_link_letter{
    float:right;
    padding-left:0
}
 .footer .f_link_letter .email_inp{
    position:relative;
    width:100%
}
 .footer .f_link_letter .email_inp .inp_text{
    width:100%;
    height:40px;
    border:1px solid #444;
    background-color:transparent;
    outline:0;
    padding-left:50px;
    padding-right:10px;
    box-sizing:border-box;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
 .footer .f_link_letter .email_inp .inp_text:focus{
    border-color:#c7262e
}
 .footer .f_link_letter .email_inp .send_email_btn{
    position:absolute;
    height:40px;
    width:40px;
    top:0;
    left:0;
    background-color:#c7262e;
    border:0;
    outline:0
}
 .footer .f_link_letter .email_inp .send_email_btn img{
    margin-bottom:5px
}
 .friends_links{
    position:relative;
    width:100%;
    background-color:#222;
    border-top:1px solid #141312;
    padding:0 20px;
    box-sizing:border-box
}
 .friends_links:after{
    content:'';
    display:block;
    width:100%;
    height:1px;
    background-color:#49443f;
    position:absolute;
    top:0;
    left:0
}
 .friends_links a{
    line-height:58px;
    font-size:14px;
    color:#fff;
    margin-right:57px
}
 .friends_links a:hover{
    color:#999
}
 .friends_links span{
    margin-right:16px;
    line-height:58px;
    font-size:16px;
    color:#aaa
}
 #new-link{
    margin-top:20px
}
 #new-link li{
    margin:0 2px;
    display:inline-block
}
 #new-link li a:hover{
    opacity:.6
}
 .footerbar{
    background-color:#222;
    text-align:center;
    color:#999;
    line-height:20px;
    font-size:18px;
    border-top:1px solid #3a3a3a
}
 .footerbar .copyright{
    line-height:24px;
    padding:32px 0
}
 .footerbar .copyright a{
    color:#999;
    margin:0 22px
}
 .footerbar .copyright a:hover{
    color:#fff
}
 .footerbar .links{
    margin-top:12px
}
 .footerbar .links a{
    color:#999
}
 .links_f{
    margin-right:28px;
    display:inline-block;
    font-weight:700;
    font-size:16px;
    color:#333
}
 .link_box{
    display:inline-block;
    position:relative
}
 .link_box span{
    width:215px;
    display:inline-block;
    line-height:40px;
    border-bottom:1px solid #ddd;
    box-sizing:border-box;
    padding-right:20px;
    background-image:url(../images/top-arr.png);
    background-repeat:no-repeat;
    background-position:center right 10px;
    background-color:rgba(255,255,255,.2);
    cursor:pointer;
    color:#666;
    font-size:16px;
    text-align:left
}
 .link_box .Friendlink{
    display:none;
    min-width:85%;
    width:215px;
    position:absolute;
    right:0;
    bottom:40px;
    z-index:10;
    background-color:#dfe1e4
}
 .link_box .Friendlink li{
    padding:10px;
    line-height:26px;
    text-align:left;
    background-color:#dfe1e4;
    border-bottom:1px solid #ebebeb
}
 .link_box .Friendlink li a{
    color:#666;
    font-size:14px
}
 .link_box .Friendlink li a:hover{
    color:#999
}