/* te */



.te {

    width: 1180px;

    margin: 50px auto 0 auto;

    height: 340px;

}



.te .te_t {

    width: 1180px;

    margin: 0 auto;

    background: url(../images/te_t.jpg) no-repeat center;

    height: 62px;

}



.te .te_t h3 {

    font-size: 24px;

    font-weight: bold;

    color: #0063b7;

    text-align: center;

    padding: 30px 0 0 160px;

}



.te .te_nr {

    margin: 60px auto 0 auto;

}



.te .te_nr dl {

    margin: 0 2px;

    width: 192px;

    height: 180px;

    float: left;

    background: url(../images/xt.jpg) no-repeat right center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.te .te_nr dl:hover {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

}



.te .te_nr dl dt {

    width: 120px;

    height: 120px;

    margin: 0 auto;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    background: url(../images/te_list.jpg) no-repeat right center;

}



.te .te_nr dl dt img {

    width: 52px;

    height: 52px;

    display: block;

    margin: 0 auto;

    padding-top: 34px;

}



.te .te_nr dl dd {

    margin: 10px auto 0 auto;

}



.te .te_nr dl dd h5 {

    font-weight: bold;

    font-size: 16px;

    color: #333;

    text-align: center;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.te .te_nr dl dd h5 span {

    font-weight: bold;

    font-size: 12px;

    color: #666;

    text-align: center;

    font-family: 'Times New Roman', Times, serif;

    display: block;

    text-transform: uppercase;

    margin-top: 10px;

}



.te .te_nr dl dt:hover {

    background: url(../images/te_list1.jpg) no-repeat right center;

}



/* product */



.product_bg {

    margin: 30px auto 0 auto;

    width: 100%;

    height: 1298px;

    background: url(../images/cp_bg.jpg) no-repeat center;

}



.product {

    margin: 0 auto;

    width: 1180px;

    height: 1248px;

    padding: 50px 0 0px 0;

}





.list {

    float: left;

    width: 232px;

    padding: 0;

    background: #fff;

}



.list .list_t {

    width: 232px;

    height: 160px;

    background: url(../images/left_t.jpg) no-repeat center;



}

.list .list_t h3 {

font-weight: bold;

font-size: 24px;

color: #fff;

text-align: center;

padding-top: 90px;



}





.list .list_con {

    width: 232px;

}





#menu,

ul#menu ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



#menu a {

    display: block;

    text-decoration: none;

}



#menu li {

    line-height: 30px;

    font-family: "Microsoft YaHei";

    font-size: 16px;

    margin: 0px auto;

}





#menu li {

    height: 37px;

    line-height: 37px;

    width: 210px;

    margin: 20px auto;

    background: url(../images/list.jpg) no-repeat center;

}



#menu li a {

    color: #333;

    font-size: 16px;

    text-align: center;

    overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

display: block;

}



#menu li:hover {

    background: url(../images/list1.jpg) no-repeat center;

}

#menu li:hover a{

    color: #fff;  

}



.list .rexian {

    width: 210px;

    height: 338px;

    margin: 30px auto;

    background: url(../images/tel_bg.jpg) no-repeat center;

}



.list .rexian h6 {

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    padding-top: 23px;

}

.list .rexian h6 p {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    margin-top: 5px;

}



.list .rexian .phone{

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    text-align: center; 

    margin-top: 105px; 

}



.list .rexian .phone p{

    color: #fff;

    font-size: 28px;

    font-weight: normal;

    text-align: center; 

    font-family: "Impact" ;

}



.list .rexian .zx {

    width: 140px;

    height: 37px;

    line-height: 37px;

    margin: 20px auto;

    background: url(../images/zx.png) no-repeat center;

}

.list .rexian .zx a {

color: #0063b7;

font-size: 16px;

font-weight: bold;

text-align: center;

display: block;

}





#tab {

    width: 905px;

    position: relative;

    margin: 0 auto;

    float: right;

    margin-right: 25px;

}



#tab .pro_t{

    width: 905px;

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid #d5e4e9;

}

#tab .pro_t h5{ 

font-size: 18px;

font-weight: bold;

color: #333;

float: left;

}



#tab .pro_t .more{

    font-size: 14px;

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    float: right;

}



#tab .tab_box {

    width: 905px;

    height: auto;

    clear: both;

    top: 20px;

    position: relative;

    float: right;

    overflow: hidden;

}



#tab .tab_box .neirong {

    width: 905px;

    height: 363px;

    margin-bottom: 10px;

    border: 1px solid #e2e2e2;

}



