﻿body{font-family: "微软雅黑";}
a:hover,a:visited,a:active,a:focus{text-decoration: none;}
.font-16{font-size: 16px;line-height: 22px;}
.font-18{font-size: 18px !important;line-height: 24px;}
.font-20{font-size: 20px;line-height: 26px;}
.font-24{font-size: 24px;line-height: 30px;}
.font-30{font-size: 30px;line-height: 36px;}
.font-42{font-size: 42px;line-height: 48px;}
.font-48{font-size: 48px;line-height: 56px;}
.font-50{font-size: 50px !important;line-height: 56px;}
.color-333{color: #333 !important;}
.color-444{color: #444;}
.color-999{color: #999;}
.color-ddd{color: #ddd;}
.color-eee{color: #eee;}
.pt-60{padding-top: 60px !important;}
.pb-60{padding-bottom: 60px !important;}
.pr-60{padding-right: 60px !important;}
.pl-60{padding-left: 60px !important;}
.pt-80{padding-top: 80px !important;}
.pb-80{padding-bottom: 80px !important;}
.mt-60{margin-top: 60px !important;}
.mb-60{margin-bottom: 60px !important;}
.bg-fff{
    background-color: #ffffff !important;
}
#footer{margin-top: 0px;}
@media (min-width: 1200px) {
    .container {width: 1200px;}
}
@font-face {
    font-family: 'qmfont';
    src: url('//at.alicdn.com/t/font_1451289815_420421.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/font_1451289815_420421.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1451289815_420421.woff') format('woff'), /* chromefirefox */
    url('//at.alicdn.com/t/font_1451289815_420421.ttf') format('truetype'), /* chromefirefoxoperaSafari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1451289815_420421.svg#siyouyun') format('svg'); /* iOS 4.1- */
}
.qmfont {
    font-family:"qmfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.btn-lg{
    padding: 14px 60px !important;
    font-size: 20px;
}
.btn-radius{
    border-radius: 4px;
}
.btn-orange,.btn-orange:focus,.btn-orange:active{
    background: #f8b600;
    color: #fff;
    border: none;
}
.btn-orange:hover{
    background: #f8a600;
    color: #fff;
    border: none;
}
.display-in-block{
    display: inline-block;
}
.bg-fa{
    background-color: #fafafa;
}
@media (min-width: 992px){
}
/*|?H楺*/
#header {
    background: transparent;
    padding: 0px !important;
}
#footer p a{
    color:#fff !important;
}
#footer a:hover {
    color: #CCC !important;
}
#footer p {
    color: #ddd;
}
.solutions-pifa .nav>li>a:focus{
    background: #F8B600 !important;
}
.btn-default:active:hover, .btn-default:active:focus {
    color: #fff;
    background-color: #f89600;
    border-color: #f89600;
}
.btn:active{
    box-shadow:none !important;
}
/*鲷t*/
/*鲷t觃*/
/*3D礼n?/
/*3D礼n_*/
/*
  4?
*/
@media (min-width: 920px) {
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a{
        color: #f8b600;
        background: #fff;
    }
    #header .header-nav-main nav > ul > li > a{
        font-size: 16px;
        font-weight:400;
    }
    #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a{
        padding: 295px 10px 24px;
    }
}
#header .header-reg-btn a,#header .header-reg-btn a:focus,#header .header-reg-btn a:active,#header .header-reg-btn a:visited{
    background: #F8B600 !important;
    padding: 8px 18px !important;
    margin-top: 58px !important;
    font-size: 16px !important;
    border-radius: 3px !important;
    border: 1px solid #F8B600 !important;
    color: #fff !important;
}
#header .header-reg-btn a:hover{
    background: transparent !important;
    border: 1px solid #F8B600 !important;
    padding: 8px 18px !important;
    margin-top: 58px !important;
    font-size: 16px !important;
    border-radius: 3px !important;
    color: #F8B600 !important;
}
#header .header-login-btn a,#header .header-login-btn a:focus,#header .header-login-btn a:active,#header .header-login-btn a:visited{
    padding: 8px 18px !important;
    margin-top: 58px !important;
    font-size: 16px !important;
    border-radius: 3px !important;
    border: 1px solid #F8B600 !important;
    color: #F8B600 !important;
}
#header .header-login-btn a:hover{
    background: #F8B600 !important;
    border: 1px solid #F8B600 !important;
    padding: 8px 18px !important;
    margin-top: 58px !important;
    font-size: 16px !important;
    border-radius: 3px !important;
    color: #fff !important;
}
/*杣4?*/
@media (min-width: 920px){
}
@media (min-width: 920px){
}




