body {
}
.st1 {
    background-image: url('images/2.jpg');
    height: 717px;
}
.st7 {
    background-image: url('images/7.jpg');
    height: 699px;
}

    .st7 div div div .lx:hover {
        transform: rotate(360deg);
        transition: 1s;
    }

.imn {
    display: none;
}
.st1 div a:hover > .imd {
    display: none;
}

.st1 div a:hover > .imn {
    display: block;
}
.st7 div a:hover > .imd {
    display: none;
}

.st7 div a:hover > .imn {
    display: block;
}

.st8 div div div div div a:hover > .imd {
    display: none;
}

.st8 div div div div div a:hover > .imn {
    display: block;
}

.st8 {
    background-image: url('../../images/tmreg/images/8.jpg');
    height: 577px;
}

.ba1 {
    margin-top: 20px;
    height: 50px;
    display: block;
    width: 22%;
    margin-left: 28%;
    cursor: pointer;
}
.ds {
display:none;
}
 .h1s {
        font-size: 20px;
        width: 100px;
        text-align: center;
        position: absolute;
        top: 88px;
        left: 62px;
    }
     	.qt  div a:hover > .ih1 {
				color:#d21d27;
			}
    	.qt  div a:hover > .imgs {
				/*background: linear-gradient(#f7ff19,#dc4917);
				box-shadow: 0px 0px 15px #a81710;*/
                /*transform:translate(0,-15px);*/
                transform: rotate(360deg);
                 transition: transform 1s ease 0s;
			}
    .cssa {
        width: 130px;
        height: 130px;
        margin-left: 70px;
        position: relative;
    }

    .xz1 {
        display: none;
    }

    .qt div div .cssa:hover > a .xz {
        display: none;
    }

    .qt div div .cssa:hover > a .xz1 {
        display: block;
    }
    #htly_box {
        height: 451px;
        background-image: url('../../images/Trademarkcase/images/5.jpg');
        background-size: auto 100%;
    }
    .st6 div div div:hover>.ds {
    display:block;
}
.st6 div  div div:hover>.dl {
    display:none;
}

.st6 {
  background:#F2F8FF;   
    height: 639px;
}
.ma {
position:absolute;
width:250px;height:60px;text-align:center;    line-height: 41px;cursor:pointer;
border-radius:40px;
}
.ims {
    background-color:#2471D5;
}
.ma img {
    position: absolute;
    top: 20px;
    left: 40px;
}
.kk {
width:130px;height:150px;border:solid 1px #F0F0F0;border-radius:5px;text-align:center;
}
.st1 div div div div .kk:hover {
    border:solid 1px #2471D5;
}

.chen> div {
display:none;
}
.chen .in {
display:block;
}
.st2 {
    background-image: url('images/3.jpg');
    height: 688px;
}
.p1 {
width:160px;
height:36px;
border:solid 1px #fff000;
border-radius:25px;
font-weight:bold;
font-size:18px;
line-height:32px;
color:#fff000;
text-align:center;
float:right;
}
.hs1 {
font-size:16px;
color:#fff;
margin-top:10px;
float:right;
}
.st3 div div div:hover>.imn{
    display:block;
}
.st3 div div div:hover>.imd{
    display:none;
}
.st4 {
    background-image: url('images/5.jpg');
    height: 450px;
}
.li1 {
width:445px;
height:53px;
background-color:#28B0EF;
color:#fff;
text-align:center;
font-weight:bold;line-height:53px;
border-radius:25px;
border:solid 1px #81B4F7;
font-size:20px;
}
.st4 div a:hover>.imn{
    display:block;
}
.st4 div a:hover>.imd{
    display:none;
}