#tab .tab_box .neirong .nr_img {

    width: 396px;

    height: 363px;

    float: left;

}



#tab .tab_box .neirong .nr_img img {

    width: 396px;

    height: 363px;

}



#tab .tab_box .neirong .nr_xq {

    width: 440px;

    height: 230px;

    float: right;

    margin-right: 30px;

}



#tab .tab_box .neirong .nr_xq h5 a {

    font-size: 16px;

    font-weight: bold;

    color: #0063b7;

    line-height: 50px;

    margin-top: 40px;

    display: block;

}



#tab .tab_box .neirong .nr_xq p {

    font-size: 14px;

    color: #666;

    line-height: 30px;

    height: 120px;

    overflow: hidden;

}



#tab .tab_box .neirong .xq {

    width: 120px;

    height: 36px;

    line-height: 36px;

    margin-top: 30px;

    background: url(../images/xq.jpg) no-repeat center;

}



#tab .tab_box .neirong .xq a {

    line-height: 36px;

    text-align: center;

    font-size: 14px;

    color: #fff;

    display: block;

}



#tab .tab_box ul li {

    width: 205px;

    height: 350px;

    float: left;

    margin: 15px 13px 0px 0px;

}





#tab .tab_box ul li p {

    width: 205px;

    height: 65px;

    line-height: 65px;



}

#tab .tab_box ul li p .name {

    width: 165px;

    display: block;

    height: 65px;

    line-height: 65px;

    font-size: 14px;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    float: left;

}



#tab .tab_box ul li p .more img {

    width: 22px;

    height: 22px;

    float: right;

    border: none;

    margin-top: 21px;



}



#tab .tab_box ul li.last {

    overflow: none;

}



#tab .tab_box ul li img {

    width: 205px;

    height: 285px;

    border: 1px solid #e2e2e2;

}



#tab .hide {

    display: none;

}



/* case */

.case {

    width: 1180px;

    height: 720px;

    margin: 30px auto 0 auto;

}



.case .title {

    width: 1180px;

    height: 80px;

    background: url(../images/case_t.jpg) no-repeat bottom center;

}



.case .title h3 {

    font-size: 26px;

    color: #333;

    font-weight: bold;

    text-align: center;

}



.case .title p {

    font-size: 16px;

    color: #8f8f8f;

    font-weight: normal;

    text-align: center;

    text-transform: uppercase;

    font-family: 'Times New Roman', Times, serif;

}



.caseBox {

    margin-top: 30px;

    position: relative;

    height: 615px;

}



.caseBox ul li {

    position: absolute;



}



.caseBox ul li a.casbore {

    width: 96%;

    height: 45px;

    background: url(../images/ico1.png) repeat;

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 0 2%;

    text-align: center;

    line-height: 45px;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

}



.caseLbox {

    width: 100%;

    height: 100%;

    position: relative;

}





.case1 {

    width: 588px;

    height: 365px;

    top: 0;

    left: 0

}



.case1 img {

    width: 588px;

    height: 365px;

    display: block;

}





.case2 {

    width: 588px;

    height: 365px;

    top: 0;

    right: 0

}



.case2 img {

    width: 588px;

    height: 365px;

    display: block;

}





.case3 {

    width: 390px;

    height: 245px;

    top: 370px;

    left: 0;

}



.case3 img {

    width: 390px;

    height: 245px;

    display: block;

}





.case4 {

    width: 390px;

    height: 245px;

    top: 370px;

    left: 394px;

}



.case4 img {

    width: 390px;

    height: 245px;

    display: block;

}



.case5 {

    width: 390px;

    height: 245px;

    top: 370px;

    right: 0;

}



.case5 img {

    width: 390px;

    height: 245px;

    display: block;

}





.caseBox ul li:hover a.casbore {

    background: #0063b7;

}



/* ys */



.advantage_bg {

    width: 100%;

    margin: 50px auto 0 auto;

    height: 600px;

    background: url(../images/ys_bg.jpg) no-repeat center;

}



.advantage_bg .advantage {

    width: 1180px;

    margin: 0 auto;

    height: 600px;

}



.advantage_bg .advantage .adv_t {

    width: 355px;

    float: left;

    padding-top: 125px;

}



.advantage .adv_t b {

    font-size: 45px;

    font-family: 'Times New Roman', Times, serif;

    color: #fff;

    text-transform: uppercase;

}



.advantage .adv_t h3 {

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    margin: 40px 0 30px 0;

}



.advantage .adv_t p {

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    padding-left: 15px;

}



