﻿body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dialog,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 arial,tahoma,simsun,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}legend{color:#333;}fieldset,img{border:0 none;vertical-align:top;}button,input,select,textarea{font-size:100%;overflow:visible;}table{border-collapse:collapse;border-spacing:0;}article,aside,details,figcaption,figure,footer,header,menu,nav,section,time,audio,video{display:block;margin:0;padding:0;}
.clearfix:before,.clearfix:after{content:""; display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}.clearout{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cleartxt{color:transparent;font:0/0 a;overflow:hidden;}a:link,a:active{outline:none;}input{border:none;}.pr{position:relative;}

body{position:relative; overflow-x:hidden;}
.bg_wrap{width:100%; position:relative; height:919px; _overflow:hidden;}
.ht_logo{position:absolute; top:0px; left:22px; z-index:2;}
.ht_logo a{display:block; width:176px; height:150px; font:0/0 a; overflow:hidden; background:url(../img/ht_logo.png) 0 0 no-repeat;}
.nav_box{width:820px; padding-right:5px; height:100px; position:absolute; top:776px; left:50%; z-index:99; margin-left:-350px; background:url(../img/nav.png) 0 0 no-repeat; _background:url(/images/ht/dyr_hand/nav.gif) 0 0 no-repeat;}
.nav_box ul{float:left;}
.back_btn{float:right; width:90px; padding-top:25px;}
.back_btn a{display:block; width:100%; height:30px; font:0/0 a; overflow:hidden;}
.nav_box li{float:left; display:inline; width:75px; margin-right:42px; cursor:pointer;}
.nav_node{display:none; background:url(../img/nav_node.png) 0 0 no-repeat; _background:url(../img/nav_node.gif) 0 0 no-repeat;}
.nav2{background-position:-77px 0;}
.nav3{background-position:-154px 0;}
.nav4{background-position:-231px 0;}
.nav5{background-position:-308px 0;}
.nav6{background-position:-385px 0;}
.nav_box li span{display:block; padding-top:56px; color:#2a3852; font:14px/24px \5b8b\4f53; text-align:center;}
.nav_box li.on .nav_node{display:block; height:75px; animation:key_scale 0.5s both; -webkit-animation:key_scale 0.5s both; -moz-animation:key_scale 0.5s both; -ms-animation:key_scale 0.5s both;}
.nav_box li.on span{padding-top:2px;}
.screens_box{width:1920px; position:absolute; top:0; left:50%; margin-left:-960px;}
.screens{width:11520px; position:absolute; top:0; left:0;}
.screens_box li{float:left; width:1920px; height:919px;}
.screen1{background:url(../img/bg1.jpg) center top no-repeat;}
.screen2{background:url(../img/bg2.jpg) center top no-repeat;}
.screen3{background:url(../img/bg3.jpg) center top no-repeat;}
.screen4{background:url(../img/bg4.jpg) center top no-repeat;}
.screen5{background:url(../img/bg5.jpg) center top no-repeat;}
.screen6{background:url(../img/bg6.jpg) center top no-repeat;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
* html .arrow{position:absolute; top:expression(eval(document.documentElement.scrollTop)+260)}
.arrow{width:34px; height:74px; position:fixed; top:50%; margin-top:-30px; z-index:100; display:none; cursor:pointer; background:url(../img/arrow.png) 0 0 no-repeat; }
.left_btn{left:10px;}
.right_btn{right:10px; background-position:0 -75px;}
.main_box{width:1300px; margin:0 auto;}
.main_con{float:right; width:360px; padding-top:254px; color:#33457c;}
.slider{float:left; width:390px; padding-top:240px;}
.con_tit{font:20px/32px \5FAE\8F6F\96C5\9ED1; padding-bottom:20px;}
.con_txt{font:14px/26px \5b8b\4f53;}
.date_time{height:102px; font:0/0 a; overflow:hidden;}
.time1{background:url(../img/time1.png) 0 0 no-repeat;}
.time2{background:url(../img/time2.png) 0 0 no-repeat;}
.time3{background:url(../img/time3.png) 0 0 no-repeat;}
.time4{background:url(../img/time4.png) 0 0 no-repeat;}
.time5{background:url(../img/time5.png) 0 0 no-repeat;}
.time6{background:url(../img/time6.png) 0 0 no-repeat;}
.slider_txt{padding-bottom:26px; margin-bottom:30px; font:14px/26px \5FAE\8F6F\96C5\9ED1; color:#33457c; border-bottom:1px solid #8b8c94;}
/* 小图片轮播 */
.slide{width:320px; height:180px; overflow:hidden; position:relative;}
.slide_list{height:180px; overflow:hidden; position:relative;}
.slide_list li{width:320px; height:180px; position:absolute; top:0px; left:0px; display:none;}
.slide_nav{position:absolute; top:8px; right:8px; width:12px;}
.slide_nav li{display:block; width:12px; height:12px; margin-bottom:5px; cursor:pointer; overflow:hidden; background:#33457c; border-radius:50%;}
.slide_nav li.act{background:#fff;}
/* 动画 */
@keyframes key_scale{
	0%{transform:scale(0)}
	100%{transform:scale(1)}
}
@-webkit-keyframes key_scale{
	0%{-webkit-transform:scale(0)}
	100%{-webkit-transform:scale(1)}
}
@-moz-keyframes key_scale{
	0%{-moz-transform:scale(0)}
	100%{-moz-transform:scale(1)}
}
@-ms-keyframes key_scale{
	0%{-ms-transform:scale(0)}
	100%{-ms-transform:scale(1)}
}