/*杣 K?b*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
}
/*
  ?
*/
#footer{
    background: url("../images/09160940e5mr.jpg") center no-repeat;
    height: 410px;
    border-top: none;
}
#footer .footer-p1{
    padding-right: 22px;
}
#footer .footer-p2{
    border-bottom: 2px solid #fff;
}
#footer .footer-p2 span{
    border-bottom: 4px solid #f8b600;
    padding-bottom: 6px;
}
#footer .btn-footer,#footer .btn-footer:hover,#footer .btn-footer:active,#footer .btn-footer:focus{
    border: 1px solid #fff;
    padding: 5px 14px;
    border-radius: 3px;
    font-size: 14px;
}
#footer .footer-span1{
    padding-left: 2px;
}
#footer .footer-span2{
    padding-left: 51px;
}
#footer .footer-cr p{
    font-size: 14px;
}
/*螫ㄢF*/
.rightContactBar {
    position: fixed;
    right: 0;
    top: 200px;
    width: 140px;
}
.rightContactBar a {
    display: none;
    width: 140px;
    height: 20px;
    background-color: #F8B600;
    text-align: center;
    margin-bottom: 1px;
    color: #fff;
}

.rightContactBar .rightContactBarToBtn {
    width: 140px;
    height: 30px;
    display: block;
    background-color: #F8B600;
    border-radius: 3px;
}

.rightContactBar .rightContactBarToBtn span {
    display: block;
    width: 120px;
    text-align: center;
    margin: 8px auto;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
}

.qm-tabs .solution-tabs .nav-tabs{
    border-bottom: none;
}
.qm-tabs .solution-tabs .nav-tabs li.active a{
    background-color: #f8b600;
    color: #fff;
    padding: 8px 40px;
    border-radius: 4px;
    font-size: 16px;
    border-left: none;
    border-right: none;
}
.qm-tabs .solution-tabs .nav-tabs li a{
    padding: 8px 40px;
    border-radius: 4px;
    font-size: 16px;
    border-top:none;
    color: #333;
}
.qm-tabs .solution-tabs .nav-tabs a:hover{
    border-top:none;
    background-color: #f8b600;
    color: #fff;
}
@keyframes myfirst{
    100%{
        margin-top: -30px;
    }
}
@-moz-keyframes myfirst{
    100%{
        margin-top: -30px;
    }
}
@-webkit-keyframes myfirst{
    100%{
        margin-top: -30px;
    }
}
@-o-keyframes myfirst{
    100%{
        margin-top: -30px;
    }
}
.qm-tabs .tab-content{
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    padding: 0px;
    border:none;
}
/*
  Я--?B2B2C
*/
/*
  Я--.㎏
*/
/*.products-sale .sec1-step p{
    width: 210px;
    cursor: pointer;
}
.products-sale .sec1-step .p1 span{
    background: #96C042;
    color: #fff;
    border-radius: 3px;
    padding: 8px 20px;
}
.products-sale .sec1-step .p2 span{
    background: #666666;
    color: #fff;
    border-radius: 3px;
    padding: 8px 41px;
}
.products-sale .sec1-step .p1 img{
    position: absolute;
    opacity: 0.1;
    margin: -156px 0 0 -138px;
    z-index: -1;
}
.products-sale .sec1-step .p2 img{
    position: absolute;
    opacity: 0.1;
    margin: -156px 0 0 -138px;
    z-index: -1;
}
.products-sale .sec1-step .p1:hover img{
    animation: saleshow 0.3s ease-in;
    -moz-animation: saleshow 0.3s ease-in;
    -webkit-animation: saleshow 0.3s ease-in;
    -o-animation: saleshow 0.3s ease-in;
    animation-fill-mode : forwards;
}
.products-sale .sec1-step .p2:hover img{
    animation: saleshow 0.3s ease-in;
    -moz-animation: saleshow 0.3s ease-in;
    -webkit-animation: saleshow 0.3s ease-in;
    -o-animation: saleshow 0.3s ease-in;
    animation-fill-mode : forwards;
}
@-webkit-keyframes saleshow {
    0% {
        z-index: -1;
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        z-index: 1;
        opacity: 1;
        transform: translateY(0);
    }
}

@-moz-keyframes saleshow {
    0% {
        z-index: -1;
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        z-index: 1;
        opacity: 1;
        transform: translateY(0);
    }
}

@-o-keyframes saleshow {
    0% {
        z-index: -1;
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        z-index: 1;
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes saleshow {
    0% {
        z-index: -1;
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        z-index: 1;
        opacity: 1;
        transform: translateY(0);
    }
}*/
/*
  Я--憿'
*/

