@charset "utf-8";
/* CSS Document */
body{}
/*返回顶部*/
#totop {
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index: 999;
	width: 71px;
	cursor: pointer;
	display: none;
}
*html #totop {
	position: absolute;
	cursor: pointer;
	right: 10px;
	display: none;
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight) -112 +"px" )
}
#totop a {
	display: block;
	width: 71px;
	height: 24px;
	padding-top: 48px;
	background: url(toTop.gif) no-repeat;
	text-align: center;
	color: #888; font-size:14px;
}
#totop a.cur {
	background-position: -88px 0;
	text-decoration: none;
	color: #3a9
}




.top{  width:100%; margin:0 auto; height:403px;}

.banner{ width:100%; overflow:hidden; height:387px; position:absolute; z-index:-1; top:0; left:0; }
.banner ul .slide_1{ background:url(toptp1.jpg) no-repeat center top; width:100%; height:387px; cursor:pointer; }
.banner ul .slide_2{ background:url(toptp2.jpg) no-repeat center top; width:100%; height:387px; cursor:pointer;}

.nav{ height:113px;  background:url(toptp3.png) no-repeat center top;}

.dh{ width:1200px; margin:0 auto;  overflow:hidden;}
.dh ul li{ float:left; width:89px; margin-right:3px; text-align:center; line-height:87px; font-size:18px; transition: all 0.3s ease 0s;}
.dh ul .li_9{ margin-top:8px; width:265px;}
.dh ul .li_4{ margin-right:3px;}
.dh ul .li_1{ background:url(toptp5.png) no-repeat center bottom; height:87px;}
.dh ul .li_2{ background:url(toptp6.png) no-repeat center bottom; height:89px;}
.dh ul .li_3{ background:url(toptp7.png) no-repeat center bottom; height:92px;}
.dh ul .li_4{ background:url(toptp8.png) no-repeat center bottom; height:95px;}

.dh ul .li_5{ background:url(toptp9.png) no-repeat center bottom; height:95px;}
.dh ul .li_6{ background:url(toptp10.png) no-repeat center bottom; height:92px;}
.dh ul .li_7{ background:url(toptp11.png) no-repeat center bottom; height:89px;}
.dh ul .li_8{ background:url(toptp12.png) no-repeat center bottom; height:87px; margin-right:0px;}
.dh ul .li_8_2{ width:107px;}
.dh ul .li_1:hover{ background:url(toptp5.png) no-repeat center top; }
.dh ul .li_2:hover{ background:url(toptp6.png) no-repeat center top; }
.dh ul .li_3:hover{ background:url(toptp7.png) no-repeat center top; }
.dh ul .li_4:hover{ background:url(toptp8.png) no-repeat center top; }
.dh ul .li_5:hover{ background:url(toptp9.png) no-repeat center top; }
.dh ul .li_6:hover{ background:url(toptp10.png) no-repeat center top; }
.dh ul .li_7:hover{ background:url(toptp11.png) no-repeat center top; }
.dh ul .li_8:hover{ background:url(toptp12.png) no-repeat center top; }


.dh ul .last{ margin-right:0px;  background:url(toptp12.png) no-repeat center bottom;}
.dh ul .last:hover{ background:url(toptp12_2.png) no-repeat center top; }

.dh ul .li_1.on{ background:url(toptp5.png) no-repeat center top;}
.dh ul .li_2.on{ background:url(toptp6.png) no-repeat center top;}
.dh ul .li_3.on{ background:url(toptp7.png) no-repeat center top;}
.dh ul .li_4.on{ background:url(toptp8.png) no-repeat center top;}
.dh ul .li_5.on{ background:url(toptp9.png) no-repeat center top;}
.dh ul .li_6.on{ background:url(toptp10.png) no-repeat center top;}
.dh ul .li_7.on{ background:url(toptp11.png) no-repeat center top;}
.dh ul .li_8.on{ background:url(toptp12.png) no-repeat center top;}



.tqss{ width:1200px; margin:0 auto; }
.tqss .div_1{ width:92px; height:55px; position:relative; filter:alpha(opacity=0); /*IE6,7,8透明*/}

.tqss .div_2{ width:655px; margin:85px 0 0 240px;}
.tqss .div_3{ height:51px;  height:51px; line-height:51px; border:1px solid #fff; background:rgba(0, 0, 0, 0.3); border-radius:10px;}
.tqss .div_3 input{ width:602px; padding-left:10px; height:51px; line-height:51px; border:none; background:none; font-size:18px; color:#fff; float:left;}
.tqss .div_3 img{ float:left; margin-top:10px;}
.tqss .div_2 p{ line-height:20px; font-size:16px; color:#fff; margin-top:20px; text-shadow: #000 1px 1px 1px; margin-left:3px;}
.tqss .div_2 p a{ color:#fff; margin:0 10px;}
.tqss .div_2 p a:hover{ color:#FF6B07; }

.tqss .div_4{ margin-right:50px;}
.tqss .div_4 ul li{ margin:12px 0; width:70px; position:relative;}
.tqss .div_4 ul li:hover img{animation-duration: 0.4s;animation-name: shadow-burst;transform: scale(1, 1);transform-origin: 20px 20px 0 !important;}





@keyframes shadow-burst {
37% {
    animation-timing-function: ease-out;
    transform: scale(1.3);
}
55% {
    animation-timing-function: ease-in;
    transform: scale(1.17);
}
73% {
    animation-timing-function: ease-out;
    transform: scale(1.05);
}
82% {
    animation-timing-function: ease-in;
    transform: scale(1.2);
}
91% {
    animation-timing-function: ease-out;
    transform: scale(1.3);
}
96% {
    animation-timing-function: ease-in;
    transform: scale(1.2);
}
100% {
    animation-timing-function: ease-out;
    transform: scale(1.1);
}
}