.advantage .adv_t span {

    font-size: 12px;

    font-family: 'Times New Roman', Times, serif;

    color: #89b3db;

    text-transform: uppercase;

    margin-top: 30px;

    display: block;

}



.advantage_bg .advantage .ys_nr {

    width: 785px;

    float: right;

    margin: 120px 20px;

}



.advantage .ys_nr ul li {

    width: 370px;

    height: 160px;

    float: left;

    margin: 10px 10px;

}



.advantage .ys_nr ul li .nr_t {

    height: 40px;

}



.advantage .ys_nr ul li .nr_t span {

    height: 40px;

    width: 40px;

    float: left;

    display: block;

    margin-right: 10px;

}



.advantage .ys_nr ul li .nr_t h5 {

    font-size: 18px;

    color: #0063b7;

    font-weight: bold;

    line-height: 40px;



}



.advantage .ys_nr ul li p {

    font-size: 14px;

    color: #333;

    line-height: 28px;

    margin-top: 20px;



}



/* message */

.message {

    width: 1180px;

    margin: 50px auto 0 auto;

    height: 366px;

}



.message .title {

    width: 1180px;

    height: 80px;

    background: url(../images/case_t.jpg) no-repeat bottom center;

}



.message .title h3 {

    font-size: 26px;

    color: #333;

    font-weight: bold;

    text-align: center;

}



.message .title p {

    font-size: 16px;

    color: #8f8f8f;

    font-weight: normal;

    text-align: center;

    text-transform: uppercase;

    font-family: 'Times New Roman', Times, serif;

}



.message .m_list{

    width: 1180px;

    margin: 50px auto 0 auto;  

}



.message .m_list .group{

    width: 1180px;

    height: 42px;

    margin:0 0px 20px 0;



}



.message .m_list .form-group{

    width: 352px;

    height: 42px;

    background: url(../images/mes_list.jpg) no-repeat center;

    float: left;  

    margin:0 41px 0px 0;

   

}

.message .m_list .form-group{

    width: 352px;

    height: 42px;

    background: url(../images/mes_list.jpg) no-repeat center;

    float: left;  

    margin:0 41px 0px 0;

   

}



.message .m_list .form-group .name1{

    width: 60px;

    height: 28px;

    line-height: 23px;

    background: url(../images/buttom2.jpg) no-repeat 10px center;

    float: left;  

    margin:0 5px 0px 0;

    font-size: 12px; 

    color: #0063b7;

    padding-left: 40px;

    border-right: 1px solid #e1e1e1;

    float: left;

    margin-top: 10px;

   

}



.message .m_list .form-group .phone1{

    width: 60px;

    height: 28px;

    line-height: 23px;

    background: url(../images/buttom3.jpg) no-repeat 10px center;

    float: left;  

    margin:0 5px 0px 0;

    font-size: 12px; 

    color: #0063b7;

    padding-left: 40px;

    border-right: 1px solid #e1e1e1;

    float: left;

    margin-top: 10px;

   

}



.message .m_list .form-group .time{

    width: 60px;

    height: 28px;

    line-height: 23px;

    background: url(../images/buttom4.jpg) no-repeat 10px center;

    float: left;  

    margin:0 5px 0px 0;

    font-size: 12px; 

    color: #0063b7;

    padding-left: 40px;

    border-right: 1px solid #e1e1e1;

    float: left;

    margin-top: 10px;

   

}

.message .m_list .form-group input{

    width: 220px;

    height: 40px;

    float: left;  

    font-size: 12px; 

    color: #666;

    border-top:1px solid #e1e1e1;

    border-bottom:1px solid #e1e1e1;

   

}





.message .m_list .form-group4{

    width: 1098px;

    height: 87px;

    background: url(../images/mes_list1.jpg) no-repeat center;

    margin:0 auto;

}



.message .m_list .form-group4 .beizhu{

    width: 120px;

    height: 28px;

    background: url(../images/buttom5.jpg) no-repeat 50px center;

    float: left;  

    margin:0 5px 0px 0;

    font-size: 12px; 

    color: #0063b7;

    padding-top: 50px;

    border-right: 1px solid #e1e1e1;

    float: left;

    text-align: center;

}

.message .m_list .form-group4 textarea{

    width: 820px;

    height: 85px;

    float: left;  

    font-size: 12px; 

    color: #666;

    border-top:1px solid #e1e1e1;

    border-bottom:1px solid #e1e1e1;

   

}



.buttom{

    width: 163px;

    height: 58px;

    margin: 30px auto 0 auto;  

}

