﻿@charset "utf-8";
/* CSS Document */

/* 初始化 */
html,body,form,iframe{width:100%;height:100%;padding: 0px;margin:0px;*position:static;*overflow-x:hidden;}
div,span,h1,h2,h3,h4,h5,h6,ul,li,ol,p,dt,dd,dl,input,button,select,textarea,label,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{position:relative;float:left;}
body{margin:0 0 0 0;font-family:Tahoma,"Arial","Helvetica","Microsoft YaHei","微软雅黑","微軟雅黑","宋体";font-size:12px;letter-spacing:0px;color:#777;background-color:#fff;}
img{border:none}
input,button,select,textarea{outline:none;resize:none;padding:0px;margin:0px;font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑","宋体";font-size:12px;border:none;}
select{*font-size:14px;}
h1,h2,h3,h4,h5,h6,figure{padding:0px;margin:0px;font-weight:normal;}
h3,h4,h5,h6{font-size:12px;}
h1{position:absolute;float:none;top:0px;left:0px;text-indent:-999px;overflow:hidden;width:1px;height:1px;}
table, tr, td{border-spacing:0px;padding:0px;margin:0px;border-collapse:collapse;}
ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{padding:0px;margin:0px;list-style-type:none;}
strong{font-weight:bold}
a{color:#5f5f5f;text-decoration:none;outline:none;cursor:pointer;}
a:hover{color:#ff3c3f;text-decoration:none;}
.absolute{position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}
p{margin-bottom:10px;display:inline;}
.overflow{overflow:hidden;}
.w-100{width:100%;}
.w-50{width:50%;}
.h100{width:100%;height:100px;z-index:-1;}
.h50{width:100%;height:50px;z-index:-1;}
.h30{width:100%;height:30px;z-index:-1;}
.hidden{visibility:hidden;}
.clearBoth{float:none;position:static;}
.cm{width:1150px;float:none;margin:0 auto;}
.floatRight{float:right;}
.floatLeft{float:left;}
a,.animate,.banner .thumb span,.product .nav li{-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}
.textoverhidden,.homePage .p25 li h3,.news .right li,.job .list span font,.job .list li{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
input.no, textarea.no, select.no{border:1px red solid;}

/*主框架*/
body.noScroll{overflow:hidden;}
.pagesize,.main,.header,.banner,.content,.footer,.textArea{width:100%;}
.main{overflow:hidden;}
.textArea{line-height:22px;}
.textArea *{position:static;float:none;word-wrap:break-word;}
.textArea img{max-width:100%;}
.textArea ul{padding-left:20px;}
.textArea li{list-style-type:disc;}
.textArea p{width:100%;position:relative;float:left;}
.textArea .w10{width:10%;}
.textArea .w25{width:25%;}
.viewport{overflow:hidden;}
.viewport .textArea{width:auto;position:absolute;float:none;top:0px;left:0px;right:20px;font-size:13px;}
.scrollbar{width:7px;position:absolute;float:none;top:0px;right:0px;z-index:5;}
.trackbar{ background-color: #f2f2f2;height:100%;width:6px; position: relative;float:left;}
.thumbbar{ height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0;left:0px;background-color: #dcdcdc;border-radius:7px;}
.disable{display: none;}
.noSelect{moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none; user-select:none;}
.header .menuBtn,.header .userBtn,.header .languageBtn{width:52px;height:40px;position:absolute;float:none;top:12px;right:70px;background:url(../images/loginbtn.png) no-repeat;background-size:auto 40px;cursor:pointer;z-index:100;display:none;}
.header .menuBtn{background-image:url(../images/menubtn.png);right:125px;}
.header .languageBtn{background-image:url(../images/languagebtn.png);right:15px;}
.jp-playlist{display:none;}

.content .img img{width:100%;}
.content .leftBox{width:800px;}
.content .rightBox{width:180px;float:right;margin-top:30px;}
.content .rightBox.fixed{position:fixed;float:none;top:0px;left:50%;margin-left:360px;}
.news .rightBox ul,.news .rightBox li{width:100%;}
.content .rightBox ul{padding:10px 0;border-top:1px #e4e4e4 solid;border-bottom:1px #e4e4e4 solid;}
.content .rightBox li{height:26px;line-height:26px;font-size:16px;background:url(../images/dot.png) no-repeat left center;}
.content .rightBox li a{margin-left:20px;}
.content .rightBox li.active a,.news .rightBox li:hover a{color:#ff3c3f;}
.content .rightBox li.active{background:url(../images/dot_active.png) no-repeat left center;}

.shareBox{float:right;}
.bd_weixin_popup_head,.bd_weixin_popup .bd_weixin_popup_foot{width:100%;}
.bd_weixin_popup_head{padding-bottom:15px;}
.bd_weixin_popup .bd_weixin_popup_foot{text-align:center;}
.bd_weixin_popup .bd_weixin_popup .bd_weixin_popup_main{float:none;display:block;padding-top:0px;}
.shareBox .bdsharebuttonbox a{width:20px;height:20px;padding:0px;margin:0 6px 0 0;background:url(../images/share_icons.png) no-repeat;}
.shareBox .bdsharebuttonbox a.bds_tsina{background-position:-20px 0;}
.shareBox .bdsharebuttonbox a.bds_weixin{background-position:-40px 0;}
.shareBox .bdsharebuttonbox a.bds_sqq{background-position:-60px 0;}
.shareBox .bdsharebuttonbox a.bds_tqq{background-position:-80px 0;}
.shareBox .bdsharebuttonbox a.bds_renren{background-position:-100px 0;}
.shareBox .bdsharebuttonbox a.bds_douban{background-position:0 0;}

/*头部*/
.header{z-index:10;}
.header,.header .logo{height:100px;}
.header{background-color:#fff;border-bottom:1px #f5ebe5 solid;}
.header .logo{background-color:#ff3c3f;overflow:hidden;}
.header .logo img{padding:20px 50px;}

.header .menu{background-color:#fff;z-index:1;}
.header .floatRight{z-index:2;}
.header .menu li a,.header .btn{width:120px;height:100px;float:left;text-align:center;border-left:1px #f5ebe5 solid;}
.header .menu li a{font-size:14px;}
.header .menu li a i{width:61px;height:42px;position:relative;float:left;left:50%;margin:16px 0 0 -30px;}
.header .menu li a span{width:100%;margin-top:5px;display:inline;}
.header .subbg{width:100%;height:34px;line-height:34px;position:absolute;float:none;background-color:#fff;left:0px;top:101px;border-bottom:1px #f5ebe5 solid;display:none;}
.header .menu .sub{width:500px;position:absolute;float:none;left:0px;top:100px;margin-left:-190px;white-space:nowrap;text-align:center;display:none;}
.header .menu .sub a{width:auto;height:34px;line-height:34px;margin:0 10px;white-space:nowrap;border:none;float:none;font-size:12px;}
.header .menu .sub a.active{color:#000;}
.header .btn{line-height:100px;font-size:16px;}
.header .btn .sub,.header .btn{background-color:#cbc1c1;z-index:10;}
.header .btn.language{cursor:pointer;}
.header .btn a,.header .btn{color:#fff;}
.header .btn img{float:none;vertical-align:middle;margin-right:5px;display:inline;}
.header .btn a:hover{text-decoration:underline;}
.header .btn .sub{width:100%;position:absolute;float:none;left:0px;top:100px;text-align:center;display:none;}
.header .btn .sub a{width:100%;height:40px;line-height:40px;float:left;border-top:1px #fff solid;text-align:center;font-size:14px;}
.header .btn:hover .sub{display:block;}
.header.fixed{position:fixed;float:none;top:0px;left:0px;z-index:150;}
.content.login,.content.contact{margin-top:100px;}

/*底部*/
.footer{line-height:24px;padding:18px 0;z-index:10;background-color:#fff;}
.footer .cm{width:100%;max-width:1380px;}
.footer .floatRight a{width:38px;height:38px;margin:0 6px;float:left;}
.footer .mask{width:100%;height:18px;position:absolute;float:none;left:0px;top:-18px;background:url(../images/pattern2.png) repeat-x;display:none;}

/*banner*/
.banner{height:520px;background:url(../images/load.gif) no-repeat center center;}
.banner,.banner .pic,.banner .pic .item,.banner .pic li a,.banner .pic ul,.banner .pic li{width:100%;height:100%;position:relative;float:left;overflow:hidden;}
.banner .pic ul{width:30000%;}
.banner .pic li a{background-position:center center;background-repeat:no-repeat;}
.banner .pic li a img{height:100%;min-height:300px;}
.banner .thumb{width:100%;position:absolute;float:none;left:0px;bottom:80px;height:15px;text-align:center;z-index:10;font-size:12px;}
.banner .thumb span{padding:0 7px;margin:0 2px;display:inline;height:11px;border-radius:15px;cursor:pointer;overflow:hidden;text-indent:-999px;background-color:#fff;float:none;position:static;}
.banner .thumb span.active{padding:0 14px;background-color:#ff3c3f;}
.banner .mask{width:100%;height:22px;position:absolute;float:none;left:0px;bottom:0px;z-index:10;background:url(../images/pattern.png) repeat-x;}
.banner .prev,.banner .next{width:48px;height:48px;position:absolute;float:none;top:50%;left:30px;margin-top:-24px;z-index:100;cursor:pointer;}
.banner .next{left:auto;right:30px;}
.banner .text{width:70%;height:164px\9;position:absolute;float:none;top:50%;left:10%;margin-top:-10%;z-index:10;}
.banner .text.r{left:auto;right:10%;}
.banner .text img{max-height:100%;}
.banner .text.r img{float:right;}
.banner .pic li a .text img{width:auto;height:auto;height:100%\9;min-height:inherit;}
.banner .arrow{width:150px;position:absolute;float:none;bottom:30px;left:50%;margin-left:-75px;z-index:5;cursor:pointer;-webkit-animation: moveIconUp ease 1.5s both infinite;animation: moveIconUp ease 1.5s both infinite;}
.banner .arrow.up{-webkit-animation: moveIconDown ease 1.5s both infinite;animation: moveIconDown ease 1.5s both infinite;}
.banner .arrow i{width:36px;height:36px;float:left;position:relative;left:50%;margin-left:-18px;}
@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(-50%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(50%); opacity:0;}
}
@keyframes moveIconUp {
	0% { transform: translateY(-50%); opacity:0;}
	50% { transform: translateY(0%); opacity:1;}
	100% { transform: translateY(50%); opacity:0;}
}
@-webkit-keyframes moveIconDown {
	0% { -webkit-transform: translateY(50%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-50%); opacity:0;}
}
@keyframes moveIconDown {
	0% { transform: translateY(50%); opacity:0;}
	50% { transform: translateY(0%); opacity:1;}
	100% { transform: translateY(-50%); opacity:0;}
}

/*首页*/
.homePage{height:0px;overflow:hidden;color:#444;}
.homePage .cm{width:100%;max-width:1380px;}
.homePage .p40,.homePage .p35,.homePage .p25{height:292px;}
.homePage .p40{width:37%;}
.homePage .p35{width:36%;}
.homePage .p25{width:26%;background-color:#f1f1f1;}

.homePage .p40 .img,.homePage .p35 .top{width:100%;height:165px;overflow:hidden;background-position:center top;background-repeat:no-repeat;}
.homePage .p40 .info{width:100%;height:127px;z-index:1;background-color:#f35353;}
.homePage .p40 .arrow{width:24px;line-height:30px;font-size:40px;position:absolute;float:none;top:-15px;left:50%;margin-left:-12px;text-align:center;color:#f35353;}
.homePage .p40 .title{width:86%;margin-left:7%;font-size:24px;font-weight:bold;color:#fff;}
.homePage .p40 .title font{color:#f89d9d;text-transform:uppercase;font-size:18px;font-weight:normal;}
.homePage .p40 .scroll{width:94%;margin-left:3%;height:30px;overflow:hidden;}
.homePage .p40 .scroll .prev,.homePage .p40 .scroll .next{width:30px;height:30px;cursor:pointer;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.homePage .p40 .scroll .prev:hover,.homePage .p40 .scroll .next:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.homePage .p40 .scroll .next{float:right;}
.homePage .p40 .scroll .box{position:absolute;float:none;top:0;right:30px;bottom:0;left:30px;overflow:hidden;}
.homePage .p40 .scroll ul{width:30000%;}
.homePage .p40 .scroll li{width:94px;margin-right:14px;}
.homePage .p40 .scroll li a{width:100%;float:left;line-height:28px;border:1px #fff solid;border-radius:100px;color:#fff;text-align:center;font-size:14px;}
.homePage .p40 .scroll li a:hover{background-color:#fff;color:#f35353;}

.homePage .p35 .top{background-position:left top;}
.homePage .p35 .top .text{float:right;width:200px;}
.homePage .p35 h4{line-height:18px;height:36px;overflow:hidden;width:100%;}
.homePage .p35 .btn{float:left;padding:0 25px;height:26px;line-height:26px;border:1px #5f5f5f solid;border-radius:100px;}
.homePage .p35 .btn:hover{background-color:#f35353;color:#fff;border-color:#f35353;}
.homePage .p35 .box{width:49.9%;height:127px;background-color:#fff;}
.homePage .p35 .hot{padding:25px;}
.homePage .p35 .hot h3{height:34px;line-height:34px;}
.homePage .p35 .playBox{width:100%;height:100%;}
.homePage .p35 .playBox.jp-video-full{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;bottom:0px;right:0px;z-index:20000;}
.homePage .p35 .playBox .gui{visibility:hidden;}
.homePage .p35 .playBox.jp-state-playing:hover .gui{visibility:visible;}

.homePage .p25 .box{padding:8px 18px;float:none;display:block;}
.homePage .p25 ul,.homePage .p25 li{width:100%;}
.homePage .p25 li{padding-top:9px;margin-top:9px;border-top:1px #e4e4e4 solid;}
.homePage .p25 li.top{padding-top:0px;border-top:none;}
.homePage .p25 li h3,.homePage .p25 li h4,.homePage .p25 li h5{float:none;display:block;}
.homePage .p25 li h3{font-size:14px;}
.homePage .p25 li h3 a{color:#000;}
.homePage .p25 li h3 a:hover{color:#ff3c3f;text-decoration:underline;}
.homePage .p25 li.top h3,.homePage .p25 li.top h4{margin-top:5px;}
.homePage .p25 li h4{height:36px;line-height:18px;overflow:hidden;font-size:12px;}
.homePage .p25 li h5{color:#f35353;font-size:14px;}
.homePage .p25 li img{width:80px;height:80px;border:1px #e4e4e4 solid;padding:3px;background-color:#fff;border-radius:4px;margin-right:10px;}

.homePage .p40:hover,.homePage .p35:hover,.homePage .p25:hover{z-index:10;}
.homePage .p25:hover,.homePage .p35 .box:hover,.homePage .p35 .top:hover,.homePage .p40:hover{z-index:5;}

/*about*/
.about{background-color:#f2f1ef;}
.about .maskBg{width:100%;overflow:hidden;}
.about .maskBg img{width:100%;}
.about .maskBg .mask{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;background-color:#000;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.about .maskBg .logo{width:496px;position:absolute;float:none;top:350px;left:50%;margin-left:-248px;z-index:2;}
.about .maskBg .logo img{width:100%;}

.about .page1{z-index:10;}
.about .page1 .scroll{width:556px;height:714px;overflow:hidden;}
.about .page1 .scroll ul,.about .page1 .scroll li{width:100%;height:100%;overflow:hidden;}
.about .page1 .scroll li{position:absolute;float:none;top:0px;left:0px;display:none;}
.about .page1 .scroll li.current{z-index:10;}
.about .page1 .scroll li img{height:100%;min-width:100%;}
.about .page1 .text{width:500px;float:right;overflow:hidden;}
.about .page1 .area{width:100%;height:312px;overflow:hidden;}
.about .page1 .textArea{font-size:15px;line-height:24px;margin-top:0px;}
.about .page1 .btn,.product .left .btn{width:20px;height:20px;cursor:pointer;float:right;display:none;}

.about .page2 .left{width:188px;}
.about .page2 .left .box{width:89px;}
.about .page2 .left .box.floatRight{float:left;margin:30px 0 0 10px;display:inline;}
.about .page2 .left .item{width:89px;height:89px;margin-top:15px;display:inline;overflow:hidden;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;cursor:pointer;}
.about .page2 .left .item:hover,.about .page2 .left .item.active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.about .page2 .right{width:450px;height:550px;overflow:hidden;float:right;}
.about .page2 .right img{height:100%;min-width:100%;}
.about .page2 .con{left:228px;right:490px;color:#666;}
.about .page2 .con .item,.about .page2 .right img{position:absolute;float:none;top:0px;left:0px;}
.about .page2 .right img.current,.about .page2 .con .item.current{z-index:10;}
.about .page2 .con .item h4{font-size:40px;line-height:48px;color:#111;}

.about .page3 .playBox .playBtn{background-image:url(../images/play_big.png);}

.about .page4{background:url(../images/about/14.png) no-repeat center bottom;}
.about .page4 .left{width:600px;}
.about .page4 .left .con{position:absolute;float:none;top:0px;left:0px;}
.about .page4 .left .con.current{z-index:10;}
.about .page4 .left .year{width:150px;height:67px;line-height:67px;font-size:42px;font-weight:bold;letter-spacing:-2px;color:#ff3c3f;background:url(../images/about/11.png) no-repeat;text-align:center;text-indent:-15px;}
.about .page4 .left .textArea li{padding-left:20px;list-style-type:none;background:url(../images/about/12.png) no-repeat left 13px;}
.about .page4 .right{width:470px;height:515px;float:right;}
.about .page4 .history{width:340px;height:515px;overflow:hidden;margin-right:45px;display:inline;}
.about .page4 .history .move{width:60px;left:50%;margin-left:-30px;background:url(../images/about/13.png) repeat-y center top;}
.about .page4 .history .move .year{width:100%;height:26px;line-height:26px;text-align:center;cursor:pointer;font-size:15px;color:#333;margin-top:38px;}
.about .page4 .history .move .year:hover,.about .page4 .history .move .year.active{color:#ee3a3d;}
.about .page4 .history .move .tip{width:72px;height:72px;line-height:72px;letter-spacing:-1px;text-align:center;font-size:26px;font-weight:bold;position:absolute;float:none;top:-23px;left:125px;border:1px #b5b5b5 solid;border-radius:72px;color:#333;}
.about .page4 .history .move .line{width:65px;position:absolute;float:none;top:13px;left:60px;border-top:1px #b5b5b5 solid;}
.about .page4 .history .move .tip.l{left:auto;right:125px;}
.about .page4 .history .move .line.l{left:auto;right:60px;}
.about .page4 .history .move .tip:hover,.about .page4 .history .move .year.active .tip{background-color:#ee3a3d;color:#fff;border:1px #ee3a3d solid;}

/*news*/
.news .cm{max-width:1080px;}
.news .leftBox ul,.news .leftBox li{width:100%;}
.news .leftBox li{margin-top:30px;padding-bottom:30px;border-bottom:1px #e4e4e4 solid;}
.news .leftBox li .img{width:352px;height:214px;overflow:hidden;}
.news .leftBox li .info{float:none;display:block;margin-left:380px;}
.news .leftBox li a.absolute{z-index:5;display:none;}
.news .leftBox li .btn{padding:0 10px;height:26px;line-height:26px;float:left;color:#fff;background-color:#b4b4b4;}
.news .leftBox li h4{height:100px;overflow:hidden;}
.news .leftBox li .info.noimg{margin-left:0px;}
.news .leftBox li .info.noimg h4{height:auto;}
.news .leftBox li .btn:hover{background-color:#ff3c3f;}
.pageBtn{width:100%;float:left;line-height:24px;padding-top:20px;margin-top:20px;border-top:1px #e4e4e4 solid;}
.pageBtn .topage{width:70%;margin-right:10px;display:inline;}

/*产品*/
.product{background-color:#fcf6ef;}
.product .left{width:590px;}
.product .left .title{width:100%;line-height:30px;padding:3px 0;color:#6d5f55;}
.product .left .title .more{width:87px;height:32px;line-height:32px;text-indent:15px;color:#dcc9a6;position:relative;float:right;background:url(../images/more.png) no-repeat;}
.product .left .title .more:hover{margin-top:-5px;}
.product .left .info{width:588px;height:325px;border:1px #c69c6d dashed;border-radius:30px;}
.product .left .area{top:25px;right:25px;bottom:40px;left:25px;overflow:hidden;}
.product .left .area .item{width:100%;margin-bottom:20px;}
.product .left .area .item i{width:48px;height:48px;float:left;overflow:hidden;}
.product .left .area .item i img{width:100%;}
.product .left .area .item .textArea{width:auto;float:none;margin-left:60px;color:#9e8e83;font-size:16px;line-height:24px;}
.product .left .area .item .textArea font{color:#6d5f55;}
.product .operate{width:100px;position:absolute;float:none;right:25px;bottom:10px;}
.product .right{width:500px;float:right;overflow:hidden;}

.product .nav,.product .box{width:100%;}
.product .nav .prev,.product .nav .next{width:23px;height:23px;position:absolute;float:none;left:-40px;top:50%;margin-top:-6px;background:url(../images/proBtn.png) no-repeat;cursor:pointer;display:none;}
.product .nav .prev{background-position:0 0;}
.product .nav .prev:hover{background-position:-23px 0;}
.product .nav .next{left:auto;right:-40px;background-position:0 -23px;}
.product .nav .next:hover{background-position:-23px -23px;}
.product .box{overflow:hidden;margin-top:0px;}
.product .nav ul{width:1000px !important;white-space:nowrap;display:inline;}
.product .nav li{background:url(../images/pro_menu_l.png) no-repeat;height:48px;line-height:48px;padding-left:23px;cursor:pointer;margin:10px 5px 0 0;}
.product .nav li a{background:url(../images/pro_menu.png) no-repeat top right;position:relative;float:left;padding-right:32px;color:#af906e;font-size:15px;font-weight:bold;text-align:center;white-space:nowrap;}
.product .nav li:hover,.product .nav li.active{background:url(../images/pro_menu_l_active.png) no-repeat;}
.product .nav li:hover a,.product .nav li.active a{background:url(../images/pro_menu_active.png) no-repeat top right;color:#fff;}
.product .hide{display:none;}
.product .left,.product .right{display:none;}
.product .left.fadeInLeft,.product .right.bounceInDown{display:block;}
.product .detail{height:375px;}
.product .right{width:500px;height:325px;margin-top:40px;float:right;overflow:hidden;text-align:center;}
.product .right img{max-height:375px;max-width:100%;float:none;}
.product .rightBox{display:none;}

.productView{width:100%;}
.productView .imgBox,.productView .imgBox img{width:100%;}
.productView .page1 .pro{width:32.25%;height:62%;top:19%;right:5%;position:absolute;float:none;z-index:10;}
.productView .page1 .pro .bg,.productView .page1 .pro .bg img,.productView .page1 .pro .commodity,.productView .page1 .pro .commodity img{width:100%;}
.productView .page1 .pro .commodity{position:absolute;float:none;top:0px;left:0px;z-index:10;}
.productView .page1 .pro .btn{width:27%;position:absolute;float:none;bottom:0px;right:25%;z-index:50;}
.productView .page1 .pro .btn img{width:100%;}
.productView .page1 .pro:hover .bg{-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear;-webkit-transform-origin:center center;transform-origin:center center;}
.productView .page2{width:100%;background:#fefefd url(../images/probg.png) repeat-x left bottom;}
.productView .page2 .img{width:100%;height:500px;text-align:center;}
.productView .page2 .img img{max-width:100%;width:auto;float:none;}
.productView .page2 .tab{width:100%;text-align:center;}
.productView .page2 .tab img{width:45px;height:45px;margin:0 12px;float:none;}
.productView .page2 .tab span{float:none;}
.productView .page2 .tab span img{-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray;opacity:0.7;cursor:pointer;}
.productView .page2 .tab span img:hover,.productView .page2 .tab span img.active{-webkit-filter:grayscale(0);filter:alpha(opacity=100);opacity:1;}
.productView .page3{width:100%;padding-top:50px;}
.productView .page3 .cm{max-width:990px;width:100%;}
.productView .page3 .title{color:#945c0a;}
.productView .page3 .scroll{width:100%;margin-top:20px;}
.productView .page3 .scroll .prev,.productView .page3 .scroll .next{width:48px;height:48px;position:absolute;float:none;top:58px;left:-60px;cursor:pointer;display:none;}
.productView .page3 .scroll .next{left:auto;right:-60px;}
.productView .page3 .box{width:100%;overflow:hidden;}
.productView .page3 .box ul{width:30000%;}
.productView .page3 .box li{width:240px;margin-right:10px;display:inline;}
.productView .page3 .box li img{width:100%;}
.productView .page3 .box li span{color:#975b51;font-size:16px;padding:0 15px;margin-top:10px;}

/*联系*/
.contact .info{width:100%;background-color:#ff3c3f;color:#fff;overflow:hidden;}
.contact .info .name{width:100%;text-align:center;font-size:24px;}
.contact .info .img{width:103px;overflow:hidden;}
.contact .info .img img{width:100%;}
.contact .info .textArea{width:auto;float:none;display:block;margin-left:125px;}
.contact .info .textArea p{margin-bottom:20px;}
.contact .info .arrow,.login .arrow{width:36px;height:21px;position:absolute;float:none;bottom:10px;left:50%;margin-left:-18px;background:url(../images/contact/arrow.png) no-repeat;z-index:100;cursor:pointer;display:none;}
.contact .open{cursor:pointer;}
.contact .open img{float:none;vertical-align:middle;}
.contact .mailIcon{width:606px;height:240px;position:absolute;float:none;top:500px;left:50%;margin-left:-303px;z-index:9;background:url(../images/contact/05.png) no-repeat;}
.contact .message{width:100%;height:0px;background-color:#fff;overflow:hidden;z-index:10;}
.contact .message h3{color:#695241;}
.contact .message .cm{width:760px;}
.fromBox,.fromBox .item{width:100%;font-size:14px;}
.fromBox .item.w50{width:50%;}
.fromBox .item label{width:100%;height:28px;line-height:28px;color:#8f7b6d;margin-top:15px;}
.fromBox .item label.selectBox{height:155px;}
.fromBox .item label span{width:100px;text-align:right;}
.fromBox .item label .ipt{left:110px;right:15px;}
.fromBox .item label .ipt input,.fromBox .item label .ipt textarea{border:1px #c1c1c1 solid;width:100%;height:20px;line-height:20px;padding:3px 0;background:#fff;color:#8f7b6d;font-size:14px;}
.fromBox .item label .ipt input{text-indent:6px;}
.fromBox .item label .ipt input.no,.fromBox .item label .ipt textarea.no{border-color:#ff3c3f;background-color:#ffc8c9;}
.fromBox .item label .ipt textarea{padding:0px;height:100%;}
.fromBox .btn{width:80px;height:30px;border-radius:100px;background:#fff;color:#ff3c3f;border:2px #ff3c3f solid;position:relative;float:left;left:50%;top:0px;margin-left:-40px;font-size:16px;font-weight:bold;cursor:pointer;}

/*登入*/
.login{background-color:#f4f3f1;z-index:1;}
.login .cm{max-width:960px;}
.login .mask{width:100%;height:425px;position:absolute;float:none;top:0px;left:0px;z-index:-1;background:url(../images/banner/04.png) no-repeat center top;}
.login .log{width:100%;height:345px;overflow:hidden;}
.login .log .logo{width:322px;left:50%;margin-left:-161px;}
.login .log .from{width:810px;margin-left:75px;display:inline;}
.login .log .from .ipt{width:280px;padding:10px 10px 10px 50px;height:20px;line-height:20px;background-color:#fff;color:#a0a0a0;border:none;font-size:16px;margin-right:18px;display:inline;}
.login .log .from .ipt.user{background:#fff url(../images/user.png) no-repeat 10px center;}
.login .log .from .ipt.lock{background:#fff url(../images/lock.png) no-repeat 10px center;}
.login .log .from a{color:#ff3c3f;}
.login .log .from a:hover{text-decoration:underline;}
.login .order{width:100%;height:80px;overflow:hidden;}
.login .order .plugins a{padding:19px 72px;margin:0 5px;display:inline;overflow:hidden;}
.login .order .plugins a.i01{background:url(../images/sqq_btn.png) no-repeat;}
.login .order .plugins a.i02{background:url(../images/wb_btn.png) no-repeat;}
.login .order .plugins a.i03{background:url(../images/wx_btn.png) no-repeat;}
.login .reg{margin-top:40px;height:0px;overflow:hidden;}
.login .reg,.login .reg label{width:100%;}
.login .reg .info{width:50%;}
.login .reg .info.floatRight span{width:80px;}
.login .reg .info.floatRight span.mlr-5{width:auto;}
.login .reg .sel{margin-right:10px;}
.login .reg label{height:22px;line-height:22px;margin-top:15px;font-size:15px;}
.login .reg label label{width:auto;margin-right:10px;margin-top:0px;}
.login .reg label .ipt,.login .reg label .select{height:22px;line-height:22px;border:1px #d0d0d0 solid;background:#fff;font-size:15px;}
.login .reg label .ipt.startDate{background:#fff url(../images/date.png) no-repeat 90px center;}
.login .reg label .ipt.no,.login .reg label .select.no{border-color:#ff3c3f;background-color:#ffc8c9;}
.login .reg label .ipt{width:260px;padding:0 5px;}
.login .btn{width:94px;height:40px;background:#ff3c3f;cursor:pointer;color:#fff;font-size:16px;}
.login .btn:hover{background:#ff3c3f;}
.login .reg .btn{left:50%;margin-left:-47px;}
.login .tip{width:118px;}

.content.login .h100{height:50px;}
.login .reg label.code span{min-width:75px;}
.login .reg label.code img{width:100px;height:34px;margin-top:-5px;}
.login .reg label.code .get{padding:0 20px;height:22px;float:left;line-height:22px;background:#d8c3a9;border:1px #d8c3a9 solid;color:#fff;cursor:pointer;font-size:12px;}
.login .reg label.code .get:hover{background:#b8a690;}
.login .reg label.code .get.active{background:#c4c4c4;border-color:#c4c4c4;cursor:default;}

/*job*/
.job{z-index:1;background-color:#faf8f6;}
.job .mask{width:100%;z-index:-1;}
.job .mask img{width:100%;}
.job .channel{width:720px;position:absolute;float:none;top:50%;left:50%;margin:-40px 0 0 -360px;}
.job .channel .btn{width:150px;margin:0 45px;}
.job .channel a{width:148px;height:148px;position:relative;float:left;border-radius:150px;border:1px #fff solid;}
.job .channel a.i01,.job .head i.i01{background:url(../images/job/01.png) no-repeat center center;}
.job .channel a.i02,.job .head i.i02{background:url(../images/job/02.png) no-repeat center center;}
.job .channel a.i03,.job .head i.i03{background:url(../images/job/03.png) no-repeat center center;}
.job .channel a.i01:hover,.job .channel a.i02:hover,.job .channel a.i03:hover{background-color:rgba(255,255,255,0.25);border:4px #fff solid;margin-top:-3px;margin-left:-3px;}
.job .tipText{width:100%;position:absolute;float:none;top:100px;left:0px;font-size:72px;text-align:center;color:#fff;}
.job .head{width:100%;position:absolute;float:none;top:60px;}
.job .head,.job .head a{color:#fff;}
.job .head i{width:89px;height:89px;float:left;}
.job .head h3{font-size:36px;height:89px;line-height:89px;font-weight:bold;}
.job .head .btn{width:85px;height:85px;line-height:85px;border-radius:150px;border:1px #fff solid;text-align:center;float:left;margin-left:20px;display:inline;font-size:16px;}
.job .head .btn:hover{background-color:#fff;color:#333;}
.job .list{margin-top:-44px;background:url(../images/job/04.png) repeat-x;}
.job .list,.job .list .title,.job .list ul,.job .list li{width:100%;}
.job .list span{height:44px;line-height:44px;text-align:center;font-size:14px;}
.job .list span font{position:absolute;float:none;top:0px;right:10px;bottom:0px;left:10px;}
.job .list .w15{width:15%;}
.job .list .w25{width:25%;}
.job .list span.w25{text-align:left;}
.job .list .title span{font-size:16px;font-weight:bold;color:#fff;}
.job .list a.absolute{z-index:100;}
.job .list li:hover{color:#000;}
.job .list li:hover a{color:#ff3c3f;}
.job .list li.even{background-color:#fff;}
.job .textbox{width:580px;position:absolute;float:none;left:0px;top:0px;margin-top:250px;z-index:10;color:#fff;}
.job .textbox p{margin-bottom:20px;}

/*tvc*/
.playBox.jp-video-full{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;bottom:0px;right:0px;z-index:20000;}
.playBox{width:100%;height:100%;background-color:#000;}
.playBox.jp-video-full .gui{width:auto;right:20px;left:20px;bottom:20px;}
.playBox .movie{overflow:hidden;}
.playBox .movie img{width:100%;height:auto;}
.gui{width:100%;height:30px;background-color:#f5f5f5;position:absolute;float:none;left:0px;bottom:0px;z-index:101;}
.gui button{border:none;cursor:pointer;width:30px;height:30px;background:url(../images/playBtn.png) no-repeat;overflow:hidden;text-indent:-999px;}
.gui button:hover{background-color:#e4e4e4;}
.gui button.jp-play{background-position:0px 0px;}
.jp-state-playing .gui button.jp-play{background-position:0px -30px;}
.gui button.jp-mute{background-position:0px -60px;float:right;}
.jp-state-muted .gui button.jp-mute{background-position:0px -90px;}
.gui button.jp-full-screen{background-position:0px -120px;float:right;}
.jp-state-full-screen .gui button.jp-full-screen{background-position:0px -150px;}
.playBar{height:6px;position:absolute;float:none;left:45px;right:75px;top:12px;bottom:12px;background:url(../images/loadbar.gif) repeat-x left center;}
.jp-seek-bar,.jp-play-bar{height:6px;background-color:#c4c4c4;cursor:pointer;}
.jp-play-bar{background-color:#f35353;float:none;position:static;}
.playBox .playBtn{width:100%;height:100%;position:absolute;float:none;top:0px;left:0px;overflow:hidden;background:url(../images/play.png) no-repeat center center;z-index:100;cursor:pointer; opacity:0.8;}
.playBox.jp-state-playing .playBtn{display:none;}
.playBox .playBtn:hover{opacity:1;}
.playBox.jp-video-full{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;bottom:0px;right:0px;z-index:20000;}
.playBox .gui{visibility:hidden;}
.playBox.jp-state-playing:hover .gui{visibility:visible;}

/*瀑布流*/
.waterfall{min-height:300px;}
.waterfall,.waterfall ul{width:100%;overflow:hidden;}
.waterfall li{width:343px;overflow:hidden;position:absolute;float:none;visibility:hidden;cursor:pointer;}
.waterfall li .img,.waterfall li.more{margin:10px 0 0 0;display:inline;}
.waterfall li .img,.waterfall li .img img{width:333px;height:auto;}
.waterfall li .img img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.waterfall li.more{width:333px;height:200px;background:url(../images/loadmore.png) no-repeat center center;background-color:#e8e8e8;}
.waterfall li.more:hover{background-color:#bac4c9;}
.waterfall .load{height:20px;padding-top:8px;}
.waterfall .dot{position:absolute;float:none;width:20%;top:8px;height:20px;left:40%;text-align:center;}
.waterfall .dot font{width:12px;height:12px;border-radius: 6px;display: inline-block;margin-left: 5px;background-color: #878787;}
.waterfall .dot font.active{background-color:#47a0ee;}

/*window*/
.bodyMask{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;z-index:1000;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;display:none;}
.bodyWindow{background-color:#fff;padding:20px;position:fixed;float:none;top:45%;left:50%;z-index:1500;display:none;border-radius:4px;}
.bodyWindow .close{width:30px;height:30px;position:absolute;float:none;top:10px;right:10px;cursor:pointer;z-index:100;}
.bodyWindow .close i{width:30px;height:30px;float:left;background:url(../images/close.png) no-repeat center center;}

.bodyWindow.qrcode{width:430px;height:430px;margin:-215px 0 0 -215px;}
.bodyWindow.qrcode img{width:100%;}

.bodyWindow.text{width:1000px;height:430px;margin:-215px 0 0 -500px;border-radius:0 40px;box-shadow:0 0 20px rgba(0,0,0,0.5);padding:0px;}
.bodyWindow.text .close{top:20px;right:20px;}
.bodyWindow.text .box{left:110px;right:100px;top:40px;bottom:40px;}
.bodyWindow.text .viewport{width:109%;margin-top:11px;display:inline;height:300px;}
.bodyWindow.text .viewport .textArea{margin-right:6%;}

.bodyWindow.scroll{width:620px;height:460px;background-color:#fff;padding:15px 15px 5px;position:fixed;float:none;top:50%;left:50%;margin:-280px 0 0 -325px;z-index:1500;display:none;}
.bodyWindow.scroll .box,.bodyWindow.scroll .pic,.bodyWindow.scroll li{width:620px;height:430px;overflow:hidden;}
.bodyWindow.scroll ul{width:30000%;}
.bodyWindow.scroll li img{visibility:hidden;}
.bodyWindow.scroll .prev,.bodyWindow.scroll .next{width: 48px;height: 48px;position: absolute;float: none;top: 50%;left: 50%;margin-top: -24px;z-index: 100;cursor: pointer;display: none;background:url(../images/picBtn.png) no-repeat;}
.bodyWindow.scroll .prev{margin-left:-393px;background-position:0px 0px;}
.bodyWindow.scroll .prev:hover{background-position:0px -48px;}
.bodyWindow.scroll .next{margin-left:345px;background-position:0px -96px;}
.bodyWindow.scroll .next:hover{background-position:0px -144px;}
.bodyWindow.scroll .thumb{width:620px;position:absolute;float:none;left:0px;bottom:-45px;height:15px;text-align:center;z-index:10;display:none;}
.bodyWindow.scroll .thumb span{padding:0 7px;margin:0 2px;display:inline;height:11px;border-radius:15px;cursor:pointer;overflow:hidden;text-indent:-999px;background-color:#fff;float:none;position:static;}
.bodyWindow.scroll .thumb span.active{background-color:#006296;}

/*animate*/
@media screen and (min-width:768px) {
.header .logo img,.header .menu li a i,.homePage .p25 li img,.header .btn,.homePage .p25,.homePage .p35 .box,.homePage .p35 .top,.homePage .p40,.footer .floatRight a,.header .btn .sub,.news .leftBox li .img img,.about .page2 .left .item,.product .left .title .more,.contact .info .name,.about .page4 .history .move .year,.about .page4 .history .move .tip,.job .channel a,.productView .page1 .pro .btn,.productView .page2 .tab span img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.header .logo img:hover,.homePage .p25 li img:hover,.homePage .p25:hover,.homePage .p35 .box:hover,.homePage .p35 .top:hover,.homePage .p40:hover,.news .leftBox li:hover .img img,.productView .page1 .pro .btn:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.about #page2 li:hover{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform: rotateY(360deg);transform:rotateY(360deg);}
.about #page2 li{-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}

.bodyWindow .close{-webkit-transition: -webkit-transform .3s ease-in;-moz-transition: -moz-transform .3s ease-in;-o-transition: -o-transform .3s ease-in;transition: transform .3s ease-in;}
.bodyWindow .close:hover{-moz-transform: rotate(180deg);-moz-transform-origin: center center;-webkit-transform: rotate(180deg);-webkit-transform-origin: center center;-o-transform: rotate(180deg);-o-transform-origin: center center;transform: rotate(180deg);transform-origin: center center;}

.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
.fadeInRight{
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}

.bounceInDown{
	-webkit-animation-name:bounceInDown;
	animation-name:bounceInDown;
}
.contact .open:hover .pen{
	-webkit-animation-name:swing;
	animation-name:swing;
}
.fadeInUp,.fadeInRight,.fadeInLeft,.fadeInDown,.bounceInDown,.contact .open .pen{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.delay200 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.delay300 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
}

.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,-30px,0);transform:translate3d(0,-30px,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);-ms-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,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,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);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-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);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-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);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-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);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-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);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-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);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-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);-ms-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);-ms-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);-ms-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;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-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);-ms-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);-ms-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);-ms-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);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-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);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-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);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-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);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-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);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-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);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-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);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-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);-ms-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);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-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);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-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);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-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);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-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);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-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);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-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);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-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);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-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);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-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);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-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);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-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);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-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);-ms-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);-ms-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);-ms-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);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-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);-ms-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);-ms-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);-ms-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);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-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);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-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);-ms-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;-ms-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);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-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);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-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);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-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);-ms-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;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-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;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-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;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-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;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-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;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-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;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-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:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(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;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-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;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-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;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-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;-ms-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);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-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);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-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);-ms-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);-ms-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;-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-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);-ms-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);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-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);-ms-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);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-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);-ms-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);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-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 rotate {
    0%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotate {
    0%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}

@media screen and (max-width:1600px) {
.header,.header .logo,.header .logo img,.header .menu li a, .header .btn{height:64px;}
.header .menu li a, .header .btn{width:110px;}
.header .logo img{height:50px;padding:7px 25px;}
.header .menu li a{font-size:13px;}
.header .menu li a i,.banner .text{margin-top:1px;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.banner .text{margin-top:-10%;}
.header .menu li a span{margin-top:0px;}
.header .btn.member a.logBtn{margin-top:12px;}
.header .btn{line-height:64px;}
.header .btn .sub,.header .menu .sub{top:64px;}
.header .subbg{top:65px;}
.homePage{overflow:visible;}
.homePage .mt-60{margin-top:0px;}
.homePage,.footer span{-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.homePage .p40 .scroll li{margin-right:10px;}
.banner .pic li a img{display:block;}
.banner .text{left:3%;}
.banner .text.r{left:auto;right:3%;}
.footer{padding:0 0 8px;}
.job .tipText{font-size:60px;}
.job .channel a{width:120px;height:120px;}
.job .channel .btn{width:120px;}
.job .channel{width:630px;margin-left:-315px;}
.content.login,.content.contact{margin-top:65px;}
/*关于我们*/
h3.f-60,h3.f-72{font-size:40px;}
.about .page1 .scroll{width:450px;height:600px;}
.about .page1 .area{margin-top:15px;height:327px;}
.about .page1 .text{width:500px;float:right;margin-left:0px;}
.about .page1 .textArea{font-size:14px;line-height:23px;}
.about .cm{width:1000px;}
.about .page2{margin-top:60px;}
.about .page2 .right{width:350px;}
.about .page2 .con{right:390px;}
.about .page4 .left{width:450px;}
.about .page4 .h100{height:50px;}
.about .maskBg .logo{width:370px;margin-left:-185px;}
.about .page4 .left .year{width:100px;height:45px;line-height:45px;font-size:28px;background:url(../images/about/21.png) no-repeat;text-indent: -12px;}
}
@media screen and (max-width:1150px){
.cm{width:auto;max-width:inherit;padding:0 15px;}
/*产品*/
.product .cm{width:100%;max-width:1000px;}
.product .right{width:375px;}
.product .nav{width:90%;margin-left:5%;}
/*新闻*/
.content .leftBox{width:75%;}
.content .rightBox{width:20%;}
.content.news .mt-90{margin-top:30px;}
}
@media screen and (max-width:1024px){
/*首页*/
.header{z-index:900;}
.header .menuBtn,.header .userBtn,.header .languageBtn{display:block;}
.header .logo img{height:40px;padding:12px 15px;}
.banner .pic li a .text img{width:100%;}
.banner .pic li a .bannerImg{width:100%;height:auto;min-height:inherit;}
.header .menu,.header .btn,.header .menu li a i,.banner .arrow{display:none;}
.header .floatRight{position:absolute;float:none;top:64px;left:0px;z-index:999;}
.header .menu{background-color:#fff;box-shadow: 0px 5px 0 #ccc;}
.header .floatRight,.header .menu,.header .menu ul{width:100%;}
.header .menu li{width:100%;border-top: 1px #c4c4c4 solid;height:auto;line-height: 40px;}
.header .menu li a{width:100%;float:left;font-size:16px;height:auto;}
.header .subbg{opacity:0;z-index:-100;top:-100px;}
.header .menu li .sub{width:100%;height:auto;background-color:#e4e4e4;padding:0px;position:relative;float:left;top:auto;left:auto;margin-left:0px;}
.header .menu li .sub a{width:100%;position:relative;float:left;height:40px;line-height:40px;color:#666;font-size:14px;margin:0px;}
.header .menu li .sub a:hover{text-decoration:underline;}
.banner .thumb{bottom:30px;}
.homePage{height:auto;}
.cm,.homePage .cm,.footer .cm,.about .cm{width:auto;max-width:inherit;padding:0 10px;}
.homePage,.homePage .p40,.homePage .p35:hover,.homePage .p35 .top:hover,.homePage .p35 .box:hover,.homePage .p40:hover,.homePage .p25:hover{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.homePage .p40,.homePage .p35{width:50%;}
.homePage .p25{width:100%;}
/*招聘*/
.job.jobList .mask img{width:auto;height:250px;}
}
@media screen and (max-width:1000px){
.content.news .mt-90{margin-top:0px;}
/*关于我们*/
.about .maskBg{height:500px;}
.about .maskBg .logo{margin-top:-100px;}
.about .page1 .scroll{width:40%;}
.about .page3{height:350px;}
.about .page4{background:none;margin-top:20px;}
.about .page4 .left h3{margin-top:0px;}
.about .page4 .left,.about .page4 .left h3,.about .page4 .right{border:none;}
.about .page4 .left .year{background:none;}
/*产品*/
.product .cm{width:auto;max-width:inherit;padding:0 20px;}
.product .left{width:60%;}
.product .right{width:35%;}
.product .left .info{width:100%;}
/*联系方式*/
.contact .mt-35{margin-top:0px;}
/*招聘*/
.job .mask img{width:auto;}
.bodyWindow.text{width:100%;left:0px;margin-left:0px;}
.bodyWindow.text .box{top:30px;bottom:30px;right:30px;left:30px;}
.bodyWindow.text .viewport{width:100%;}
.bodyWindow.text .viewport .textArea{margin-right:20px;}
}
@media screen and (max-width:930px){
/*登录*/
.login .log{height:auto;}
.login .log .logo{width:100%;height:100px;left:0px;margin-left:0px;text-align:center;margin-top:30px;}
.login .log .logo img{float:none;height:100%;}
.login .log .from{width:340px;left:50%;margin-left:-170px;margin-top:20px;}
.login .log .from .ipt,.login .log .from .btn{margin-top:10px;}
.login .mask{height:380px;}
.login .log .btn{width:100%;}
.login .log .from .ipt, .login .log .from .btn{margin-right:0px;}
.login .order{display:none;}
.login .reg{height:auto;margin-top:80px;}
/*新闻*/
.news .leftBox li .img{width:250px;height:150px;}
.news .leftBox li .info{margin-left:280px;}
.news .leftBox li h4{height:40px;}
.content .rightBox.fixed{left:auto;right:10px;margin-left:0px;}
}
@media screen and (max-width:890px){
.about .page1 .text{width:400px;}
.about .page2 .right{display:none;}
.about .page2 .con{right:0px;}
}
@media screen and (max-height:1600px) and (max-height: 750px) {
/*产品详情*/
.product .detail{margin-top:0px;}
.product .mt-90{margin-top:60px;}
.product .h100{height:50px;}
.product .nav{margin-top:30px;}
/*联系我们*/
.contact .info{padding:20px 0;}
.contact .info .h50{height:auto;}
.contact .info .mt-60{margin-top:40px;}
}
@media screen and (max-width:768px){
.h100{height:50px;}
.shareBox{float:left;margin-top:5px;}
/*首页*/
h3.f-60, h3.f-72{font-size:30px;}
.banner,.banner .pic li a .bannerImg{width:100%;}
.banner .prev,.banner .next{display:none;}
.banner .text{width:50%;top:40%;}
.homePage .p40 .info,.homePage .p40, .homePage .p35, .homePage .p25{height:auto;}
.homePage .p40 .scroll{height:auto;margin-top:10px;}
.homePage .p40 .title{width:94%;margin-left:3%;}
.homePage .p40,.homePage .p35{width:100%;}
.homePage .p40 .img{-webkit-background-size:100% auto;background-size:100% auto;}
.homePage .p40 .scroll .box{position:relative;float:left;left:0px;right:0px;}
.homePage .p40 .scroll .box,.homePage .p40 .scroll ul{width:100%;}
.homePage .p40 .scroll li{margin-top:10px;}
.homePage .p40 .info{padding-bottom:15px;}
/*关于我们*/
.about .maskBg{height:200px;}
.about .maskBg .logo{width:200px;margin-left:-100px;margin-top:-170px;}
.about .page1 .scroll,.about .page1 .text .floatRight{display:none;}
.about .page1 .text{width:100%;}
.about .page1 .area{height:auto;}
.about .page1 .textArea{font-size:15px;}
.about .page2 .left,.about .page2 .con{width:100%;}
.about .page2 .con{position:relative;float:left;height:auto;top:auto;right:auto;bottom:auto;left:auto;border-top:none;}
.about .page2 .left .box{width:100%;}
.about .page2 .con .item{position:relative;float:left;}
.about .page2 .left .item{width:11%;height:auto;}
.about .page2 .left .item img{width:100%;}
.about .page2 .con .f-26{font-size:18px;}
.about .page2 .con h3{margin-top:0px;}
.about .page2 .con .item h4{font-size:20px;line-height:20px;}
.about .page2 .con .textArea{margin-top:15px;}
.about .page3{height:300px;margin-top:25px;}
.about .page3 .playBox .playBtn{-webkit-background-size:30% auto;background-size:30% auto;}
.about .page4 .left,.about .page4 .right,.about .page4 .history{width:100%;height:auto;}
.about .page4 .left .con{position:relative;float:left;margin-top:0px;}
.about .page4 .right,.about .page4 .history .move{width:100%;}
.about .page4 .history{margin-right:0px;overflow:visible;}
.about .page4 .history .move{left:auto;margin-left:0px;background:none;}
.about .page4 .history .move .tip,.about .page4 .history .move .line{display:none;}
.about .page4 .history .move .year{margin:-1px 0 0 -2px;width:20%;height:40px;line-height:40px;border:1px #e4e4e4 solid;background-color:#f2f1ef;font-size:16px;}
.about .page4 .history .move .year.active{color:#fff;background-color:#ee3a3d;}
/*新闻*/
.content .leftBox,.content .rightBox{width:100%}
.content .rightBox{background-color:#fff;margin-top:0px;margin-top:-1px;z-index:100;margin-bottom:15px;}
.product .rightBox ul{width:100%;}
.content .rightBox li{width:33%;background:none;text-align:center;}
.content .rightBox li.active{background:none;}
.content .rightBox li a{width:100%;float:left;margin-left:0;}
.news .leftBox li:first-child{margin-top:10px;}
.news .leftBox li a.absolute{display:block;}
/*联系方式*/
.contact .info .name{font-size:16px;}
.contact .info .mt-60{margin-top:0px;}
.contact .info .w-50{width:100%;margin-top:20px;}
.contact .info .w-50:first-child{border-bottom:1px #fff dashed;padding-bottom:15px;}
.contact .info .img{margin-top:0px;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.contact .info .textArea{margin-top:0px;margin-left:110px;}
.contact .mailIcon,.contact .info .arrow{display:none;}
.contact .open .pen{display:none;}
.contact .message{height:auto;}
.contact .message .cm{width:auto;}
.fromBox .item.w50{width:100%;}
.fromBox .item label span{width:80px;}
.fromBox .item label .ipt{left:90px;}
/*产品*/
.product .detail{height:auto;}
.product .mt-90{margin-top:20px;}
.product .left,.product .right{width:100%;}
.product .left .info{border:none;height:auto;}
.product .left .area{top:auto;right:auto;bottom:auto;left:auto;position:relative;float:left;width:100%;}
.product .right{height:auto;}
.product .operate{display:none;}
.product .nav{width:100%;margin-left:0px}
.product .nav .prev, .product .nav .next{opacity:0;z-index:-100;}
.product .nav ul{width:100%;}
.product .nav li{width:46%;margin:6px 1%;padding:0px;border:2px #dabd85 solid;text-align:center;border-radius:20px;height:40px;line-height:40px;}
.product .nav li:nth-child(2n){float:right;}
.product .nav li a{width:100%;padding:0px;font-size:14px;}
.product .nav li,.product .nav li a,.product .nav li.active,.product .nav li.active a,.product .nav li:hover,.product .nav li:hover a{background:none;}
.product .nav li:hover,.product .nav li.active{background-color:#dabd85;}
.product .rightBox{display:block;background-color:#fcf6ef;}
.product .rightBox ul{padding:0px;width:100%;border-color:#dabd85;border-bottom:none;}
.product .rightBox li{width:50%;height:30px;line-height:30px;border:1px #dabd85 solid;margin:-1px 0 0 -2px;background-color:#fcf6ef;}
.product .rightBox li a{color: #af906e;}
.product .rightBox li a:hover,.product .rightBox li.active a{background-color:#dabd85;color:#fff;}
/*详情*/
.productView .page1 .pro .btn{width:50%;bottom:-10px;}
.productView .page2 .img{width:auto;padding:0 10px;height:auto;}
.productView .page2 .tab img:first-child,.productView .page2 .tab img:last-child,.productView .page3 .scroll .prev, .productView .page3 .scroll .next{display:none;}
.productView .page2 .tab span{width:100%;float:left;}
.productView .page2 .tab span img{margin:0 3px 0 3px;}
.productView .page3{padding-top:15px;}
.productView .f-24{font-size:18px;}
.productView .page3 .cm{width:auto;}
.productView .page3 .scroll{margin-top:0px;}
.productView .page3 .box ul{width:100%;}
.productView .page3 .box li{width:50%;margin-right:0px;margin-top:20px;}
/*招聘*/
.job .textbox{width:90%;left:5%;}
}
@media screen and (max-width:767px){
/*登录*/
.login .reg .info{width:100%;}
.login .reg .info .mt-60{margin-top:20px;}
.login .reg .btn{left:0px;margin-left:0px;}
.login .reg label{height:auto;}
.login .reg label label{margin-right:15px;}
.login .reg label label span{width:auto;}
.login .reg label .ipt{padding:8px 0;margin-right:500px;}
.login .reg label span{width:100%;}
.login .reg label .ipt.startDate{background-position:right center;padding:8px 10px;background-position:100px center;}
/*招聘*/
.job .mask img{height:500px;}
.job .tipText{margin-top:20px;top:0px;font-size:30px;}
.job .tipText .mr-60{margin-right:15px;}
.job .channel{width:120px;top:-20px;margin:0 0 0 -60px;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}
.job .channel .btn{margin:20px 0 0 0;}
.job .textbox{left:10px;width:auto;}
.job .head{top:20px;}
.job .head span:first-child{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.job .head span.floatRight{float:left;}
.job .list span.w25{width:100%;}
.job .list .w15{display:none;}
}
@media screen and (max-width:580px){
/*首页*/
.homePage .h50{height:20px;}
.homePage .p40 .img{height:90px;}
.about .page2 .left .item{width:20%;}
/*新闻*/
.news .leftBox li h3{white-space:normal;}
.news .leftBox li .img{width:100%;height:200px;}
.news .leftBox li .info{float:left;margin:10px 0 0 0;}
.news .leftBox li .btn{margin-top:10px;}
}
@media screen and (max-width:480px){
/*首页*/
.banner .text{width:50%;top:40%;}
.homePage .p25{padding:10px 0 15px;}
.homePage .p35 .top .text{width:auto;position:absolute;float:none;top:0px;right:0;bottom:0;left:0;padding:0 20px;background-color:rgba(255,255,255,0.7);margin-right:0px;}
.homePage .p35 .box{width:100%;min-height:150px;height:auto;}
.homePage .p35 .playBox{height:150px;}
.homePage .p40 .arrow{top:-12px;}
.homePage .p40 .scroll{margin-top:0px;}
.footer span{text-align:center;}
.footer .floatRight{float:left;left:50%;margin-left:-75px;}
.bodyWindow.qrcode{width:256px;height:256px;margin:-148px 0 0 -148px;}

.about .page3{height:200px;}
/*产品*/
.product .left .title span{margin-bottom:10px;}
.product .left .title .more{position:relative;float:right;top:auto;left:auto;}
/*详情*/
.productView .page3 .box li{width:100%;}
/*招聘*/
.bodyWindow.text .h-35 span.floatRight{float:left;line-height:20px;}
.bodyWindow.text .viewport{overflow-y:auto;}

/*登录*/
.login .log .from{width:90%;left:5%;margin-left:0px;}
.login .log .from .ipt{width:100%;padding:10px 0;text-indent:50px;}
}

/* 外间距 */
.mt-1{margin-top:1px;}
.mt-3{margin-top:3px;}
.mt-4{margin-top:4px;}
.mt-5{margin-top:5px;}
.mt-6{margin-top:6px;}
.mt-7{margin-top:7px;}
.mt-8{margin-top:8px;}
.mt-9{margin-top:9px;}
.mt-10{margin-top:10px;}
.mt-12{margin-top:12px;}
.mt-14{margin-top:14px;}
.mt-15{margin-top:15px;}
.mt-18{margin-top:18px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-35{margin-top:35px;}
.mt-36{margin-top:36px;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}
.mt-90{margin-top:90px;}
.mt-120{margin-top:120px;}

.mr-3{margin-right:3px;}
.mr-5{margin-right:5px;}
.mr-8{margin-right:8px;}
.mr-10{margin-right:10px;}
.mr-12{margin-right:12px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-60{margin-right:60px;}

.mb-5{margin-bottom:5px;}

.ml-1{margin-left:1px;}
.ml-3{margin-left:3px;}
.ml-8{margin-left:8px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:33px;}
.ml-40{margin-left:40px;}
.ml-70{margin-left:70px;}
.ml-75{margin-left:75px;}
.ml-98{margin-left:98px;}
.ml-90{margin-left:90px;}
.ml-100{margin-left:100px;}
.ml-110{margin-left:110px;}
.ml-125{margin-left:125px;}
.ml-130{margin-left:130px;}
.ml-160{margin-left:160px;}
.ml-170{margin-left:170px;}

.mlr-3{margin-left:3px;margin-right:3px;}
.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-8{margin-left:8px;margin-right:8px;}
.mlr-10{margin-left:10px;margin-right:10px;}
.mlr-15{margin-left:15px;margin-right:15px;}
.mlr-20{margin-left:20px;margin-right:20px;}
.mlr-30{margin-left:20px;margin-right:30px;}

.mt-30,.mr-10,.mr-5,.mlr-10,.ml-8,.mlr-8,.mt-10,.mt-15,.mlr-15,.ml-3,.mt-5,.mr-30,.mr-3,.mlr-20,mt-20,.mr-20,.ml-20,.ml-40,.ml-10,.mb-5,.mt-8,mlr-30,.mlr-3,.mt-3,.mt-12,.ml-170,.ml-15,.mr-8,.ml-30,.ml-100,.ml-110,.mr-15,.mt-4,.mt-25,.mr-12,.mt-9,.ml-70,.ml-75,.mt-6,.ml-90,.ml-160,.mt-7,.mt-1,.ml-1,.mt-40,.mt-18,.mt-14,.mlr-5,.ml-98,.mt-120,.mt-60,.mt-90,.mt-35,.mr-60{display:inline;}

/* 内间距 */
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-27{padding-top:27px;}

.pr-12{padding-right:12px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}

.pm-3{padding-bottom:3px;}
.pm-10{padding-bottom:10px;}

.plr-5{padding-left:5px;padding-right:5px;}
.pl-12{padding-left:12px;}
.plr-10{padding-left:10px;padding-right:10px;}
.pl-10-r-15{padding-left:10px;padding-right:15px;}
.plr-14{padding-left:14px;padding-right:14px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-20{padding-left:20px;padding-right:20px;}
.plr-30{padding-left:30px;padding-right:30px;}

.ptm-10{padding-top:10px;padding-bottom:10px;}
.ptm-15{padding-top:15px;padding-bottom:15px;}
.ptm-20{padding-top:20px;padding-bottom:20px;}
.ptm-30{padding-top:30px;padding-bottom:30px;}
.ptm-50{padding-top:50px;padding-bottom:50px;}

/* 行高 */
.h-35{line-height:35px;}
.h-30{line-height:30px;}
.h-20{line-height:20px;}
.h-22{line-height:22px;}
.h-24{line-height:24px;}
.h-25{line-height:25px;}
.h-26{line-height:26px;}
.h-29{line-height:29px;}
.h-33{line-height:33px;}
.h-36{line-height:36px;}
.h-37{line-height:37px;}
.h-38{line-height:38px;}
.h-40{line-height:40px;}
.h-48{line-height:48px;}
.h-54{line-height:54px;}

/*邊框*/
.b-a{border:1px #c1c1c1 solid;}
.b-l{border-left:1px #c1c1c1 solid;}
.b-r{border-right:1px #c1c1c1 solid;}
.b-t{border-top:1px #c1c1c1 solid;}
.b-b{border-bottom:1px #c1c1c1 solid;}
.b-ld{border-left:1px #c1c1c1 dashed;}
.b-rd{border-right:1px #c1c1c1 dashed;}
.b-td{border-top:1px #c1c1c1 dashed;}
.b-bd{border-bottom:1px #c1c1c1 dashed;}

/*背景*/
.bg-orange{background-color:#ffac45;}
.bg-white{background-color:#fff;}
.bg-grey{background-color:#f2f4f5;}
.bg-blue{background-color:#28a2ef;}
.bg-green{background-color:#b3d56c;}
.bg-purple{background-color:#be9ecc;}

/* 字体样式 */
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-26{font-size:26px;}
.f-30{font-size:30px;}
.f-48{font-size:48px;}
.f-72{font-size:72px;}
.fbold{font-weight:bold;}
.fboldno{font-weight:normal;}
.f-c{text-align:center;}
.f-i{font-style:italic;}
.f-r{text-align:right;}
.f-f{font-family:"宋体","Microsoft YaHei","微软雅黑","Arial","Helvetica",sans-serif;}
.f-t{text-decoration:underline;cursor:pointer;}
.f-v{vertical-align:middle;}
.f-u{text-transform:uppercase;}
.greent,a.greent{color:#7acd00;}
.oranget,a.oranget{color:#ffac45;}
.greyt,a.greyt{color:#999;}
.grey6t,a.grey6t{color:#666;}
.redt,a.redt{color:#ff3c3f;}
.blackt,a.blackt{color:#333;}
.bluet,a.bluet{color:#28a2ef;}
.lightbluet,a.lightbluet,.lightbluet a{color:#66a6e1;}
.lightbluet a:hover{text-decoration:underline;}
.whitet{color:#fff;}
.purplet,a.purplet{color:#eb7a79;}
.wm-70{min-width:70px;}
a.redt:hover,a.greent:hover,a.oranget:hover,a.greyt:hover,a.blackt:hover,a.bluet:hover,a.lightbluet:hover,a.purplet:hover{text-decoration:underline;}
.link a{border-bottom:1px #c1c1c1 dashed;}

/* 通用——分页 */
.page{width:100%;height:30px;line-height:30px;margin-top:25px;text-align:center;font-size:14px;}
.page a{padding:7px 11px;margin:0 3px;display:inline;background:#fff;background-color:#d1d1d1;color:#666;}
.page a:hover,.page a.active{background:#ff3c3f;color:#fff;text-decoration:none;}

#captchadiv img{ cursor:pointer}

.apply_box{height:30px;position:absolute;float:none;left:110px;right:100px;bottom:0px;}
.apply_box input.subbtn{background-color:#ff3c3f;padding:0 15px;height:20px;float:left;color:#fff;}
.apply_box input{ cursor:pointer;}



















