@charset "utf-8"; /*==========top============*/
#top .header {
    height: 130px;
}

#top .top_left {
    float: left;
    margin-top: 30px
}
#top .top_left .logo_area span{
    font-size: 32px;
    margin-top: 15px;
    display: inline-block;
}
#top .top_right {
    float: right;
    margin-top: 45px;
    position: relative
}

#top .top_right .top_tel {
    margin-right: 135px;
    padding-right: 15px;
    border-right: 1px solid #d8d9db;
    height: 42px;
    padding-left: 20px;
}

#top .top_right .top_tel strong {
    font-size: 20px;
    display: block;
    color: #0663be;
    font-family: "Arial";
}

#top .top_right .top_tel span {
    font-size: 14px;
    color: #595b5f;
    display: block;
    margin-bottom: 0;
    background: url(../images/icon_tel_top.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_tel_top.png*/ 181px center no-repeat;
    text-align: right;
}

#top .top_right .ewm_top_box {
    position: absolute;
    right: 0;
    top: -7px
}

#top .top_right .ewm_top_box img {
    display: block;
    margin-right: 10px;
    float: left;
    width: 53px;
}

#top .top_right .ewm_top_box .text_box {
    color: #7a7b7d;
    line-height: 18px;
    font-size: 12px;
    margin-top: 8px;
}

#top #nav {
    background: url(../images/bg_nav.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_nav.png*/ center no-repeat #2d3039;
    position: relative;
    z-index: 3
}

#top #nav ul {
}

#top #nav li {
    float: left;
}

#top #nav li .a {
    position: relative;
    display: block;
    width: 137.5px;
}

#top #nav li .a strong {
    font-size: 18px;
    color: #fff;
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
    z-index: 2
}

#top #nav li .a span {
    height: 0;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #034b95;
    z-index: 1
}

#top #nav .on .a span {
    height: 45px
}

#top #nav li .a:hover span {
    height: 45px
}

#top #nav .title {
    position: relative
}

#top #nav .title .list {
    display: none;
    position: absolute;
    top: 45px;
    z-index: 555;
    width: 137.5px
}

#top #nav .title .list a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC0663BE', endColorstr='#CC0663BE');
    background: rgba(6, 99, 190, 0.8);
}

#top #nav .title .list a:hover {
    background: #034688
}

/*==========banner============*/
#banner_box {
    position: relative;
    z-index: 1;
    margin-top: -1px;
    width: 100%;
}

#banner_box .main_box {
    position: relative
}

.quake-slider {
    width: 100%;
    height: 517px;
    position: relative;
    overflow: hidden; /*background:url(../images/loading.gif) no-repeat center*/
}