.buttom .an1{

    width: 163px;

    height: 58px;

    background: url(../images/buttom.jpg) no-repeat center;

    margin: 0 auto;  

    line-height: 55px;

    font-size: 16px; 

    color: #fff;

    font-weight: bold;

    text-align: center;



}





/* about */

.about {

    width: 100%;

    height: 512px;

    background: url(../images/ab_bg.jpg) no-repeat center;

}



.about .content {

    width: 1180px;

    margin: 0 auto;

    position: relative;

}



.aboutL .hd {

    width: 158px;

    height: 368px;

    float: left;

    margin-top: 70px;

    background: #1e1e1e;

    padding: 0 24px;

}



.aboutL .hd ul {

    margin-top: 30px;

}



.aboutL .hd ul li {

    width: 158px;

    height: 96px;

    margin-top: 10px;

}



.aboutL .hd ul li.hover,

.aboutL .hd ul li.on {

    width: 158px;

    height: 96px;

}



.aboutL .hd ul li.hover img,

.aboutL .hd ul li.on img {

    width: 154px;

    height: 92px;

    border: 2px solid #ccc;

}



.aboutL .hd ul li img {

    width: 158px;

    height: 96px;

}



.aboutL .bd {

    width: 586px;

    height: 368px;

    overflow: hidden;

    float: left;

    margin-left: 2px;

    margin-top: 70px;

}



.aboutL .bd img {

    width: 586px;

    height: 368px;

    display: block;

}





.aboutt {

    width: 25px;

    height: 13px;

    background: url(../images/aboutTop.jpg) no-repeat center;

    position: absolute;

    top: 77px;

    left: 90px;

    cursor: pointer;

}



.aboutb {

    width: 25px;

    height: 13px;

    background: url(../images/aboutbottom.jpg) no-repeat center;

    top: 416px;

    left: 90px;

    position: absolute;

    cursor: pointer;

}



.aboutR {

    width: 325px;

}



.aboutR h3 a {

    display: block;

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    line-height: 24px;

    padding-top: 140px;

}



.aboutR p {

    margin-top: 28px;

    color: #fff;

    line-height: 30px;

    height: 180px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 6;

    overflow: hidden;

}





/* honor */

.honor {

    width: 1180px;

    height: 305px;

    margin: 30px auto 0 auto;

}



.honor .title {

    width: 1180px;

    height: 80px;

    background: url(../images/case_t.jpg) no-repeat bottom center;

}



.honor .title h3 {

    font-size: 26px;

    color: #333;

    font-weight: bold;

    text-align: center;

}



.honor .title p {

    font-size: 16px;

    color: #8f8f8f;

    font-weight: normal;

    text-align: center;

    text-transform: uppercase;

    font-family: 'Times New Roman', Times, serif;

}



.honorBox {

    width: 1180px;

    height: auto;

    margin: 0 auto;

}



.honorBox ul li {

    width: 287px;

    height: 188px;

    background: url(../images/honorBg.png) no-repeat center;

    float: left;

    margin: 31px 4px 0;

    position: relative;

    overflow: hidden;

}



.honorBox ul li img {

    display: block;

    width: 274px;

    height: 177px;

    padding: 5px 7px;

}



.honorBox ul li .honorMore {

    width: 240px;

    height: 40px;

    background: url(../images/ico1.png);

    display: block;

    padding: 0 17px;

    position: absolute;

    bottom: -50px;

    left: 7px;

    display: block;

    line-height: 40px;

    text-align: center;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -o-transition: all 0.4s;

}



.honorBox ul li:hover .honorMore {

    bottom: 6px;

    left: 7px;

}





/* news */



.news_bg {

    width: 100%;

    margin: 40px auto 0 auto;

    height: 430px;

    background: #f2f2f3;

    padding: 50px 0;

}



.news {

    width: 1180px;

    margin: 0 auto;

    height: 430px;

}



.news .wenti {

    width: 335px;

    float: left;

}



.news .wenti .question_title {

    height: 45px;

    margin: 0 auto;

}



.news .wenti .question_title h3 {

    float: left;

    font-size: 16px;

    color: #0063b7;

    margin: 0 0px 0 5px;

    font-weight: bold;

    line-height: 45px;

    border-bottom: 2px solid #0063b7;

}



.news .wenti .question_title .more {

    float: right;

    font-size: 14px;

    color: #333;

    line-height: 45px;

    display: block;

}



.news .wenti ul li {

    margin: 0 auto 30px auto;

}



.news .wenti .question {

    line-height: 200%;

    height: 365px;

    margin: 20px 8px 0 8px;

    overflow: hidden;

}



