*{padding: 0; margin: 0; outline: none;}
html{height: 100%;}
ul,li{list-style: none;}
.clear{clear: both;}
img{border: 0;}
header, .main{width: 100%;}
header{border-bottom: 4px solid #c01920;}
.toph, .service, .bannerimg, .aboutc, .honorc, .casec, .list{width: 730px; margin: 0 auto;}
.newsc {width: 100%; margin: 0 auto;}
.tophl{height: 100px;width: 350px;float: left;}
.tophl img{border-right: 2px solid #4c4c4c;margin-top: 20px;padding-right: 10px;float: left;}
.tophl span{padding-left: 15px;display: block;float: left;padding-top: 20px;font-size: 16px;line-height: 30px;color: #333;}
.toph .nav{float: right;line-height: 100px;height: 100px;font-size: 16px;}
.toph>.nav>li{margin-right: 30px;float: left;position: relative;}
.toph .nav i{width: 30px;height: 2px;display: block;margin-top: 65px;position: absolute;}
.toph .nav a:hover, .toph nav a.on{color:#c01920; }
.toph .nav a:hover i, .toph .nav a.on i{background: #c01920;}
.toph>.nav>li a{display: block;}
.toph>.nav>li ul{position: absolute;background: #fff;left: -40px;top: 87px;z-index: 2;padding-bottom: 10px;}
.toph>.nav>li>ul>li{height: 35px;line-height: 35px;width: 175px;text-align: center;}
.toph>.nav>li>ul>li a:hover{background: #c01920; color: #fff;}

.commonimg{width: 733px;margin: 0 auto;position: relative;}
.commonimg>img:first-child{margin-top: 210px;}
.commonimg>img:first-child:hover{-webkit-animation:2s ease;-moz-animation:2s ease;-ms-animation:2s ease;animation:2s ease;-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}
.commonimg>a{padding: 8px 20px;border: 1px solid #c01920;font-size: 15px;position: absolute;bottom: -90px;}
.commonimg>a:hover, .aboutcr a:hover{background: #c01920;color: #fff;}
.focus{width: 490px;height: 108px;position: relative;margin-top: 30px;;overflow: hidden;}
.focus ul{left: 0;top: 0;position: absolute;}
.focus ul li{float: left;width: 490px;}
.service{position: relative;padding-bottom:5px;}
.service .servicet{height: 60px;}
.service span{position: absolute;font-size: 22px;display: block;text-align: center;width: 100%;padding:20px 0;}
.service span:first-child{color: #eceaeb;font-size: 35px;}
.service span:first-child+span{color: #333;}
.servicet>div{display: block;height: 30px;}
.servicet i{background: url(../images/logon_index_titlebot.png) no-repeat;width: 125px;height: 35px;display: block;margin: 0 auto;}
.servicel{width: 292px;float: left;}
.servicel>div{width: 292px;height: 190px;margin-bottom: 20px;}
.servicel>div:first-child{background: url(../images/logon_item_pcbdesgin.jpg) no-repeat;}
.servicel>div:first-child+div{background: url(../images/logon_item_xpjm.jpg) no-repeat;}
.servicel>div:first-child+div+div{background: #000;margin: 0;height: 160px;border-bottom: 2px solid #c01921;}
.servicel>div p, .servicem>div p, .servicer>div p{text-align: center;color: #fff;font-size: 16px;line-height: 35px;}
.servicel>div p:first-child, .servicem>div p:first-child, .servicer>div p:first-child{padding-top: 30px;}
.servicel>div p:first-child{font-size: 18px;}
.servicel>div p:first-child+p, .servicem>div p:first-child+p, .servicer>div p:first-child+p{padding-top: 10px;}
.servicel>div p a, .servicem>div p a, .servicer>div p a{color: #fff;}
.servicemb .black p a{color: #000;}
.servicem{width: 609px;float: left;margin: 0 20px;}
.servicemt{width: 609px;height: 400px;margin-bottom: 20px;;background: url(../images/logon_item_pcbcb.jpg) no-repeat;}
.servicemt .light{top: 211px;}
.servicem .overimg:hover .light{left:609px;}
.servicemb>div{width: 294px;height: 164px;float: left;}
.servicemb>div:first-child{background: url(../images/logon_item_SMT.jpg) no-repeat;margin-right: 21px;}
.servicemb>div:first-child+div{background: url(../images/logon_item_pcbzb.jpg) no-repeat;}
.servicemb>div:first-child p{color: #000;}
.servicem .servicemt p:first-child{padding-top: 230px;}
.servicer{width: 292px;float: left;}
.servicer>div:first-child{background: #000;border-bottom: 2px solid #c01921;height: 190px;}
.servicer>div:first-child+div{background: url(../images/logon_item_dlbwx.jpg) no-repeat; height: 373px;margin-top: 20px;}
.about, .case{background: #efefef;width: 100%;}
.aboutc img{float: left;}
.aboutc img:hover{opacity: 0.8;filter:alpha(opacity=80);}
.aboutc .aboutcr{float: left;width: 760px;margin-left: 58px;color: #646464;line-height: 30px;font-size: 16px;}
.aboutcr a{padding: 7px 20px;border: 1px solid #c01921;color: #555;margin-top: 20px;display: inline-block;}
.choose{background: #fff;}
.choosel{width: 400px;float: left;padding-top: 80px;}
.choosel:hover img{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;-webkit-animation-name:rotatein;-moz-animation-name:rotatein;-ms-animation-name:rotatein;animation-name:rotatein;}
.choosel>div p{line-height: 35px;font-size: 17px;}
.choosel>div p span{color: #c01920;}
.choosel>div p:first-child{font-weight: bold;font-size: 25px;padding-top: 10px;}
.choosel>div p:first-child+p{font-size: 25px;}
.choosel p font{color: #c01921;}
.choosel:hover i{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;-webkit-animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;animation-name:bounce;}
.chooser{width: 730px; float: left;}
.chooserl{height:60px;border: 3px solid #efefef;border-left: 5px solid #c01921;margin-bottom: 10px;}
.chooserl i{width: 60px;margin: 15px 30px 0 30px;height:30px;display: block;float: left;}
.chooserl:hover i{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;-webkit-animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;animation-name:bounce;}
.chooserl dl{width: 600px;float: left;padding-top:7px;}
.chooserl dt{font-size: 14px;font-weight: bold;padding-bottom: 7px;}
.chooserl dt font{color:#c01921; }
.chooserl dd{font-size: 13px;color: #444;}
.chooserl i.icon1{background: url(../images/logon_choose_ico1.png) no-repeat;}
.chooserl i.icon2{background: url(../images/logon_choose_ico2.png) no-repeat;margin-top: 15px;}
.chooserl i.icon3{background: url(../images/logon_choose_ico3.png) no-repeat;margin-top: 15px;}
.chooserl i.icon4{background: url(../images/logon_choose_ico4.png) no-repeat;margin-top: 15px;}
.casec{position: relative;height:250px; }
.casec i{cursor: pointer;}
.casec .imglist{width: 1220px;overflow: hidden;height:250px; position:relative; float:left;}
.casec .imglist ul{position:absolute; left:0; top:0;}
.casec li{float: left;width: 290px;margin-right: 20px;}
.casec li img{width: 290px;height: 200px;display: block;}
.honorc{position: relative;height:250px; }
.honorc i{cursor: pointer;}
.honorc .imglist{width: 1220px;overflow: hidden;height:250px; position:relative; float:left;}
.honorc .imglist ul{position:absolute; left:0; top:0;padding-top: 20px;}
.honorc li{float: left;width: 290px;margin-right: 20px;}
.honorc li img{height: 160px;width: auto;margin:0 auto;display: block;}
.honor{background: #fff;}
.casec li p{height: 50px;line-height: 50px;text-align: center;background: #fff;}
.casec .left{position: absolute;left:-50px;top: 85px;width: 39px;height: 71px;display: block;background: url(../images/logon_case_last.jpg) no-repeat;}
.casec .right{position: absolute;right:-30px;top: 85px;width: 39px;height: 71px;display: block;background: url(../images/logon_case_next.jpg) no-repeat;}
.honorc li p{height: 50px;text-align: center;background: #fff;padding:10px 45px;}
.honorc .left{position: absolute;left:-50px;top: 85px;width: 39px;height: 71px;display: block;background: url(../images/logon_case_last.jpg) no-repeat;}
.honorc .right{position: absolute;right:-30px;top: 85px;width: 39px;height: 71px;display: block;background: url(../images/logon_case_next.jpg) no-repeat;}
.news{ margin:0 auto;width: 980px;margin-bottom: 40px;}
.news .title{width: 180px;margin: 0 auto;padding: 30px 0;font-size: 18px;}
.news .title span{display: inline-block;padding:8px 20px;background: #eceaeb; margin-right: 20px;cursor: pointer;}
.news .title span.current{background: #000;color: #fff;}
.newsl{float: left;width: 300px;}
.newsl img{width: 300px;height: 348px;display: block;}
.newsl img:hover{opacity: 0.8;filter: alpha(opacity=80);}
.newsr{width: 650px;float: left;margin-left: 30px;}
.newsr ul{width: 100%;}
.newsr li{width:320px;float: left;margin-bottom: 20px;}
.newsr li a:hover h2{color: #c01920;}
.newsr .time{width: 80px;float:left;height: 103px;background: url(../images/logon_news_bg.jpg) no-repeat;}
.newsr .time span{display: block;text-align: center;color: #fff;font-size: 22px;}
.newsr .time span:first-child{font-size: 30px;padding: 20px 0;}
.newsr .con{width: 200px;height:83px;float: left;background: #f7f7f7;padding: 10px 20px;overflow: hidden;}
.newsr .con h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px;font-weight: bold;}
.newsr .con p{color:#646464;padding-top: 10px;}
.topf{background: #191c21;width: 100%;text-align: center;padding: 15px 0;font-size: 15px;}
.topf a{color: #fff;padding:0 15px ;border-left: 1px solid #fff;}
.topf a:first-child{border: none;}
.bottomf{width: 100%;background:url(../images/bottom_bg.jpg) no-repeat;background-size: cover;line-height: 35px;text-align: center;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bottom_bg.jpg',sizingMethod='scale');color: #c3c4c6;}
.bottomf p:first-child{padding-top: 20px;}
.bottomf p a{color: #c3c4c6;padding-right: 20px;}
.bottomf .img{padding: 20px 0;}
.bottomf .img img{padding-right: 15px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.overimg{position: relative;display: block;overflow: hidden; box-shadow: 0 0 10px #FFF;}    
.light{cursor:pointer;position: absolute;left: -336px;top: 0;width: 292px;height: 191px;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}    
.overimg:hover .light{left:292px;-moz-transition:1.5s;-o-transition:1.5s;-webkit-transition:1.5s;transition:1.5s;}
.overimg:hover p{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
footer a:hover, .overimg a:hover{text-decoration: underline;color: #c01920;}
.hide{display: none;}
.kf {position: fixed;right: 0;top: 80px;z-index: 999;}
.kf-btn {display: bold;float: left;position: relative;top: 220px;cursor: pointer;}
.kf img {display: block; max-width: 100%;margin-left: auto;margin-right: auto;margin-top: 15px;}
.kf-box {padding-left: 26px;display: block;}
.kf-bg {border: 4px solid #00a0e9;border-radius: 6px;background: #fff;width: 120px;padding: 5px 10px;padding-bottom: 5px;padding-bottom: 30px;}
.kf h5 {color: #00a1e5;border-bottom: 1px solid #00a1e5; padding-bottom: 5px;text-align: center;font-size: 14px;padding-top: 15px;}
.kf h5 a:first-child{margin-right:10px;}
.kf h5 a{color:#aaa;}
.kf h5 a.active{color:#00a1e5;}
.kf .link2 {display: block;padding-left: 30px; background: url(../images/kefu/kf-icon2.jpg) no-repeat;line-height: 20px;height: 25px;border-bottom: 1px solid #eee;margin-top: 5px;color: #555;}
.kf .link2:hover{color: #c01920;}
.kf-tel {border-bottom: 1px solid #ddd;padding: 10px 0;font-size: 12px;background: url(../images/kefu/kf-icon-tel.png) left 6px no-repeat;}
.kf .kf-tel span:before{content: url(../images/kefu/dhzxdhtp.jpg);margin-right: 9px;vertical-align:middle}
.kf-top {line-height: 24px;padding-top: 15px;}
.kf-top a {text-decoration: underline;color: #036eb8;}
.kf-top i {display: block;overflow: hidden;float: left;margin-right: 10px;margin-left: 10px;}
.kf-top i img { margin-top: 0;}
.kf .link1{display: block;padding-left: 30px; line-height: 20px;height: 25px;border-bottom: 1px solid #eee;margin-top: 5px;color: #555;background: url(../images/kefu/timg.jpg) left 0 no-repeat;}
#layer{width:100%;height: 100%;top:0;background:rgba(0,0,0,0.7);position: fixed;z-index:999;}
#layer img{width:260px;height: 337px;position:fixed;margin-left:-130px;margin-top:-130px;left:50%;top:50%;}
#layer p{position: fixed;left:50%;top:50%;margin-top:160px;margin-left:-95px;font-size:20px;color:#fff;}
.casec li{transition: all .3s linear;}
.casec li:hover{transform: translateY(-8px);box-shadow: 3px 3px 10px 3px #ccc;}
.listbanner img{width: 100%;display: block;}
.list{margin: 30px auto 30px;color: #3e3e3e}
.list .listl{width: 150px;float: left;font-size: 16px;}
.listlo{background: #c01921;color: #fff;height: 105px;padding-left: 15px;}
.listlo p:first-child{padding: 10px 0;font-size: 14px;}
.listlo p:first-child+p{padding-bottom: 15px;}
.listlo i, .listlt i{width: 37px;height: 2px;background: #fff;display: block;}
.listlt{height: 60px;border: 1px solid #bfbfbf;margin-top: 5px;}
.listl .current div, .listl a:hover div{border: 1px solid #000;}
.listlt p{padding:10px 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.listlt i{background: #bfbfbf;margin-left: 15px;}
.listl .current i, .listl a:hover div i{background: #000;}
.listr{width: 1040px;float: left;margin-left: 50px;}
.listr p.position, .list p.position{font-size: 16px;color: #3e3e3e;border-bottom: 2px solid #000;padding-bottom: 8px;}
.listr dl{width: 500px;float: left;margin-right: 40px;316px;}
.list .listservice dl{height:453px; }
.list .listservice a:hover span{background: #c01920;color: #fff;}
.listr div dl:first-child+dl, .listr div dl:first-child+dl+dl+dl, .listr div dl:first-child+dl+dl+dl+dl+dl, .listr div dl:first-child+dl+dl+dl+dl+dl+dl+dl{margin: 0;}
.listr div a:first-child+a dl, .listr div a:first-child+a+a+a dl, .listr div a:first-child+a+a+a+a+a dl, .listr div a:first-child+a+a+a+a+a+a+a dl{margin: 0;}
.listnews div dl:first-child+dl+dl, .listnews div dl:first-child+dl+dl+dl+dl+dl, .listnews div dl:first-child+dl+dl+dl+dl+dl+dl+dl+dl{margin-right: 0;}
.listr dt{border-bottom: 2px solid #c01920;font-size: 18px;padding: 30px 0 8px 0;}
.listr>p{background: #f2f2f2;line-height: 25px;padding: 10px;margin-bottom: 10px;}
.listr img{width: 500px;margin-bottom: 10px;}
.listr .img{ text-align: center;margin-top: 20px;}
.listr .img img {width: auto;margin-right: 30px;}
.listr dd{font-size: 15px;line-height: 30px;}
.listr dd a{color: #3e3e3e;}
.listr dd a:hover, .listnews a:hover dt, .casec li a:hover{color: #c01920;text-decoration: underline;}
.casec li a p{font-size: 16px;}
.listr dd span{float: right;}
.listservice dd{font-size: 14px;color: #404040;}
.listservice > div > a > dl > span{padding: 8px 0;width: 120px;text-align: center;border: 1px solid #c01921;margin-top: 10px;display: block;color:#404040; }
.content{padding: 20px 0;}
.listnews{width: 1040px;float: left;margin-left: 50px;}
.listnews dl{width: 325px;height: 300px;border-top: 2px solid #c01921;float: left;margin:0 30px 30px 0;}
.listnews dt{background: #f2f2f2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: 0;font-size: 16px;color: #000;border-bottom: 2px dashed #5e5e5e;padding-left: 10px;line-height: 44px;}
.listnews dd{padding-top: 10px;color:#5e5e5e;line-height: 25px;}
.listnews dd.desc{height: 88px;overflow: hidden;font-size: 15px;padding-bottom: 10px;}
.listnews img{width: 325px; height: 110px;}
.listnews div{margin-top: 20px;font-size: 17px;}
.listcon li{height: 40px;line-height: 40px;font-size: 16px;}
.listimgcon li span{float: right;line-height: 100px;}
.listcon li span{float: right;}
.listcon li a{display: block;}
.listcon li a:hover font{color: #c01921;text-decoration: underline;}
.listcon li img{width: 100px;float: left;vertical-align: middle;height: 100px;}
.listimgcon li{height: 100px;width: 100%;float: left;margin-bottom: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.listimgcon font{line-height: 100px;float: left;padding-left: 30px;}
.page_info{text-align: center;padding: 10px 0;}
.page_list{text-align: center;height:40px;line-height:40px;}
.page_list a{padding: 8px 20px;}
.page_list a.on, .page_list a:hover{background: #c01920;color: #fff;}
.listConts h1{font-size: 18px;text-align: center;padding: 10px 0;font-weight: bold; }
.listConts .info{text-align: center;padding-bottom: 10px;}
.listConts{line-height: 35px;}
#textarea{text-indent: 30px;}
.sub-menu{display: none;}
.caselist{width:1200px;margin:0 auto 50px;}
.tab{border-bottom:1px solid #de0000;padding:30px 0;}
.tab .img{margin:0 auto;overflow: hidden;display: table;}
.tab .img li{width:160px;display: inline-block;float: left;text-align: center;}
.tab .img li.big{width:230px;}
.tab .img li h3{font-size: 17px;margin-top:10px;}
.tab .img li h3.blue{color:#000094;}
.tab .img li h3.red{color:#fe0000;}
.tab .img li h3.orange{color:#ff8500;}
.tab a{display: block;}
.tab .img li a:hover img{-webkit-animation:1.5s ease;animation-name:rotatein;}
.caselist .item{overflow: hidden;margin-top:80px;}
.caselist .item img{float: left;width:693px;}
.caselist .item .iteml{border:2px solid #b3b3b3;width:505px;height:356px;border-right:none;float:left;}
.caselist .item .iteml h3{font-size:28px;padding:40px 50px;}
.caselist .item .iteml h3 span{padding-bottom:15px;}
.caselist .item .iteml p{padding:0 50px 30px 50px;font-size:17px;line-height:35px;}
.caselist .item .iteml i{width:40px;height:40px;border-radius:40px;display: block;color:#fff;font-style: normal;font-size:40px;text-align: center;line-height:33px;float:right;margin-right:50px;}
.caselist .item a:hover .iteml.red h3 span{border-bottom:2px solid #fe0000;color:#fe0000;}
.caselist .item a:hover .iteml.blue h3 span{border-bottom:2px solid #000094;color:#000094;}
.caselist .item a:hover .iteml.orange h3 span{border-bottom:2px solid #ff8500;color:#ff8500;}
.caselist .item .iteml.red i{background:#fe0000;}
.caselist .item .iteml.blue i{background:#000094;}
.caselist .item .iteml.orange i{background:#ff8500;}
.caselist .fwxm .iteml{border-left: none;border-right:2px solid #b3b3b3;}
.caselist.repair .item .iteml{border-left: none;border-right:2px solid #b3b3b3;}
.techlist{width:733px;margin:0 auto;overflow: hidden;}
.techlist .item{margin-top:80px;width:600px;float: left;margin-right:40px;}
.techlist .item img{display: block;}
.techlist .item dl{border: 2px solid #b3b3b3;border-top:none;padding:25px 20px 20px;}
.techlist .item dt{font-size:28px;padding-bottom:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.techlist .item dt span{border-bottom:2px solid #fe0000;padding-bottom:10px;}
.techlist .item dd{font-size:18px;line-height:35px;}
.techlist .item dd a:hover{text-decoration: underline;}
.techlist .item dd time{float: right;}
.techlist .item dt.red span{border-bottom-color:#fe0000;color:#fe0000;}
.techlist .item dt.blue span{border-bottom-color:#000094;color:#000094;}
.techlist .item dt.orange span{border-bottom-color:#ff8500;color:#ff8500;}
.itemmain{margin:0 -40px 30px 0;overflow: hidden;}
.newslist{width:733px;margin:0 auto 50px;overflow: hidden;}
.newslist .item{margin-top:80px;width:600px;float: left;margin-right:40px;}
.newslist .item img{width: 600px;height:300px;background:url(../images/404.jpg);display: block;}
.newslist .item dl{padding:20px 0;}
.newslist .item dt{font-size:22px;padding-bottom:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist .item dt span{padding-bottom:10px;}
.newslist .item a:hover dt span{border-bottom:2px solid #000;}
.newslist .item dd{font-size:18px;line-height:28px;margin-bottom:20px;}
.newslist .item dl i{width:40px;height:40px;border-radius:40px;display: block;color:#fff;font-style: normal;font-size:40px;text-align: center;line-height:33px;float:right;background:#000;}
.newslist .item dl time{font-size:18px;color:#666;}
.itemlist{width:1200px;margin:50px auto 0;}
.itemlist .title{margin-bottom:20px;}
.itemlist dl{border-top:1px solid #fe0000;padding:25px 0;}
.itemlist dt{font-size:24px;}
.itemlist dd{padding:20px 0;}
.aboutitem{width:733px;margin:0 auto;}
.aboutitem .img{margin-top:50px;}
.aboutitem .text{width:500px;float: right;line-height:80px;text-align: center;}
.aboutitem .text h3{font-size:90px;color:rgb(255,115,114);}
.aboutitem .text p{font-size:50px;color:#999;}
.aboutitem .content{margin-top:50px;font-size:18px;line-height:35px;}
.aboutitem .content p{text-indent: 2em;margin-bottom:20px;}
.aboutitem .content h4{font-size:18px;margin-bottom:20px;}
.aboutitem .content .star{margin-bottom:20px;}
.aboutitem .content .star span{color:#fe0000;}
.aboutitem .content h4 .red{color:#fe0000;}
.aboutitem .content h4 .blue{color:#000094;}
.aboutitem .content h4 .orange{color:#ff8500;}
.aboutitem .content h2.title{text-align: center;font-size: 18px;fo;font-weight:bold;}

@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(100px);}
    100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes rotatein{
    0%{opacity:1;-webkit-transform:rotate(-200deg);}
    100%{opacity:1;-webkit-transform:rotate(0);}
}
@-moz-keyframes rotatein{
    0%{opacity:1;-moz-transform:rotate(-200deg);}
    100%{opacity:1;-moz-transform:rotate(0);}
}
@-ms-keyframes rotatein{
    0%{opacity:1;-ms-transform:rotate(-200deg);}
    100%{opacity:1;-ms-transform:rotate(0);}
}
@keyframes rotatein{
    0%{opacity:1;transform:rotate(-200deg);}
    100%{opacity:1;transform:rotate(0);}
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-30px);}
    60%{-webkit-transform:translateY(-15px);}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0);}
    40%{-moz-transform:translateY(-30px);}
    60%{-moz-transform:translateY(-15px);}
}
@-ms-keyframes bounce{
    0%,20%,50%,80%,100%{-ms-transform:translateY(0);}
    40%{-ms-transform:translateY(-30px);}
    60%{-ms-transform:translateY(-15px);}
}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-30px);}
    60%{transform:translateY(-15px);}
}
@-webkit-keyframes fadein{
    0%{opacity:0.3;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0.3;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0.3;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0.3;}
    100%{opacity:1;}
}