@charset "UTF-8";

/*public css*/
.fw {
    width: 1400px;
    margin: 0 auto;
    max-width: 85%;
}
.fw14{width: 1400px;margin: 0 auto;max-width: 85%;}

/* ×ÖÌåͼ±ê */
@font-face {
    font-family: "iconfont";
    src: url('/public/css/iconfont/iconfont.eot');
    /* IE9 */
    src: url('/public/css/iconfont/iconfont.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('iconfont/iconfont.woff') format('woff'),
        url('/public/css/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;
}
.tophead{
    position: fixed;
    width: 100%;
    z-index: 1999;
    top: 0;
    left: 0;
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,.1);
}
.tophead .wrap{padding: 0 20px;max-width: 1720px;margin: 0 auto;width: 100%;}
.tophead .links{background-color: #32323c;height: 30px;transition: all .3s ease;position: relative;z-index: 9;}
.tophead .links .wrap{display: flex;justify-content: flex-end;}
.tophead .links.hide{height: 0;}
.header{
    background-color: #fff;
    position: relative;z-index: 8;width: 100%;
}
.hcut{height: 130px;}
.header .logo{display: block;height: 100px;line-height: 100px;}
.nav li{float: left;margin: 0 30px;}
.nav li:last-child{margin-right: 20px;}
.nav li .item {
    color: #333333;
    font-size: 16px;
    display: block;
    position: relative;
    height: 100px;line-height: 100px;
}
.nav li .item::after{
    position: absolute;
    height: 4px;
    background-color: #24a1f8;
    width: 0;
    transition: all .3s ease;
    left: 50%;
    content: "";
    bottom: 26px;
    border-radius: 4px;
}
.nav li .item.active::after,.nav li .item:hover::after{width: 100%;left: 0;}
.nav li .item.active,.nav li .item:hover{color: #24a1f8;}
.sublink{position: relative;height: 30px;}
.sublink .item{
    height: 30px;line-height: 30px;
    padding: 0 22px 0 12px;
    background-image: url(/public/images/xia.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: rgba(255,255,255,.5);
    font-size: 14px;display: block;
}
.sublink .item img{margin-right: 5px;}
.sublink .itemlist{
    position: absolute;
    width: 100%;
    left: 6px;
    top: 30px;
    z-index: 9;
    background-color: #32323c;
    padding: 12px 0;
    display: none;
}
.sublink .itemlist a{
    display: block;color: rgba(255,255,255,.5);
    font-size: 12px;text-align: center;
}
.sublink .itemlist a:hover{color: #fff;}
.sublink .itemlist a+a{margin-top: 10px;}

.navbtn{
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    padding: 18px 0 0 17px;
    width: 70px;
	transition: all .8s ease;
	display: none;
	z-index: 9;
}
.navbtn span{
	display: block;
    width: 36px;height: 2px;background: #333;
    transition: .3s ease;
}
.navbtn .line2{opacity: 1;visibility: visible;transition: all .3s ease;}
.navbtn span+span{margin-top: 8px;}
.navbtn .line2{width: 24px;}
.navbtn .line3{width: 30px;}
#bgmask{
	position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height: 0;opacity: 0;
    background: rgba(0,0,0,.5);
    z-index: 99;
    transition: all .8s ease;
}
body.open .nav{
    right: 0;opacity: 1;visibility: visible;
}
body.open #bgmask{height: 100%;opacity: 1;}
body.open .navbtn .line2{opacity: 0;visibility: hidden;}
body.open .navbtn .line1{
    transform: translateY(8px) rotate(-45deg);
    -webkit-transform: translateY(8px) rotate(-45deg);
}
body.open .navbtn .line3{
    transform: translateY(-12px) rotate(45deg);
    -webkit-transform: translateY(-12px) rotate(45deg);
}
body.open .header .navbtn{
    right: 60%;
}
/* body.open .header .logo{left: -60%;} */
body.open .navbtn .line2{width: 36px;}
body.open .navbtn .line3{width: 36px;}
.rightnav{
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);
}
.rightnav a{
    display: block;
    width: 80px;
    padding: 15px 0;
    color: #999999;
    text-align: center;
    font-size: 14px;
}
.rightnav a img{display: block;margin: 0 auto;}
.rightnav a span{display: inline-block;width: 100%;text-align: center;margin-top: 8px;}
.rightnav a.active, .rightnav a:hover{color: #0264e9;}
.rightnav a .icon{
    background-repeat: no-repeat;
    background-position: center center;
    height: 22px;
}
.rightnav a:nth-child(1) .icon{background-image: url(/public/images/icon0.png);}
.rightnav a:nth-child(2) .icon{background-image: url(/public/images/icon1.png);}
.rightnav a:nth-child(3) .icon{background-image: url(/public/images/icon4.png);}
.rightnav a:nth-child(1).active .icon, .rightnav a:nth-child(1):hover .icon{background-image: url(/public/images/icon00.png);}
.rightnav a:nth-child(2).active .icon, .rightnav a:nth-child(2):hover .icon{background-image: url(/public/images/icon11.png);}
.rightnav a:nth-child(3).active .icon, .rightnav a:nth-child(3):hover .icon{background-image: url(/public/images/icon44.png);}
.footer{
    background-color: #32323c;width: 100%;overflow: hidden;
}
.footer .ftop{padding: 20px 0;border-bottom: 1px solid rgba(28,28,28,.5);}
.footnav{margin-top: 11px;}
.footnav a{
    color: #999;
    font-size: 16px;
    margin-left: 50px;
}
.footnav a:hover{color: #fff;}
.footer .fbottom {padding: 20px 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.footer .fbottom .wzs{color: #999999;font-size: 14px;}
.footer .fbottom a{color: #999999;font-size: 14px;}
.footer .fbottom span{display: inline-block;margin-right: 20px;}
.footer .fbottom a:hover{color: #ddd;}
.relate_links{background-color: #3c3c46;padding: 14px 0 4px 0;}
.relate_links span{margin-bottom: 10px;display: inline-block;margin-right: 40px;color: #939393;font-size: 14px;}
.relate_links a{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 40px;
    color: #939393;font-size: 14px;
}
.relate_links a:hover{color: #ddd;}