/* 公共样式 */
div,form,ul,ol,li,dl,dt,dd,cite,p,input,img{ margin:0; padding:0; border:none; }
img{ vertical-align:middle; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal; }
input,textarea,select{ font-size:12px; font-family:Microsoft Yahei; }
ol,ul,li{ list-style-type:none;}
a,a:visited{ color:#000; text-decoration:none; }
a:hover{ color:#000; text-decoration:underline; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *+height:1%; }
body{ margin:0; padding:0; height:auto; color:#000; font-size:16px; line-height:24px; font-family:Microsoft Yahei,SimSun,Arial, Helvetica, sans-serif; } 
:focus { outline: none; } 
.hide{ display:none; }
/* 本专题样式 */
.nav{
	position:fixed;
	top:230px;
	left:50%;
	margin-left:525px;
	z-index: 999;
}
.nav li{ height:40px; line-height:40px; margin:30px 0; font-size:23px; font-weight:bold; font-style:italic; }
.nav li a{ display:block; color:#fff; padding-left:15px; text-decoration:none; }
.nav li.active a{ color:#29bba5; background:url(nav_dd.png) no-repeat left center; }


.opacity{
	opacity: .6;
    filter: Alpha(opacity=60);
    background: #fff;
    position: absolute;
    width: 100%;
}
h1{ height:85px; }
.wrapper{
	width:1025px; 
	margin:0 auto;
	position:relative;
}
.section1{ background:url(page1_bg.jpg) no-repeat center center; }
.section1 .wrapper{ width:783px; height:401px; background:url(page1_text.png) no-repeat center top; }
.section2{ background:url(page2_bg.jpg) no-repeat center center; }
.section2 h1{ background:url(page2_tit.png) no-repeat 10px top; }
.map{ float:left; width:687px; height:623px; background:url(page2_map.jpg) no-repeat center top; position:relative; z-index:10; }
.hdxx{ float:left; width:335px; overflow:hidden; position:relative; left:-8px; top:20px; background:rgba(34,129,190,.8); }
.hdxx{ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cc2281be,endColorStr=#cc2281be); zoom: 1; }
:root.hdxx,:root.njswj,:root.xqwj,:root.hz-tabcont-box{
	filter: none; 
}
.hdxxcont{ float:left; padding:20px 0 25px; }
.hdxxcont li{ float:left; width:335px; }
.hdxxcont li a{ float:left; width:166px; height:58px; line-height:58px; font-size:24px; color:#fff; text-align:center; }
.hdxxbtn{ position:absolute; right:0; bottom:-58px; z-index:10; }
.hdxxbtn li{ float:left; width:25px; height:25px; background:url(page2_btn.png) no-repeat center top; margin:0 4px; }
.hdxxbtn li.btnlt{ background-position:0 0; }
.hdxxbtn li.btnrt{ background-position:-33px 0; }

.section3{ background:url(page3_bg.jpg) no-repeat center center; }
.section3 .wrapper{ position:relative; height:648px; }
.section3 h1{ background:url(page3_tit.png) no-repeat 20px top; margin-bottom:10px; }
.njswj,.xqwj{ width:380px; padding:50px 40px 30px 60px;  position:relative; margin-left:40px; }
.njswj{ background:rgba(230,241,247,.8); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cce6f1f7,endColorStr=#cce6f1f7); zoom: 1; z-index:10 }
.xqwj{ background:rgba(255,255,255,.8); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ccffffff,endColorStr=#ccffffff); zoom: 1; position:absolute; left:450px; top:280px; z-index:1;}
.wjtit{ width:161px; height:72px; }
.njswj .wjtit{ background:url(page3_njswj.png) no-repeat center top; position:absolute; right:-106px; top:15px; }
.xqwj .wjtit{ background:url(page3_xqwj.png) no-repeat center top; position:absolute; left:-106px; bottom:40px; }
.wjul li{ height:60px; overflow:hidden; line-height:60px;font-size:18px; font-weight:bold; }
.wjul li a{ color:#333; }
a.page3_morebtn{ display:block; font-size:16px; color:#f06b22; margin-top:15px; }

.section4{ background:url(page4_bg.jpg) no-repeat center center; }
.section4 h1{ height:60px; background:url(page4_tit.png) no-repeat 700px top; }
.hz-tabtit li{ float:left; padding:0 29px; min-width:144px; height:43px; line-height:43px; background:url(tabtit_2.png) no-repeat center top; color:#211e23; font-size:23px; text-align:center; font-weight:800; }
.hz-tabtit li:first-child{ background:url(tabtit_1.png) no-repeat center top; }
.hz-tabtit li.active{ background:url(tabtit_ac2.png) no-repeat center top; }
.hz-tabtit li.active:first-child{ background:url(tabtit_ac1.png) no-repeat center top; }
.hz-tabcont-box{ width:936px; height:580px; padding:55px 0 0 40px; }
.hz-tabcont-box{ background:rgba(244,244,248,.8); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ccf4f4f8,endColorStr=#ccf4f4f8); zoom: 1; z-index:10; }


.shuffbox,.shuffpic{ position:relative; left:0; top:0; }
.shuffbox{ width:894px; height:555px; overflow:hidden; }
.shuffpic img{ width:894px; height:523px; }
.shuffbtn{ width:100%; position:absolute; left:0; bottom:0; text-align:center; z-index:110; }
.shuffbtn ul li{ width:12px; height:12px; margin-left:8px; border-radius:5px; display:inline-block; *display:inline; *zoom:1; }
.inactive{ background:#191924; }
.shuffbtn ul li.activation{ width:40px; height:11px; background:#1ed3f3; }

.section5{ background:url(page5_bg.jpg) no-repeat center center; }
.section5 h1{ background:url(page5_tit.png) no-repeat 750px top; }
.hzdt-shuff{  width:561px; padding:12px 15px 0; background:url(hzdtbg.jpg) no-repeat center top; }
.shuffbox-dt,.shuffpic-dt{ position:relative; left:0; top:0; }
.shuffbox-dt{ width:561px; height:460px; overflow:hidden; }
.shuffpic-dt img{ width:561px; height:421px; }
.shuffbtn-dt{ width:100%; position:absolute; left:0; bottom:0; text-align:center; z-index:110; }
.shuffbtn-dt ul li{ width:8px; height:8px; margin-left:8px; border-radius:50%; display:inline-block; *display:inline; *zoom:1; }
.inactive-dt{ background:#fff; }
.shuffbtn-dt ul li.activation-dt{ background:#f3dc1e; }
.hzdt-text{ width:445px; position:absolute; right:0; top:120px; }
.hzdt-text li{ padding:10px 15px 16px 25px; background:#fff; margin-bottom:5px; color:#333; line-height:25px; }
.hzdt-text li h2{ height:35px; font-size:18px; font-weight:bold; line-height:35px; overflow:hidden; }
.hzdt-text li p{ font-size:16px; text-indent:2em; }
.hzdt-text li.active{ background:#f3dc1e; }

.section6{ background:url(page6_bg.jpg) no-repeat center center; }
.section6 h1{ height:60px; background:url(page6_tit.png) no-repeat 50px top; }
.hdzzlt{ float:left; width:235px; height:617px; padding:40px 0 0 35px; background:url(lion-y.png) no-repeat 35px center; }
.hdzzlt li{ width:195px; height:70px; line-height:35px; padding-left:37px; background:url(lion_x.png) no-repeat center top; text-align:center; margin-bottom:15px; font-weight:bold; }
.hdzzlt li a{ color:#fff; text-decoration:none; }
.hdzzrt{ float:right; width:695px; height:650px; }
.hdzzcont img{ width:422px; height:328px; display:none; }
.hdzzcont:first-child{ display:block; }
.hdzzimg1{ border:10px solid #1ed3f3; position:relative; top:30px; }
.hdzzimg2{ border:10px solid #f3dc1e; position:absolute; right:5px; bottom:5px; }

.mainbox{ min-height:350px; padding-top:535px; background:url(show_ban.jpg) no-repeat center top #1c3d86; }
.showpage{ width:965px; margin:0 auto; padding:30px 30px 100px; background:#fff; }
.position{ font-size:16px; color:#666; padding-bottom:20px; border-bottom:1px solid #d6d6d6; }
.showpage h1{ height:auto; line-height:30px; font-size:24px; color:#2a88d8; text-align:center; margin:45px 0 15px 0; font-weight:bold; }
.informs{ font-size:14px; color:#333; text-align:center; margin-bottom:40px; }
.informs span{ margin-right:15px; }
.showcont{ padding:0 25px; color:#333; font-size:18px; line-height:30px; }
.showcont p{ text-indent:2em; }

.listpul{ font-size:16px; width:100%; padding:25px 0 0 0; }
.listpul li{ height:45px; line-height:45px; padding-left:20px; background:url(sz.png) no-repeat 5px center; border-bottom:1px dashed #d6d6d6;  }
.listpul li a{ float:left; width:800px;  color:#333; text-decoration:none; }
.listpul li span{ float:right; color:#999; }
.page{ text-align:center; margin-bottom:30px; }
.page a,.page span{ height:40px; padding:0 15px; line-height:40px; float:left; background:#ececec; margin:0 10px;  }
.page span{ background:#303c67; color:#fff; }

.section1.active .wrapper{
    animation: fadeInBottom .8s linear both;
    -webkit-animation: fadeInBottom .8s linear both;
}
.section2.active .map,.section3.active .njswj,.section4.active .hzmdcont,.section5.active .hzdt-shuff,.section6.active .hdzzlt{
	animation: fadeInLeft .8s linear both;
    -webkit-animation: fadeInLeft .8s linear both;
}
.section2.active .hdxx,.section3.active .xqwj,.section5.active .hzdt-text,.section6.active .hdzzrt{
	animation: fadeInRight .8s linear both;
    -webkit-animation: fadeInRight .8s linear both;
}
.section2.active .hdxxbtn{
	animation: fadeInTop .8s linear both;
    -webkit-animation: fadeInTop .8s linear both;
}
@keyframes fadeInRight{
0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
@keyframes fadeInLeft{
0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
.section5.active .pic5,.section8.active .pic11 {
    animation: fadeInBottom .8s ease-in-out .25s both;
    -webkit-animation: fadeInBottom .8s ease-in-out .25s both;
}
.section5.active .pic6,.section8.active .pic12 {
    animation: fadeInTop .8s ease-in-out .25s both;
    -webkit-animation: fadeInTop .8s ease-in-out .25s both;
}
@keyframes fadeInBottom{
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
@keyframes fadeInTop{
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 300%, 0);
    transform: translate3d(0, 300%, 0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}