.quake-nav a {
    position: absolute;
    top: 50%;
    text-decoration: none;
    width: 47px;
    height: 90px;
    margin-top: -65px;
    background-repeat: no-repeat;
    z-index: 10000;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.quake-prev {
    left: 40px;
    background-image: url(../images/arrow-left.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/arrow-left.png*/
}

.quake-next {
    right: 40px;
    margin-right: 2px;
    background-image: url(../images/arrow-right.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/arrow-right.png*/
}

.quake-prev:hover {
    background-image: url(../images/arrow-left-active.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/arrow-left-active.png*/
}

.quake-next:hover {
    background-image: url(../images/arrow-right-active.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/arrow-right-active.png*/
}

.quake-slider-caption-container-right {
    background-color: #000;
    position: absolute;
    z-index: 101;
    padding: 0;
    width: 220px;
    height: 310px;
    left: 750px;
    padding-left: 25px;
    margin-right: 10px
}

.quake-slider-caption-right {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    font-family: Arial;
    width: 210px;
    height: 385px;
    position: absolute;
    z-index: 102;
    left: 750px;
    padding: 0;
    padding: 10px;
    margin-right: 10px
}

.quake-slider-caption-container-left {
    background-color: #000;
    position: absolute;
    z-index: 101;
    padding: 0;
    width: 220px;
    height: 385px;
    left: 0;
    padding-left: 10px;
    margin-left: 10px
}

.quake-slider-caption-left {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    font-family: Arial;
    width: 210px;
    height: 385px;
    position: absolute;
    z-index: 102;
    left: 0;
    padding: 0;
    padding: 10px;
    margin-left: 10px
}

.quake-slider-caption-container-bottom {
    background-color: #000;
    position: absolute;
    z-index: 101;
    padding: 0;
    width: 700px;
    height: 50px;
    bottom: 0;
    padding-left: 20px;
    margin-bottom: 10px
}

.quake-slider-caption-bottom {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    font-family: Arial;
    width: 700px;
    height: 50px;
    position: absolute;
    z-index: 102;
    bottom: 0;
    padding-left: 10px;
    padding-top: 10px
}

.quake-slider-caption-container-top {
    background-color: #000;
    position: absolute;
    z-index: 101;
    padding: 0;
    width: 700px;
    height: 50px;
    top: 0;
    padding-left: 10px;
    margin-top: 10px
}

.quake-slider-caption-top {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    font-family: Arial;
    width: 700px;
    height: 50px;
    position: absolute;
    z-index: 102;
    top: 0;
    padding: 0;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px
}

.quake-nav-wrapper {
    width: 700px;
    display: none;
    position: relative;
    z-index: 102;
    top: 0;
    left: 0
}

.quake-nav-container {
    margin: auto;
    margin-top: 20px
}

.quake-nav-control {
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: -9999px;
    border: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: 0
}

.quake-nav-control.active {
}

.quake-highlight {
    color: #ff0
}

.quake-highlight a {
    color: #ff0
}

.quake-link {
    position: absolute;
    z-index: 101
}

.quake-thumbnail {
    position: absolute;
    z-index: 111;
    display: none;
    width: 98px;
    height: 76px;
    overflow: hidden;
    background: url(../images/thumb_bg.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/thumb_bg.png*/ no-repeat center center
}

.quake-thumbnail-preview {
    width: 84px;
    height: 48px;
    margin: 7px 0 0 7px;
    overflow: hidden;
    background-color: #fff
}

.quake-thumbnail-preview img {
    border: none
}

.quake-slider-images {
    width: 100%;
    height: 385px
}

/*================footer===============*/
.footer .up {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer .up .main_box {
    position: relative
}

.footer .up {
    background: #0663be
}

.footer .up .fr h1 {
    font-size: 16px;
    color: #fff;
    padding-left: 40px;
    line-height: 36px;
    margin-bottom: 12px
}

.footer .up .left {
    width: 265px;
    position: relative;
    height: 200px;
    padding-right: 65px;
    border-right: 1px solid #3282d1;
}

.footer .up .left h1 {
    color: #fffefe;
    font-size: 14px;
    display: block;
    margin-bottom: 25px
}

.footer .up .left p {
    margin-bottom: 25px;
    color: #ffffff;
    font-size: 12px;
    line-height: 24px
}

.footer .up .left a {
    display: block;
    font-size: 12px;
    color: #0663be;
    border-radius: 3px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    width: 180px;
    text-align: center;
    text-decoration: none;
}

.footer .up .left a:hover {
    color: #fff;
    background: #feba48
}

.footer .up .right {
    width: 730px;
}

.footer .up .right ul {
    margin-left: -40px;
    float: right
}

.footer .up .right li {
    float: left;
    margin-left: 58px;
    width: 70px
}

.footer .up .right li a {
    display: block;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px
}

.footer .up .right li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer .up .right li h1 {
    margin-bottom: 15px;
    font-size: 15px;
    color: #fff
}

.footer .up .right img {
    height: 120px;
    position: absolute;
    top: 20px
}

.footer .up .fot_nav {
    width: 80px;
}

.footer .un {
    background: #0554a1;
    position: relative;
    padding: 10px 0;
}

.footer .un p {
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
}

.footer .un p a {
    color: #fff
}

.footer .un p a:hover {
    color: #fff
}

#floating_box {
    position: fixed;
    display: none;
    bottom: 60px;
    margin-top: -40px;
    right: -1px;
    z-index: 9;
}

.pf_ewm_box {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    background: url(../images/pic_piaofu.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/pic_piaofu.jpg*/ top center no-repeat;
    position: relative;
    overflow: visible;
    display: none;
}

#gotop {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    background: url(../images/pic_piaofu.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/pic_piaofu.jpg*/ center -41px no-repeat #0663be;
    position: relative;
    overflow: hidden;
}

.pf_ewm_box .ewm {
    position: absolute;
    top: 0;
    right: 41px;
    display: none;
}

.pf_ewm_box:hover .ewm {
    display: block;
}

#gotop:hover {
    background: url(../images/pic_piaofu.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/pic_piaofu.jpg*/ center -43px no-repeat #2e83d6;
}

/*==========首页============*/
.s_main_box .floor {
    margin: 0px auto;
    padding: 30px 0;
}

.s_title {
    margin-bottom: 25px;
    position: relative
}

.s_title strong {
    color: #0663be;
    display: block;
    font-weight: bold;
    font-size: 18px;
    font-family: "Arial";
    text-align: center;
    margin-top: 3px;
    text-transform: uppercase
}

.s_title h1 {
    color: #333846;
    font-size: 24px;
    display: block;
    text-align: center;
}

.s_more {
    position: relative;
    height: 40px;
    background: #f6f7fa;
    border: 1px solid #e5e5e7;
    line-height: 40px;
    text-align: center;
    color: #8e929e;
    display: block;
    margin-top: 30px;
    font-size: 16px;
}

.s_more:hover {
    color: #fff;
    background: #0663be;
    border: 1px solid #0663be;
    border-radius: 3px;
}

/*==========快捷链接============*/
.link_box {
    position: relative;
    width: 100%;
    margin-top: -120px;
    z-index: 999;
    border-top: 1px solid #9d968a;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99171413', endColorstr='#99171413');
    background: rgba(23, 20, 19, .6);
    display: none;
}

.link_box .main_box {
}

.link_box .title {
    display: none;
    position: relative;
    float: left;
    height: 120px;
    padding: 0 20px;
    width: 80px;
    background: #0663be;
}

.link_box .title strong {
    color: #fff;
    display: block;
    padding-top: 35px;
    font-weight: bold;
    font-size: 18px;
    font-family: "Arial";
    margin-top: 3px;
    text-transform: uppercase
}

.link_box .title h1 {
    color: #fff;
    font-size: 15px;
    display: block;
}

.link_box .title .mark {
    position: absolute;
    right: -10px;
    top: 52px;
}

.link_box .content {
    float: right;
}

.link_box a {
    display: block;
    float: left;
    background: url(../images/line_link.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/line_link.png*/ right center no-repeat;
    padding: 0 38px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    height: 120px;
    padding: 0 52px;
}

.link_box a img {
    display: block;
    margin: 20px auto 10px auto;
}

.link_box a:hover img {
}

.img_a_d_box {
    margin: 35px auto
}

/*=============f1产品================*/
.s_main_box .f1 {
}

.s_main_box .f1 .title {
    margin-bottom: 25px;
}

.s_main_box .f1 .title h1 {
    color: #333846;
    font-size: 15px;
    display: block;
}

.s_main_box .f1 .title h1 strong {
    color: #333846;
    font-weight: bold;
    font-size: 18px;
    font-family: "Arial";
    text-align: center;
    text-transform: uppercase
}

.s_main_box .f1 .hd {
    margin-bottom: 45px;
    background: #333846;
    height: 90px;
    overflow: hidden;
    border-top: 1px solid #dde0e4;
    border-bottom: 1px solid #dde0e4;
}

.s_main_box .f1 .hd ul {
    background: #fff;
    height: 90px;
    width: 1098px;
}

.s_main_box .f1 .hd li {
    width: 366px;
    float: left;
    display: block;
    cursor: pointer;
}

.s_main_box .f1 .hd li a {
    display: block;
    padding-left: 160px;
    height: 90px;
    border-right: 1px solid #dde0e4;
}

.s_main_box .f1 .hd li a strong {
    display: block;
    color: #333846;
    margin-bottom: 5px;
    padding-top: 27px;
    font-size: 15px;
}

.s_main_box .f1 .hd li a span {
    display: block;
    color: #959bac;
    font-size: 10px;
    font-family: "Arial";
    text-transform: uppercase
}

.s_main_box .f1 .hd li:hover a {
    border-right: 1px solid #0663be;
}

.s_main_box .f1 .hd li:hover a strong {
    color: #fff;
}

.s_main_box .f1 .hd li:hover a span {
    color: #fff;
}

.s_main_box .f1 .hd li.on a {
    border-right: 1px solid #0663be;
}

.s_main_box .f1 .hd li.on a strong {
    color: #fff;
}

.s_main_box .f1 .hd li.on a span {
    color: #fff;
}

.s_main_box .f1 .hd .li1.on a {
    background: url(../images/icon_pro1_on.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro1_on.png*/ 60px center no-repeat #0663be;
}

.s_main_box .f1 .hd .li2.on a {
    background: url(../images/icon_pro2_on.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro2_on.png*/ 60px center no-repeat #0663be;
}

.s_main_box .f1 .hd .li3.on a {
    background: url(../images/icon_pro3_on.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro3_on.png*/ 60px center no-repeat #0663be;
}

.s_main_box .f1 .hd .li1 a {
    background: url(../images/icon_pro1.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro1.png*/ 60px center no-repeat;
}

.s_main_box .f1 .hd .li1:hover a {
    background: url(../images/icon_pro1_on.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro1_on.png*/ 60px center no-repeat #0663be;
}

.s_main_box .f1 .hd .li2 a {
    background: url(../images/icon_pro2.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro2.png*/ 60px center no-repeat;
}

.s_main_box .f1 .hd .li2:hover a {
    background: url(../images/icon_pro2_on.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro2_on.png*/ 60px center no-repeat #0663be;
}

.s_main_box .f1 .hd .li3 a {
    background: url(../images/icon_pro3.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro3.png*/ 60px center no-repeat;
}

.s_main_box .f1 .hd .li3:hover a {
    background: url(../images/icon_pro3_on.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_pro3_on.png*/ 60px center no-repeat #0663be;
}

.s_main_box .f1 .content_box {
    margin-bottom: 45px;
    width: 1100px;
    margin: 0 auto;
}

.s_main_box .f1 .content ul {
    margin: -15px -25px;
}

.s_main_box .f1 .content li {
    width: 237px;
    background: #fff;
    float: left;
    margin: 15px 25px;
}

.s_main_box .f1 .content li .box {
    border: 1px solid #e3e4e6;
    width: 235px;
    height: 170px;
    overflow: hidden;
}

.s_main_box .f1 .content li a {
    display: block;
}

.s_main_box .f1 .content li:hover {
}

.s_main_box .f1 .content li img {
    width: 235px;
    margin: 0 auto;
    display: block;
    background: #fff;
    border: 1px solid #fff;
}

.s_main_box .f1 .content li h2 {
    position: relative;
    z-index: 2;
    display: block;
    text-align: center;
    background: #fff;
    line-height: 48px;
    font-size: 16px;
    color: #383838;
}

.s_main_box .f1 .content li:hover img {
    -moz-transform: scale(1.051);
    -o-moz-transform: scale(1.051);
    -o-moz-transform: scale(1.051);
    -webkit-moz-transform: scale(1.051);
    transform: scale(1.051);
}

.s_main_box .f1 .content li a:hover span {
    color: #fff;
    background: #0663be;
}

/*=============f2分布================*/
.s_main_box .f2 {
    background: url(../images/bg_f2.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f2.jpg*/ center 0px no-repeat #0663be;
    padding: 0;
    height: 445px;
    overflow: hidden;
}

.s_main_box .f2 .s_title {
    text-align: left;
}

.s_main_box .f2 .s_title h1 {
    text-align: left;
}

.s_main_box .f2 .s_title strong {
    text-align: left;
}

.s_main_box .f2 .content {
    position: relative;
}

.s_main_box .f2 .content .left {
    width: 240px;
    background: #f6f7fa;
}

.s_main_box .f2 .content .left .up_box {
    padding: 30px 30px;
}

.s_main_box .f2 .content .left .up_box p {
    height: 170px;
    color: #4b4b4d;
    overflow: hidden;
    line-height: 24px;
    font-size: 12px;
}

.s_main_box .f2 .content .left .up_box span {
    display: block;
    margin-bottom: 25px;
    height: 3px;
    background: #dcdddf;
    width: 60px;
}

.s_main_box .f2 .content .left .more {
    color: #8e929e;
    border-top: 1px solid #e5e5e7;
    background: #fff;
    display: block;
    text-align: center;
    line-height: 45px;
    height: 45px;
}

.s_main_box .f2 .content .left .more:hover {
    background: #57a5f5;
    color: #fff;
}

.s_main_box .f2 .content .right {
    width: 725px;
    position: relative;
    height: 445px;
}

.s_main_box .f2 .content .right .box {
    width: 223px;
    position: absolute;
}

.s_main_box .f2 .content .right .box .img_box {
    position: relative;
    width: 223px;
}

.s_main_box .f2 .content .right .box strong {
    font-size: 14px;
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #fff;
}

.s_main_box .f2 .content .right .box img {
    display: block;
    margin: 0 auto;
}

.s_main_box .f2 .content .right .box1 {
    position: absolute;
    left: 0;
    top: 80px;
}

.s_main_box .f2 .content .right .box2 {
    position: absolute;
    left: 345px;
    top: 155px;
}

.s_main_box .f2 .content .right .box .mark {
    position: absolute;
    right: 0;
    bottom: 0;
}

.s_main_box .f2 .content .right .box1 .mark {
    position: absolute;
    right: -20px;
    bottom: 0;
}

.s_main_box .f2 .content .right .box2 .mark {
    position: absolute;
    left: -245px;
    bottom: 0;
}

/*=============f3关于================*/
.s_main_box .f3 {
    height: 240px;
    width: 100%;
    border-bottom: 1px solid #e5e5e7;
}

.s_main_box .f3 .mian_box {
}

.s_main_box .f3 .s_title {
    margin-bottom: 38px;
    position: absolute;
    left: 0;
    top: 40px;
    left: 40px;
    z-index: 2;
}

.s_main_box .f3 .content {
    position: relative;
}

.s_main_box .f3 .content .left {
    padding-left: 150px;
    width: 490px;
    height: 235px;
    background: url(../images/bg_f3.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f3.png*/ left center no-repeat;
}

.s_main_box .f3 .content .left .box {
    padding: 0px 0 0 34px;
}

.s_main_box .f3 .content .left .box p {
}

.s_main_box .f3 .content .left .box .t2 {
    line-height: 24px;
    max-height: 168px;
    overflow: hidden;

}

.s_main_box .f3 .content .left .box h1 {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333846;
    font-weight: bold;
}

.s_main_box .f3 .content .left .more {
    display: inline-block;
    margin-top: 10px;
    color: #0663be;

}

.s_main_box .f3 .content .left .more:hover {
    text-decoration: underline;
}

.s_main_box .f3 .content .right {
    width: 380px;
    height: 230px;
    overflow: hidden;
    position: relative;
}

.s_main_box .f3 .content .right .bd img {
    display: block;
    width: 445px;
    height: 230px;
}

.s_main_box .f3 .content .right .hd {
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.s_main_box .f3 .content .right .prev {
    width: 26px;
    top: 90px;
    left: 0;
    position: absolute;
}

.s_main_box .f3 .content .right .next {
    width: 26px;
    top: 90px;
    right: 0;
    position: absolute;
}

.s_main_box .f3 .content .right:hover .hd {
    opacity: 1;
}

/*=============f4优势================*/
.s_main_box .f4 {
    background: url(../images/bg_f4.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f4.jpg*/ center 0px no-repeat #0663be;
    padding-top: 60px;
    height: 945px;
    overflow: hidden;
}

.s_main_box .f4 .content {
    position: relative;
}

.s_main_box .f4 .content .img_man {
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -112.5px;
}

.s_main_box .f4 .content .img_man:hover {
    top: 130px;
}

.s_main_box .f4 .content dl {
    display: block;
    margin-top: -70px;
}

.s_main_box .f4 .content dd {
    display: block;
    cursor: copy;
    width: 265px;
    margin-top: 110px;
}

.s_main_box .f4 .content dd img {
    display: block;
    margin: 0 auto;
}

.s_main_box .f4 .content dd strong {
    color: #fff;
    margin-top: 25px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
    display: block;
}

.s_main_box .f4 .content dd p {
    font-size: 12px;
    color: #b9cae6;
    line-height: 18px;
}

.s_main_box .f4 .content dd.item1 {
    width: 230px;
}

.s_main_box .f4 .content dd.item1 strong {
    color: #2d2d2e;
}

.s_main_box .f4 .content dd.item1 p {
    color: #969696;
}

.s_main_box .f4 .content dd.item3 {
    width: 245px;
}

.s_main_box .f4 .content .more {
    display: block;
    margin: 0 auto;
    margin-top: -50px;
    border-radius: 3px;
    text-align: center;
    width: 220px;
    line-height: 50px;
    font-size: 14px;
    height: 50px;
    background: #fff;
    color: #0663be;
}

.s_main_box .f4 .content .more:hover {
    background: #00a1f7;
    color: #fff;
}

/*=============f5案例================*/
.s_main_box .f5 {
}

.s_main_box .f5 .s_title {
    margin-bottom: 40px;
}

.s_main_box .f5 .content .bd {
    display: block;
}

.s_main_box .f5 .content .bd .box ul {
    margin: 0 -16px;
}

.s_main_box .f5 .content .bd li {
    position: relative;
    margin: 0 16px;
    margin-bottom: 40px;
    display: block;
    background: #0663be;
    height: 310px;
    width: 250px;
    float: left;
}

.s_main_box .f5 .content .bd li i {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -25.5px;
    bottom: -27px;
    height: 55px;
    width: 55px;
    background: url(../images/icon_f5.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_f5.png*/ center no-repeat;
    overflow: hidden;
}

.s_main_box .f5 .content .bd li a {
    display: block;
}

.s_main_box .f5 .content .bd li a .img_box {
    height: 225px;
    width: 250px;
    overflow: hidden;
}

.s_main_box .f5 .content .bd li a img {
    height: 225px;
    width: 250px;
}

.s_main_box .f5 .content .bd li a span {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    padding: 20px;
}

.s_main_box .f5 .content .hd .box {
    display: block;
    width: 220px;
    margin: 0 auto;
}

.s_main_box .f5 .content .hd {
    position: relative;
    margin-top: 40px;
}

.s_main_box .f5 .content .hd ul {
    position: relative;
    padding: 0 50px;
    display: table;
    text-align: center;
}

.s_main_box .f5 .content .hd ul li {
    display: table-cell;
    background: url(../images/bg_f5_li_m.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f5_li_m.jpg*/ center no-repeat;
    cursor: pointer;
    height: 20px;
    padding: 0 12px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
}

.s_main_box .f5 .content .hd ul li.on {
    background: url(../images/bg_f5_li.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f5_li.jpg*/ center no-repeat;
}

.s_main_box .f5 .content .hd ul span {
    display: block;
    cursor: pointer;
    position: absolute;
    height: 20px;
    width: 50px;
    text-align: center;
    top: 0;
}

.s_main_box .f5 .content .hd ul .prev {
    cursor: pointer;
    background: url(../images/bnt_f5_prev.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bnt_f5_prev.png*/ center no-repeat #0663be;
    left: 0;
}

.s_main_box .f5 .content .hd ul .prev:hover {
    background: url(../images/bnt_f5_prev.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bnt_f5_prev.png*/ center no-repeat #57a5f5;
}

.s_main_box .f5 .content .hd ul .next {
    background: url(../images/bnt_f5_next.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bnt_f5_next.png*/ center no-repeat #0663be;
    right: 0;
}

.s_main_box .f5 .content .hd ul .next:hover {
    background: url(../images/bnt_f5_next.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bnt_f5_next.png*/ center no-repeat #57a5f5;
}

/*=============f6新闻================*/
.s_main_box .f6 {
    border-top: 1px solid #e5e5e7;
    padding-bottom: 20px;
}

.s_main_box .f6 .s_title {
    margin-bottom: 40px;
}

.s_main_box .f6 .left .hd {
    position: absolute;
    width: 100%;
    z-index: 3;
}

.s_main_box .f6 .left .prev {
    width: 26px;
    top: 130px;
    left: 0;
    position: absolute;
}

.s_main_box .f6 .left .next {
    width: 26px;
    top: 130px;
    right: 0;
    position: absolute;
}

.s_main_box .f6 .news_hd {
    margin-bottom: 70px;
}

.s_main_box .f6 .news_hd ul {
    display: inherit;
    text-align: center;
}

.s_main_box .f6 .news_hd li {
    display: inline-block;
    background: #ededed;
    margin-right: 12px;
    border-radius: 5px;
}

.s_main_box .f6 .news_hd li a {
    display: block;
    width: 190px;
    height: 50px;
    background: url(../images/icon_f4_greyarrow.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_f4_greyarrow.png*/ 155px center no-repeat;
}

.s_main_box .f6 .news_hd li strong {
    display: block;
    text-align: left;
    padding-left: 28px;
    padding-top: 10px;
}

.s_main_box .f6 .news_hd li span {
    display: block;
    text-align: left;
    padding-left: 28px;
}

.s_main_box .f6 .news_hd li:hover {
    background: #2f74c0;
}

.s_main_box .f6 .news_hd li:hover a {
    background: url(../images/icon_f4_whitearrow.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_f4_whitearrow.png*/ 155px center no-repeat;
}

.s_main_box .f6 .news_hd li:hover strong {
    color: #fff;
}

.s_main_box .f6 .news_hd li:hover span {
    color: #bbcde6;
}

.s_main_box .f6 .news_hd .on {
    background: #2f74c0;
}

.s_main_box .f6 .news_hd .on a {
    background: url(../images/icon_f4_whitearrow.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_f4_whitearrow.png*/ 155px center no-repeat;
}

.s_main_box .f6 .news_hd .on strong {
    color: #fff;
}

.s_main_box .f6 .news_hd .on span {
    color: #bbcde6;
}

.s_main_box .f6 .news_bd {
    overflow: hidden;
}

.s_main_box .f6 .news_bd .left {
    position: relative;
    border: 1px solid #e0e0e2;
    overflow: hidden;
    width: 515px;
}

.s_main_box .f6 .news_bd .left .bd img {
    display: block;
    width: 515px;
    height: 300px;
}

.s_main_box .f6 .news_bd .left a:hover {
    background: #0663be;
}

.s_main_box .f6 .news_bd .left a:hover strong {
    color: #fff;
}

.s_main_box .f6 .news_bd .left h1 {
    color: #f5f9fb;
    font-size: 14px;
    display: block;
    text-align: center;
    position: relative;
    width: 100%;
    bottom: 0;
    height: 58px;
    line-height: 58px;
}

.s_main_box .f6 .news_bd .left h1 strong {
    font-size: 14px;
    color: #58595d;
}

.s_main_box .f6 .news_bd .left a:hover h1 {
    color: #fff;
}

.s_main_box .f6 .news_bd .right {
    width: 550px;
    height: 360px;
}

.s_main_box .f6 .news_bd ul {
    overflow: hidden;
}

.s_main_box .f6 .news_bd li {
    float: left;
    width: 530px;
    border: 1px solid #e0e0e2;
    height: 105px;
    margin-bottom: 20px;
    margin-right: 30px;

}

.s_main_box .f6 .news_bd .fl {
    background: #0663be;
    position: relative;
    z-index: 2;
    margin: -1px;
    height: 107px;
    width: 110px;
}

.s_main_box .f6 .news_bd .fl strong {
    margin-top: 22px;
    display: block;
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-family: "Arial";
}

.s_main_box .f6 .news_bd .fl span {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #fff;
    font-family: "Arial";
}

.s_main_box .f6 .news_bd .fr {
    width: 400px;
    padding-right: 15px;
    padding-top: 18px;
}

.s_main_box .f6 .news_bd .fr h2 a {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 27px;
}

.s_main_box .f6 .news_bd .fr h2 a:hover {
    text-decoration: underline;
    color: #0663be;
}

.s_main_box .f6 .news_bd .fr p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 5px;
    text-indent: 2em;
}

/*=============f7资质================*/
.s_main_box .f7 {
    background: url(../images/bg_f7.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f7.jpg*/ center 100px no-repeat;
    padding-bottom: 0;
    height: 490px;
    overflow: hidden;
}

.s_main_box .f7 .main_box {
    position: relative;
}

.s_main_box .f7 .title {
    position: absolute;
    left: 0;
    top: 0;
}

.s_main_box .f7 .content {
    margin-left: 370px;
}

.s_main_box .f7 .content .up {
    width: 650px;
    padding-top: 83px;
}

.s_main_box .f7 .content .up h1 {
    color: #fff;
    font-size: 18px;
    display: block;
    margin-bottom: 13px;
}

.s_main_box .f7 .content .up p {
    color: #a2a2a4;
    font-size: 12px;
    line-height: 20px;
}

.s_main_box .f7 .content .un {
    margin-top: 70px;
}

.s_main_box .f7 .content .un .jj_scoll {
    position: relative;
    height: 180px;
    white-space: nowrap;
    overflow: scroll;
    overflow-y: hidden;
}

#ascrail2000-hr {
    background: url(../images/bg_jj_scoll.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_jj_scoll.png*/ left center repeat-x;
    height: 10px !important;
    width: 100%;
}

#ascrail2000-hr div {
    height: 10px !important;
}

.n_zizhi {
    overflow: hidden;
    margin-top: 20px;
}

.n_zizhi ul {
}

.n_zizhi li {
    display: inline-block;
    position: relative;
    padding: 3px;
    background: #5f564f;
    margin-right: 25px;
}

.n_zizhi li a {
    display: block;
}

.n_zizhi li img {
    height: 140px;
    display: block;
}

.n_zizhi li span {
    display: block;
    line-height: 36px;
    font-size: 14px;
    color: #636363;
    text-align: center;
}

.n_zizhi li:hover {
    background: #034b95;
}

.n_zizhi li:hover span {
    color: #fff;
}

.n_zizhi .page {
    text-align: center;
    text-align: center;
    font-size: 12px;
    color: #6d6c72;
    margin-top: 20px;
}

/*=============f8流程================*/
.s_main_box .f8 .s_title {
    display: block;
    width: 230px;
    margin-bottom: 55px;
    padding: 18px 0;
    border: 1px dashed #cbcccd;
    border-radius: 5px;
}

.s_main_box .f8 .up_box .content .un dl {
    display: block;
    margin: 0 -40px;
}

.s_main_box .f8 .up_box .content .un dd {
    float: left;
    text-align: center;
    font-size: 14px;
    width: 156px;
    margin: 0 40px;
    padding: 25px 0;
}

.s_main_box .f8 .up_box .content .un dd strong {
    color: #252526;
    display: block;
    margin-bottom: 8px;
}

.s_main_box .f8 .up_box .content .un dd span {
    color: #828385;
    font-size: 12px;
    line-height: 18px;
}

/*=============f9联系================*/
.s_main_box .f9 {
    border-top: 1px solid #e5e5e7;
}

.s_main_box .f9 .up_box .content {
    text-align: center;
}

.s_main_box .f9 .up_box .content .up {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 35px;
}

.s_main_box .f9 .up_box .content .up strong {
    color: #000000;
    display: block;
}

.s_main_box .f9 .up_box .content .up {
    color: #4f4f51;
}

.s_main_box .f9 .up_box .content .up span {
    font-size: 16px;
}

.s_main_box .f9 .up_box .content .un dl {
    display: block;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: none;
}

.s_main_box .f9 .up_box .content .un dd {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    float: left;
    line-height: 24px;
    font-size: 14px;
    padding: 30px 0;
    width: 273px;
}

.s_main_box .f9 .up_box .content .un dd strong {
    color: #4b4b4d;
    display: block;
}

.s_main_box .f9 .up_box .content .un dd span {
    color: #89898a;
    font-size: 12px;
}

.s_main_box .f9 .un_box .line_box {
    margin: 60px auto 0 auto;
    height: 100px;
    width: 400px;
    position: relative;
    border: 1px solid #cccdd0;
}

.s_main_box .f9 .un_box .line_box img {
    display: block;
    position: absolute;
    border: 15px solid #fff;
    top: -55px;
    width: 107px;
    height: 100px;
    left: 50%;
    margin-left: -75px;
}

.s_main_box .f9 .un_box span {
    color: #89898a;
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 30px;
}

/*==========内容友情链接===========*/
#j_friend_link1 {
    width: 100%;
    margin: 0 auto;
    background-color: #fbfbfc;
    border-top: 1px solid #efeff2;
    line-height: 22px;
    padding: 20px 0;
}

#j_friend_link1 .fl {
    width: 70px;
    color: #0663be;
    font-size: 14px;
    font-weight: bold;
}

#j_friend_link1 .fr {
    width: 1030px;
    margin-right: -5px;
}

#j_friend_link1 .fr a {
    color: #4b4b4c;
    margin-right: 15px;
}

#j_friend_link1 .fr a:hover {
    color: #0663be;
    text-decoration: underline;
}

/*=======================================内页========================================*/
.n_main_box {
}

.n_main_box .main_box {
    width: 1060px;
}

.n_banner {
    display: block;
    width: 100%;
    height: 360px;
}

.n_title {
    padding: 20px 0;
    position: relative;
}

.n_title h1 {
    padding: 0 0 0px 20px;
    background: url(../images/icon_n_title.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_n_title.png*/ left center no-repeat;
    font-size: 24px;
    color: #333846;
    line-height: 40px;
    font-weight: bold;
}

.n_title h1 span {
    font-size: 14px;
    color: #333846;
    line-height: 40px;
    font-family: "Arial";
    text-transform: uppercase;
    padding-left: 5px;
    font-weight: normal;
    padding-left: 5px;
}

.n_title .position {
    position: absolute;
    right: 0;
    top: 33px;
    color: #a8abb1;
    background: url(../images/icon_home.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_home.png*/ left center no-repeat;
    padding-left: 18px;
}

.n_title .position span, .n_title .position a, .n_title .position i {
    font-size: 12px;
    color: #a8abb1;
}

.n_title .position em {
    font-size: 12px;
    color: #0074ca;
}

.n_title .position a:hover {
    color: #0074ca;
}

.n_nav {
    position: relative;
    border: 1px solid #dde0e4;
}

.n_nav .main_box {
    border-left: 1px solid #dde0e4;
}

.n_nav a {
    display: block;
    width: 131px;
    position: relative;
    border-right: 1px solid #dde0e4;
    height: 48px;
    font-size: 14px;
    float: left;
    line-height: 48px;
    text-align: center;
    color: #5b5c5e;
}

.n_nav a span {
    display: block;
    height: 0px;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: -1px;
    width: 133px;
    background: url(../images/bg_n_nav.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_n_nav.png*/ center top no-repeat;
}

.n_nav a strong {
    display: block;
    color: #646464;
    position: relative;
    z-index: 4;
}

.n_nav a:hover {
    color: #4f9431;
}

.n_nav a:hover span {
    height: 60px;
}

.n_nav a:hover strong {
    color: #fff;
}

.n_nav .on {
    color: #4f9431;
}

.n_nav .on span {
    height: 60px;
}

.n_nav .on strong {
    color: #fff;
}

.n_content {
    min-height: 400px;
    background: #f6fbfe;
    padding: 30px 0;
}

/*========================关于我们==========================*/
.about_title {
    position: relative;
    padding: 50px 0;
    border-top: 1px solid #efefef;
}

.about_title h1 {
    color: #333846;
    font-size: 24px;
    display: block;
    text-align: center;
}

.about_title strong {
    color: #0362b9;
    display: block;
    font-weight: bold;
    font-size: 18px;
    font-family: "Arial";
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase
}

.n_about_box {
    padding-top: 60px;
    padding-bottom: 60px;
}

.n_about_box dt {
    display: block;
}

.n_about_box dd {
    display: block;
    margin-bottom: 10px;
}

.n_about_info .fl {
    width: 560px;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.n_about_info .fl .bd img {
    display: block;
    width: 560px;
    height: 300px;
}

.n_about_info .fl .hd {
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.n_about_info .fl .prev {
    width: 26px;
    top: 125px;
    left: 0;
    position: absolute;
}

.n_about_info .fl .next {
    width: 26px;
    top: 125px;
    right: 0;
    position: absolute;
}

.n_about_info .fl:hover .hd {
    opacity: 1;
}

/*==============a_企业文化=====================*/
.n_layout .left {
    width: 560px;
}

.n_layout .left img {
    margin-bottom: 26px;
}

.n_layout .left p {
    margin-bottom: 30px;
}

.n_layout .right {
    width: 360px;
}

.n_layout dd.dd {
    display: block;
    height: 28px;
    line-height: 28px;
    margin-bottom: 0;
    width: 100%;
    background: url(../images/icon_dd.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_dd.png*/ left center no-repeat;
    margin-left: 0 !important;
    padding-left: 15px;
}

.n_layout dd.dd strong {
    color: #646464;
}

.n_layout .dt {
    display: block;
    margin-bottom: 40px;
    line-height: 30px;
}

/*==============a_公司概况=====================*/
.n_about_info .up {
    margin-bottom: 30px;
}

.n_about_info .up .fl {
    width: 560px;
}

.n_about_info .up .fr {
    width: 460px;
}

.n_about_info .title {
    margin: 15px 0;
}

.n_about_info .title h1 {
    color: #333846;
    font-size: 24px;
    display: block;
    text-align: center;
}

.n_about_info .title strong {
    color: #0362b9;
    display: block;
    font-weight: bold;
    font-size: 18px;
    font-family: "Arial";
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase
}

/*==============a_合作伙伴=====================*/
.n_partners {
}

.n_partners ul {
    margin: 0px -10px;
}

.n_partners li {
    display: block;
    position: relative;
    float: left;
    margin: 30px 9px;
    width: 252px;
}

.n_partners li a {
    display: block;
}

.n_partners li img {
    height: 80px;
    overflow:;
    width: 250px;
    display: block;
    border: 1px solid #ebedef;
}

.n_partners li span {
    display: block;
    line-height: 36px;
    font-size: 14px;
    color: #4b4b4d;
    text-align: center;
}

.n_partners li:hover img {
    border-radius: 30px 0 30px 0;
    border: 1px solid #0362b9;
}

.n_partners li:hover span {
    color: #0362b9;
}

.n_honor #main {
    width: 1090px;
    margin: auto
}

.n_honor #main ul li {
    float: left;
    display: inline;
    list-style: none;
    margin: 15px 0;
    width: 272px;
    height: 200px;
}

.n_honor #main ul li .box {
    border: 5px solid #ececec;
    width: 230px;
}

.n_honor #main ul li:hover .box {
    border: 5px solid #417dc3;
}

.n_honor #main ul li img {
    width: 230px;
    display: block
}

.n_honor #main ul li img.hover {
    filter: Alpha(opacity=90);
    -moz-opacity: .9;
    opacity: .9
}

.n_honor #main ul li h3 {
    padding: 0 10px 0 10px;
    font-size: 14px;
    color: #333846;
    text-align: center;
    display: block;
    line-height: 40px;
    line-height: 40px;
    background: #f5f6f6;
}

.n_honor .img_block {
    position: relative;
}

#lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background-color: #000;
    opacity: .85;
    filter: alpha(Opacity=85)
}

#lightbox {
    position: absolute;
    left: 0;
    z-index: 10000;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    line-height: 0
}

#lightbox img {
    width: auto;
    height: auto
}

#lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    margin: 0 auto;
    width: 250px;
    height: 250px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.lb-outerContainer:after {
    clear: both;
    display: table;
    content: ""
}

.lb-container {
    padding: 10px
}

.lb-loader {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    height: 25%;
    text-align: center;
    line-height: 0
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%
}

.lb-container > .nav {
    left: 0
}

.lb-nav a {
    outline: 0
}

.lb-next, .lb-prev {
    display: block;
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.lb-prev {
    left: 0;
    float: left
}

.lb-next {
    right: 0;
    float: right
}

.lb-prev:hover {
    background: url(../images/prev.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/prev.png*/ left 48% no-repeat
}

.lb-next:hover {
    background: url(../images/next.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/next.png*/ right 48% no-repeat
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    background: #000;
}

.lb-dataContainer:after {
    clear: both;
    display: table;
    content: "";
}

.lb-data {
    padding: 0 10px;
    color: #bbb
}

.lb-data .lb-details {
    float: left;
    width: 85%;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-weight: 700;
    line-height: 2em;
    font-size: 13px;
    color: #fff;
}

.lb-data .lb-number {
    clear: left;
    display: block;
    padding-bottom: 1em;
    font-size: 11px
}

.lb-data .lb-close {
    float: right;
    padding-bottom: .7em;
    width: 35px;
    outline: 0
}

.lb-data .lb-close:hover {
    cursor: pointer
}

.ilike, .zoom {
    position: absolute;
    line-height: 25px;
    padding: 0 0 2px 18px;
    text-align: center;
    top: 14px;
    display: block;
    text-decoration: none;
    background: url(../images/pic_ilike.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/pic_ilike.png*/ no-repeat -200px 0
}

.zoom {
    left: 14px;
    width: 42px;
    background-position: 0 -71px
}

.zoom:hover {
    background-position: 0 -99px
}

.ilike {
    right: 14px;
    width: 57px;
    background-position: 0 -140px
}

.ilike:hover {
    background-position: 0 -167px
}

.iNum, .n_honor .iNum a {
    background: url(../images/pic_ilike.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/pic_ilike.png*/ no-repeat 0 -528px;
    padding: 0 0 6px 28px;
    line-height: 11px
}

.iNum {
    background-position: 12px -522px
}

.iNum a {
    background-position: 12px -550px;
    text-decoration: none
}

.loading {
    text-align: center;
    padding: 30px 0
}

/*==============产品中心=====================*/
.n_product {
}

.n_product .content_box {
}

.n_product ul {
    margin: -15px -20px 40px -20px;
}

.n_product li {
    width: 237px;
    float: left;
    margin: 15px 19px;
}

.n_product li .box {
    border: 1px solid #e3e4e6;
    width: 235px;
    height: 170px;
    overflow: hidden;
}

.n_product li a {
    display: block;
}

.n_product li:hover {
}

.n_product li img {
    width: 235px;
    height: 170px;
    margin: 0 auto;
    display: block;
    display: block;
}

.n_product li span {
    position: relative;
    z-index: 2;
    display: block;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    color: #383838;
}

.n_product li:hover img {
}

.n_product li a:hover span {
    color: #fff;
    background: #0663be;
}

/*==============产品详情=====================*/
.n_product_show {
    padding: 60px 0;
}

.n_product_show .up_box .title {
    display: block;
    border-bottom: 1px solid #efefef;
    padding-bottom: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333846;
}

.pro_ar_box .content.up {
    background: url(../images/bg_pro_table.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_pro_table.png*/ 297px center no-repeat;
}

.pro_ar_box .content.up table {
}

.pro_ar_box .content table td {
    padding-bottom: 10px;
    color: #646464;
    font-size: 14px;
    background: url(../images/icon_dd.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_dd.png*/ left 9px no-repeat;
    vertical-align: top;
    padding-left: 20px;
}

.n_product_show .un_box {
    padding-top: 30px;
}

.n_product_show .un_box .title {
    height: 30px;
    line-height: 30px;
}

.n_product_show .un_box .title strong {
    background: #0663be;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 0 15px;
}

.n_product_show .un_box .title span {
    display: inline-block;
    color: #0663be;
    padding-left: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Arial";
}

.n_product_show .un_box .pro_ar_box {
    margin-bottom: 60px;
}

.n_product_show .un_box .pro_ar_box .content {
    border: 1px solid #dde0e4;
    padding: 40px 45px 40px 45px;
}

.j_photo {
    width: 522px;
    position: relative;
    margin: 40px auto 40px auto;
}

.j_photo .big_box {
    width: 520px;
    height: 375px;
    position: relative;
    border: 1px solid #dde0e4;
    overflow: hidden;
}

.j_photo .big_box ul {
    position: absolute;
    left: 0;
    top: 0;
}

.j_photo .big_box ul li {
    width: 520px;
    height: 375px;
}

.j_photo .big_box ul li img {
    width: 520px;
    height: 375px;
}

.j_photo .prev {
    float: left;
    cursor: pointer;
}

.j_photo .small_box {
    position: relative;
    height: 120px;
    padding-top: 10px;
    width: 520px;
    margin-top: 30px;
    display: none;
}

.j_photo .min_pic {
    width: 520px;
    position: relative;
    height: 120px;
    overflow: hidden;
}

.j_photo .min_pic ul {
    position: absolute;
    left: 0;
    top: 0;
    margin-right: -10px;
}

.j_photo .min_pic ul li {
    width: 165px;
    height: 118px;
    border: 1px solid #dde0e4;
    margin-right: 9px;
    display: inline-block;
}

.j_photo .min_pic ul li img {
    width: 165px;
    height: 118px;
}

.j_photo .min_pic ul li.on {
    border: 1px solid #0074ca;
    padding: 0;
}

.j_photo .min_prev {
    position: absolute;
    top: 50%;
    left: -50px;
    margin-top: -15px;
    cursor: pointer;
}

.j_photo .min_next {
    position: absolute;
    top: 50%;
    right: -50px;
    margin-top: -15px;
    cursor: pointer;
}

.j_photo .big_prev {
    position: absolute;
    top: 165px;
    left: -70px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
}

.j_photo .big_next {
    position: absolute;
    top: 165px;
    right: -70px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
}

.j_photo .big_box:hover .big_prev {
    left: 20px;
}

.j_photo .big_box:hover .big_next {
    right: 20px;
}

/*==============案例=====================*/
.n_case {
    padding: 60px 0;
}

.n_case ul {
    margin: 0 -20px;
    margin-bottom: 40px;
}

.n_case ul li {
    display: block;
    overflow: hidden;
    float: left;
    height: 225px;
    background: #fff;
    margin: 18px;
    position: relative;
    width: 512px;
    border: 1px solid #dde0e4;
}

.n_case ul li .img_link {
    position: absolute;
    display: block;
    width: 250px;
    left: 0px;
    top: 0;
}

.n_case ul li .img_link {
    display: block;
    height: 225px;
    width: 250px;
}

.n_case ul li i {
    display: block;
    position: absolute;
    left: 223px;
    top: 100px;
    height: 55px;
    width: 55px;
    background: url(../images/icon_f5.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_f5.png*/ center no-repeat;
    overflow: hidden;
}

.n_case ul li .text_box {
    position: relative;
    height: 156px;
    margin-left: 282px;
    width: 200px;
    padding-top: 33px;
}

.n_case ul li .text_box h1 a {
    display: block;
    margin-bottom: 15px;
    line-height: 30px;
    color: #0663be;
    font-size: 14px;
    overflow: hidden;
}

.n_case ul li .text_box p {
    font-size: 12px;
    color: #a7a7ab;
    line-height: 20px;
    height: 77px;
}

.n_case ul li .text_box span {
    position: absolute;
    right: 0px;
    bottom: 0;
    color: #97979d;
}

.n_case ul li .text_box h1 a:hover {
    text-decoration: underline;
}

.case_search {
    display: block;
    height: 43px;
    margin-bottom: 40px;
    line-height: 43px;
    border: 1px solid #e4e7eb;
}

.case_search strong {
    padding: 0 20px;
    display: inline-block;
    background: #eaeaeb;
    color: #97979d;
    font-size: 13px;
}

.case_search a {
    display: inline-block;
    padding: 0 20px;
    font-size: 13px;
    color: #97979d;
    background: url(../images/line_case_search.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/line_case_search.png*/ right center no-repeat;
}

.case_search a:hover, .case_search a.on {
    color: #0074ca;
}

/*==============服务体系=====================*/
.n_service {
    padding: 60px 0;
}

.n_service .about_title h1 {
    font-weight: bold;
}

.n_service .up_box dl {
    border: 1px dashed #cbcccd;
    padding: 30px 30px;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 24px;
    border-radius: 8px;
    background: url(../images/line_service.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/line_service.png*/ center no-repeat;
}

.n_service .up_box dd {
    width: 45%;
    display: block;
    background: url(../images/icon_dd.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_dd.png*/ left 9px no-repeat;
    padding-left: 15px;
}

.n_service .un_box {
    padding-top: 60px
}

.n_service .un_box .about_title {
    border: none;
}

.n_service .un_box .content {
    padding: 60px 0;
}

/*==============技术答疑=====================*/
.n_faqs {
    padding: 60px 0;
}

.n_faqs .title {
}

.n_faqs .title h1 {
    color: #333846;
    font-weight: bold;
    font-size: 24px;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.n_faqs .title h1 strong {
    color: #0074ca;
    font-weight: bold;
}

.n_faqs ul {
}

.n_faqs ul li {
    display: block;
    padding: 20px;
    border: 1px solid #dde0e4;
    margin-bottom: 15px;
}

.n_faqs ul li h1 {
    display: block;
    margin-bottom: 15px;
    line-height: 30px;
    height: 30px;
    color: #3d424f;
    font-size: 14px;
    padding-left: 34px;
    background: url(../images/icon_q.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_q.png*/ left center no-repeat;
}

.n_faqs ul li p {
    font-size: 14px;
    color: #a7a7ab;
    line-height: 20px;
    padding-left: 34px;
    background: url(../images/icon_a.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_a.png*/ left 0 no-repeat;
}

.n_faqs .page {
    border: none;
}

/*==============招贤纳士=====================*/
.n_job {
    padding: 60px 0;
}

.n_job .content {
    border: 1px solid #e0e0e3;
}

.n_job th {
    text-align: center;
    border-right: 1px solid #ececee;
    font-size: 14px;
    width: 180px;
    padding: 0 20px;
    color: #3d424f;
    font-weight: bold;
}

.n_job td {
    padding: 20px 40px;
}

.n_job td strong {
    font-weight: normal;
    color: #494848;
    display: block;
    margin-bottom: 5px;
}

.n_job td p {
    line-height: 24px;
    font-size: 12px;
    color: #838383;
}

.n_job tr {
    border-bottom: 1px dotted #c9cacb;
}

.n_job .page {
    border: none;
    padding-top: 20px;
    margin-right: 40px;
    padding-bottom: 20px;
}

/*=============联系方式=====================*/
.n_contact {
    padding: 60px 0;
}

.n_contact .up_box .fl {
    width: 630px;
    overflow: hidden;
}

.n_contact .up_box .fr {
    width: 400px;
    margin-top: 0px;
}

.n_contact .up_box .fr .box {
    position: relative;
    width: 400px;
    padding: 17px 0px;
    display: table;
    cursor: pointer;
}

.n_contact .up_box .fr .box .mark {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    display: block;
    position: absolute;
    left: -11px;
    top: 50%;
    margin-top: -10px;
}

.n_contact .up_box .fr .box .text_box {
    padding: 0px 20px;
    overflow: hidden;
    vertical-align: middle;
    display: table-cell;
}

.n_contact .up_box .fr .box .text_box strong {
    font-size: 16px;
    color: #4d4d4d;
    display: block;
    margin-bottom: 5px;
}

.n_contact .up_box .fr .box .text_box p {
    font-size: 12px;
    line-height: 19px;
    color: #4d4d4d;
    margin-bottom: 0;
}

.n_contact .up_box .fr .box.on {
    background: #0074ca;
}

.n_contact .up_box .fr .box.on .text_box {
    color: #fff;
}

.n_contact .up_box .fr .box.on .text_box p {
    color: #fff;
}

.n_contact .up_box .fr .box.on .mark {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.n_contact .un_box {
    margin-top: 80px;
    background: url(../images/bg_contact_un.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_contact_un.png*/ center top no-repeat;
}

.n_contact .un_box dl dd {
    display: block;
    height: 100px;
    float: left;
    width: 25%;
    text-align: center;
}

.n_contact .un_box dl dd strong {
    font-size: 16px;
    padding: 0 20px;
    padding-top: 23px;
    display: block;
    color: #4d4d4d;
}

.n_contact .un_box dl dd span {
    font-size: 12px;
    padding: 0 20px;
    color: #4d4d4d;
    display: block;
}

.n_contact .un_box dl dt {
    display: block;
}

/*=============合作留言=====================*/
.n_msg {
    padding: 60px 0;
}

.n_msg .about_title {
    padding-top: 10px;
    margin-bottom: 40px;
    border-top: none;
    border-bottom: 1px solid #efefef;
}

.n_msg .article p {
    color: #848282;
}

.n_msg .un_box {
    min-height: 480px;
    margin-top: 30px;
    background: url(../images/bg_form.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_form.png*/ left center no-repeat;
}

.n_msg .un_box form {
    margin-left: 570px;
    padding-top: 15px;
}

.n_msg .un_box form .label {
    display: block;
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #d3d3d3;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-left: 55px;
}

.n_msg .un_box form .label input {
    height: 40px;
    border: none;
    width: 423px;
    padding: 0 5px;
    line-height: 40px;
    font-size: 12px;
    background: none;
}

.n_msg .un_box form .label strong {
    font-weight: normal;
    display: block;
    position: absolute;
    left: 15px;
    font-size: 14px;
    color: #848282;
}

.n_msg .un_box form .textarea_box {
    height: 125px;
}

.n_msg .un_box form .textarea {
    height: 125px;
    padding-right: 20px;
    border: none;
    line-height: 40px;
    font-size: 12px;
    resize: none;
    width: 412px;
}

.n_msg .un_box form .submit {
    color: #fff;
    background: #0074ca;
    border-radius: 3px;
    font-size: 12px;
    display: block;
    margin-top: 30px;
    width: 120px;
    height: 40px;
    line-height: 38px;
    text-align: center;
}

/*==============新闻=====================*/
.n_news {
}

.n_news ul {
}

.n_news ul li {
    padding: 20px 0;
    display: block;
    height: 140px;
    border-bottom: 1px solid #efefef;
}

.n_news ul li .box {
    background: transparent;
    height: 140px;
    padding-top: 10px;
}

.n_news ul li .fl {
    position: relative;
    padding-top: 20px;
    padding-left: 155px;
    width: 500px;
}

.n_news ul li .fl .date {
    position: absolute;
    left: 0;
    float: left;
}

.n_news ul li .fl .date span {
    display: block;
    margin-top: 20px;
    height: 30px;
    width: 30px;
    background: url(../images/icon_news_jt.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_news_jt.png*/ center no-repeat;
}

.n_news ul li .fl .date strong {
    font-family: "Arial";
    display: block;
    font-size: 26px;
    color: #a9a9a9;
    display: block;
}

.n_news ul li .fl .date strong::before {
    width: 35px;
    height: 1px;
    content: '';
    background: #7D7D7D;
    position: absolute;
    top: 15px;
    left: 90px;
    transition: all 0.3s ease-out 0s;
}

.n_news ul li .fl a {
    display: block
}

.n_news ul li .fl a h1 {
    font-size: 16px;
    padding-top: 0px;
    color: #646464;
    display: block;
    margin-bottom: 15px;
    font-weight: bold;
}

.n_news ul li .fl a p {
    color: #666;
    line-height: 24px;
    font-size: 14px;
    text-indent: 2em;
}

.n_news ul li .fr {
    display: block;
    width: 224px;
    height: 130px;
}

.n_news ul li .fr img {
    width: 224px;
    height: 130px;
}

.n_news li:hover .fl {
    padding-left: 175px;
}

.n_news li:hover .fl h1 {
    color: #0074ca;
}

.n_news .box:hover .date strong {
    color: #424242;
}

.n_news .box:hover .date strong::before {
    width: 60px;
    transition: all 0.3s ease-out 0s;
    background: #7D7D7D;
}

.n_news .box:hover .date span {
    background: url(../images/icon_news_jt_hover.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/icon_news_jt_hover.png*/ center no-repeat #0074ca;
}

/*==============详情=====================*/
.n_article {
}

.n_article .ar_title {
    padding: 0
}
.detail_pic{
    text-align: center;
    margin-top: 10px;
}
.n_article .ar_title h1 {
    padding-bottom: 15px;
    font-size: 24px;
    border-bottom: 1px solid #dde0e4;
    display: block;
    text-align: center;
    line-height: 30px;
    color: #333846
}

.n_article .ar_title h2 {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-top: 10px;
    display: block;
    text-align: center;
    color: #333846;
    line-height: 30px
}

.n_article .article {
    font-size: 14px;
    margin-bottom: 20px
}

.n_article .article p {
    font-size: 14px;
    line-height: 28px;
}

.n_article .bnt_page {
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    color: #8a8a8a;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

.n_article .bnt_page a {
    color: #8a8a8a;
}
.n_article .bnt_page a.b{
    font-weight: bold;
}
.n_article .bnt_page a:hover {
    color: #007cc2;
}

.n_article .back_box {
    margin: 40px auto 0 auto;
    padding-bottom: 80px;
}

.jiathis_style {
    margin-top: 10px;
}

/*==============分页=====================*/
.page {
    margin: 20px auto 20px auto;
    padding-top: 50px;
    border-top: 1px solid #e5e5e6;
}

.page .box {
    float: right;
}

.page a {
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4*/
    -webkit-transition: all 1s; /* Safari 和 Chrome*/
    -o-transition: all 1s; /* Opera*/
}

.page a {
    display: block;
    float: left;
    background: url(../images/bg_f5_li_m.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f5_li_m.jpg*/ center no-repeat;
    cursor: pointer;
    height: 20px;
    padding: 0 12px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
}

.page a:hover {
    background: url(../images/bg_f5_li.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f5_li.jpg*/ center no-repeat;
}

.page a.on {
    background: url(../images/bg_f5_li.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f5_li.jpg*/ center no-repeat;
}

.page a span {
    background: url(../images/bg_f5_li.jpg) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_f5_li.jpg*/ center no-repeat;
}

a.page_prev, a.page_next {
    display: inline-block;
    width: 50px;
}

.page a.page_prev {
    cursor: pointer;
    background: url(../images/bnt_f5_prev.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bnt_f5_prev.png*/ center no-repeat #0663be;
}

.page a.page_prev:hover {
    background: url(../images/bnt_f5_prev.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bnt_f5_prev.png*/ center no-repeat #57a5f5;
}

.page a.page_next {
    background: url(../images/bnt_f5_next.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bnt_f5_next.png*/ center no-repeat #0663be;
}

.page a.page_next:hover {
    background: url(../images/bnt_f5_next.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bnt_f5_next.png*/ center no-repeat #57a5f5;
}

/*==============服务优势=====================*/
.n_advantage_box .title {
    padding: 40px 0;
    background: #fff;
}

.n_advantage_box dd {
    display: block;
    width: 100%;
    padding: 90px 0;
}

.n_advantage_box dd .main_box {
    position: relative;
}

.n_advantage_box dd .icon_box {
    width: 182px;
    position: absolute;
    top: 0;
}

.n_advantage_box dd .text_box {
    width: 800px;
    min-height: 190px;
}

.n_advantage_box dd .text_box p {
    line-height: 24px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #585d61;
}

.n_advantage_box dd .text_box p.t2 {
    text-indent: 2em;
}

.n_advantage_box dd .h1 {
    display: block;
    margin-bottom: 30px;
    font-size: 18px;
}

.n_advantage_box dd.style1 {
    background: #f9f9fc;
}

.n_advantage_box dd.style2 {
    background: #fff;
}

.n_advantage_box dd.style1 .icon_box {
    right: 0;
}

.n_advantage_box dd.style2 .icon_box {
    left: 0;
}

.n_advantage_box dd.style2 .text_box {
    float: right;
}

.n_advantage_box dt {
    display: block;
    width: 100%;
    padding: 90px 0;
    background: #fff;
}

.n_advantage_box dt .main_box {
    min-height: 475px;
    position: relative;
    background: url(../images/bg_advantage_un.png) /*tpa=http://170035.websitetemplate.cn/template/default/index/images/bg_advantage_un.png*/ center top no-repeat;
}

.n_advantage_box dt .main_box .box {
    padding-top: 80px;
    margin-left: 340px;
}

.n_advantage_box dt .main_box img {
    display: block;
}

.n_advantage_box dd .main_box:hover .icon_box {
    top: 10px;
}

.n_advantage_box dd .main_box .icon_box:hover {
    top: -10px;
}

/*!
wow bounceInDown
wow bounceIn
wow pulse animated
<img class=" wow pulse" src="images/logo_about.png" data-wow-iteration="infinite" data-wow-duration="1500ms">
class="wow fadeInRight" data-wow-delay="2s"*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-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: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.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: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.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: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.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;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -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) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.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) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.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) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(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-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        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% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) 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 center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(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: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(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: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(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% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(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
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -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
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

/*20170711*/
.top_tel {
    overflow: hidden;
}

.n_contact .md_box {
    overflow: hidden;
    border: 1px solid #bababa;
    height: 300px !important;
    overflow: hidden;
}

.n_contact .un_box {
    margin-top: 40px;
}

.content_des {
    width: 1036px;
    border: 1px dotted #e5e5e5;
    text-indent: 24px;
    padding: 10px;
    margin: 0 0 20px 0px;
}

.content_des p {
    font-size: 14px;
    color: #868686;
    line-height: 24px
}

.area {
    width: 1060px;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.area h3 {
    width: 102px;
    height: 30px;
    background: #0260ae;
    color: #FFF;
    text-align: center;
    display: block;
    line-height: 30px;
    font-size: 16px;
}

.area dl {
    padding: 10px;
    border: 1px solid #ccc;
    height: auto;
    overflow: hidden;
}

.area dl dt {
    float: left;
    margin-left: 28px
}

.area dl dt a {
    font-size: 14px;
    line-height: 28px;
    color: #5a5a5a
}

.area dl dt a:hover {
    color: #47cdff
}

.xgxw {
    width: 1060px;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.xgxw h3 {
    width: 102px;
    height: 30px;
    background: #0260ae;
    color: #FFF;
    text-align: center;
    display: block;
    line-height: 30px;
    font-size: 16px;
}

.xgxw ul {
    padding: 10px;
    border: 1px solid #ccc;
    height: auto;
    overflow: hidden;
}

.xgxw dl {
    padding: 15px;
    border: 1px solid #ccc;
    height: auto;
    overflow: hidden;
}

.xgxw ul li {
    float: left;
    display: inline;
    width: 48%;
    margin-right: 2%;
    line-height: 30px;
}

.xgxw ul li span {
    float: right;
    color: #5a5a5a
}

.xgxw dl dt {
    float: left;
    display: inline;
    margin-right: 2%;
    text-align: center;
}

.xgxw dl dt img {
    border: 1px solid #ccc;
}

.link {
    width: 650px;
    height: auto;
    margin: 0px auto 15px;
    overflow: hidden;
}

.link span {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    background: #0260ae;
    color: #FFF;
    display: block;
    float: left;
    width: 115px;
    text-align: center;
    margin-left: 0px
}

.link ul li {
    float: left;
    margin-left: 28px;
    line-height: 40px;
}

.pagination-box {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagination-inner li {
    border: 1px solid #ddd;
    color: #666;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-left: 8px;
    width: 30px;
    text-align: center;
}

.pagination-inner li:first-child {
    margin-left: 0;
}

.pagination-inner li a {
    color: #666666;
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: 500;
}


.pagination-inner li.active {
    background: #f4b02f none repeat scroll 0 0;
    border-color: #f4b02f;
    color: #fff;
}

.pagination-inner li:hover {
    background: #f4b02f none repeat scroll 0 0;
    border-color: #f4b02f;
    color: #fff;
}

.pagination-inner li:hover a {
    color: #fff;
}

.pagination-inner li a i {
    font-size: 20px;
    position: relative;
    top: 3px;
}

.pagination-inner {
    text-align: center;
}