body{
    font-family:Arial
}
 @font-face{
    font-family:timesbd;
    src:url(../fonts/timesbd.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
 .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:#222!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:0;
    left:0;
    right:0;
    bottom:0;
    background:#666;
    z-index:100;
    opacity:.8;
    display:none
}
 .site-head{
    position:relative;
    z-index:10;
    width:100%;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
 .site-top{
    width:100%;
    height:112px;
    top:0;
    z-index:15;
    background:#f1f1f3;
    padding:20px 0 38px;
    box-sizing:border-box
}
 .site-top .flex-box{
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:space-between;
    justify-content:space-between
}
 .site-top .Welcome{
    font-size: 16px;
    display: flex;
    align-items: center;
}
 .site-top .head-item{
    display:block;
    margin-top:4px;
    color:#222;
    font-size:18px
}
 .site-top .head-item img{
    vertical-align:middle;
    margin-bottom:2px;
    margin-right:6px
}
 .site-top .head-item a{
    color:#222
}
 .site-top .logo{
    position:relative;
    z-index:10;
    float:left;
    line-height:1px
}
 .site-top .logo a{
    display:block
}
 .site-top .slogan{
    width:303px;
    margin-left:22px;
    padding-left:20px;
    float:left;
    color:#222;
    font-size:18px;
    line-height:20px;
    font-weight:700;
    border-left:1px solid #4a4a4a;
    font-family:timesbd
}
 .site-top .slogan span{
    color:#30318d
}
 .site-nav{
    width:100%;
    z-index:50;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    top:0;
    left:0;
    background-color:#fff;
    padding:0 50px
}
 .head{
    position:relative
}
 .head .navBar{
    float:left;
    opacity:1;
    transition:all .5s;
    transform-origin:left center
}
 .head .nav li{
    position:relative;
    display:inline-block;
    margin:0 22px;
    line-height:70px;
    vertical-align:top
}
 .head .nav li:first-child{
}
 .head .nav li .stair{
    position:relative
}
 .head .nav li.active .stair>a{
    color:#30318d
}
 .head .nav li.active .stair:after{
    content:'';
    display:block;
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background:#30318d
}
 .head .nav li.active .sub{
    display:block
}
 .head .nav li:hover .stair>a{
    color:#30318d
}
 .head .nav li:hover .stair:after{
    content:'';
    display:block;
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background:#30318d
}
 .head .nav li .a{
    display:block;
    color:#222;
    font-size:22px;
    font-weight:700
}
 .head .nav li .a .mobile-navbtn{
    position:absolute;
    top:10px;
    right:0;
    margin:auto;
    font-size:20px;
    width:20px;
    height:20px;
    transition:.3s
}
 .head .nav li .a .mobile-navbtn.open{
    transform:rotate(90deg)
}
 .head .nav 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;
    margin-left:0;
    line-height:70px;
    cursor:pointer
}
 .head .top_search .start_login{
    margin-right:30px;
    filter:brightness(0)
}
 .head .top_search .start_login:hover{
    filter:initial
}
 .head .top_search img{
    vertical-align:middle
}
 .head .top_search .search_con2{
    position:absolute;
    right:22px;
    top:10px;
    height:50px;
    z-index:100;
    transform:scale3d(0,0,0);
    transform-origin:right center;
    transition:all .5s;
    opacity:0;
    width:440px;
    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/icon-search.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:15px;
    right:15px;
    width:20px;
    height:20px;
    background:url(../images/c10.png) center center no-repeat
}
 .head .top_search .icosearch{
    display:inline-block;
    vertical-align:middle;
    width:32px;
    height:32px;
    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:auto;
    height:30px;
    margin-left:16px;
    border-radius:20px;
    border:2px solid #909090;
    background-color:#fff;
    color:#222;
    display:inline-block;
    vertical-align:middle;
    line-height:26px;
    text-align:center;
    font-size:16px;
    padding:0 5px;
}
 .head .top_search .head_email img{
    margin-right:2px;
    margin-bottom:2px
}
 .sub{
    position:absolute;
    left:0;
    top:100%
}
 .sub .arr{
    display:none;
    width:0;
    height:0;
    border:0 solid transparent;
    border-left-width:8px;
    border-right-width:8px;
    border-top-width:6px;
    border-bottom-width:6px;
    border-bottom-color:#fff;
    position:absolute;
    top:-12px;
    left:28px
}
 .sub>dl{
    display:none
}
 .sub>dl dd{
    line-height:1.6;
    padding:10px 15px;
    font-size:20px;
    background-color:#fff;
    position:relative
}
 .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{
    display:inline-block;
    vertical-align:middle;
    color:#333
}
 .sub>dl dd:hover{
    background-color:#f7f4f1
}
 .sub>dl dd .t-menu{
    position:absolute;
    top:0;
    left:100%;
    background-color:#fff;
    display:none
}
 .sub>dl dd .t-menu li{
    padding:0 20px;
    box-sizing:border-box;
    line-height:40px;
    margin:0
}
 .sub>dl dd .t-menu li a{
    display:block
}
 .sub>dl dd .t-menu li a:hover{
    color:#30318d
}
 .sub>dl a{
    color:#333;
    white-space:nowrap
}
 .scrollHead{
    position:fixed;
    top:0;
    box-shadow:0 0 10px rgba(0,0,0,.2);
    z-index:20
}
 .scrollHead .head .nav li{
    line-height:70px
}
 .scrollHead .head .top_search{
    line-height:70px
}
 .scrollHead .head .logo{
    line-height:78px
}
 .scrollHead .head .slogan{
    margin-top:16px
}
 .scrollHead .head .line{
    margin-top:22px
}
 .scrollHead .sub>dl dd .t-menu li{
    line-height:1.6
}
 .scrollHead #showopen .top_search .search_con2{
    top:10px
}
 #showopen .top_search .search_con2{
    opacity:1;
    transform:scale3d(1,1,1)
}
 #showopen .head .navBar{
    opacity:1;
}
 #showopen .head .top_search img{
    opacity:1
}
 #showopen .head .top_search .head_email{
    opacity:1
}
 .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: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:#30318d;
    border:0;
    outline:0;
    text-align:center;
    cursor:pointer
}
 .M_search .m_search_btn img{
    display:inline-block;
    filter:brightness(100)
}
 .footer{
    position:relative;
    z-index:3;
    background:#282828}
 .footer .footer_content{
    padding-top:74px;
    padding-bottom:30px
}
 .footer .link{
    max-width:425px
}
 .footer dl{
    position:relative;
    transition:all .3s ease 0s;
    padding-right:1.8%;
    box-sizing:content-box;
    float:left;
    color:#fff
}
 .footer dl dt{
    position:relative;
    margin-bottom:30px;
    font-size:18px;
    font-weight:400;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    padding-left:17px
}
 .footer dl dt:before{
    content:'';
    display:block;
    width:6px;
    height:13px;
    background-color:#fff;
    position:absolute;
    top:3px;
    left:0
}
 .footer dl dd{
    line-height:34px;
    font-size:16px;
    color:#666
}
 .footer dl dd a{
    font-weight:400;
    color:#666;
    font-size:16px;
    text-decoration:none
}
 .footer dl dd a:hover{
    color:#fff
}
 .footer .foot_add{
    position:relative;
    float:right;
    max-width:370px;
    padding-right:0;
    padding-left:55px
}
 .footer .foot_add::after{
    content:'';
    display:block;
    width:1px;
    height:234px;
    background-color:#d0d0d0;
    position:absolute;
    left:0;
    top:0
}
 .footer .foot_add dd{
    margin-bottom:10px;
    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:36px
}
 .footer .foot_info dt{
    padding-left:0
}
 .footer .foot_info dt::before{
    display:none
}
 .footer .foot_info .logo{
    position:relative;
    z-index:10;
    float:left;
    line-height:1px
}
 .footer .foot_info .logo a{
    display:block
}
 .footer .foot_info .logo img{
    max-width:150px;
    height:auto
}
 .footer .foot_info .slogan{
    width:310px;
    margin-left:22px;
    padding-left:20px;
    float:left;
    color:#fff;
    font-size:18px;
    line-height:20px;
    font-weight:700;
    border-left:1px solid #4a4a4a;
    font-family:timesbd;
    text-transform:initial
}
 .footer .foot_info .slogan span{
    color:#30318d
}
 .footer .foot_info dd{
    width:456px;
    font-size:16px;
    line-height:26px;
    color:#666
}
 .footer .foot_info .more{
    margin-top:40px;
    width:114px;
    height:38px;
    border:2px solid #b7b8b9;
    font-size:16px;
    color:#fff;
    line-height:32px;
    display:inline-block;
    border-radius:20px;
    text-align:center
}
 .footerbar{
    text-align:center;
    padding:20px 0;
    color:#666;
    line-height:40px;
    font-size:16px;
    font-family:Arial
}
 .footerbar a{
    margin:0 16px;
    color:#666
}
 .footerbar a:hover{
    color:#30318d
}
 .footerbar .talk{
    color:#222;
    width:auto;
    height:30px;
    line-height:26px;
    border:2px solid #bcbcbc;
    display:inline-block;
    border-radius:20px;
    padding:0 5px;
}
 .footerbar .talk:hover{
    border-color:#222
}
 .footerbar .talk:hover img{
    filter:brightness(100)
}
 .footerbar .talk img{
    margin-right:6px
}
 .footer .footer-cate{
    padding-bottom:30px
}
 .footer .footer-cate a{
    font-weight:400;
    color:#666;
    font-size:16px;
    text-decoration:none;
    display:inline-block;
    margin-right:10px
}
 .footer .footer-cate a:hover{
    color:#30318d
}
 .shape{
    margin-top:17px;
    padding-top:17px;
    border-top:1px solid #d0d0d0
}
 .shape a{
    margin-right:6px;
    text-decoration:none
}
 .shape a:hover img{
    opacity:.6
}
 .shape a img{
    width:31px
}
 .link_box{
    display:inline-block;
    position:relative;
    margin-left:10px
}
 .link_box span{
    width:226px;
    display:inline-block;
    line-height:40px;
    box-sizing:border-box;
    padding-left:30px;
    padding-right:20px;
    background-image:url(../images/top-arr.png);
    background-repeat:no-repeat;
    background-position:center right 10px;
    background-color:#fff;
    border-radius:4px;
    cursor:pointer;
    color:#333;
    font-size:16px;
    text-align:left
}
 .link_box .Friendlink{
    display:none;
    min-width:85%;
    width:226px;
    position:absolute;
    right:0;
    bottom:40px;
    z-index:10;
    background-color:#fff
}
 .link_box .Friendlink li{
    padding:10px;
    padding-left:30xp;
    line-height:26px;
    text-align:left;
    background-color:#fff;
    border-bottom:1px solid #ebebeb
}
 .link_box .Friendlink li a{
    color:#666;
    font-size:14px
}
 .link_box .Friendlink li a:hover{
    color:#30318d
}