.fban{
    width: 100%;
    height: 450px;
    background: url(../images/hd/hd1.jpg) 50% 100% no-repeat;
}

.fonts{width: 1460px;height: auto;margin: 0 auto;}
.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: 宋体;
}

.mesg{width: 100%;height: 780px;margin-top: 80px;position: relative;}
.mesg ul{width: 100%;height: auto;overflow: hidden;}
.mesg ul li{float: left;margin-right: 5px;margin-bottom: 5px;overflow: hidden;cursor: pointer;}
.mesg ul li:nth-of-type(3),.mesg ul li:nth-of-type(7),.mesg ul li:nth-of-type(9){margin-right: 0;}
.mesg ul li:nth-of-type(8){margin-right: 6px;}
.mesg ul li a{display: block;position: relative;}
.mesg ul li a img{transition: all 0.6s;}
.one{
    -ms-transform:scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.mesg ul li a p{color: #fff;position: absolute;top: 18px;left: 18px;}
.mesg ul li a p span:nth-of-type(1){font-size: 24px;}
.mesg ul li a p span:nth-of-type(2){
    font-size: 12px;
    padding: 2px 8px;
    border: 1px solid #fff;
    position: relative;
    top: -3px;
    left: 10px;
}
.mesg ul li:nth-of-type(6) img{width: 324px;height: 264px;}
.mesg ul li a p span:nth-of-type(3){font-size: 8px;text-transform : uppercase;font-family: 宋体;}
.mesg ul li.img1 img{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.mesg ul li.img1 img:hover{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg); 
}

.tech1 ul li:nth-of-type(5){width: 476px;height: 264px;overflow: hidden;}
.tech1 ul li:nth-of-type(9){width: 571px;height: 244px;overflow: hidden;}

.qx{width: 100%;height: auto;background: #f0f0f0;}
.font2{width: 1460px;height: auto;margin: 0 auto;padding: 100px 0 120px;}
.font2 .qximg{width: 100%;height: 500px;margin-top: 80px;}
.font2 .qximg ul li:nth-of-type(3){position: absolute;right: 0;top: 0;}
.font2 .qximg ul li:last-child{position: absolute;right: 0;bottom: 0;margin: 0;}

.shap{width: 100%;height: auto;}
.shap .font2{padding: 120px 0 0;}
.shap .qximg ul li:nth-of-type(3){position: absolute;right: 0;top: 0;}
.shap .qximg ul li:last-child{position: absolute;right: 0;top: 252px;margin: 0;}

.jixie{width: 100%;height: auto;}
.jixie .font2{padding: 120px 0 0;}
.font2 .jx{width: 100%;height: 559px;margin-top: 80px;}
.jixie .jx ul li{width: 526px;height: 277px;overflow: hidden;}
.jixie .jx ul li:nth-of-type(1){width: 398px;height: 559px;}
.jixie .jx ul li:nth-of-type(3),.jixie .jx ul li:nth-of-type(5){margin-right: 0;}

.zkxt{width: 100%;height: auto;padding-bottom: 120px;}
.zkxt .font2{padding: 120px 0 0;}
.zkxt .zkimg{width: 100%;height: 100%;margin-top: 80px;}