@charset "utf-8";
/* CSS Document */

.tcbg{ width:100%; height:3670px; position:absolute; top:0; left:0; z-index:99999; background:#000; opacity:0.7;}
.tceng{ width:862px; height:415px; margin-left:-431px; position:fixed; z-index:999999; left:50%; top:30%; /*background:url(/zhcw/images/2016/home/0000.png) no-repeat top left;*/}
.tc-0{ position:absolute; opacity:0;
	    transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
     -o-transition: all 1s ease 0s;
}
.dhks .tc-0{ opacity:1;}

.tc-1{ width:274px; height:296px; top:0; left:66px; background:url(/zhcw/images/2016/home/tc-1.png) no-repeat top center;}
.tc-2{ width:290px; height:280px; top:35px; left:185px; background:url(/zhcw/images/2016/home/tc-2.png) no-repeat top center;}
.tc-3{ width:862px; height:352px; top:67px; left:0px; background:url(/zhcw/images/2016/home/tc-3.png) no-repeat top center;}
.tc-4{ width:218px; height:251px; top:130px; left:233px; background:url(/zhcw/images/2016/home/tc-4.jpg) no-repeat top center;}
.tc-5{ width:46px; height:136px; top:244px; left:186px; background:url(/zhcw/images/2016/home/tc-5.jpg) no-repeat top center;}
.tc-6{ width:100px; height:100px; top:86px; left:142px; background:url(/zhcw/images/2016/home/tc-6.png) no-repeat top center;}
.tc-7{ width:90px; height:38px; top:47px; left:720px; background:url(/zhcw/images/2016/home/tc-7-bg.png) no-repeat 0 10px; cursor:pointer;
        transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
   -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
}
.tc-7 img{ margin:18px auto 0; display:block;}
.tc-7:hover{ background:url(/zhcw/images/2016/home/tc-7-bg.png) no-repeat 0 0px;
/*        transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
   -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;*/
}


.tc-1{
        transform:translate(70px,90px);
-webkit-transform:translate(70px,90px);
   -moz-transform:translate(70px,90px);
    -ms-transform:translate(70px,90px);
     -o-transform:translate(70px,90px);
}
.tc-2{
        transform:translate(0px,50px);
-webkit-transform:translate(0px,50px);
   -moz-transform:translate(0px,50px);
    -ms-transform:translate(0px,50px);
     -o-transform:translate(0px,50px);
}
.tc-3{
        transform:rotate(180deg) translate(-500px,-150px);
-webkit-transform:rotate(180deg) translate(-500px,-150px);
   -moz-transform:rotate(180deg) translate(-500px,-150px);
    -ms-transform:rotate(180deg) translate(-500px,-150px);
     -o-transform:rotate(180deg) translate(-500px,-150px);
        transform-origin:60% 40% 0px;
-webkit-transform-origin:60% 40% 0px;
   -moz-transform-origin:60% 40% 0px;
    -ms-transform-origin:60% 40% 0px;
     -o-transform-origin:60% 40% 0px;
}
.tc-4{ height:0;opacity:1;}
.tc-5{
        transform:translate(-20px,0px);
-webkit-transform:translate(-20px,0px);
   -moz-transform:translate(-20px,0px);
    -ms-transform:translate(-20px,0px);
     -o-transform:translate(-20px,0px);
}
.tc-6{
	    animation: myfirst 3s ease-in-out 1s infinite alternate;
-webkit-animation: myfirst 3s ease-in-out 1s infinite alternate;
   -moz-animation: myfirst 3s ease-in-out 1s infinite alternate;
    -ms-animation: myfirst 3s ease-in-out 1s infinite alternate;
     -o-animation: myfirst 3s ease-in-out 1s infinite alternate;
        transform-origin:50% 0% 0px;
-webkit-transform-origin:50% 0% 0px;
   -moz-transform-origin:50% 0% 0px;
    -ms-transform-origin:50% 0% 0px;
     -o-transform-origin:50% 0% 0px;
        transform:rotate(5deg);
-webkit-transform:rotate(5deg);
   -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
     -o-transform:rotate(5deg);
}
@keyframes myfirst{0%{transform:rotate(5deg)}100% {transform:rotate(-5deg)}}
@-webkit-keyframes myfirst{0%{-webkit-transform:rotate(5deg)}100% {-webkit-transform:rotate(-5deg)}}
@-moz-keyframes myfirst{0%{-moz-transform:rotate(5deg)}100% {-moz-transform:rotate(-5deg)}}
@-ms-keyframes myfirst{0%{-ms-transform:rotate(5deg)}100% {-ms-transform:rotate(-5deg)}}
@-o-keyframes myfirst{0%{-o-transform:rotate(5deg)}100% {-o-transform:rotate(-5deg)}}
.tc-7{
        transform:translate(0px,30px);
-webkit-transform:translate(0px,30px);
   -moz-transform:translate(0px,30px);
    -ms-transform:translate(0px,30px);
     -o-transform:translate(0px,30px);
}

.dhks .tc-1{
        transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
   -moz-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
     -o-transform:translate(0px,0px);
        transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
     -o-transition-delay: 0.5s;
}
.dhks .tc-2{
        transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
   -moz-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
     -o-transform:translate(0px,0px);
        transition-delay: 1s;
-webkit-transition-delay: 1s;
   -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
     -o-transition-delay: 1s;
}
.dhks .tc-3{
        transform:rotate(0deg) translate(0px,0px);
-webkit-transform:rotate(0deg) translate(0px,0px);
   -moz-transform:rotate(0deg) translate(0px,0px);
    -ms-transform:rotate(0deg) translate(0px,0px);
     -o-transform:rotate(0deg) translate(0px,0px);
}
.dhks .tc-4{ height:251px;
        transition-timing-function: linear;
-webkit-transition-timing-function: linear;
   -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
     -o-transition-timing-function: linear;
        transition-duration: 6s;
-webkit-transition-duration: 6s;
   -moz-transition-duration: 6s;
    -ms-transition-duration: 6s;
     -o-transition-duration: 6s;
        transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
   -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
     -o-transition-delay: 1.5s;
}
.dhks .tc-5{
        transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
   -moz-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
     -o-transform:translate(0px,0px);
        transition-delay: 7s;
-webkit-transition-delay: 7s;
   -moz-transition-delay: 7s;
    -ms-transition-delay: 7s;
     -o-transition-delay: 7s;
	}
.dhks .tc-6{
        transition-delay: 1s;
-webkit-transition-delay: 1s;
   -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
     -o-transition-delay: 1s;
}
.dhks .tc-7{
        transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
   -moz-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
     -o-transform:translate(0px,0px);
        transition-delay: 8s;
-webkit-transition-delay: 8s;
   -moz-transition-delay: 8s;
    -ms-transition-delay: 8s;
     -o-transition-delay: 8s;
	}