@charset "UTF-8";



/*public css*/

.fw{ width: 1300px; margin: 0 auto; }

.ellipsis{

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.duohang{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

/* 字体图标 */

@font-face {

    font-family: "iconfont";

    src: url('iconfont/iconfont.eot'); /* IE9 */

    src: url('iconfont/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */

    url('iconfont/iconfont.woff') format('woff'),

    url('iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

    url('iconfont/iconfont.svg') format('svg'); /* iOS 4.1- */

}

.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.header{

    width: 100%;overflow: hidden;min-width: 1300px;

    height: 110px;

    background: #ba2a17 url(../images/bg.png) no-repeat center bottom;

}

.header .logo{

    display: inline-block;

    height: 110px;line-height: 110px;

}

.header .infos{color: #fff;font-size: 14px;margin-top: 27px;}

.header .infos a{color: #fff;font-size: 14px;display: inline-block;padding: 0 5px;}

.header .infos a:hover{text-decoration: underline;}

.header .infos p+p{margin-top: 10px;}

.header .links{margin-top: 35px;height: 30px;line-height: 30px;margin-left: 10px;}

.header .links a{

    display: inline-block;

    margin: 0 6px;

    float: left;

}

.header .links a img{vertical-align: baseline;}

.header .links .lang{

    background: #fff;

    height: 20px;line-height: 20px;

    color: #ba2a17;font-size: 12px;

    padding: 0 6px;margin-top: 5px;

}

.header .links .search-btn{

    display: inline-block;

    height: 30px;

    width: 30px;

    background: url(../images/ss.png) no-repeat center;

    font-size: 0;color: transparent;

}

.header .links .search-btn.on{

    background: url(../images/close.png) no-repeat center;

}



.nav{width: 100%;min-width: 1300px;font-size: 0;background: #fff;position: relative;padding: 2px 0;z-index: 99;}

.nav .fw2{max-width: 1300px;margin: 0 auto;}

.navlist .item{

    display: inline-block;

    color: #666666;font-size: 16px;

    height: 42px;

    line-height: 42px;

    padding: 0 5px;

    transition: all .3s ease;

}

.navlist .item span{

    display: inline-block;

    padding: 0 6px;

    height: 32px;

    line-height: 32px;

    /*border: 1px solid #fff;*/

}

.navlist .item i{color: #999;}

.navlist li{float: left;margin-left: 9px;position: relative;}

.navlist .home .item{width: 62px;text-align: center;}

.navlist .home{margin-left: 0;}

.subnav{

    position: absolute;

    width: 100%;

    left: 0;

    top: 46px;

    background: rgba(57,59,65,.98);

    padding: 30px 0 36px;

    /* display: none; */

    opacity: 0;visibility: hidden;

    transition: all 1s ease;

}

.navlist li.active .item{

    background: #ba2a17;

    color: #fff;

}

.navlist li.active .item i{color: #fff;}

.navlist li.active .item span{border: 1px solid rgba(255,255,255,.5);}

.navlist li:hover .item{color: #ba2a17;    background: #f2f2f2;    border-bottom: none;}

.navlist li:hover .item i{color: #333;}

/*.navlist li:hover .item span{border: 1px solid rgba(255,255,255,.5);}*/

.navlist .home:hover .item{background: #fff;}

.subnav .fw{padding: 0 70px;}

.subnav .slist{width: 402px;padding-right: 20px;}

.subnav .slist a{

    display: inline-block;

    /*color: rgba(255,255,255,.5);*/

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    height: 26px;line-height: 26px;

    padding: 0 6px;

    margin-right: 24px;

    margin-bottom: 10px;

    transition: all .3s ease;

    position: relative;

    min-width: 150px;

}

.subnav .slist a span{

    display: inline-block;

    padding: 0 6px;

    height: 26px;line-height: 26px;

    position: relative;

}

.subnav .slist a span::after{

    content: "";

    position: absolute;width: 7px;

    height: 8px;

    right: -7px;

    top: 50%;

    margin-top: -4px;

    background: url(../images/sj.png) no-repeat center;

    display: none;

}

.subnav .slist a:hover span,.subnav .slist a.active span{

    background: #ba2a17;

    color: #fff;

}

.subnav .slist a:hover span::after, .subnav .slist a.active span::after{display: block;}

.subnav .txts{overflow: hidden;}

.subnav .txts .pic{width: 272px;}

.subnav .txts .pic img{width: 100%;}

.subnav .txts .con{overflow: hidden;padding-left: 50px;}

.subnav .txts .t1{

    color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 6px;

}

.subnav .txts .state{

    color: rgba(255,255,255,.5);

    font-size: 14px;line-height: 1.8;

}

.navlist li:hover .subnav{

    /* display: block; */

    opacity: 1;visibility: visible;

}

.header .fw{position: relative;}

.searchbox{

    position: absolute;

    right: 40px;

    top: 24px;

    font-size: 0;

    background: #fff;

    padding-right: 60px;

    display: none;

}

.searchbox .txt{

    background: #fff;height: 50px;width: 310px;padding: 0 15px;

    color: #555;font-size: 16px;

}

.searchbox .sbtn{

    height: 50px;

    line-height: 50px;

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    text-align: center;

}





.footer{

    background: #333333;

    padding: 28px 0 30px;

    width: 100%;overflow: hidden;

    min-width: 1300px;

}

.footer .tt{

    color: #fff;font-size: 16px;

    font-weight: bold;

    margin-bottom: 16px;

    height: 30px;line-height: 30px;

}

.footer .links{font-size: 0;border-bottom: 1px solid #3b3b3b;padding-bottom: 12px;margin-bottom: 24px;}

.footer .links a{

    display: inline-block;

    font-size: 14px;

    color: #fff;

    margin-bottom: 20px;

        margin-left: 30px;

    /*width: 16.66%;*/

}

.footer .links a:hover{text-decoration: underline;}

.footer .left{color: #999999;font-size: 14px;line-height: 2.1;}

.footer .left a{color: #999;}

.footer .left p span{display: inline-block;margin-right: 32px;}

.footer .right{margin-left: 26px;}

.footer .right p{color: #999999;font-size: 14px;/*margin-top: 20px;*/margin-bottom: 16px;}

.footer .right a{margin-right: 12px;color: #999999;font-size: 14px;

    margin-top: 20px;}

  .footer .right a:hover{text-decoration: underline;}  

.footer .code img{width: 98px;height: 98px;}

#share-box{display: none;}

#share_box{padding: 50px 30px;width: 300px;}

.social-share .social-share-icon{margin: 0 15px;}

.layui-layer-page .layui-layer-content{overflow: visible!important;}



/*.nav-fixed{

    position: fixed;

    top: 0;left: 0;

    width: 100%;

    background:#bb2510;

}

.nav-fixed .navlist .item{color: #fff;height: 56px;line-height: 56px;}

.nav-fixed .navlist .item span{border: 1px solid transparent;}

.nav-fixed .navlist .item i{color: transparent;display: none;}

.nav-fixed .navlist li:hover .item span{border: 1px solid transparent;}

.nav-fixed .navlist li.active .item span{border: 1px solid transparent;}

.nav-fixed .navlist .home .item{width: 200px;}

.nav-fixed .navlist li:hover .subnav{display: none;}*/

.fixnav{

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 99;

    background:#bb2510;

    display: none;

}

.fixnav a{

    color: #fff;

    height: 56px;

    line-height: 56px;

    font-size: 16px;

    padding: 0 4px;

    display: inline-block;

}

.fixnav a span{

    display: inline-block;

    padding: 0 4px;

    height: 32px;

    line-height: 32px;

    border: 1px solid #bb2510;

}

.fixnav a:hover span{border: 1px solid rgba(255,255,255,.8);}

.fixnav a i{color: #bb2510;}

.fixnav a:hover i{color: #fff;}

.fixnav a img{width: 200px;}



.submenu{

    display: none;

    position: absolute;

    left: 0;

    width: 200px;

    background: rgba(0,0,0,.6);

    top: 42px;

    z-index: 10;

    padding-top: 16px;

    padding-bottom: 25px;

}

.submenu a{

    display: block;

    width: 178px;

    height: 42px;

    line-height: 42px;

    border-bottom: 1px dotted #999;

    margin-left: 10px;

    color: #fff;

    font-size: 14px;

    text-align: left;

    transition: all .3s ease;

}

.submenu a:hover{color: #ff9933;}

.navlist li:hover .submenu{

    display: block;

}