/*--create --v2 2016t512?/
/*.tabs-pro 憿'慒蝏annertabsb*/
li,h4 { margin: 0px; padding: 0px; }
li { list-style: none; }



/*Я-慒?}? 2016t37?    --v2 2016t517?1:59:09
*/





@keyframes eleshow1 {
    0% {
        top: 108px;
        left: 466px;
    }
    69%{
        top: 108px;
        left: 66px;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari ?Chrome */
        -o-transform:rotate(0deg); /* Opera */
    }
    70%{
        top: 108px;
        left: 66px;
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari ?Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
    100% {
        top: 248px;
        left: 66px;
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari ?Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
}

@-webkit-keyframes eleshow1 {
    0% {
        top: 108px;
        left: 466px;
    }
    69%{
        top: 108px;
        left: 66px;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari ?Chrome */
        -o-transform:rotate(0deg); /* Opera */
    }
    70%{
        top: 108px;
        left: 66px;
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari ?Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
    100% {
        top: 248px;
        left: 66px;
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari ?Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
}

@-moz-keyframes eleshow1 {
    0% {
        top: 108px;
        left: 466px;
    }
    69%{
        top: 108px;
        left: 66px;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari ?Chrome */
        -o-transform:rotate(0deg); /* Opera */
    }
    70%{
        top: 108px;
        left: 66px;
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari ?Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
    100% {
        top: 248px;
        left: 66px;
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari ?Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
}

@-o-keyframes eleshow1 {
    0% {
        top: 108px;
        left: 466px;
    }
    69%{
        top: 108px;
        left: 66px;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari ?Chrome */
        -o-transform:rotate(0deg); /* Opera */
    }
    70%{
        top: 108px;
        left: 66px;
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari ?Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
    100% {
        top: 248px;
        left: 66px;
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari ?Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
}
@keyframes eleshow2 {
    0% {
        top: 343px;
        left: 326px;
    }
    100% {
        top: 343px;
        left: 154px;
    }
}

@-webkit-keyframes eleshow2 {
    0% {
        top: 343px;
        left: 326px;
    }
    100% {
        top: 343px;
        left: 154px;
    }
}

@-moz-keyframes eleshow2 {
    0% {
        top: 343px;
        left: 326px;
    }
    100% {
        top: 343px;
        left: 154px;
    }
}

@-o-keyframes eleshow2 {
    0% {
        top: 343px;
        left: 326px;
    }
    100% {
        top: 343px;
        left: 154px;
    }
}
@keyframes eleshow3 {
    0% {top: 247px;left: 418px;}
    65%{top: 147px;left: 418px;transform:rotate(0deg);-ms-transform:rotate(0deg);
        -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
    66%{top: 147px;left: 418px;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
    100% {top: 147px;left: 469px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);-o-transform:rotate(90deg); }
}

@-webkit-keyframes eleshow3 {
    0% {top: 247px;left: 418px;}
    65%{top: 147px;left: 418px;transform:rotate(0deg);-ms-transform:rotate(0deg);
        -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
    66%{top: 147px;left: 418px;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
    100% {top: 147px;left: 469px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);-o-transform:rotate(90deg); }
}

@-moz-keyframes eleshow3 {
    0% {top: 247px;left: 418px;}
    65%{top: 147px;left: 418px;transform:rotate(0deg);-ms-transform:rotate(0deg);
        -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
    66%{top: 147px;left: 418px;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
    100% {top: 147px;left: 469px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);-o-transform:rotate(90deg); }
}

@-o-keyframes eleshow3 {
    0% {top: 247px;left: 418px;}
    65%{top: 147px;left: 418px;transform:rotate(0deg);-ms-transform:rotate(0deg);
        -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
    66%{top: 147px;left: 418px;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
    100% {top: 147px;left: 469px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);-o-transform:rotate(90deg); }
}
@keyframes eleshow4 {
    0% {top: 343px;left: 504px;}
    100% {top: 343px;left: 668px;}
}

@-webkit-keyframes eleshow4 {
    0% {top: 343px;left: 504px;}
    100% {top: 343px;left: 668px;}
}

@-moz-keyframes eleshow4 {
    0% {top: 343px;left: 504px;}
    100% {top: 343px;left: 668px;}
}

@-o-keyframes eleshow4 {
    0% {top: 343px;left: 504px;}
    100% {top: 343px;left: 668px;}
}
@keyframes eleshow5 {
    0% {top: 246px;left: 1118px;}
    39%{top: 107px;left: 1118px;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
    40%{top: 107px;left: 1118px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
    100% {top: 107px;left: 717px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
}

@-webkit-keyframes eleshow5 {
    0% {top: 246px;left: 1118px;}
    39%{top: 107px;left: 1118px;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
    40%{top: 107px;left: 1118px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
    100% {top: 107px;left: 717px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
}

@-moz-keyframes eleshow5 {
    0% {top: 246px;left: 1118px;}
    39%{top: 107px;left: 1118px;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
    40%{top: 107px;left: 1118px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
    100% {top: 107px;left: 717px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
}

@-o-keyframes eleshow5 {
    0% {top: 246px;left: 1118px;}
    39%{top: 107px;left: 1118px;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
    40%{top: 107px;left: 1118px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
    100% {top: 107px;left: 717px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
}
@keyframes eleshow6 {
    0% {top: 148px;left: 717px;}
    39%{top: 148px;left: 765px;transform:rotate(180deg);-ms-transform:rotate(180deg);
        -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    40%{top: 148px;left: 766px;transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg);
        -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
    100% {top: 250px;left: 766px;transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg);
        -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
}

@-webkit-keyframes eleshow6 {
    0% {top: 148px;left: 717px;}
    39%{top: 148px;left: 765px;transform:rotate(180deg);-ms-transform:rotate(180deg);
        -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    40%{top: 148px;left: 766px;transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg);
        -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
    100% {top: 250px;left: 766px;transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg);
        -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
}

@-moz-keyframes eleshow6 {
    0% {top: 148px;left: 717px;}
    39%{top: 148px;left: 765px;transform:rotate(180deg);-ms-transform:rotate(180deg);
        -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    40%{top: 148px;left: 766px;transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg);
        -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
    100% {top: 250px;left: 766px;transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg);
        -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
}

@-o-keyframes eleshow6 {
    0% {top: 148px;left: 717px;}
    39%{top: 148px;left: 765px;transform:rotate(180deg);-ms-transform:rotate(180deg);
        -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    40%{top: 148px;left: 766px;transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg);
        -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
    100% {top: 250px;left: 766px;transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg);
        -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
}
@keyframes eleshow7 {
    0% {top: 343px;left: 866px;}
    100% {top: 343px;left: 1026px;}
}

@-webkit-keyframes eleshow7 {
    0% {top: 343px;left: 866px;}
    100% {top: 343px;left: 1026px;}
}

@-moz-keyframes eleshow7 {
    0% {top: 343px;left: 866px;}
    100% {top: 343px;left: 1026px;}
}

@-o-keyframes eleshow7 {
    0% {top: 343px;left: 866px;}
    100% {top: 343px;left: 1026px;}
}
@keyframes eleshow8 {
    0% {top: 461px;left: 504px;}
    100% {top: 461px;left: 1026px;}
}

@-webkit-keyframes eleshow8 {
    0% {top: 461px;left: 504px;}
    100% {top: 461px;left: 1026px;}
}

@-moz-keyframes eleshow8 {
    0% {top: 461px;left: 504px;}
    100% {top: 461px;left: 1026px;}
}

@-o-keyframes eleshow8 {
    0% {top: 461px;left: 504px;}
    100% {top: 461px;left: 1026px;}
}
@keyframes eleshow9 {
    0% {top: 249px;left: 167px;}
    100% {top: 249px;left: 367px;}
}

@-webkit-keyframes eleshow9 {
    0% {top: 249px;left: 167px;}
    100% {top: 249px;left: 367px;}
}

@-moz-keyframes eleshow9 {
    0% {top: 249px;left: 167px;}
    100% {top: 249px;left: 367px;}
}

@-o-keyframes eleshow9 {
    0% {top: 249px;left: 167px;}
    100% {top: 249px;left: 367px;}
}
@keyframes eleshow0 {
    0% {top: 222px;left: 817px;}
    100% {top: 222px;left: 1021px;}
}

@-webkit-keyframes eleshow0 {
    0% {top: 222px;left: 817px;}
    100% {top: 222px;left: 1021px;}
}

@-moz-keyframes eleshow0 {
    0% {top: 222px;left: 817px;}
    100% {top: 222px;left: 1021px;}
}

@-o-keyframes eleshow0 {
    0% {top: 222px;left: 817px;}
    100% {top: 222px;left: 1021px;}
}
@keyframes eleshow11 {
    0% {top: 273px;left: 1021px;}
    100% {top: 273px;left: 817px;}
}

@-webkit-keyframes eleshow11 {
    0% {top: 273px;left: 1021px;}
    100% {top: 273px;left: 817px;}
}

@-moz-keyframes eleshow11 {
    0% {top: 273px;left: 1021px;}
    100% {top: 273px;left: 817px;}
}

@-o-keyframes eleshow11 {
    0% {top: 273px;left: 1021px;}
    100% {top: 273px;left: 817px;}
}



@-webkit-keyframes eqshow {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-moz-keyframes eqshow {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-o-keyframes eqshow {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes eqshow {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.solutions-pifa .div-title{
    display: inline-block;
    border: 2px solid #eee;
    padding: 0px 100px 10px 100px;
}
.solutions-pifa .div-title p:nth-child(1){
    position: absolute;
    margin-top: -18px;
    background-color: #fafafa;
    padding: 0 30px;
}

.solutions-pifa .banner{
    background: url("../images/16191621ug7f.jpg") center no-repeat;
    height: 599px;
    padding-top: 224px;
}
.solutions-pifa .banner .banner-p1{
    margin-left: 100px;
}
.solutions-pifa .banner .banner-p2,.solutions-pifa .banner .banner-p3{
    margin-left: 38px;
}
.solutions-pifa .sec2{
    background: url("../images/171004071m9o.jpg") center no-repeat;
    height: 620px;
}
.solutions-pifa .sec2-p1{
    padding-top: 68px;
    padding-left: 176px;
}
.solutions-pifa .sec2-p1 span:nth-child(2),.solutions-pifa .sec2-p3 span:nth-child(2){
    padding-left: 390px;
}
.solutions-pifa .sec2-p2,.solutions-pifa .sec2-p3,.solutions-pifa .sec2-p4{
    padding-left: 176px;
}
.solutions-pifa .sec2-p2 span:nth-child(2){
    padding-left: 358px;
}
.solutions-pifa .sec2-p4 span:nth-child(2){
    padding-left: 314px;
}
.solutions-pifa .solution-tabs .tab-bg{
    background: url("../images/17135551c2fv.jpg") center no-repeat;
    height: 280px;
}
.solutions-pifa .solution-tabs .tab-bg2{
    background: url("../images/17152253httt.jpg") center no-repeat;
    height: 180px;
}
.solutions-pifa .sec4-left{
    width: 50%;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.solutions-pifa .sec4-right{
    width: 50%;
    background-image: -webkit-linear-gradient(left, rgba(255, 187, 0, .5) 0%, rgba(0, 0, 0, .0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 187, 0, .5) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 187, 0, .5)), to(rgba(0, 0, 0, .0)));
    background-image: linear-gradient(to right, rgba(255, 187, 0, .5) 0%, rgba(0, 0, 0, 0.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.solutions-pifa .sec4-div img{
    position: absolute;
    margin-left: -82px;
    padding-top: 40px;
    left: 50%;
}
.solutions-pifa .sec4-left1{
    padding-right: 110px;
    height: 740px;
    width: 50%;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .2)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.solutions-pifa .sec4-right1{
    padding-left: 110px;
    height: 740px;
    width: 50%;
    background-image: -webkit-linear-gradient(left, rgba(255, 187, 0, .2) 0%, rgba(0, 0, 0, .0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 187, 0, .2) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 187, 0, .2)), to(rgba(0, 0, 0, .0)));
    background-image: linear-gradient(to right, rgba(255, 187, 0, .2) 0%, rgba(0, 0, 0, 0.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.solutions-pifa .sec5{
    background: url("../images/17165201q4p6.jpg") center no-repeat;
    height: 620px;
}
.solutions-pifa .sec5 .sec5-p1{
     padding: 376px 0 0 98px;
}
.solutions-pifa .sec5 p span:nth-child(2){
    padding-left: 230px;
}
.solutions-pifa .sec6-div1{
    background: url("../images/17174537jny7.jpg") center no-repeat;
    height: 259px;
}
.solutions-pifa .sec6-div2{
    margin-left: 120px;
    padding-top: 50px;
}
.solutions-pifa .sec6-div3 p:nth-child(1){
    padding: 26px 0 0 466px;
}
.solutions-pifa .sec6-div3 p:nth-child(2){
    padding: 30px 0 0 148px;
}
.solutions-pifa .sec6-div3 .font-18 span:nth-child(2){
    padding-left: 372px;
}
.solutions-pifa .sec6-div3 p:nth-child(3){
    padding: 56px 0 0 204px;
}
.solutions-pifa .sec6-div3 .font-16 span:nth-child(2){
    padding-left: 290px;
}
.solutions-pifa .sec6-div4{
    margin-left: 162px;
    padding-top: 50px;
}










