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

body,p,div{margin:0;padding:0;border:0;}
body{ font-family:"Tahoma",Arial,SimSun; font-size:14px; line-height:24px; color:#000; background:#fff;overflow-x:hidden;}
a { text-decoration: none; color: #000000;}
a:hover { text-decoration:underline;}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover { text-decoration: none}
img { border:0;}
.Div980{ width:980px; margin:0 auto;}
.Ovf{ overflow:hidden;}
.LF{ float:left;}
.LR{ float:right;}
.clear{ clear:both;}
.red {color:#f00;}
.font14 {font-size:14px;}
.font16 {font-size:16px; line-height:24px;}
ul,li{margin:0px;padding:0px;list-style-type:none}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; margin:0 auto;}

/*顶部导航*/
.w100{ width:1024px; margin:0 auto; }
.top_nav{padding:5px 0px;border-bottom:2px solid #fff; height:51px; line-height:51px; position:absolute; top:0;width:100%;}
.top_nav .To_time{font:500 18px/51px "Microsoft Yahei"; letter-spacing:2px; width:300px; }
.top_nav .To_time a{color:#000; text-decoration:none;font-weight:600;}

.index_top .top_right{ float:right; width:300px;}
.index_top .top_right .top_ft{ float:left; width:150px; position:relative;}
.index_top .top_right .top_ft:hover { background:#313131}


.index_top{ height:41px; background:#FFCC00; line-height:40px;}
.index_top .index_nav{ float:left; overflow:hidden; min-width:625px;}
.index_top .index_nav ul li{ float:left; font-size:14px; height:41px}
.index_top .index_nav ul li a{ display:block; color:#000; padding:0px 20px;}
.index_top .index_nav ul li a:hover{ color:#fff; background:#313131; height:41px;}
.index_top .index_nav ul li.on a{ color:#fff; background:#313131; height:41px;}
.index_top .index_login{ float:right; overflow:hidden; font-size:12px;  color:#000000;}
.index_top .index_login a{ padding:0px 17px; color:#000000;}
.index_top .index_login h3{ float:left;}

.index_top .top_right .top_ft h3{ width:32px; position:relative; z-index:11; padding-top:5px; padding-left:13px; float:left;}
.index_top .top_right .top_ft h3 span{ display:block; width:16px; height:16px; position:absolute; top:3px; right:-5px; background:url(../images/top_2.png) no-repeat; color:#fff; font-size:12px; line-height:16px; text-align:center; z-index:33;}
.index_top .top_right .top_ft h3 b{ display:block; width:32px; height:32px; position:absolute; top:5px; left:13px; z-index:22; background:url(../images/top_4.png) no-repeat;}
.index_top .top_right .top_ft h3 a{ display:block;}


.index_top .top_right .top_ft .top_xl{ display:none; width:150px; overflow:hidden; padding-bottom:12px; background:#313131; position:absolute; top:41px; left:0px; z-index:8888}
.index_top .top_right .top_ft .top_xl ul li{ height:38px; line-height:38px; font-size:12px; clear:both;}
.index_top .top_right .top_ft .top_xl ul li a{ padding-left:20px; color:#fff; display:block}
.index_top .top_right .top_ft .top_xl ul li span{ display:block; width:16px; float:right; margin-right:13px; height:38px; line-height:38px; background:url(../images/top_2.png) no-repeat center; color:#fff; font-size:12px; text-align:center; }

.index_top .top_right .top_ft .top_xl ul li:hover{ background:#FFCC00;}
.index_top .top_right .top_ft .top_xl ul li:hover a{ color:#000}

.index_top .top_right .top_ft h4{ font-size:12px; float:left; padding-left:10px; padding-right:18px; background:url(../images/top_1.png) no-repeat right;}
.index_top .top_right .top_ft h4 a{ color:#000; padding-right:3px;}
.index_top .top_right .top_ft:hover h4 { background:url(../images/top_1s.png) no-repeat right;}
.index_top .top_right .top_ft:hover h4 a{ color:#fff;}
.index_top .top_right .top_ft:hover h3 b{background:url(../images/top_6.png) no-repeat;}
.index_top .top_right .top_fr{ width:120px; float:right;}
.index_top .top_right .top_fr a{ display:block; float:left; width:60px; font-size:12px; color:#000;}

.cool_zhangti_p1 .p1_cont { width:1024px; margin:0 auto}
.p1_cont .p1{ position:absolute; top:50%;  margin-left:500px;  margin-top:-180px;}
.p1_cont .p2{ position:absolute; top:50%;   margin-top:-150px;}
.p1_cont .p3{position:absolute; top:50%;  margin-left:650px;  margin-top:-102px;}
.cool_zhangti_p1 .p1_cont p{ margin-bottom:10px;}


.cool_zhangti_p2 .p2_cont { width:1024px; margin:0 auto}
.p2_cont .p1{ position:absolute; top:50%;  margin-left:600px; margin-top:-150px;}
.p2_cont .p2{ position:absolute; top:50%;  margin-top:-180px;margin-left:-308px;}
.p2_cont .p3{position:absolute; top:50%;  margin-left:154px;  margin-top:-100px;}
.cool_zhangti_p2 .p2_cont p{ margin-bottom:10px;}

.cool_zhangti_p3 .p3_cont { width:1024px; margin:0 auto}
.p3_cont .p1{position:absolute; top:50%;  margin-left:500px;  margin-top:-180px;}
.p3_cont .p2{ position:absolute; top:50%;   margin-top:-150px;}
.p3_cont .p3{position:absolute; top:50%;  margin-left:530px;  margin-top:-38px;}
.cool_zhangti_p3 .p3_cont p{ margin-bottom:10px;}

.cool_zhangti_p4 .p4_cont { width:1024px; margin:0 auto}
.p4_cont .p1{ position:absolute; top:50%;  margin-left:586px; margin-top:-150px;}
.p4_cont .p2{ position:absolute; top:50%;  margin-top:-160px;margin-left:-308px;}
.p4_cont .p3{ position:absolute; top:50%;  margin-top:-80px;margin-left:200px;}
.cool_zhangti_p4 .p4_cont p{ margin-bottom:10px;}



.cool_zhangti_p5 .p5_cont { width:1024px; margin:0 auto}
.p5_cont .p1{ position:absolute; top:50%; left:50%;  margin-left:-262px; margin-top:-148px;}
.p5_cont .p2{ position:absolute; left:50%;  margin-left:-87px; bottom:84px;}
.bg_p3{position:absolute;bottom:0px;   width:100%; background-color:#1c2833; height:84px; z-index:99999; text-align:center; line-height:84px; }

.bg_p3 img{ padding-top:13px;}
/*脚部*/
.foot{ margin:0px auto; padding:15px; text-align:center;color:#000; background:#e5e694; border-top:4px solid #e9ea57; position:absolute; width:100%;bottom:0;font:500 12px/24px "Microsoft Yahei";}
.foot a{color:#000;text-decoration:none;}

.img1 {opacity: 0;
  -webkit-box-transition: all 1s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition: all 1s;     /* OLD - Firefox 19- */
  -webkit-transition: all 1s;       /* Chrome */
  -ms-transition: all 1s;            /* IE 10 */
  transition: all 1s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.active .img1 {opacity: 1; 
  -webkit-box-transition-delay: .5s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition-delay: .5s;     /* OLD - Firefox 19- */
  -webkit-transition-delay: .5s;       /* Chrome */
  -ms-transition-delay: .5s;            /* IE 10 */
  transition-delay: .5s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.p1 { opacity: 0; 
  -webkit-box-transition: all 1s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition: all 1s;     /* OLD - Firefox 19- */
  -webkit-transition: all 1s;       /* Chrome */
  -ms-transition: all 1s;            /* IE 10 */
  transition: all 1s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.p2 { opacity: 0; 
  -webkit-box-transition: all 1s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition: all 1s;     /* OLD - Firefox 19- */
  -webkit-transition: all 1s;       /* Chrome */
  -ms-transition: all 1s;            /* IE 10 */
  transition: all 1s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
;}
.p3 { opacity: 0; 
  -webkit-box-transition: all 1s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition: all 1s;     /* OLD - Firefox 19- */
  -webkit-transition: all 1s;       /* Chrome */
  -ms-transition: all 1s;            /* IE 10 */
  transition: all 1s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
;}
.active .p1_cont .p1,.active .p3_cont .p1,.active .p5_cont .p1 { opacity: 1; 
  -webkit-box-transition-delay: 1s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition-delay: 1s;     /* OLD - Firefox 19- */
  -webkit-transition-delay: 1s;       /* Chrome */
  -ms-transition-delay: 1s;            /* IE 10 */
  transition-delay: 1s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */}

.active .p2 { opacity: 1; 
  -webkit-box-transition-delay: 1.5s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition-delay: 1.5s;     /* OLD - Firefox 19- */
  -webkit-transition-delay: 1.5s;       /* Chrome */
  -ms-transition-delay: 1.5s;            /* IE 10 */
  transition-delay: 1.5s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
.active .p3 { opacity: 1; 
  -webkit-box-transition-delay: 2s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition-delay: 2s;     /* OLD - Firefox 19- */
  -webkit-transition-delay: 2s;       /* Chrome */
  -ms-transition-delay: 2s;            /* IE 10 */
  transition-delay: 2s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
.active .p2_cont .p2,.active .p4_cont .p2  { opacity: 1; 
  -webkit-box-transition-delay: 1s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition-delay: 1s;     /* OLD - Firefox 19- */
  -webkit-transition-delay: 1s;       /* Chrome */
  -ms-transition-delay: 1s;            /* IE 10 */
  transition-delay: 1s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */}

.active .p1 { opacity: 1; 
  -webkit-box-transition-delay: 1.5s;;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-transition-delay: 1.5s;     /* OLD - Firefox 19- */
  -webkit-transition-delay: 1.5s;       /* Chrome */
  -ms-transition-delay: 1.5s;            /* IE 10 */
  transition-delay: 1.5s;;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}