@charset "utf-8";
/* CSS Document */
@import url("../reset.css");
@import url("../footer.css");
@import url("../popupfruit.css");

body{ font-family:'微软雅黑','宋体'; background:#161a1e;}
a,a:hover{ text-decoration:none;}
.w1000{ position:relative; margin:0 auto; width:1000px;}

/*主体*/
.i_1{ background:url(../../images/zhuanti/20150616/i_1.jpg) center 0 no-repeat; height:120px;}
.i_2{ background:url(../../images/zhuanti/20150616/i_2.jpg) center 0 no-repeat; height:120px;}
.i_3{ background:url(../../images/zhuanti/20150616/i_3.jpg) center 0 no-repeat; height:144px;}
.i_main{ background:url(../../images/zhuanti/20150616/i_5.jpg) center bottom no-repeat; height:635px;}
.main_box{ background:url(../../images/zhuanti/20150616/i_4.jpg) center top no-repeat;}
.quick_nav{ position:absolute; top:0; left:500px; line-height:30px; color:#c2e174; font-family:'宋体';}
.quick_nav a{ color:#c2e174;}
.quick_nav a:hover{ text-decoration:underline;}
.quick_nav span{ margin:0 7px;}
.act_list{ padding:10px 0 0 70px; width:580px; overflow:hidden;}
.act_list li{ position:relative; float:left; margin:0 4px 13px 0; _display:inline; width:139px; height:178px;}
.act_list li .et,.act_list li .extra{ position:absolute; top:0; left:0; width:100%; height:100%;}
.act_list li .et{ z-index:2;}
.act_list li .et_hover{z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/zhuanti/20150616/et_hover.png) no-repeat; overflow:hidden; cursor:pointer; }
.et_hover .txt{ margin:50px 0 0 14px; font-size:14px; line-height:18px; color:#e9fcb9;}
.et_hover a{ display:block; margin:32px auto 0; width:88px; height:28px; text-align:center; font-size:14px; font-weight:bold; line-height:28px; color:#c9f444;}
.et_hover a:hover{ color:#fff;}
.act_list .et_1{ background:url(../../images/zhuanti/20150616/et_1.png) no-repeat;}
.act_list .et_2{ background:url(../../images/zhuanti/20150616/et_2.png) no-repeat;}
.act_list .et_3{ background:url(../../images/zhuanti/20150616/et_3.png) no-repeat;}
.act_list .et_4{ background:url(../../images/zhuanti/20150616/et_4.png) no-repeat;}
.act_list .et_5{ background:url(../../images/zhuanti/20150616/et_5.png) no-repeat;}
.act_list .et_6{ background:url(../../images/zhuanti/20150616/et_6.png) no-repeat;}
.act_list .et_7{ background:url(../../images/zhuanti/20150616/et_7.png) no-repeat;}
.act_list .et_8{ background:url(../../images/zhuanti/20150616/et_8.png) no-repeat;}
.act_list .et_9{ background:url(../../images/zhuanti/20150616/et_9.png) no-repeat;}
.act_list .et_10{ background:url(../../images/zhuanti/20150616/et_10.png) no-repeat;}


.act_list li.hover .et{ z-index:1;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-animation-name: csRy;
animation-name: csRy;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-duration:0.8s;
-webkit-animation-duration:0.8s;	
	
}
.act_list li.hover .et_hover{ z-index:2;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-animation-name: csRy2;
animation-name: csRy2;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-duration:0.8s;
-webkit-animation-duration:0.8s;
}

.act_list li.hover-out .et{ z-index:2;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-animation-name: csLy;
animation-name: csLy;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-duration:0.8s;
-webkit-animation-duration:0.8s;	
	
}
.act_list li.hover-out .et_hover{ z-index:1;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-animation-name: csLy2;
animation-name: csLy2;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-duration:0.8s;
-webkit-animation-duration:0.8s;
}


/*弹层样式*/
/*.popupfruit .fruitshell{ background:none;}*/
.pop_main{ width:1062px; height:657px; padding-top:50px; background:url(../../images/zhuanti/20150616/pop_win.png) no-repeat center 20px; overflow:hidden;}
.pop_main .close_pop{ position:absolute; top:50px; right:1px; width:54px; height:50px; cursor:pointer; background:url(../../images/zhuanti/20150616/w_exit.png); /*解决ie6、7下背景透明点击事件失效*/}
.pop_main .btn{ display:block; position:absolute; z-index:10; top:310px; width:41px; height:95px; cursor:pointer; +background-image:url("data:image/gif; base64,AAAA");/*解决ie6、7下背景透明点击事件失效*/}
.pop_main .prev{ left:55px; background:url(../../images/zhuanti/20150616/prev.png) no-repeat; }
.pop_main .next{ right:80px; background:url(../../images/zhuanti/20150616/next.png) no-repeat;}
.pop_tit{ margin-left:28px; width:980px; height:70px; padding-top:12px; text-align:center; color:#5d9c69; font-size:16px;}
.pop_tit h4{ font:bold 26px/125% '微软雅黑'; color:#39974b; }
.etPop{ display:none;}
.cur{ display:block;}
.pop_con{ height:430px; width:750px;  margin:25px auto 0; font-size:16px; color:#6e6e6e; position:relative; z-index:11;}
.pop_con .content{ padding-bottom:10px;}
.pop_con .con_info{ padding-right:10px;}
.pop_con dt{ margin:0 0 2px; color:#39974b; font-weight:bold;}
.pop_con dd{ margin-bottom:30px;}
.pop_con table{ text-align:center; margin:8px 0 15px;}
.pop_con dd img{ margin:8px 0;}
.pop_con dd a{ color:#c61515;}
.pop_con .part_tit{ margin-bottom:10px; color:#666; font-size:16px; font-weight:bold;}
.pop_con .go_link{ font-size:18px; font-weight:bold; text-decoration:underline; color:#4ab484;}
.pop_con .line{ border-bottom:1px dashed #6e6e6e; padding-bottom:30px;}

/*底部样式*/
.i_foot{ padding:25px 0;}
.zt_footer{ line-height:20px; color:#474e56;  font-family: Arial,'宋体';}
.zt_footer p span{ margin:0 9px}
.zt_footer a{ color:#474e56;}
.zt_footer p.c_r { margin-left:0; text-align:center;}
.cnzz{ margin:6px auto 0; width:50px;}

/*自定义滚动条*/
.scool{ position:absolute; top:0; right:3px; z-index:99; width:8px; background-color:#c7c7c7; border-radius: 8px;}
.scool_An{ position:absolute; top:0; right:0; z-index:999; width:15px; height:68px; background:url(../../images/zhuanti/20150616/srollbar.jpg) center center no-repeat #39974b; border-radius:15px;}
.overf{ padding-bottom:20px; overflow:hidden;}

@media screen and (max-width: 1200px){
	.pop_main .close_pop{ left:28px; top:0px;}
}

/*动画效果*/
@-webkit-keyframes csRy{
    0%{-webkit-transform:perspective(400px) rotateY(0deg); z-index:2;}
    100%{-webkit-transform:perspective(400px) rotateY(180deg); z-index:1;}
}
@-webkit-keyframes csRy2{
    0%{-webkit-transform:perspective(400px) rotateY(180deg); z-index:1;}
    100%{-webkit-transform:perspective(400px) rotateY(360deg); z-index:2;}
}

@-webkit-keyframes csLy{
    0%{-webkit-transform:perspective(400px) rotateY(180deg); z-index:1;}
    100%{-webkit-transform:perspective(400px) rotateY(0); z-index:2;}
}
@-webkit-keyframes csLy2{
    0%{-webkit-transform:perspective(400px) rotateY(360deg); z-index:2;}
    100%{-webkit-transform:perspective(400px) rotateY(180deg); z-index:1;}
}