body{
    font-family:'Arial'
}
 .over{
    overflow:hidden
}
 .trans{
    -webkit-transition:all 300ms ease 0s;
    transition:all 300ms ease 0s
}
 .imgZoom img{
    transition:all 0.4s;
    -webkit-transition:all 0.4s
}
 .imgZoom img:hover{
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1)
}
 .hideBox{
    visibility:hidden;
    position:absolute;
    z-index:-1;
    height:0
}
 .hoverBtn{
    cursor:pointer;
    -webkit-transition:all 300ms ease 0s;
    transition:all 300ms ease 0s
}
 .hoverBtn:hover{
    background-color:#b2b2b2 !important;
    border-color:#b2b2b2 !important;
    color:#fff !important
}
 .nowrap{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
 .ellip2{
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden
}
 .auto-container{
    width:1400px;
    margin-left:auto;
    margin-right:auto
}
 .top-search-overlay{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:#666666;
    z-index:100;
    opacity:0.8;
    display:none
}
 .site-nav{
    position:fixed;
    width:100%;
    z-index:50;
    top:0;
    background-color:#fff;
    box-shadow:0 0 10px rgba(0,0,0,0.1)
}
 .site-nav .auto-container{
    width:auto;
    padding:0 100px
}
 .head{
    position:relative
}
 .head .logo{
    position:relative;
    z-index:10;
    line-height:130px;
    float:left
}
 .head .logo a{
    display:block
}
 .head .logo .logoImg{
    width:100px
}
 .head .line{
    width:1px;
    height:46px;
    background-color:#cccccc;
    float:left;
    margin-left:18px;
    margin-top:42px
}
 .head .slogan{
    float:left;
    max-width:476px;
    margin-top:35px;
    margin-left:18px;
    color:#333;
    font-size:20px;
    line-height:20px
}
 .head .slogan span{
    color:#0669d0;
    font-weight:bold;
    font-size:23px
}
 .head .navBar{
    float:right;
    opacity:1;
    filter:alpha(opacity=100);
    transform-origin:left center
}
 .head .navbox li{
    display:inline-block;
    margin:0 20px;
    line-height:130px;
    vertical-align:top
}
 .head .navbox li:hover .sub{
    display:block
}
 .head .navbox li .stair{
    position:relative
}
 .head .navbox li.active .stair > a{
    color:#0669d0
}
 .head .navbox li.active .stair:after{
    content:'';
    display:block;
    position:absolute;
    z-index:10;
    left:0%;
    bottom:0px;
    width:100%;
    height:2px;
    background-color:#0669d0
}
 .head .navbox li:hover .stair > a{
    color:#0669d0
}
 .head .navbox li:hover .stair:after{
    content:'';
    display:block;
    position:absolute;
    z-index:10;
    left:0%;
    bottom:0px;
    width:100%;
    height:2px;
    background-color:#0669d0
}
 .head .navbox li .a{
    display:inline;
    color:#333;
    font-size:17px;
    padding:8px 2px;
    text-transform:uppercase
}
 .head .navbox li .a .mobile-navbtn{
    position:absolute;
    top:10px;
    right:0;
    margin:auto;
    font-size:20px;
    width:20px;
    height:20px;
    transition:0.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 #222;
    border-bottom:2px solid #222;
    transform:rotate(45deg)
}
 .head .top_search{
    position:relative;
    float:right;
    padding-left:0px;
    line-height:128px;
    margin-left:20px;
    cursor:pointer
}
 .head .top_search .head_email{
    position:relative
}
 .head .top_search .head_email #shopcar_num{
    display:none;
    position:relative;
    top:-15px;
    left:-15px;
    background:#0669d0;
    border-radius:50%;
    padding:3px 7px;
    color:#fff
}
 .head .top_search .head_email:hover img:first-child{
    display:none
}
 .head .top_search .head_email:hover img:last-child{
    display:inline-block
}
 .head .top_search .head_email img:first-child{
    display:inline-block
}
 .head .top_search .head_email img:last-child{
    display:none
}
 .head .top_search .line_A{
    margin:0 20px
}
 .head .top_search .head_search:hover img:first-child{
    display:none
}
 .head .top_search .head_search:hover img:last-child{
    display:inline-block
}
 .head .top_search .head_search img:first-child{
    display:inline-block
}
 .head .top_search .head_search img:last-child{
    display:none
}
 .head .top_search .language{
    margin-left:20px;
    display:inline-block
}
 .head .top_search img{
    vertical-align:middle
}
 .head .top_search .search_con2{
    position:absolute;
    right:22px;
    top:40px;
    height:50px;
    z-index:100;
    transform:scale3d(0,0,0);
    transform-origin:right center;
    transition:all 0.5s;
    opacity:0;
    filter:alpha(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:none;
    border:0;
    width:calc(100% - 57px);
    float:left;
    outline:none;
    font-size:16px;
    color:#666666;
    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:none
}
 .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{
    display:none;
    position:absolute;
    left:0%;
    top:100%
}
 .sub > dl dd{
    position:relative;
    line-height:1.6;
    padding:5px 15px;
    font-size:16px;
    background-color:#fff
}
 .sub > dl dd .mobile-navbtn{
    display:none;
    position:absolute;
    top:8px;
    right:15px;
    margin:auto;
    font-size:20px;
    width:20px;
    height:20px;
    transition:0.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{
    display:inline-block;
    vertical-align:middle;
    color:#222
}
 .sub > dl dd:hover .text{
    color:#0669d0
}
 .sub > dl dd .t-menu{
    position:absolute;
    top:0;
    left:100%;
    background-color:#fff;
    display:none
}
 .sub > dl dd .t-menu li{
    padding:8px 15px;
    box-sizing:border-box;
    line-height:initial;
    margin:0;
    width:100%
}
 .sub > dl dd .t-menu li a{
    display:block
}
 .sub > dl dd .t-menu li a:hover{
    color:#0669d0
}
 .sub > dl a{
    color:#333;
    white-space:nowrap
}
 .scrollHead{
    position:fixed;
    top:0;
    z-index:100
}
 #showopen .top_search .search_con2{
    opacity:1;
    filter:alpha(opacity=100);
    transform:scale3d(1,1,1)
}
 #showopen .head .navBar{
    opacity:0;
    filter:alpha(opacity=0);
    transform:scale3d(0,0,0)
}
 #showopen .head .top_search img{
    opacity:0;
    filter:alpha(opacity=0)
}
 .M_search{
    display:none;
    position:fixed;
    z-index:100;
    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:none;
    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:#0669d0;
    border:0;
    outline:none;
    text-align:center;
    cursor:pointer
}
 .M_search .m_search_btn img{
    display:inline-block
}
 .footer{
    position:relative;
    z-index:3
}
 .footer .footer_content{
    padding-bottom:60px;
    padding-top:70px
}
 .footer dl{
    float:right;
    transition:all 0.3s ease 0s;
    padding-left:10.7%;
    box-sizing:content-box;
    color:#333
}
 .footer dl:last-child{
    padding-left:0
}
 .footer dl dt{
    margin-bottom:18px;
    font-size:16px;
    color:#999;
    font-weight:bold;
    text-transform:uppercase
}
 .footer dl dd{
    line-height:36px;
    font-size:16px
}
 .footer dl dd a{
    color:#333;
    text-decoration:none
}
 .footer dl dd a:hover{
    color:#0669d0
}
 .footer dl .Quote{
    margin-top:24px
}
 .footer dl .Quote a{
    color:#0669d0
}
 .footer dl .Quote a img{
    margin-left:15px
}
 .footer .foot_add{
    float:left;
    padding-left:0;
    position:relative
}
 .footer .foot_add dd{
    position:relative
}
 .footer .foot_add dd > img{
    position:absolute;
    left:0;
    top:8px;
    max-width:14px
}
 .footer .foot_add .address{
    margin-top:40px
}
 .footer .foot_add .jk_div{
    max-width:386px;
    font-size:16px;
    line-height:22px
}
 .footer .link_box{
    position:relative
}
 .footer .link_box span{
    width:320px;
    display:inline-block;
    line-height:58px;
    padding-left:12px;
    padding-right:20px;
    background-image:url(../images/top-arr.png);
    background-repeat:no-repeat;
    background-position:center right 10px;
    background-color:#eeeeee;
    cursor:pointer;
    color:#333;
    font-size:16px;
    box-sizing:border-box
}
 .footer .link_box .links{
    display:none;
    min-width:85%;
    width:320px;
    position:absolute;
    right:0;
    bottom:58px;
    z-index:10;
    background-color:#fff
}
 .footer .link_box .links li{
    padding:10px;
    line-height:26px;
    text-align:left;
    background-color:#f8f8f8;
    border-bottom:1px solid #ebebeb
}
 .footer .link_box .links li a{
    color:#666;
    font-size:14px
}
 .footer .link_box .links li a:hover{
    color:#0669d0
}
 .footerbar{
    text-align:center;
    padding:30px 0;
    line-height:24px;
    font-size:16px;
    background-color:#f2f2f2
}
 .footerbar .copyright{
    float:left
}
 .footerbar .copyright a{
    display:inline-block;
    vertical-align:middle;
    color:#999999;
    margin-right:30px;
    font-size:16px
}
 .footerbar .links a{
    color:#999999;
    margin-left:40px
}
 .footerbar .ch_en a{
    margin:0;
    color:#888888;
    font-size:16px
}
 .footerbar .ch_en a:hover{
    color:#0669d0
}
 .footerbar .map{
    color:#999999;
    font-size:16px;
    margin-right:10px
}
 #new-link{
    margin-top:20px
}
 #new-link li{
    margin:0 3px;
    display:inline-block
}
 #new-link li img{
    -webkit-transition:all 300ms ease 0s;
    transition:all 300ms ease 0s
}
 #new-link li img:hover{
    opacity:0.4
}
 .share_toolbox{
    margin-top:20px;
    display:inline-block
}
 .share_toolbox li{
    display:inline-block;
    vertical-align:middle;
    margin-right:0px
}
 .share_toolbox li a{
    margin-right:0!important
}
 .share_toolbox li img{
    margin-right:20px
}
 .share_toolbox li img:hover{
    opacity:.6
}
 .loading-box{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    z-index:99;
    text-align:center;
    top:0;
    padding-top:20%;
    display:none
}