@charset "utf-8"; /*友情连接*/ .p_l_list li{float:left; width:16.66%; float:left; padding: 10px;} .p_l_list li a{display: table-cell;text-align: center;vertical-align: middle;width: 120px;} .p_l_list li img{ width: 120px; display:block;} /*下载*/ .n_d_list li{ height: 38px;border-bottom: 1px solid #eee;} .n_d_list li a{ float:left; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:14px;} .n_d_list li span{ float:right; line-height:35px;} /*招聘*/ .n_j_list li{ height: 38px;border-bottom: 1px solid #eee;} .n_j_list li a{ float:left; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:16px;} .n_j_list li span{ float:right; line-height:35px;font-size: 16px;} /*新闻*/ .n_n_list{margin-top: -35px;} .n_n_list dl{margin: 35px 0;overflow: hidden; background-color:#fff;border-bottom:1px solid #eee;} .n_n_list dl dt{float:left; overflow: hidden;} .n_n_list dl dd{float:right;width: 720px; text-align: left;margin-left: 20px;} .n_n_list dl dd a{display:block; height:35px; line-height:35px; font-size:16px;color: #000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;width: 658px;float: left;} .n_n_list dl dd ins{display: block; margin: 10px 0px; height: 20px; line-height: 20px; overflow: hidden; color: #888888; text-decoration:none;color: #243a8e;font-size: 22px;} .n_n_list dl dd>div{display: block; margin-top: 25px;height: 60px; line-height: 20px; overflow: hidden; color: #666;font-size: 14px; width: 580px;} .n_n_list dl dd span{font-size: 14px;color: #333;float: right;} .listnew_left{ float:left; } .listnew_left li{ width:310px; height:190px; border:2px solid #EBEBEB} .listnew_left li img{ width:285px; height:157px; padding:15px 0 0 13.5px;} .listnew_right{ width:660px; float:right; margin-top:35px} .title2{ font-size:14px; color:#E60012; height:25px;} .title2 a{color:#E60012; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; width:500px;} .title2 span{ float:right; font-size:12px; background:url(/images/zhi1.png) no-repeat 75px -2px; padding-right:20px} .listnews_article{ font-size:12px; line-height:35px; margin-top:10px; height:90px; overflow:hidden;} .listnews_article span{ color:#E71021} .listnews_article span a{color:#E71021} .listnews_our{ margin-bottom:35px; width:1000px; float:left;} .waterfall{-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari 和 Chrome */column-count:3;-moz-column-gap: 1em;-webkit-column-gap: 1em;column-gap: 1em;} /*一个内容层*/ .item{-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;} .item img{width: 280px;} /*视频*/ .p_v_list{} .p_v_list li{float:left; display:inline-block; width:320px; margin:0 6px 10px 7px;} .p_v_list li img{width:320px; height:240px;} .p_v_list li span{ display:block; height:35px; line-height:35px; text-indent:20px; width:320px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:2px solid #d9d7d7; background:url(/images/icon01.jpg) no-repeat 3px center;} /* ---------------结束---------------- */ /* ---------------开始首页内容------------------ */ /* 首页推荐新闻*/ .i_n_list{} .i_n_list .nlist2 li{line-height:24px; padding-left:8px; width:224px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(/images/icon4.gif) no-repeat 8px 10px; padding-left:15px;} .i_n_list .nlist2 a{display:block; width:220px; overflow:hidden;float:left;font-size:12px; text-align:left; white-space:nowrap;text-overflow:ellipsis;} .i_n_list .nlist2 a:hover{ text-decoration:none;} .i_n_list .i_title li{width:90px;} .i_n_list .i_title a{float:left; padding-left:13px;font-size:12px; text-align:left;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:none; color:#616161;} .i_n_list .i_title a:hover{ color:#fff;} /* 首页推荐产品 */ /* 首页友情链接图片列表式 */ .i_l_list{ display:inline-block;} .i_l_list a{display:block; display:inline; overflow:hidden; float:left; width:30.5%; margin:5px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;} .i_l_list img{ display:block;width:96%;height:80px; padding:1px;border:1px solid #C4C4C4;} .i_l_list a:hover img{border:1px solid #900; } /* 翻页按钮 */ .navPage{clear:left; padding:45px 0px 35px 0px;font-size:14px;font-family:arial,simsun,sans-serif; text-align:center; width:100%; margin:0 auto;} .navPage ul{ text-align:center;} .navPage li{ display:inline-block; margin-right:2px;} .navPage a{display:block; color:#cccccc;width:26px; height:26px; display:block; border:1px solid #cccccc; line-height:26px; } .navPage a:hover,a.pagebarCurrent{color:#fff; text-decoration:none; border:1px solid #ff4328; background-color:#ff4328;} /* ---------------结束栏目列表---------------- */ /*产品分类*/ .sortnavt{ display:none;} .sortnavt h3{height:35px; line-height:35px; color:#666;} .sortnavt span{float:left; display:block; font-size:14px; line-height:40px; text-indent:10px; text-transform:capitalize; display:none;} .sortnavli{position: relative;} ul.sortnavul {text-align: center!important;} ul.sortnavul li{display: inline-block;} .sortnavul li a{display: block; font-size: 16px;line-height: 50px;height: 50px;color:#666;padding: 5px 10px;position: relative; font-weight: 400;text-decoration: none;transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; text-align: center;} .sortnavul li a:hover{color:#fe6d03;} .sortnavli a:hover{color:#fe6d03;} /*单页图文分类*/ .sortnavbtn{ background: url(/images/lb.gif) no-repeat scroll 40px 0 transparent; color: #D4D4D4; font-weight: bold;line-height: 32px;} .sortnavbtn a{background: url(/images/lb.gif) no-repeat 40px 0;color: #D4D4D4;display: block;font-weight: bold;line-height: 32px;overflow: hidden;padding-bottom: 8px;padding-left: 50px;text-overflow: ellipsis;white-space: nowrap; width: 177px;} .sortnavbtn a:hover{line-height:32px; background:url(/images/lhover.gif) no-repeat 40px 0px;padding-left:50px; color:#c30708;font-weight:bold; text-decoration:none;} /*首页产品分类*/ .i_ullist_sortnav{float:left;} .i_ullist_sortnav li{ border-bottom:1px solid #ffefe1; width:150px;} /* ---------------开始栏目详细---------------- */ /*产品展示详细*/ .productview{ position:relative;} .producttitle{text-align: center; font-weight:bold;font-size: 22px; margin:20px 0;} /*默认*/ .productimg{margin:0 auto; text-align:center; padding-bottom:15px; display:block; width:600px;} .productinfos{ overflow:hidden; display:none; text-align:center; } .productimg a { } .productimg a img{margin:0;padding:0;width:600px;} .productimg a:hover img{} /*IE6固定大小*/ *html .productimg a img{ width:400px;} /*展示1*/ .productbigimg{ position:absolute; display:inline; width:100%;text-align:center;} .productinfoslist{overflow:hidden;padding-left:335px; height:335px;} .shopping{ padding-left:80px;} .productinfoslistfos{ margin:20px 0px; float:left; width:340px;} .productinfoslist ul{width:335px; padding-bottom:20px;} .productremark{ clear:both;line-height:25px;} .productremark .title{overflow: hidden; font-weight:bold; line-height:29px; display:none;} /*内容详细页*/ .p_n_title{text-align: center; font-weight:bold; font-size: 22px;} .remark{line-height:22px; line-height:25px; margin-top:20px;} .remark1{ line-height:25px;margin: 0 30px;margin-bottom: 30px;} /*下载链接*/ .download_btn{text-align:center;line-height:35px;} /*新闻详细*/ .p_n_info{line-height:35px; text-align:right; } .p_n_video{text-align:center;} /* 产品/视频详细 */ .product_others{ padding-top: 8px; clear: both; padding-left: 8px; } .product_others li{ display: block; clear: both;line-height: 20px;} .onlinebuy_list .pc01{width:500px;margin:0 auto; text-align:center;} /*.onlinebuy_list .pc01 img{width:500px;}*/ .onlinebuy_list .pc01 img{border:1px solid #bcbcbc;margin:0;padding:0;max-width:500px;width:expression(this.width>500?"500px":this.width);max-height:500px; height:expression(this.height>500?"500px":this.height);} .onlinebuy_list .pc01 a:hover img{border:1px solid #900;} /*IE6固定大小*/ *html .onlinebuy_list .pc01 img{ width:400px;} .viewproduct_infos{clear:both;padding-left:8px;overflow: hidden;} /*导航上下记录*/ .prevnext{width:100%;padding: 30px 0 10px;line-height:20px;} .prevrecord,.nextrecord{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;} .prevrecord a,.nextrecord a{ font-weight:bold;} /* 留言 */ .gbook_formbtn{padding:4px;} .gbook_formbtn goback_btn{clear:both;margin-left:150px;background:#888888;color:#FFFFFF;border:solid 1px #666666;font-weight:bold;padding:4px 6px;} .gbook_formbtn input{color:#333;border: medium none; float:left;cursor: pointer;height: 35px;line-height: 35px;margin: 10px 10px 0px 0px; width:100px;text-align: center;border: #fff 1px solid;} .gbook_indexpost{margin-bottom:8px;padding: 0 30px;} .gbook_tblist{margin-bottom:4px;} .gbook_tblist input,.gbook_tblist textarea{ background:#FFF; border:1px solid #eae9e9;width: 100%;height: 26px;} .p_g_gbook{padding: 0px; } .p_g_title{font-weight:bold;line-height:35px;text-align:left; padding-left:10px; clear: both;} .p_g_content{text-align:left;line-height:24px; padding:0 5px; clear: both;} input[type="button"]{display: none;} /* 招聘 */ .p_jv_jobs{ line-height:30px; margin:0px 0px; padding:0 30px;} .p_jv_jobs .jobs{height:33px;} .i_p_list .p_jv_item{ clear:both; width:660px;} .p_jv_title{float:left;clear:left;text-align:left;font-weight:bold;font-size: 18px;color: #333;} .p_jv_cont{float:left;text-align:left;font-size: 16px;color: #333;} .p_jv_contb{text-align:left;clear:both;padding:0 0 10px 0;font-size: 14px;} /* 网站地图 */ .p_m_div{ margin:auto; clear: both; text-align:left; overflow:hidden; width:100%;padding: 0 30px;} .p_m_div a{line-height:20px;height:20px; font-size:12px;} .p_m_div a:hover{line-height:20px;font-size:12px;} .p_m_ul{margin:0 0 6px 0; display: table; border-bottom: dashed 1px #d7d7d7;width:100%; padding:0px;} .p_m_div2 .p_m_ul{margin:0px;float:left;width:auto;border:none; padding-left:10px;} .p_m_menu{ font-weight: bold; clear: both;} .i_p_list .p_m_ul li,.menusort_list li{white-space: nowrap; width:653px;} .p_m_class,.menusort_lists{margin-left: 24px;} .p_m_div2 {margin:0 10px 0 0;} /* ----开始网站Rss订阅中心---- */ .onlinerss{width:220px;margin:0 0 10px;padding-bottom:5px;border:solid #dbdbdb 1px;background:#f0f0f0;} .onlinerss dl {width:214px;height:28px;margin:0 auto; padding-top:6px;background:url(/images/t1.jpg) no-repeat bottom; } .onlinerss dt { float:left;padding-left:25px;color:#fff; line-height:20px; font-size:14px;} .onlinerss dt a,.onlinerss dt a:hover{color:#fff;text-decoration:none;} .onlinerss li{padding-bottom:10px;text-align:center; } .onlinerss li a.a1{display:block;overflow:hidden;width:200px;height:170px;margin:0 auto;border:1px solid #cbc5bf; } .onlinerss li a.a1 img{width:200px;} .onlinerss li a.a2{display:block;overflow:hidden;width:200px;margin:0 auto;;line-height:22px;white-space:nowrap;text-overflow:ellipsis} .onlinerss .singletxt_main{width:192px;margin:0 auto; padding:10px; border:solid #c8c8c8 1px; border-top:none; background:#fff; line-height:20px;} .main_rssxmllist{clear:both;display:block;} .main_rssxmllist ul{display:block;padding-bottom: 2px; padding:0px; margin:0px;} .rssmain_topbar{clear:both;display:block;height:24px;line-height:24px;padding:0px 4px;border:solid 1px #d7d7d7;} .rssmain_toptit{float:left;font-weight:bold;} .rssmain_topbtn{display:block;float:right;padding-top:2px;} .rssmain_topbtn .rssxml_url{display:block; margin:4px 15px 0 0;float:left;line-height:20px;} .rssmain_topbtn .rssxml_btn{display:block;float:left;line-height:20px;} .rssxml_btn .subscribe_btn{ clear:both;display:block;cursor:pointer;background:url(/images/rss_icon.jpg) no-repeat left center;padding:2px 4px 0px 20px} .rssxml_btn .subscribe_list{top:22px;right:-5px;z-index:1000;position:absolute;padding:4px;border:solid 1px #DDD;background-color:#FFF;} .subscribe_list a{clear:both;display:block;padding:4px;} .viewitem_list{margin:0px;padding:4px 4px 8px;} .viewitem_list ul{margin:0px;padding:0px;display:table;width:100%;line-height:20px;} .viewitem_list ul li{ line-height:20px;} .viewitem_list ul li a{ display:block;float:left; width:600px; white-space:nowrap; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .viewitem_list ul span{float:right; padding-right:0px;} #com_pmodule_rssonline{text-align:center; margin:0 auto;} #com_pmodule_rssonline li{padding:3px 0;} #com_rssonline li{text-align:center; margin:0 auto; padding:5px 0;} .sidebar .rss1{background: url(/images/t1.jpg) no-repeat scroll 0 0 transparent;height: 29px;width: 194px;} .sidebar .rss1 span{ color: #fff;font-size: 14px;font-weight: bold;line-height: 32px;padding-left: 34px;} .sidebar .rss1 span a{ color: #fff;} /* ------在线调查---- */ .survey_indexshow{margin:0px 0 15px 5px;} .survey_indexpost{padding-left: 20px;margin-bottom: 8px;} .survey_post input{ border: 0px;} .survey_postbtn{line-height: 35px;} .survey_postbtn input{line-height:20px; margin-right: 8px; cursor: pointer; width: 100px; background:#ddd; color:#25262b;border:solid 1px;} /* ---------------结束栏目详细---------------- */ /* ---------------开始扩展区----------------- */ #com_definedkeys_1,#com_definedkeys_2,#com_definedkeys_3,#com_definedkeys_4{ /*margin-bottom:-6px;*/} .i_u_def1,.i_u_def2,.i_u_def3,.i_u_def4,.p_u_def1,.p_u_def2,.p_u_def3,.p_u_def4{overflow:hidden;} .move_divouter .content{overflow:hidden;line-height:20px;} .move_divouter .list{overflow:hidden; } .move_divouter .title a{ text-decoration:none;} #index #com_definedkeys_1{display:inline;} .i_u_def1{margin-bottom: 20px; width:1100px;} .i_u_def1 .title{ text-align:center;} .i_u_def1 .title .tt{color: #000;display: block;font-size: 35px;height: 57px;letter-spacing: 15px;line-height: 57px;} .i_u_def1 .title .tm{ float:right;color:#454545; background:#fff; line-height:80px; height:80px; padding-left:8px; font-size:24px; font-weight:500; display:none;} .i_u_def1 .content{ line-height: 25px; padding: 20px 10px; width:1080px;} .i_u_def1 .list{ padding: 20px 10px; width:1080px; overflow:hidden;} .i_u_def1 .list ul{} .i_u_def1 .list li{float:left; width:222px; float:left; margin:10px 24px;} .i_u_def1 .list li a{width: 210px;} .i_u_def1 .list li img{width: 210px; height:160px; border:6px solid #e5eef5; margin-bottom:10px;} .i_u_def1 .list li span{ display:block; width:210px; padding:0px 6px; height:36px; background-color:#e5eef5; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #index #com_definedkeys_2{display:inline;float:left;} .i_u_def2{width:590px; margin-top:15px;} .i_u_def2 .content{ line-height:22px; margin-top:5px;} .i_u_def2 .list{ float:left; margin-top:5px;} .i_u_def2 .list li{height:31px; background:url(/images/icon06.jpg) repeat-x left bottom;} .i_u_def2 .list li a{ display:block; height:29px; line-height:35px; font-size:12px;} .i_u_def2 .list li a ins{ display:block; float:left; width:490px; text-decoration:none; text-indent:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .i_u_def2 .list li a span{ display:block; float:right; width:100px; padding-right:5px; text-align:right;} .i_u_def2 .list li a:hover{ background:#b50e00; color:#FFF;} .i_u_def3{width:590px; margin-top:20px;} .i_u_def3 .content{ line-height:22px; margin-top:5px;} .i_u_def3 .list{ float:left; margin-top:5px;} .i_u_def3 .list ul{} .i_u_def3 .list li{float:left; display:inline-block; width:285px; margin:0 5px 10px 5px;} .i_u_def3 .list li span{ display:block; height:35px; line-height:35px; text-align:center; width:285px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .i_u_def3 .list li i{ display:block; width:285px; height:213px; overflow:hidden;} .i_u_def3 .list li i img{width:285px; height:232px;} .i_u_def3 .list li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);} #com_definedkeys_4{} .i_u_def4{margin-top: 20px; width:1100px;} .i_u_def4 .title{ text-align:center;} .i_u_def4 .title .tt{color: #000;display: block;font-size: 35px;height: 57px;letter-spacing: 15px;line-height: 57px;} .i_u_def4 .title .tm{ float:right;color:#454545; background:#fff; line-height:80px; height:80px; padding-left:8px; font-size:24px; font-weight:500; display:none;} .i_u_def4 .content{ line-height: 25px; padding: 20px 10px; width:1080px;} .i_u_def4 .list{ padding: 20px 10px; width:1080px; overflow:hidden;} .i_u_def4 .list ul{} .i_u_def4 .list li{float:left; width:222px; float:left; margin:10px 24px;} .i_u_def4 .list li a{width: 210px;} .i_u_def4 .list li img{width: 210px; height:160px; border:6px solid #e5eef5; margin-bottom:10px;} .i_u_def4 .list li span{ display:block; width:210px; padding:0px 6px; height:36px; background-color:#e5eef5; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .p_u_def1{width:1120px; margin-bottom:20px; background-color:#fff;} .p_u_def1 .content{ line-height:22px; padding:15px;} .p_u_def1 .list{ padding:15px;} .p_u_def1 .list ul{} .p_u_def1 .list li{float:left; display:inline-block; width:265px; margin:0 3px 10px 4px;} .p_u_def1 .list li img{width:265px; height:170px;} .p_u_def1 .list li span{ display:block; height:35px; line-height:35px; width:265px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .p_u_def2{width:370px; margin-top:20px; background-color:#fff;} .p_u_def2 .content{ line-height:22px; padding:15px;} .p_u_def2 .list{ float:left; padding:15px;} .p_u_def2 .list li{ height:35px; line-height:35px; font-size:14px; overflow:hidden;} .p_u_def2 .list li a{display:block; float:left; width:340px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .p_u_def3{width:727px; margin-top:20px; background-color:#fff;} .p_u_def3 .content{ line-height:22px; padding:15px;} .p_u_def3 .list{ float:left; padding:15px;} .p_u_def3 .list ul{} .p_u_def3 .list li{float:left; display:inline-block; width:225px; margin:0 3px 10px 4px;} .p_u_def3 .list li img{width:225px; height:145px;} .p_u_def3 .list li span{ display:block; height:35px; line-height:35px; width:225px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .p_u_def4{width:1120px; margin-top:20px; background-color:#fff;} .p_u_def4 .content{ line-height:22px; padding:15px;} .p_u_def4 .list{ padding:15px;} .p_u_def4 .list ul{} .p_u_def4 .list li{float:left; display:inline-block; width:265px; margin:0 3px 10px 4px;} .p_u_def4 .list li img{width:265px; height:170px;} .p_u_def4 .list li span{ display:block; height:35px; line-height:35px; width:265px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /*module.css*/ .title01{width:100%; height:40px; line-height: 40px; text-align: center; background:#e28b0f; border-radius:4px 4px 0 0;} .title01 h3{float:left; font-size:16px; color: #FFF; text-indent: 15px;} .title02{padding:0 35px 0 20px; height:100px; border-bottom:1px solid #ededed;} .title02 h3{display: block; float: left; height:100px; line-height: 60px; text-indent: 15px; font-size: 18px; color: #333333; background: url(/images/icon04.png) no-repeat left center;} .title02 span{ display: block; float: right; line-height: 60px; font-size:14px; } .title02 span a{color:#666666; padding: 0 10px;} .title03{height:34px; color: #333; font-size: 24px; line-height: 34px; text-align: center;} .roll02{float:right; width: 64px;} .roll02 a{float:left; display:block; width:32px; height:40px;} .roll02 a.rol02{ background: url(/images/rol02.png) no-repeat center center;} .roll02 a.ror02{border-radius: 0 4px 0 0; background: url(/images/ror02.png) no-repeat center center;} .roll02 a:hover{ background-color: #cb7d0d;} .roll03{float:right; margin-right: 25px; border-right: 1px solid #f2f2f2;} .roll03 a{float:left; display:block; width:55px; height:100px; border-left: 1px solid #f2f2f2;} .roll03 a.rol03{background: url(/images/rol03.png) no-repeat center center;} .roll03 a.ror03{background: url(/images/ror03.png) no-repeat center center;} .roll03 a.rol03:hover{background: url(/images/rol03_on.png) no-repeat center center #969696;} .roll03 a.ror03:hover{background: url(/images/ror03_on.png) no-repeat center center #969696;} .more01{margin-top:35px; width:100%; height:40px; line-height: 40px; text-align:center;} .more01 a{ display:inline-block; width:126px; height:40px; color:#FFF; border-radius:20px; font-size:14px; background: #e28b0f;} .more01 a:hover{color:#FFF; background:#2c90cc;} .more02{ float: left; margin-top:10px; width:100%; height:40px;} .more02 a{ display:inline-block; width:140px; height:40px; text-align: center; line-height: 38px; color:#999; border:1px solid #bfbfbf; border-radius:20px; font-size:14px; text-transform: uppercase;} .more02 a:hover{color:#FFF; background-color:#e62129; border:1px solid #e62129;} /* gotop */ .actGotop {width:40px; height:40px; position:fixed; bottom:10px; right:10px; z-index:9999; display:none; cursor:pointer; background: url(/images/backtop.png) no-repeat center center #ff4328;} .actGotop:hover{ background: url(/images/backtop.png) no-repeat center center rgba(191, 27, 57, 0.35);} /*global.css*/ /* CSS Document 2016.12.1 */ body {font-family:microsoft yahei; margin:0; padding:0; font-size:12px; color:#888888; background:#FFF;} *{list-style-type:none; margin:0; padding:0; border:0; transition:color 0.2s,background 0.4s; -webkit-transition:color 0.2s,background 0.4s; -moz-transition:color 0.2s,background 0.4s;-moz-box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} img, a img{vertical-align:bottom; max-width:100%;width: 100%;} input,select,textarea{vertical-align:middle; font-family:microsoft yahei;} input:focus,textarea:focus{ outline:none; } h1,h2,h3,h4,h5,h6{font-weight:normal;} /* Link */ a{color:#333333; text-decoration:none; } a:hover {text-decoration:none;} /* Other */ .clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;} .clear::after{content:"";clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;} /* Font */ .fb{font-weight:bold;} .f12px{font-size:12px;} .f14px{font-size:14px;} .f16px{font-size:16px;} .f18px{font-size:18px;} .mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt25{margin-top:25px;} .mt30{margin-top:35px;} .mt60{margin-top:60px;} .ml10{margin-left:10px;} .ml15{margin-left:15px;} .ml30{margin-left:35px;} .fl{float:left;} .fr{float:right;} .ovht{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} @-webkit-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}} @-moz-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}} @-ms-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}} @keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}} .fadein-top{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;} @-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}} @-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}} @-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px);}100%{opacity:1;-ms-transform:translateY(0);}} @keyframes fadeinT{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}} .fadein-right{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;} @-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}} @-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}} @-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px);}100%{opacity:1;-ms-transform:translateX(0);}} @keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}} .fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;} @-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}} @-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}} @-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px);}100%{opacity:1;-ms-transform:translateY(0);}} @keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}} .fadein-left{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;} @-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}} @-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}} @-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px);}100%{opacity:1;-ms-transform:translateX(0);}} @keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}} .fadeout{-webkit-animation-name:a-fadeout;-moz-animation-name:a-fadeout;-ms-animation-name:a-fadeout;animation-name:a-fadeout;} @-webkit-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}} @-moz-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}} @-ms-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}} @keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}} .fadeout-top{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;} @-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-100px);}} @-moz-keyframes fadeoutT{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-100px);}} @-ms-keyframes fadeoutT{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(-100px);}} @keyframes fadeoutT{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-100px);}} .fadeout-right{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;} @-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(100px);}} @-moz-keyframes fadeoutR{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(100px);}} @-ms-keyframes fadeoutR{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(100px);}} @keyframes fadeoutR{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100px);}} .fadeout-bottom{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;} @-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(100px);}} @-moz-keyframes fadeoutB{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(100px);}} @-ms-keyframes fadeoutB{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(100px);}} @keyframes fadeoutB{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(100px);}} .fadeout-left{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL;} @-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-100px);}} @-moz-keyframes fadeoutL{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-100px);}} @-ms-keyframes fadeoutL{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(-100px);}} @keyframes fadeoutL{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-100px);}} .bounce,.bounce-hover:hover{-webkit-animation-name:a-bounce;-moz-animation-name:a-bounce;-ms-animation-name:a-bounce;animation-name:a-bounce;} @-webkit-keyframes a-bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-35px);}60%{-webkit-transform:translateY(-15px);}} @-moz-keyframes a-bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-35px);}60%{-moz-transform:translateY(-15px);}} @-ms-keyframes a-bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0);}40%{-ms-transform:translateY(-35px);}60%{-ms-transform:translateY(-15px);}} @keyframes a-bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-35px);}60%{transform:translateY(-15px);}} .bouncein{-webkit-animation-name:a-bouncein;-moz-animation-name:a-bouncein;-ms-animation-name:a-bouncein;animation-name:a-bouncein;} @-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}} @-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}} @-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.3);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}} @keyframes a-bouncein{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}} .bounceout{-webkit-animation-name:a-bounceout;-moz-animation-name:a-bounceout;-ms-animation-name:a-bounceout;animation-name:a-bounceout;} @-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1);}25%{-webkit-transform:scale(0.95);}50%{opacity:1;-webkit-transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(0.3);}} @-moz-keyframes a-bounceout{0%{-moz-transform:scale(1);}25%{-moz-transform:scale(0.95);}50%{opacity:1;-moz-transform:scale(1.1);}100%{opacity:0;-moz-transform:scale(0.3);}} @-ms-keyframes a-bounceout{0%{-ms-transform:scale(1);}25%{-ms-transform:scale(0.95);}50%{opacity:1;-ms-transform:scale(1.1);}100%{opacity:0;-ms-transform:scale(0.3);}} @keyframes a-bounceout{0%{transform:scale(1);}25%{transform:scale(0.95);}50%{opacity:1;transform:scale(1.1);}100%{opacity:0;transform:scale(0.3);}} .rotatein{-webkit-animation-name:a-rotatein;-moz-animation-name:a-rotatein;-ms-animation-name:a-rotatein;animation-name:a-rotatein;} @-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg);}100%{opacity:1;-webkit-transform:rotate(0);}} @-moz-keyframes a-rotatein{0%{opacity:0;-moz-transform:rotate(-200deg);}100%{opacity:1;-moz-transform:rotate(0);}} @-ms-keyframes a-rotatein{0%{opacity:0;-ms-transform:rotate(-200deg);}100%{opacity:1;-ms-transform:rotate(0);}} @keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg);}100%{opacity:1;transform:rotate(0);}} .rotateout{-webkit-animation-name:a-rotateout;-moz-animation-name:a-rotateout;-ms-animation-name:a-rotateout;animation-name:a-rotateout;} @-webkit-keyframes a-rotateout{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}} @-moz-keyframes a-rotateout{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}} @-ms-keyframes a-rotateout{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}} @keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}} .flash,.flash-hover:hover{-webkit-animation-name:a-flash;-moz-animation-name:a-flash;-ms-animation-name:a-flash;animation-name:a-flash;} @-webkit-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}} @-moz-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}} @-ms-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}} @keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}} .shake,.shake-hover:hover{-webkit-animation-name:a-shake;-moz-animation-name:a-shake;-ms-animation-name:a-shake;animation-name:a-shake;} @-webkit-keyframes a-shake{0%,100%{-webkit-transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);}} @-moz-keyframes a-shake{0%,100%{-moz-transform:translateX(0);}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}20%,40%,60%,80%{-moz-transform:translateX(10px);}} @-ms-keyframes a-shake{0%,100%{-ms-transform:translateX(0);}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}20%,40%,60%,80%{-ms-transform:translateX(10px);}} @keyframes a-shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}} .swing,.swing-hover:hover{-webkit-animation-name:a-swing;-moz-animation-name:a-swing;-ms-animation-name:a-swing;animation-name:a-swing;} @-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);}100%{-webkit-transform:rotate(0);}} @-moz-keyframes a-swing{20%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}60%{-moz-transform:rotate(5deg);}80%{-moz-transform:rotate(-5deg);}100%{-moz-transform:rotate(0);}} @-ms-keyframes a-swing{20%{-ms-transform:rotate(15deg);}40%{-ms-transform:rotate(-10deg);}60%{-ms-transform:rotate(5deg);}80%{-ms-transform:rotate(-5deg);}100%{-ms-transform:rotate(0);}} @keyframes a-swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0);}} .wobble,.wobble-hover:hover{-webkit-animation-name:a-wobble;-moz-animation-name:a-wobble;-ms-animation-name:a-wobble;animation-name:a-wobble;} @-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0);}15%{-webkit-transform:translateX(-50px) rotate(-5deg);}30%{-webkit-transform:translateX(40px) rotate(3deg);}45%{-webkit-transform:translateX(-33px) rotate(-3deg);}60%{-webkit-transform:translateX(10px) rotate(2deg);}75%{-webkit-transform:translateX(-10px) rotate(-1deg);}100%{-webkit-transform:translateX(0);}} @-moz-keyframes a-wobble{0%{-moz-transform:translateX(0);}15%{-moz-transform:translateX(-50px) rotate(-5deg);}30%{-moz-transform:translateX(40px) rotate(3deg);}45%{-moz-transform:translateX(-33px) rotate(-3deg);}60%{-moz-transform:translateX(10px) rotate(2deg);}75%{-moz-transform:translateX(-10px) rotate(-1deg);}100%{-moz-transform:translateX(0);}} @-ms-keyframes a-wobble{0%{-ms-transform:translateX(0);}15%{-ms-transform:translateX(-50px) rotate(-5deg);}30%{-ms-transform:translateX(40px) rotate(3deg);}45%{-ms-transform:translateX(-33px) rotate(-3deg);}60%{-ms-transform:translateX(10px) rotate(2deg);}75%{-ms-transform:translateX(-10px) rotate(-1deg);}100%{-ms-transform:translateX(0);}} @keyframes a-wobble{0%{transform:translateX(0);}15%{transform:translateX(-50px) rotate(-5deg);}30%{transform:translateX(40px) rotate(3deg);}45%{transform:translateX(-33px) rotate(-3deg);}60%{transform:translateX(10px) rotate(2deg);}75%{transform:translateX(-10px) rotate(-1deg);}100%{transform:translateX(0);}} .ring,.ring-hover:hover{-webkit-animation-name:a-ring;-moz-animation-name:a-ring;-ms-animation-name:a-ring;animation-name:a-ring;} @-webkit-keyframes a-ring{0%{-webkit-transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}} @-moz-keyframes a-ring{0%{-moz-transform:scale(1);}10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}100%{-moz-transform:scale(1) rotate(0);}} @-ms-keyframes a-ring{0%{-ms-transform:scale(1);}10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}100%{-ms-transform:scale(1) rotate(0);}} @keyframes a-ring{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}} .rotate,.rotate-hover:hover{-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate;} @-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}} @-moz-keyframes a-rotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}} @-ms-keyframes a-rotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}} @keyframes a-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}} /*ddsmoothmenu.css*/ .ddsmoothmenu{font-size:14px;} .ddsmoothmenu a{text-align:center;} .ddsmoothmenu ul{z-index:100;padding:0;list-style-type: none;margin-left: 20px;} .ddsmoothmenu ul li{position: relative;display: inline;float:left; display:inline; color:#000; text-align:center; height:60px;} .ddsmoothmenu ul li:hover a::before{width: 100%;} .ddsmoothmenu ul li:hover ul li a::before{width: 0%;} .nava{display:block; line-height:60px; font-family:microsoft yahei; font-size:16px; padding: 0 30px;} * html .nava{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;} .navactive:hover{display:block; line-height:60px; font-family:microsoft yahei;font-size:16px; padding: 0 30px;} .navactive{display:block; line-height:60px; font-family:microsoft yahei; font-size:16px; padding: 0 30px;} .selected{display:block; line-height:60px; font-family:microsoft yahei;font-size:16px; padding: 0 30px;} .i_nav ul li ul{position: absolute;visibility: hidden;width:156px;margin-left: -18px;right: 0; border: #333 1px solid;border-radius: 3px;} .i_nav ul li ul li{display: list-item;position: relative; margin:0 auto;height:35px;line-height:35px; height:100%;background-color:#fff;} .i_nav ul li ul li:last-child{border-radius: 0px 0px 6px 6px;} .i_nav ul li ul li ul{ top:0;} .i_nav ul li ul li a{border-top: none; display:block; float:left;font: normal 16px Verdana;width: 154px; height:35px;color: #333; line-height:35px;text-align:center; z-index:2001;margin: 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; cursor:pointer;} .navliv{ height:35px; } .navactive,.navactive:hover,.nava:hover{color: #fe6d03;} .i_nav ul li ul li a:hover{ color:#ff4328;text-decoration:none;} /* Holly Hack for IE \*/ * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ .downarrowclass{position: absolute;top: 12px;right: 15px;} .ddshadow{ position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;} .toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ filter:alpha(opacity=0);opacity: 0;} /*animate.css*/ Animate.css - http:/daneden.me/animate Licensed under the MIT license - http:/opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-35px,0);transform:translate3d(0,-35px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-35px,0);transform:translate3d(0,-35px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{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}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-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 fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*banner.css*/ #container{ margin:0 auto;position:relative;z-index:0;} #example{ position:relative;} #ribbon{position:absolute;top:-3px;left:-15px;z-index:500;} #frame{position:absolute;z-index:0; width:1920px;top:-3px;left:-80px;} #slides{ z-index:100;} #slides .rol,#slides .ror{position:absolute;top:220px;width:35px;height:52px;display:block;z-index:101;} .slides_container{ position:relative;} #slides .rol{left:360px;} #slides .ror{right:360px;} .p_banner_box #slides .rol{top:110px;} .p_banner_box #slides .ror{top:110px;} .pagination{display: block;position:absolute;z-index:20000;bottom:15px; width:100%; text-align:center;} .pagination li{display:inline-block;} .pagination li a{display:inline-block; margin:0 15px; width:100px; height:6px; text-align:center; background:#FFF; overflow:hidden; font-size:0px;} .pagination li.current a{background:#0473ae;} .caption{position:absolute;bottom:-35px;height:35px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:898px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow: 1px 1px 1px #ccc;display: none;} /* 首页部分开始 */ .mfbox,.wp{width: 100%;max-width: 1200px;margin: 0 auto;} .logo{float: left;margin: 19px 8px;} .nav{float: right;height: 60px;z-index: 100000;} .i_banner_box{position:relative; width:100%; z-index:11;} .i_banner{width:100%; margin:0 auto; overflow:hidden;} .clear{clear: both;} .i_nav ul li ul li:first-child::after{ content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -10px; left: 70px;} /*头部开始*/ .h_top{height: 40px;line-height: 40px;} .topbar_l {float: left;height: 40px;} .topbar_r{float: right;} .topbar_l span{font-size: 13px;color: rgb(254, 109, 3);} .topbar_r span{font-size: 14px;color: rgb(85, 85, 85);font-weight: 700;vertical-align: middle;display: inline-block;padding-left: 6px;} .topbar_r img{width: 20px;height: 20px;vertical-align: middle;} .header{background: #fff;z-index: 1000;} .addflex{position: fixed;top: 0;width: 100%;} /*头部结束*/ /*主营业务*/ .i_txt_t{padding: 100px 0 60px;text-align: center;} span.yw01{font-size: 22px;color: #fe6d03;font-weight: 700;} span.yw02{font-size: 16px;color: #fe6d03;font-weight: 300;} span.txt01{font-size: 14px;color: #888;line-height: 1.3;} .yw ul li{width: 50%;float: left;height: 214px;overflow: hidden;margin-bottom: 1.875rem;padding-left: .9375rem;padding-right: .9375rem;} .yw_box{margin-bottom: 30px;text-align: left;height: auto;position: relative;} .yw_box::before{border: 1px solid #e6e6e6;content: '';position: absolute;left: 25%;right: 0;top: 0;bottom: 0; display: block;z-index: -1;background: #fff;} .yw_boxl{float: left;width: 190px; margin: 10px 0;overflow: hidden;text-align: center; z-index: 1;padding-right: .9375rem;padding-left: .9375rem;} .yw_boxl img{background: #fff;padding: 8px;height: 160px;} .yw_boxr{float: left;width: 380px;overflow: hidden;padding: 20px 10px 15px 10px;height: auto;z-index: 1;} .yw_boxr h3{color: #4f4f4f; font-size: 1.55em;font-weight: 700; margin-bottom: 10px; position: relative;} .yw_boxr h3::before{content: '';width: 45px;height: 3px;background: #fe6d03; position: absolute;bottom: -10px;} .yw_boxr p{color: #363636; font-size: 14px;line-height: 26px;height: 114px;overflow: hidden;padding: 13px 0 0 0;} .yw ul li a:hover .yw_box::before{background:#fe6d03;} .yw ul li a:hover .yw_boxr h3{color: #fff;} .yw ul li a:hover .yw_boxr p{color: #fff;} /*业务展示*/ .i_zs .i_txt_t{padding: 80px 0 0;} .i_zs .i_txt_t h3{font-size: 2rem;color: rgb(79, 79, 79); font-weight: 300;} .sort_l{display: flex;-webkit-box-pack: center;justify-content: center;text-align: center; margin: 30px auto;margin-bottom: 50px;} .sort_l ul li{float: left;} .sort_l ul li a{background-color: rgb(255, 255, 255);white-space: nowrap;font-size: 12px;margin-right: 5px;padding: 8px 30px;border-radius: 0px; border-width: 1px;border-style: solid;border-image: initial;border-color: rgb(79, 79, 79);transition: all 0.66s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;} .sort_l ul li a:hover{background-color: rgb(254, 109, 3);border-color: rgb(254, 109, 3);color: #fff;} .i_pro_l ul li{float: left;width: 33.33%;margin-bottom: 2.143rem;padding-right: 15px!important;} .i_pro_l ul li .item_img{position: relative;} .item_img img{height: 257px;overflow: hidden;} .mask_txt img{width: 22px;height: 22px;} .mask_txt, .mask{opacity: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;} .mask_txt{top: 50%;} .i_pro_l ul li .item_img:hover .mask {opacity: 0.2;background-color: #333;} .i_pro_l ul li .item_img:hover .mask_txt {opacity: 1;} .item_wrapper{padding-top: 20px!important;padding-bottom: 30px!important;margin-bottom: 10px!important; border-bottom:#333 1px solid;} .item_wrapper span{color: rgb(79, 79, 79);font-size: 16px;} .item_wrapper:hover span{color: #fe6d03;} .more{text-align: center;margin: 30px 0;} .more a{background-color: rgb(255, 255, 255);display: inline-block;color: rgb(79, 79, 79); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-width: 1px; border-style: solid;border-color: initial;border-image: initial;margin: 0px 15px;padding: 6px 50px;} .more a:hover{color: rgb(255, 255, 255);background-color: rgb(254, 109, 3);border-color: rgb(254, 109, 3);} .control-prev,.control-next {display: inline-block;cursor: pointer;font-size: 19px;position: relative;top: 2px;color: rgb(79, 79, 79);background-color: rgb(255, 255, 255); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding: 2px 20px;border-width: 1px;border-style: solid;border-color: initial;border-image: initial;} .control-prev i {background-image: url(/images/prev01.png);background-size: 2.5%; background-repeat: no-repeat;} .control-next {background-image: url(/images/next01.png);background-size: 2.5%;} /*关于我们*/ .i_about{background-image: url(/images/about_bg.jpg);background-position: center center;padding: 70px 0px;} .about{padding-top: 50px;background: rgb(255, 255, 255);height: 480px;padding: 30px 30px;} .about .i_txt_t{padding: 0;} .about h3{font-size: 24px;color: rgb(227, 108, 9);} .about span{font-size: 12px;color: rgb(165, 165, 165);display: block;margin: 30px 0;} .about p{font-size: 14px;line-height: 1.8;color: #2a333c;margin-bottom: 30px;} /*新闻*/ .i_news .i_txt_t{padding: 80px 0 30px;} .i_news .i_txt_t h3{font-size: 24px;color: rgb(79, 79, 79);} .newsbox02{float: left;width: 33.33%;padding-right: .9375rem;padding-left: .9375rem;padding-bottom: 30px;} .newsbox01{float: left;width: 66.66%;} .newsbox01 ul li{float: left;width: 50%;padding-right: .9375rem;padding-left: .9375rem;padding-bottom: 30px;} .newsbox01 h3{font-size: 18px;color: #4f4f4f;line-height: 25px;font-weight: 700;margin: 30px 0 8px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newsbox01 h3::after{content: '';width: 35px;background: #fe6d03;height: 2px;display: block;margin-bottom: 15px;margin-top: 15px;} .newsbox p{font-size: 16px;line-height: 26px;color: #363636;font-weight: 500;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} /*.newsbox h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/ .newsbox h3:hover{color: #fe6d03;} .newsbox02 p{margin: 15px 0 20px;} .newsbox02 h3{font-size: 26px;color: #4f4f4f;line-height: 40px;font-weight: 700; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newsbox03 ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newsbox03 h3{font-size: 14px;color: #4f4f4f;line-height: 38px;font-weight: normal;display: inline-block;vertical-align: middle;padding-left: 10px;} .newsbox03 img{width: 12px;height: 12px;vertical-align: middle;} .img-holder::before{content: "";position: absolute;z-index: 1;top: 0px;left: 0px;right: 0px; bottom: 0px;transform: scale(0);transition-property: transform;transition-duration: 0.3s;transition-timing-function: ease-out;} .newsbox01 ul li:hover .img-holder::before{transform: scale(1);background: #fe6d0380;} .img-holder{position: relative;} .img-holder img{height: 194px;overflow: hidden;} /*合作*/ .i_hezuo h3{font-size: 18px;color: rgb(79, 79, 79);font-weight: 600;} .i_hezuo .i_txt_t{text-align: left;padding: 100px 0 20px;} .hz_box{margin-bottom: 30px;} .hzbox ul li a{float: left;width: 220px; margin: 0 5px;padding: 10px; border: 1px solid #e4e4e4; background: #fff;} /*.hzbox ul li img{height: 50px;vertical-align: middle;}*/ .hzbox ul li img{width: 125px;height: 50px;display: block;margin: 0 auto;} /*底部*/ .footer{background-color: #4f4f4f;padding-top: 20px;} .fd_pic{float: left;width: 25%;} .fd_pic ul li{width: 50%;float: left;} .fd_pic img{width: 112px;height: 112px;} .fd_pic p{height: 56px;line-height: 56px;text-align: left;font-size: 16px;color: #4f4f4f;color: #ffffff;} .fd_txt{float: left;width: 25%;} .fd_txt p{color: #ffffff;font-weight: normal;line-height: 16px;font-size: 14px;margin: 10px 0;} .fd_txt p.f_big{font-size: 14px; color: #ffffff;line-height: 18px;margin-bottom: 20px;margin-top: 0;} .fd_menu{float: left;width: 50%;} .fd_menu p{} .fd_menu ul{float: left;width: 25%;padding-right: .9375rem;padding-left: .9375rem;} .fd_menu ul li a{font-size: 14px; color: #fff;font-weight: 400;display: inline-block;padding: 5px 0;} .fd_menu ul li.f_title a {font-size: 16px;color: #ffffff;line-height: 16px;margin: 10px 0;} .fd_menu ul li:hover a{color: #ff4328;} .copyright{background-color: #4f4f4f;text-align: center;} .copyright p{color: #fff;padding: 3px 0;font-size: 14px;} /*留言*/ .gbook_tblist tr{font-size: 14px;line-height: 34px;color: #2F2F2F;font-weight: bold;} img.gbverifycode {width: auto;height: auto;} /* 首页部分结束 */ /* 内页部分开始 */ .path{background-image: url("/images/home.png");padding-left: 30px;background-size: 2.5%;background-repeat: no-repeat; height: 30px;line-height: 30px;margin: 10px 0;border-bottom: 1px solid rgb(221, 221, 221);} .path:hover{background-image: url("/images/home02.png");} #p_path{margin-top: 30px;} .path a{font-size: 14px;color: #999;font-weight: 400;} .path a:hover{color: #fe6d03;} .col-l{border-bottom: #f0f2f5 1px solid;} .col-r{} .p_pro_l{float: left;width: 22%;margin-top: 30px;padding-right: .9375rem;padding-left: .9375rem;box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; padding: 20px; background: rgb(255, 242, 229);} .p_pro_l ul li{display: block; padding-bottom: 15px;border-bottom: 1px solid rgb(234, 234, 234);border-color: rgb(234, 234, 234);} .p_pro_l ul li a{color: rgb(254, 109, 3);font-size: 22px;padding: 10px 0px;text-align: left;} .p_pro_l ul li a:hover{color: rgb(0, 0, 0);} .p_pro_r{float: right;width: 75%;margin-top: 30px;} /*产品*/ .ul-imgtxt-01{padding-top: 20px;} .ul-imgtxt-01 li{float: left;width: 33.33%;margin-bottom: 1.875rem;padding-left: .9375rem;padding-right: .9375rem;} .ul-imgtxt-01 li .pic{box-shadow: 0 0px 10px rgba(0,0,0,.2);} .ul-imgtxt-01 li img{width: 280px;height: 150px;} .ul-imgtxt-01 li p{color: #666;font-size: 16px;font-weight: 400;text-align: center;padding: 12px 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ul-imgtxt-01 li:hover p{color: #ff4328;} .ul-imgtxt-02 li{float: left;width: 33.33%;} .ul-imgtxt-02 li .pic{margin: 0 20px 45px;} .ul-imgtxt-02 li img{width: 370px;height: 335px;} .ul-imgtxt-02 li p{font-size: 16px;font-weight: 400;color: #333;margin-top: 25px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ul-imgtxt-02 li:hover p{color: #ff4328;} .p_pro{margin-top: 45px;} /*新闻*/ .ul-newslist li{height: 250px;margin-bottom: 30px;overflow: hidden;} .news_pics{float: left;width: 370px;margin-right: 40px;} .news_pics img{width: 370px;height: 250px;} .news_txt{float: left;width: 790px;} .news_txt h3{margin: 25px 0 15px;font-size: 20px;font-weight: 400;color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ul-newslist li:hover h3{color: #ff4328;} .news_txt p{color: #888;font-size: 14px;font-weight: 400;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;} .ul-newslist02 li{margin-bottom: 20px;border-width: 10px;border-style: solid;height: 205px;overflow: hidden; border-color: rgb(247, 247, 247);border-image: initial;padding: 15px;transition: all 0.3s ease 0s;} .media-left {padding-right: 20px;width: 180px;} .media-body a:hover{color: rgb(254, 109, 3) !important;} .media-body, .media-left{display: table-cell;vertical-align: top;} .media-left img{height: 90px;} .media-body h3{font-size: 22px;margin: 0px 0px 20px;} .media-body p{font-size: 16px;color: #333;font-weight: 300!important;margin-bottom: 10px;line-height: 25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .media-body span{font-size: 16px;color: rgb(163, 175, 183);} /*下载*/ .ul-dowmlist li{height: 40px;line-height: 40px;border-bottom: #8888884d 1px solid;} .ul-dowmlist li a{float: left;font-size: 14px;} .ul-dowmlist li span{float: right;} /*招聘*/ .ul-jobslist li{height: 50px;line-height: 50px;border-bottom: #ededed 1px solid;} .ul-jobslist li a{font-size: 14px;float: left;width: 80%;} .ul-jobslist li span{float: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*联系*/ .lx{text-align: center;} .lx p.lx_big{font-size: 18px;font-weight: bold;} .lx p{font-size: 16px;margin-bottom: .8em;color: #333;line-height: 1.8;} .lx img{width: 530px;} /* 内页部分结束 */ /*响应式*/ .navbar-toggle { background: rgba(0, 0, 0, 0) url("/images/icon0x.png") no-repeat scroll right top;border: 0 none;border-radius: 0;height: 65px;float: right; width: 65px;margin-top: 14px; top: 0;right: 0;display: none;} @media screen and (max-width: 1024px){ .wp {width: 94%;} .header{position: relative;} .navactive, .navactive:hover, .nava:hover{padding: 0 20px;} .navactive,.nava{padding: 0 20px;} .hz_box{width: 920px;overflow: hidden;} .yw_boxl{width: 33.33%;} .yw_boxr{width: 66.66%} .ul-newslist02 li{height: 240px;} } @media screen and (max-width: 768px){ .i_nav {background-color: #FFF;border-radius: 0 0 5px 5px;display: none;height: auto; position: absolute;right: 0;top: 115px;width: 125px;z-index: 1000; } .navbar-toggle{display: block;position: relative;right: -205px;} .nav{z-index: 1000;border-top: none;border-bottom: none;height: auto;} .i_nav ul li ul{position: initial; margin-left: -26px;border: none;} .navactive,.nava,.selected{padding: 0 10px;} .navactive:hover, .nava:hover{padding: 0 10px;line-height: 60px;} .i_nav ul li ul li a,.i_nav ul li ul{width:124px;} .i_nav ul li ul li a{text-align: center;} .ddsmoothmenu ul li{margin: 0;height: 60px;} .navactive, .nava {line-height: 60px;} .hz_box{width: 690px;overflow: hidden;} a.navactive{width: 84px;} .fd_pic,.fd_txt{width: 50%;} .fd_menu{width: 100%;} .yw_boxr{padding: 10px 0;} .yw_boxl{padding: 0;} } @media screen and (max-width: 480px){ .h_top { display: none; } .navbar-toggle{position: inherit;} .yw ul li{width: 100%;} .i_nav{top: 160px;} .i_txt_t{padding: 60px 0 30px;} .i_zs .i_txt_t{padding: 0;} .i_pro_l ul li{width: 50%;} .about{height: auto;} .newsbox01,.newsbox02{width: 100%;} .i_hezuo .i_txt_t{padding: 5px 0 20px;} .fd_pic,.fd_txt{width: 100%;} .p_pro_l{display: none;} .p_pro_r{width: 100%;} .ul-imgtxt-01 li{width: 50%;} .path{background-size: 6.5%;} .media-left{width: 150px;} .hz_box{width: 690px;overflow: hidden;} .gbook_tblist td{display: block;} .p_l_list li{width: 33.33%;} } @media screen and (max-width: 414px){ .navbar-toggle{top: -20px;position: inherit;} .fd_menu ul{padding: 0;} } /* FILE ARCHIVED ON 01:28:05 Jan 28, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 14:42:08 Jul 22, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1.344 exclusion.robots: 0.089 exclusion.robots.policy: 0.066 esindex: 0.024 cdx.remote: 23851.572 LoadShardBlock: 22184.633 (3) PetaboxLoader3.resolve: 16146.414 (4) PetaboxLoader3.datanode: 24572.454 (4) load_resource: 21837.193 */