.news .wen a {

    color: #333;

    font-size: 14px;

    font-weight: bold;

    line-height: 25px;

    background: url(../images/Q.png) no-repeat left center;

    padding-left: 35px;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.news .question ul li {

    border-bottom: 1px dashed #ccc;

    margin: 22px auto;

}



.news .da {

    margin: 10px auto;

}



.news .da p {

    color: #666;

    font-size: 14px;

    line-height: 25px;

    background: url(../images/A.png) no-repeat left top;

    padding-left: 35px;

    overflow: hidden;

    line-height: 24px;

    height: 50px;

}



.news .news_r {

    float: right;

    width: 807px;

    height: 425px;

    background: #fff;

    border: 3px solid #e0e0e1;

}



.news .news_r .news_t {

    background: #0063b7;

    width: 807px;

    height: 45px;

}



.news .news_r .news_t ul {

    float: left;

    width: px;

}



.news .news_r .news_t ul li {

    float: left;

    width: 120px;

}



.news .news_r .news_t ul li.casehover {

    background: #f18d00;

}



.news .news_r .news_t ul li a {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    display: block;

    text-align: center;

    line-height: 45px;

}



.news .news_r .news_t .more a {

    float: right;

    display: block;

    color: #fff;

    font-size: 14px;

    line-height: 45px;

    padding-right: 10px;

}



.news .news_r .news_box {

    padding: 20px;

    width: 767px;

    height: 385px;

}



.news .news_r .news_box .nr_l {

    width: 298px;

    float: left;

}



.news .news_r .news_box .nr_l img {

    width: 298px;

    height: 190px;

}



.news .news_r .news_box .nr_l .nr {

    margin-top: 10px;

}



.news_box .nr_l .nr h5 a {

    color: #333;

    font-size: 14px;

    font-weight: bold;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.news_box .nr_l .nr p {

    color: #666;

    font-size: 14px;

    line-height: 24px;

    height: 50px;

    overflow: hidden;

    margin-top: 10px;

}



.news_box .nr_l .nr .xq {

    width: 122px;

    height: 30px;

    background: #f1f1f1;

    margin-top: 15px;

}



.news_box .nr_l .nr .xq a {

    color: #333;

    font-size: 14px;

    display: block;

    line-height: 30px;

    text-align: center;

}



.news_box .nr_r {

    float: right;

    width: 435px;

}



.news_box .nr_r ul li {

    height: 34px;

    line-height: 34px;

}



.news_box .nr_r ul li a {

    float: left;

    width: 280px;

    display: block;

    color: #333;

    font-size: 14px;

    padding-left: 15px;

    background: url(../images/buttom1.jpg) no-repeat left center;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.news_box .nr_r ul li span {

    float: right;

    color: #333;

    font-size: 14px;

}



.news_box .nr_r ul li a:hover {

    color: #f18d00;

}









/* links */

.links {

    width: 100%;

    height: 73px;

    background: #2d343e;



}



.linksL {

    height: 73px;

    font-size: 16px;

    font-weight: bold;

    line-height: 73px;

    padding-left: 50px;

    color: #fff;

    background: url(../images/links.png) no-repeat center left;

}



.linkR {

    width: 1020px;

    height: 73px;

}



.linkR a {

    display: inline-block;

    color: #fff;

    line-height: 73px;

    padding: 0 10px;

}



















/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.7.0

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2018 Daniel Eden

 */

@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeOut {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

    }

}



@keyframes fadeOut {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

    }

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



@keyframes fadeOutDown {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



@keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



@keyframes fadeOutLeft {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



@keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



@keyframes fadeOutRight {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



@keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



@keyframes fadeOutUp {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



@keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig;

}







.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.animated.delay-1s {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}



.animated.delay-2s {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}



.animated.delay-3s {

    -webkit-animation-delay: 3s;

    animation-delay: 3s;

}



.animated.delay-4s {

    -webkit-animation-delay: 4s;

    animation-delay: 4s;

}



.animated.delay-5s {

    -webkit-animation-delay: 5s;

    animation-delay: 5s;

}



.animated.fast {

    -webkit-animation-duration: 800ms;

    animation-duration: 800ms;

}



.animated.faster {

    -webkit-animation-duration: 500ms;

    animation-duration: 500ms;

}



.animated.slow {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

}



.animated.slower {

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

}



@media (print),

(prefers-reduced-motion) {

    .animated {

        -webkit-animation: unset !important;

        animation: unset !important;

        -webkit-transition: none !important;

        transition: none !important;

    }

}