.fban{
    width: 100%;
    height: 450px;
    background: url(../images/show1.jpg) 50% 100% no-repeat;
}
.fban .fbg{width: 100%;height: 128px;background: rgba(0,0,0,.5);}
.fban ul{width: 1470px;height: auto;margin: 0 auto;padding: 0;overflow: hidden;}
.fban ul li{
    float: left;
    width: 245px;
    height: 70px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    font-family: 宋体;
    margin-top: 29px;
    position: relative;
}
.fban ul li:last-child{border-right: 0;}
.fban ul li img{width: 126px;height: 70px;}
.fban ul li .zg{
    width: 119px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 126px;
    padding: 8px 10px;
    text-align: justify;
}
.fban ul li .zg p{margin: 0;}
.fban ul li .zg p:nth-of-type(1){font-size: 14px;color: #fff;}
.fban ul li .zg p:nth-of-type(2){font-size: 12px;color: #9e9e9e;margin-top: 4px;line-height: 16px;}
.fban ul li.on .zg p{color: #e4aa0d;}

.fonts{width: 1460px;height: auto;margin: 100px auto 0;}
.fonts .cont_an{width: 100%;height: auto;display: none;}
.fonts .onan{display: block;}

.fonts .font1{width: 100%;height: 100%;}

.tites{width: 1460px;margin: 0 auto;}
.tites .tit{font-size: 36px;color: #616161;text-transform : uppercase;}
.tites .tit1{margin-top: 10px;width: 100%;height: 46px;position: relative;}
.tites .tit1 span:nth-of-type(1){
    width: 320px;
    text-align: center;
    font-size: 36px;
    background: #00011c;
    color: #ffdd80;
    display: inline-block;
    line-height: 46px;
    font-weight: normal;
}
.tites .tit1 span:nth-of-type(2){
    font-size: 14px;
    line-height: 23px;
    position: absolute;
    top: 0;
    left: 340px;
    color: #616161;
    font-family: 宋体;
}

.font1 ul.fans{width: 100%;height: 380px;overflow: hidden;margin-top: 80px;}
.font1 ul.fans li{width: 240px;height: 100%;float: left;border: 1px solid #ccc;margin-right: 4px;cursor: pointer;}
.font1 ul.fans li:last-child{margin-right: 0;}
.font1 ul.fans li p.imgs{width: 100%;height: 339px;overflow: hidden;}
.font1 ul.fans li p.imgs img{transition: all 0.6s;}
.font1 ul.fans li p.zis{width: 100%;height: 40px;line-height: 40px;font-size: 14px;text-align: center;transition: all 0.6s;color: #616161;}
.font1 ul.fans li:hover p.zis{color: #fff;background: #e4aa0d;}
.font1 ul.fans li:hover img{
    -ms-transform:scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);    
}

.fonts .font2{
    width: 100%;
    height: auto;
    margin-top: 100px;
    position: relative;
    padding-bottom: 60px;
    border-bottom: 1px dashed #b0b5b5;
}
.fonts .font2 .fanl{width: 1118px;height: auto;}
.fonts .font2 .fanl .limg{width: 1118px;height: 640px;margin-top: 60px;}
.fonts .font2 .lijie{
    width: 300px;
    height: 100%;
    font-size: 14px;
    color: #616161;
    position: absolute;
    right: 0;
    top: 0;    
}
.fonts .font2 .lijie p{color: #616161;}
.fonts .font2 .lijie p.litit{
    width: 280px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-size: 24px;
    border: 1px solid #d2d2d2;
    text-align: center;    
}
.fonts .font2 .lijie p.ystit{margin-top: 40px;}
.fonts .font2 .lijie p.tits{
    font-size: 16px;
    margin-top: 35px;
    padding-left: 22px;
    background: url(../images/litits.jpg) 0 13px no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;   
}
.fonts .font2 .lijie p.lizis{
    font-size: 14px;
    margin-top: 12px;
    line-height: 22px;
    text-align: justify;
}

.fonts .font3{
    width: 100%;
    height: auto;
    margin-top: 60px;
    position: relative;
}
.fonts .font3 .tit{font-size: 36px;color: #616161;height: 40px;line-height: 40px;}
.fonts .font3 ul{width: 100%;height: 380px;margin-top: 40px;overflow: hidden;}
.fonts .font3 ul li{
    width: 476px;
    height: 100%;
    float: left;
    margin-right: 16px;
    position: relative;
}
.fonts .font3 ul li:nth-of-type(3){margin-right: 0;}
.fonts .font3 ul li p:nth-of-type(1){width: 100%;height: 280px;overflow: hidden;}
.fonts .font3 ul li img{transition: all 0.6s;}
.one{
    -ms-transform:scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.fonts .font3 ul li p:nth-of-type(2){font-size: 16px;color: #222;margin-top: 20px;}
.fonts .font3 ul li p:nth-of-type(3){font-size: 12px;color: #616161;margin-top: 8px;line-height: 18px;}
.fonts .font3 ul li p:nth-of-type(4){
    width: 80px;
    height: 28px;
    font-size: 14px;
    color: #ffdd80;
    line-height: 28px;
    background: #00011c;
    text-align: center;
    position: absolute;
    right: 15px;
    bottom: 40px;
}

.fonts .font4{width: 100%;height: auto;margin-top: 100px;}
.fonts .font5{width: 100%;height: auto;margin: 100px auto;position: relative;}
.fonts .font5 .shan{
    width: 510px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.fonts .font5 .shan ul{width: 100%;height: auto;overflow: hidden;}
.fonts .font5 .fangan{width: 934px;height: 507px;overflow: hidden;}
.fonts .font5 .fangan p{width: 100%;height: 1005;display: none;}
.fonts .font5 .fangan p.once{display: block;}
.fonts .font5 .shan ul li{width: 100%;height: 68px;border: 1px solid #bfbfbf;margin-bottom: 19.8px;}
.fonts .font5 .shan ul li a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 68px;
    font-size: 24px;
    color: #616161;  
    position: relative;  
    padding-left: 20px;
}
.fonts .font5 .shan ul li a span{display: inline-block;}
.fonts .font5 .shan ul li a span:nth-of-type(1){
    width: 118px;
    height: 28px;
    line-height: 14px;
    font-size: 12px;
    text-transform : uppercase;
    color: #c8c8c8;
    position: relative;
    top: 4px;
}
.fonts .font5 .shan ul li a span:nth-of-type(2){
    width: 95px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #ffdd80;
    background: #00011c;
    position: absolute;
    right: 18px;
    top: 21px;
}
.fonts .font5 .shan ul li:hover a{background: #00011c;color: #ffdd80;}
.fonts .font5 .shan ul li:hover span:nth-of-type(1){color: #574e36;}
.fonts .font5 .shan ul li:hover span:nth-of-type(2){color: #00011c;background: #fff;}
.fonts .font5 .shan ul li.on a{background: #00011c;color: #ffdd80;}
.fonts .font5 .shan ul li.on span:nth-of-type(1){color: #574e36;}
.fonts .font5 .shan ul li.on span:nth-of-type(2){color: #00011c;background: #fff;}