@charset "utf-8";
/*top*/
.header{width:100%;min-width: 1200px;}
.header .top{height:30px;background:#f7f7f7;width:100%;color:#777;line-height:30px;font-size:12px;}
.header .top a{display:inline;margin:0 10px;}
.header .top a:hover{color:#c41e3a;}
.header .logo{height:98px;margin-top:13px;}
.header .logo .logo_img{width:219px;height:75px;}
.header .logo .logo_img img{width:100%;}
.logo_l .s1{margin:7px 15px;}
.logo_l .flash{width:130px;height:75px;margin-right:89px;}
.logo .search{width:600px;padding-top:9px;}
.logo .search input{width:400px;padding:7px 5px;font-size:12px;color:#777; float:left;}
.logo .search button{width:70px;background:#fff;height:32px;cursor:pointer;color:#c41e3a; float:left;}
.logo .search p{font-size:12px;line-height:32px;float: left;height: 32px;}
.logo .search p b, .logo .search p span{float: left;}
.xian{ float:left;}
.logo .search a{color:#777;margin:0px 8px;display:inline-block;}
.logo .search a:hover{color:#000;}
.xian{ float:left; margin: 0 10px;}


/*导航*/
.index-top{width:100%;height:35px;}
.index-top .con{width:1200px;height:35px;clear: both;margin:0 auto;min-width: 1200px;}
.nav_list li.bgc1,.nav_list li.bgc1 a{display:inline-block;color:#777777;line-height:32px;font-size:16px;float:left;font-family: "Microsoft YaHei" ! important;}
.nav_list li.bgc1 a{padding:0 20px;}
.nav_list li.bgc2{width:240px;float:left;}
.nav_list{height:32px;position:relative;}
/* .nav_list li{float: left;} */
.nav_list a{padding:0 15px 0 0;font-size:14px;color:#131111;}
/* .nav_list li:last-child a{padding-right:0px;}  */
.nav_list li.bgc1 a:hover{color:#c41e3a;}
.nav_list li a.all{color: #fff;width: 240px;text-align: center;padding: 0px;position: absolute;top: 0;left: 0px;z-index: 100;
font-size: 18px;line-height: 32px;font-family: "Microsoft YaHei" !important;}
.banner{height:400px;overflow:hidden;}
.youjrz .nav_one li a{padding-right: 0;}

/*焦点图*/
.main_visual{height:400px;overflow:hidden;position:relative;width: 100%;min-width: 1200px;}
.main_image{height:400px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:400px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:400px;}
.main_image li span{display:block;width:100%;height:400px}
.main_image li a{display:block;width:100%;height:400px}

div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 210px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('/static/imgs/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;display:none!important;}
#btn_prev{background:url(/static/imgs/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(/static/imgs/hover_right.png) no-repeat right top;right:100px;}
.pos-rel{position:relative;}
.pos-rel{position:absolute;}
.con-width-1200{margin:0 auto;background:#ff0000;}
.left-menu{width:240px;height:400px;background:#fff;position:absolute;left:50%;top:0px;margin-left:-600px;}
.right-menu{width:270px;height:400px;background:#fff;position:absolute;right:50%;top:0px;margin-right:-600px;}

/*推荐图*/
.tuijian_nav{ padding-top:25px;}
.tuijian_nava{width:290px; height:170px;}
.tuijian_navb{position: relative; top:-170px; left:0; width:44px; height:45px;}
.tuijian_nav li{ float:left; width:290px; height:170px;}
.tuijian_nav li a:hover img{    
	/* older safari/Chrome browsers */  
    -webkit-opacity: 0.75;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.75;  
    /* Safari 1.x (pre WebKit!) ��ʽkhtml�ں˵�Safari�����*/  
    -khtml-opacity: 0.75;  
    /* IE9 + etc...modern browsers */  
    opacity: 0.75;  
    /* IE 4-9 */  
    filter:alpha(opacity=75);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); 
}

/*侧导航*/
.nav_l{height:400px;width:240px; background-color:#fff;display: block;}
.nav_l li:hover{background-color:#fff;}
.nav_one:hover a{color:#c41e3a;}
.nav_one{height:56px;}
.nav_one li a{color:#707070;}
.nav_l li{height:56px; border-bottom:1px solid #f3f3f3;} 
.nav_l .nav_one a{display:inline-block;}
.nav_l .nav_one li{line-height:56px;height:56px;font-size:12px;margin-left:60px;width: 180px;}
.nav_l li:last-child{border-bottom: 0;}

.nav_one .one_f{font-size:15px;}
.cur{background:#fff;}
.zhongzi{background:url(/static/imgs/nav.png) -5px 0px no-repeat;}
.zhongzi:hover{background:url(/static/imgs/nav.png) -5px -408px no-repeat;}
.feiliao{background:url(/static/imgs/nav.png) -5px -85px no-repeat;}
.feiliao:hover{background:url(/static/imgs/nav.png) -5px -493px no-repeat;}
.nongyao{background:url(/static/imgs/nav.png) -5px -255px no-repeat;}
.nongji{background:url(/static/imgs/nav.png) -5px -173px no-repeat;}
.nongfu{background:url(/static/imgs/nav.png) -5px -837px no-repeat;}
.nongyao:hover{background:url(/static/imgs/nav.png) -5px -663px no-repeat;}
.nongji:hover{background:url(/static/imgs/nav.png) -5px -581px no-repeat; }
.nongfu:hover{background:url(/static/imgs/nav.png) -5px -1000px no-repeat; }

.cycy{background:url(/static/imgs/nav.png) -5px -336px no-repeat;}
.cycy:hover{background:url(/static/imgs/nav.png) -5px -744px no-repeat; }
.xxls{background:url(/static/imgs/nav.png) -5px -923px no-repeat;}
.xxls:hover{background:url(/static/imgs/nav.png) -5px -1087px no-repeat; }

/*侧导航hover的时候*/
.hover_list{width:auto!important;min-width:652px;width:652px;height:380px;background:#fff;opacity:0.9;filter:alpha(opacity=90);position:absolute;left:240px;top:0px;z-index:240;padding:10px;}
.pinlei li{line-height:30px;font-size:14px; border-bottom:1px none #d7d7d7;}
.pinlei li a{display:inline-block;padding:0px 10px;}
.pinlei li a:first-child{font-weight:900;}
.zhongzi:hover a,.feiliao:hover a,.nongyao:hover a,.nongji:hover a,.nongfu:hover a,.cycy:hover a,.xxls:hover a{color:#c41e3a;}
.zhongzi:hover span,.feiliao:hover span,.nongyao:hover span,.nongji:hover span,.nongfu:hover span,.cycy:hover span,.xxls:hover span{color:#777;}
.hover_list span:hover{color:#c41e3a;}

/*1f 2f 3f 4f 5f 6f*/

.zz_tit h2,.fl_tit h2,.ny_tit h2,.nj_tit h2,.nfcp_tit h2,.wlnr_tit h2{font-size:24px;color:#333;line-height:40px;}
.zz_tit h2 span,.fl_tit h2 span,.ny_tit h2 span,.nj_tit h2 span,.nfcp_tit h2 span,.wlnr_tit h2 span{font-size:14px;display:inline-block;height:30px;width:44px;margin-right:1px;text-align:center;margin-top:7px;background:url(/static/imgs/cloud.png) no-repeat;line-height:35px;}
.zz_tit h2 mark,.fl_tit h2 mark,.ny_tit h2 mark,.nj_tit h2 mark,.nfcp_tit h2 mark,.wlnr_tit h2 mark{background:none;padding-left:3px;color:#333;}
.zzc_l{width:336px;height:100%; float:left;}
.zz_ad1{width:336px;height:545px;overflow:hidden;position:relative;}
.ad_list{position:absolute;left:27px;top:375px;width:281px;height:141px;opacity:0.85;filter:alpha(opacity=85);z-index:1;background:#fff;}
.ad_list li,.ad_list li a{display:inline-block;float:left; width:140px; height:70px;}
.ad_list li a:hover{opacity:0.85;filter:alpha(opacity=85);}
.ad_list li.ad01{border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;float:left;}
.ad_list li.ad02{border-bottom:1px solid #d7d7d7;float:left;}
.ad_list li.ad03{border-right:1px solid #d7d7d7;float:left;}



.zzc_r{overflow:hidden;width:864px;height:545px; background-color:#f0f0f0; float:left;}
.zzc_r1,.zzc_r2,.zzc_r3{ width:100%;}

.zzc_list2 li{float:left;width:425px;height:255px;position:relative;margin-left:7px;}
.ad_list02{position:absolute;top:0px;left:0px;width:300px;height:180px;z-index:1;}
.ad_list03{position:absolute;top:30px;right:30px;width:80px;height:80px;z-index:1;}
.zzc_list2 li p{padding:30px 0px 0px 30px;font-size:18px;color:#333;}
.zzc_list2 p span{font-size:14px;color:#333;line-height: 24px;}
.zzc_list2 p span.jg{font-size:24px;color:#c41e3a; line-height:40px;}
.zzc_list2 span.ljqg{font-size:15px;color:#fff; background-color:#c41e3a; padding:5px 15px; height:80px; border-radius:3px; line-height:50px;margin-left: 30px; }

/*文字移动*/
.trans_cont ul li{overflow: hidden;background-color: #fff;}
.trans_cont li a .tbig_pic{width:425px;height:255px;overflow: hidden;}
.trans_cont li a .tbig_pic.wid_568{width:568px;}
.trans_cont li a .tbig_pic.wid_280{width:280px;}
.trans_cont li a .tbig_pic.wid_425{width:425px;}
.trans_cont li a .tbig_pic.h_545{width:280px;height:545px;}
.trans_cont li .tbig_pic img{width:100%;height:100%;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.trans_cont li:hover .tbig_pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform: scale(1.05); -o-transform: scale(1.05);transform:scale(1.05);}
.trans_cont span.dh_gobuy{padding:0px 15px; height:30px; border-radius:3px; line-height:30px;margin-left: 30px;position: absolute;bottom: 0; }
.fresh_lc .zz_ad1 a:hover img, .sale_pic:hover img{-webkit-opacity: 0.85;-moz-opacity: 0.85; -khtml-opacity: 0.85;opacity: 0.85;filter:alpha(opacity=85);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);}
.trans_cont ul li .lj_gbuy{width: 100%;height: 45px;line-height: 45px;text-align: center;background-color: #b49247;position: absolute;bottom: -45px;left:0;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }
.trans_cont ul li .lj_gbuy span{background: url(/static/imgs/ico_cart.png) no-repeat 0 center;color: #fff;position: relative; clear: both;display: block;height: 45px;margin: 0 auto;padding-left: 26px;font-size:16px;width: 23%;}
.trans_cont ul li a:hover .lj_gbuy{bottom: 0px;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.trans_cont ul li .tsml_pic img{-moz-transition:all 0.5s ease 0s;/* Firefox 4 */-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.trans_cont li a:hover .tsml_pic img{-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);transform:translate(0,-20px); -ms-transform: translate(0px, -20px); -o-transform: translate(0px, -20px);}
/*文字移动 结束*/

.zzc_list3 li{float:left;width:280px;height:280px;position:relative;margin-left:8px;}
.zzc_list3 li p{padding:20px 0px 0px 30px;font-size:18px;color:#333;}
.zzc_list3 p span{font-size:14px;color:#333;}
.zzc_list3 p span.jg{font-size:24px;color:#c41e3a; line-height:40px;}

.ad_list04,.ad_list040{position:absolute;top:0px;left:0px;width:280px;height:120px;z-index:1;}
.zzc_list4 li,.zzc_list40 li{float:left;width:568px;height:255px;position:relative;margin-left:8px;}

.ad_list04a{position:absolute;top:0px;left:285px;width:320px;height:200px;z-index:1;}
.ad_list040a{position:absolute;top:0px;left:0px;width:320px;height:200px;z-index:1;}
.zzc_list4 li p,.zzc_list40 li p{padding:30px 0px 0px 30px;font-size:20px;color:#333; line-height:30px;}
.zzc_list4 p span,.zzc_list40 p span{font-size:16px;color:#333;}
.zzc_list4 p span.jg,.zzc_list40 p span.jg{font-size:24px;color:#c41e3a; line-height:40px;}
.zzc_list4 p span.ljqg,.zzc_list40 p span.ljqg{font-size:15px;color:#fff; background-color:#c41e3a; padding:5px 15px; height:80px; border-radius:3px; line-height:50px; }

.zzc_list5 li{float:left;width:280px;height:255px;position:relative;margin-left:8px;}
.ad_list05a{position:absolute;top:0px;left:0px;width:280px;height:120px;z-index:1;}
.zzc_list5 li p{padding:20px 0px 0px 30px;font-size:18px;color:#333;}
.zzc_list5 p span{font-size:14px;color:#333;}
.zzc_list5 p span.jg{font-size:24px;color:#c41e3a; line-height:40px;}

.zzc_list6 li{float:right;width:280px;height:545px;position:relative;}
.ad_list06a{position:absolute;top:0px;left:0px;width:280px;height:120px;z-index:1;}
.zzc_list6 li p{padding:30px 0px 0px 30px;font-size:22px;color:#333; line-height:28px;}
.zzc_list6 p span{font-size:16px;color:#333;}
.zzc_list6 p span.jg{font-size:24px;color:#c41e3a; line-height:40px;}
.zzc_list6 p span.ljqg{font-size:15px;color:#fff; background-color:#c41e3a; padding:5px 15px; height:80px; border-radius:3px; line-height:50px; }

.zz_tit h2 span{background-position:0 0;}
.fl_tit h2 span{background-position:0 -33px;}
.ny_tit h2 span{background-position:0 -67px;}
.nj_tit h2 span{background-position:0 -100px;}
.nfcp_tit h2 span{background-position:0 -133px;}
.cycy_tit h2 span{background-position:0 -167px;}
.wlnr_tit h2 span{background-position:0 -133px;}
.zz_list, .yznews_list{height:30px;}

.zz_list li,.yznews_list li,.ny_list li,.nj_list li,.nfcp_list li, .wlnr_list li{float:left;line-height:30px;padding:0px 10px;margin-top:10px;color:#666;}
.zz_list li a:hover,.yznews_list li a:hover,.ny_list li a:hover,.nj_list li a:hover,.nfcp_list li a:hover, .wlnr_list li a:hover{ color:#c41e3a;}


/*底部*/
.footer_top{padding-top:30px;}
.footer_top h3{font-size:16px;color:#000;line-height:30px;}
.footer_top ul{float:left;padding:0 53px;}
.footer_top ul li{font-size:14px;line-height:24px;padding-top: 5px}
.footer_top ul a:hover{color:#000;text-decoration:underline;}
.footer_bottom p{font-size:12px;text-align:center;color:#777;line-height:24px;}

.footer_bottom02{text-align:center; width:1200px; margin:10px auto; font-size:14px;color: #5e5e5e; margin-top:20px; border-top:1px solid #E5E5E5; padding-top:20px;}
.footer_bottom02 a {display: inline-block;padding: 0 10px; text-align:center; margin:0 auto; line-height:24px;}
.footer_bottom02 a:hover{color:#000;text-decoration:underline;}
.footer_bottom02 p{ margin:10px auto;color: #5e5e5e; line-height:26px;}

.footer_bottom03{ margin:0 auto;text-align:center; width:1200px;}
.footer_bottom03 p{text-align:center; width:630px;display: inline-block;margin:20px auto;}
.footer_bottom03 img{padding:0 7px; float:left;  }


/*楼层导航*/
.J-floor-nav{position:fixed;_position:absolute;left:50%;bottom:0;width:35px;z-index:999} 
.kefu_ul{position:fixed;_position:absolute;left:50%;top:300px;width:35px;z-index:1000} 
.floor-nav-icon,.kefu {width:35px;} 
.floor-nav-icon .current a {position:relative;border:1px solid #c41e3a;background:#c41e3a;color:#fff;}
.floor-nav-icon li,.kefu li{margin-bottom:2px;overflow:hidden;} 
.floor-nav-icon li a,.kefu li a {display:block;width:33px;height:33px;border:1px solid #ccc;background:#FFF;text-align:center;cursor:pointer;overflow:hidden;}
.floor-nav-icon li i,.kefu li i{font-style:normal;height:32px;display:block;line-height:35px;} 
.floor-nav-icon .current i {display:inline-block;width:33px;color:#FFF;} 
.floor-nav-icon a b,.kefu a b {display:none;color:#fff;line-height:16px;} 
.floor-nav-icon a:hover b,.kefu a:hover b {display:block;width:33px;margin:0 auto;text-align:center;background-color:#c41e3a;color:#fff;} 
.floor-nav-icon a:hover i,.kefu a:hover i {display:none;color:#64702f;} 
.floor-nav-icon a:hover,.kefu a:hover{position:relative;border:1px solid #c41e3a;} 
.floor-nav-icon a.floor-first:hover b{color: #fff;}

.index-top{width:100%;height:35px;border-bottom:3px solid #c41e3a;}
/**/
.ind_anim { position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-color: #000;overflow: hidden;z-index: 10000;overflow: hidden;-webkit-opacity: 0.95;-moz-opacity: 0.95; -khtml-opacity: 0.95;opacity: 0.95;filter:alpha(opacity=950);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=950)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=950);}
body.ovflhid{overflow: hidden;}
.site_body{width: 100%;height: 100%;min-width: 1200px;position: fixed;top: 0;left: 0;z-index: 9999;}
.site_ani{width: 100%;min-width: 1200px;height: 100%;overflow: hidden;background:url(/static/imgs/upline/bigsd_l.png) no-repeat left 0;}
.site_bgr{background:url(/static/imgs/upline/bigsd_r.png) no-repeat right 0;position: relative;}

.uplin_ad{width: 100%;min-width: 1200px;background-color: #edf1f7;height: 300px;}
.uplin_ad img{width: 1200px;height: 300px;display: block;clear: both;margin:0 auto;}
.uplin_cont{width: 100%;min-width: 1200px;height: auto;clear: both;background: url(/static/imgs/upline/cdbg_l.png) repeat-y 0 center / 304px 1182px;}
.uplin_cont .uprbg{background: url(/static/imgs/upline/cdbg_r.png) repeat-y right center / 304px 1182px;}
.uplin_cont .uplin_plist{width: 1000px;height: auto;clear: both;margin:0 auto;overflow: hidden;}
.uplin_cont .uplin_plist ul{width: 1005px;overflow: hidden;}
.uplin_cont .uplin_plist li{float: left;margin: 0 5px 45px 0;width: 330px;}
.uplin_plist li .upli_pic{width: 330px;height: 252px;overflow: hidden;position: relative;}
.uplin_plist li .upli_pic img{width: 330px;height: 252px;display: block;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.uplin_plist li .upli_pic p{width: 330px;height: 40px;background-color: #7583ad;line-height: 40px;text-align: center;font-size: 16px;color: #fff;position: absolute;bottom: -40px;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.uplin_plist li:hover .upli_pic p{bottom: 0;transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.uplin_plist li:hover .upli_pic img{transform:translate(0px, -20px); -webkit-transform: translate(0px, -20px); -moz-transform: translate(0px, -20px); -ms-transform: translate(0px, -20px); -o-transform: translate(0px, -20px); transition:all 0.5s ease 0s;}
.uplin_plist li h2{font-size: 18px;color: #666;padding:16px 0 14px 0;line-height: 1;}
.uplin_plist li h3{font-size: 24px;color: #c41e3a;line-height: 17px;padding-left: 6px;}
.uplin_plist li h3 s{font-size: 16px;color: #999;padding-left: 12px;}
.uplin_plist li .ul_tools{padding: 18px 0 0 6px;}
.uplin_plist li a.ul_gocart{width: 168px;height: 42px;background-color: #c41e3a;display: block;float: left;border-radius: 16px;color: #fff;text-align: center;line-height: 42px;font-size: 18px;}
.uplin_plist li a.ul_gocart b{background: url(/static/imgs/upline/ul_goc.png) no-repeat right center;width: 22px;height: 40px;display: inline-block;padding-left: 10px;}
.uplin_plist li a.ul_more{padding-left: 20px;line-height: 40px;font-size: 16px;color: #c41e3a;text-decoration: underline; }
/*==================动画开始====================*/
.ind_anim  img.s_cd{position:absolute; left:50%; top:50%;opacity:0.2; z-index:1000; width:0; height:0;}
.ind_anim  .s_cd.active{z-index:1000;background:transparent;animation:hidden 0.5s ease-in-out 0s;-moz-animation:hidden 0.5s ease-in-out 0s;-webkit-animation:hidden 0.5s ease-in-out 0s;-o-animation:hidden 0.5s ease-in-out 0s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;}

.ind_anim  .ani_font{width: 100%;height: auto;position: absolute;top: 100px;z-index: 5000;}
.ind_anim  .font_by{width: 538px;height: 298px;display: block;clear: both;margin:0 auto;opacity:0; opacity:1\0;}
.ind_anim .font_by.yzfont{z-index:9000;animation:opacity1 1s ease-in-out 0.5s;-moz-animation:opacity1 1s ease-in-out 0.5s;-webkit-animation:opacity1 1s ease-in-out 0.5s;-o-animation:opacity1 1s ease-in-out 0.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;}

.ind_anim .img_sgx{width: 1383px;height: 600px;clear: both;margin:168px auto 0;}
.ind_anim .sg_box{width:1383px;height: 600px;position: absolute;bottom: 0;opacity:0; opacity:1\0; animation:gotop 1s ease-in-out 1s;-moz-animation:gotop 1s ease-in-out 1s;-webkit-animation:gotop 1s ease-in-out 1s;-o-animation:gotop 1s ease-in-out 1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;}

@keyframes hidden {
  0% {width:0px; height:0px;opacity:0;left:50%; top:50%;}
  100% {width:100%; height:100%;opacity:100;left:0%; top:0%;}
}
@-webkit-keyframes hidden {
  0% {width:0px; height:0px;opacity:0;left:50%; top:50%;}
  100% {width:100%; height:100%;opacity:100;left:0%; top:0%;}
}
@-moz-keyframes hidden {
  0% {width:0px; height:0px;opacity:0;left:50%; top:50%;}
  100% {width:100%; height:100%;opacity:100;left:0%; top:0%;}
}
@-o-keyframes hidden {
  0% {width:0px; height:0px;opacity:0;left:50%; top:50%;}
  100% {width:100%; height:100%;opacity:100;left:0%; top:0%;}
}


@keyframes opacity1{from {opacity:0;width: 405px;height: 225px;} to{opacity:1;width: 538px;height: 298px;}}
@-moz-keyframes opacity1{from {opacity:0;width: 405px;height: 225px;} to{opacity:1;width: 538px;height: 298px;}}
@-webkit-keyframes opacity1{from{opacity:0;width: 405px;height: 225px;} to{opacity:1;width: 538px;height: 298px;}}
@-o-keyframes opacity1{from {opacity:0;width: 405px;height: 225px;} to{opacity:1;width: 538px;height: 298px;}}



@keyframes gotop {
    0% {opacity:0;bottom: -600px;} 
    50%{opacity: 0.5;}
    100%{opacity:1;bottom:0px;}}
@-webkit-keyframes gotop {
    0% {opacity:0;bottom: -600px;} 
    50%{opacity: 0.5;}
    100%{opacity:1;bottom:0px;}}
@-moz-keyframes gotop {
    0% {opacity:0;bottom: -600px;} 
    50%{opacity: 0.5;}
    100%{opacity:1;bottom:0px;}}
@-o-keyframes gotop {
    0% {opacity:0;bottom: -600px;} 
    50%{opacity: 0.5;}
    100%{opacity:1;bottom:0px;}}


/*==================动画结束====================*/