@charset 'UTF-8';

* {

    font-family: 'Microsoft YaHei', arial, helvetica, sans-serif;

}



a:hover {

    text-decoration: none;

}















.page-color999 {

    color: #999;

}



.page-color888 {

    color: #888;

}



.page-color777 {

    color: #777;

}



.page-color666 {

    color: #666;

}



.page-color555 {

    color: #555;

}



.page-color444 {

    color: #444;

}



.page-color333 {

    color: #333;

}



.page-color222 {

    color: #222;

}



.page-color111 {

    color: #111;

}



.page-color000 {

    color: #000;

}



.page-color-red {

    color: #dd524d;

}



.page-color-orange {

    color: #f0ad4e;

}



.page-color-blue {

    color: #007aff;

}



.page-color-green {

    color: #4cd964;

}



.page-color-purple {

    color: #8a6de9;

}



.page-color-white {

    color: #fff;

}

















.page-fontSize12 {

    font-size: 12px;

}



.page-fontSize13 {

    font-size: 13px;

}



.page-fontSize14 {

    font-size: 14px;

}



.page-fontSize15 {

    font-size: 15px;

}



.page-fontSize16 {

    font-size: 16px;

}



.page-fontSize17 {

    font-size: 17px;

}



.page-fontSize18 {

    font-size: 18px;

}



.page-fontSize19 {

    font-size: 19px;

}



.page-fontSize20 {

    font-size: 20px;

}



.page-fontSize21 {

    font-size: 21px;

}



.page-fontSize22 {

    font-size: 22px;

}



.page-fontSize24 {

    font-size: 24px;

}



.page-fontSize26 {

    font-size: 26px;

}



.page-fontWeight-bold {

    font-weight: bold;

}



.page-fontWeight-normal {

    font-weight: normal;

}







hr {

    width: 100%;

    height: 2px;



    border: none;

    border-bottom: dotted 1px #e5e5e5;

    background: #fff;

}

















.page-marginTop-10 {

    margin-top: 10px;

}



.page-marginTop-15 {

    margin-top: 15px;

}



.page-marginTop-20 {

    margin-top: 20px;

}



.page-marginTop-30 {

    margin-top: 30px;

}



.page-marginTop-40 {

    margin-top: 40px;

}



.page-marginTop-50 {

    margin-top: 50px;

}



.page-marginTop-60 {

    margin-top: 60px;

}



.page-marginTop-80 {

    margin-top: 80px;

}



.page-marginBottom-10 {

    margin-bottom: 10px;

}



.page-marginBottom-15 {

    margin-bottom: 15px;

}



.page-marginBottom-20 {

    margin-bottom: 20px;

}



.page-marginBottom-30 {

    margin-bottom: 30px;

}



.page-marginBottom-40 {

    margin-bottom: 40px;

}



.page-marginBottom-50 {

    margin-bottom: 50px;

}



.page-marginBottom-60 {

    margin-bottom: 60px;

	padding-top: 30px;

}



.page-marginBottom-70 {

    margin-bottom: 70px;

}



.page-marginBottom-80 {

    margin-bottom: 80px;

}



.list-unstyled {

    padding-left: 0;

    list-style: none;

}































.page_head_login {

    font-size: 14px;



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-right: 12px;

    padding: 8px 12px;



    color: #fff;

    background: #3b9ff2;

    -moz-border-radius: 5px;

    border-radius: 5px;

}



a.page_head_login:hover {

    color: #fff;

    background: #9cd9f7;

}



























.item-box {

    width: 100%;

    margin: 0;

    padding: 0;

    _height: 100%;

}



.banner .owl-wrapper-outer,

.banner .owl-wrapper-outer .owl-wrapper,

.banner .owl-wrapper-outer .owl-wrapper .owl-item,

.banner .owl-wrapper-outer .owl-wrapper .owl-item .item-box,

.banner .owl-wrapper-outer .owl-wrapper .owl-item .item {

    height: 100%;

}



.banner .owl-wrapper-outer .owl-wrapper .owl-item .item {

    

    background-repeat: no-repeat;

    background-position: center;

}





.banner .owl-controls {

    position: relative;

    top: -68px;

}





@media screen and (max-width: 1199px) {

    .banner .owl-wrapper-outer .owl-wrapper .owl-item .item {

        -moz-background-size: cover;

        background-size: cover;

    }

}





.page-index-bannerBtn{

    display: block;

    position: absolute;

    left:0;

    right:0;

    top:0;

    bottom:0;

}

















.partners {

    padding: 60px 0 65px 0;

    background: #f7f8f9;

}



.partners_content {

    text-align: center;

}



.partners_content_list {

    margin-bottom: 16px;

    padding: 0 8px;

}



.partners_content_list a {

    display: block;

    padding: 15px 0;

    border: solid 1px #f5f5f5;

    background: #fff;

}



.partners_content_list a:hover {}



.partners_content_list a img {



    

    

    opacity: .75;

}



.partners_content_list a:hover img {



    opacity: 1;

}

























.page-solutions {

    

    background: #fff;

    padding: 60px 0 60px 0;

}



.page-solutions .all_title2 h3.title {

    color: #fff;

    font-weight: normal;

}



.owl-solutions {

    height: 420px;

    width: auto;

    overflow: hidden;

}



.owl-list-item .row {

    margin: 0;

}



.owl-list-item .row .col-md-3,

.owl-list-item .row .col-sm-2,

.owl-list-item .row .col-xs-2 {

    padding: 0;

}



.solutions-itembox {

    height: 420px;

    color: #fff;

    padding-left: -15px;

    padding-right: -15px;

    position: relative;

    z-index:

}



.solutions-itembox img {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

}



.solutions-item-mask {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #161a1d;

    opacity: .6;

    filter: alpha(opacity=60);

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}



.solutions-item-mask.mask-other {

    opacity: .82;

    filter: alpha(opacity=82);

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82));

}



.solutions-item {

    position: relative;

    top: 100px;

    height: 100%;

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

    text-align: center;

}



.solutions-item h1 {

    display: block;

    height: 80px;

    font-size: 22px;

    font-weight: 500;

    padding-top: 62px;

    margin: 0;

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}



.solutions-item p.line-panel {

    padding: 0;

    margin: 0;

    margin-top: 0px;

    font-size: 0;

    line-height: 0;

    margin-top: 20px;

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}



.solutions-item p.line-panel .item-line {

    width: 20px;

    height: 2px;

    background: #fff;

    display: inline-block;

    opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}



.solutions-item p.contentText {

    opacity: 0;

    filter: alpha(opacity=0);

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));

    font-size: 14px;

    color: #fff;

    text-align: center;

    margin-top: 30px;

    padding: 0 23px;

    line-height: 24px;

    height: 72px;

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}



.solutions-item a {

    opacity: 0;

    filter: alpha(opacity=0);

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));

    display: inline-block;

    border: 1px solid #fff;

    width: 120px;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    color: #fff;

    text-decoration: none;

    margin-top: 32px;

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}



.solutions-itembox:hover .solutions-item {

    top: 0;

}



.solutions-itembox:hover .solutions-item-mask {

    background: #00c2de;

    opacity: .9;

    filter: alpha(opacity=90);

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(90));

}



.solutions-itembox:hover p,

.solutions-itembox:hover a {

    opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100));

}



























.page-solutions .owl-controls .owl-pagination {

    display: none;

}



.page-solutions .owl-controls .owl-buttons .owl-prev,

.page-solutions .owl-controls .owl-buttons .owl-next {

    width: 50px;

    position: absolute;

    top: 0;

    bottom: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    margin: 0;

    background: #000;

    opacity: 0;

    z-index: 20;

}



.page-solutions .owl-controls .owl-buttons .owl-prev {

    left: 0;

}



.page-solutions .owl-controls .owl-buttons .owl-next {

    right: 0;

}



.page-solutions .owl-controls.clickable .owl-buttons>div:hover {

    background-color: rgba(0, 0, 0, .2);

}



.page-solutions .owl-controls.clickable .owl-buttons>div i {



    display: block;

    width: 30px;

    margin: 0 auto;

    font-size: 24px;

    position: absolute;

    top: 200px;

}



.page-solutions .owl-controls.clickable .owl-buttons>div:hover i {

    color: #fff;

}





























.page-products-list {

    padding-bottom: 80px;

}



.page-products-list img {

    display: inline-block;

    width: 100px;

    height: 100px;

}



.page-products-list p {

    display: inline-block;

    text-align: left;

    padding-right: 30px;

    line-height: 24px;

    color: #777;

}





























.page-sub-box {

    background: #f4f4f4;

}



.page-bottombox-bg {

    margin-top: 45px;



    background: #2c3038;

}

























.page_productbanner {

    width: 100%;

    height: 560px;



    text-align: center;

    color: #fff;

}



.page_productbanner .container,

.page_productbanner .container .row,

.page_productbanner .container .row>div {

    height: 100%;

}



.page_productbanner h1 {

    font-size: 48px;

    font-weight: normal;



    width: 100%;

    margin: 0 auto;

    padding-top: 126px;

}























.page_productbanner ul {

    margin-top: 30px;

}



.page_productbanner ul li {

    float: left;

    display: block;

    margin-right: 10px;

    padding: 3px 15px;

    background: rgba(0, 0, 0, .2);

    -moz-border-radius: 30px;

    border-radius: 30px;

    font-size: 16px;

    margin-bottom: 10px;

}



.page_productbanner p {

    font-size: 16px;

    line-height: 22px;

    width: 100%;

    margin: 0 auto;

    padding-top: 10px;

}



.page_productbanner a.btn {

    background: none;

    border: solid 1px #fff;

    margin-top: 40px;

    color: #fff;

    padding: 10px 30px;

    font-size: 16px;

}



.page_productbanner a.btn:hover {

    background: #09f;

    color: #fff;

    border-color: #09f;

}



.page_subbanner_img {

    position: absolute;

    width: 705px;

    height: 560px;

    top: 0;

    right: -100px;

    -moz-background-size: contain;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center center;

}



















@media screen and (min-width:1200px) {}

















@media screen and (min-width: 960px) and (max-width: 1199px) {

    .page_subbanner_img {

        width: 600px;

        height: 477px;

        top: 20px;

    }

}



















@media screen and (min-width: 768px) and (max-width: 959px) {

    .page_productbanner {

        height: 400px;

    }

    .page_productbanner h1 {

        padding-top: 80px;

        font-size: 32px;

    }

    .page_productbanner p {

        font-size: 14px;

    }

    .page_subbanner_img {

        width: 400px;

        height: 318px;

        top: 30px;

    }

}

















@media only screen and (max-width: 767px) {

    .page_productbanner {

        height: 200px;

    }

    .page_productbanner h1 {

        padding-top: 50px;

        font-size: 24px;

        text-align: center;

    }

    .page_productbanner p {

        font-size: 14px;

    }

}







































.page_subbanner {

    width: 100%;

    height: 350px;



    text-align: center;



    color: #fff;

    background-position: center top;

}



.page_subbanner h1 {

    font-size: 36px;

    font-weight: normal;



    width: 100%;

    margin: 0 auto;

    padding-top: 126px;

}



.page_subbanner p {

    font-size: 18px;

    line-height: 22px;



    width: 100%;

    height: 80px;

    margin: 0 auto;

    padding-top: 10px;

}



































.page-subMenu {

    height: 60px;

    border-bottom: solid 1px #e4e8ea;

    text-align: center;

}



.page-subMenu ul {

    display: inline-block;

    margin: 0;

    padding: 0;

    text-align: center;

    margin: 0 auto;

}



.page-subMenu ul li {

    display: block;

    margin: 0 15px;

    padding: 0;

    list-style: none;

    min-width: 100px;

    height: 60px;

    float: left;

}



.page-subMenu ul li a {

    display: block;

    margin: 0;

    padding: 0;

    height: 60px;

    line-height: 60px;

    font-size: 16px;

    color: #333;

    position: relative;

    text-align: center;

    text-decoration: none;

}



.page-subMenu ul li a i {

    display: inline-block;

    width: 32px;

    height: 32px;

    font-size: 18px;

    color: #2cb9ea;

}



.page-subMenu ul li.curr a {

    color: #fff;

    background: #2cb9ea;

}































.product-commonBox {

    width: 100%;

    padding: 80px 0;

    margin: 0;

}



.product-commonBox .pageHeader {

    font-size: 28px;

    text-align: center;

    color: #333;

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 60px;

}



.product-commonBox .pageHeader i {

    display: block;

    width: 60px;

    height: 2px;

    background: #2cb9ea;

    position: absolute;

    left: 50%;

    margin-left: -30px;

    bottom: 0;

}





@media only screen and (max-width: 767px) {

    .product-commonBox {

        padding: 40px 0;

    }

}















.product-sms1-Box>div>span {

    display: block;

    width: 120px;

    height: 120px;

    position: relative;

    background: #2cb9ea;

    margin: 0 auto;

    -moz-border-radius: 60px;

    border-radius: 60px;

}



.product-sms1-Box>div>span>i {

    font-size: 48px;

    position: relative;

    left: 40px;

    top: 36px;

    color: #fff;

}



.product-sms1-Box>div>p {

    padding: 0 15px;

    font-size: 16px;

    line-height: 2;

    padding-top: 10px;

}



.product-sms1-Box>div:nth-of-type(1) span i {

    

}



.product-sms1-Box>div:nth-of-type(2) span i {

    

}



.product-sms1-Box>div:nth-of-type(3) span i {

    

}





@media only screen and (max-width: 767px) {



    .product-sms1-Box>div>span {

        width: 60px;

        height: 60px;

    }

    .product-sms1-Box>div>span>i {

        left: 20px;

        top: 18px;

        font-size: 28px;

    }

    .product-sms1-Box>div>h3 {

        font-size: 18px;

    }

    .product-sms1-Box>div>p {

        font-size: 14px;

    }

}























.product-sms2-Box-content {

    padding: 15px;

}



.product-sms2-Box-content>span {

    display: block;

    width: 56px;

    height: 60px;

    

    color: #2cb9ea;

    margin: 20px auto;

}



.product-sms2-Box-content>span>i {

    font-size: 56px;

}



.product-sms2-Box-content>div {

    display: block;

    

    text-align: center;

}



.product-sms2-Box-content>div>label {

    display: block;

    font-size: 22px;

    color: #333;

    font-weight: normal;

}



.product-sms2-Box-content>div>p {

    display: block;

    font-size: 14px;

    color: #666;

    line-height: 1.8;



    text-align: left;

    margin-top: 10px;

}



@media screen and (min-width: 960px) {

    .product-sms2-Box-content>div>p {

        min-height: 180px;

    }

    .product-sms2-Box-content>div>p.s02 {

        min-height: 110px;

    }

    .product-sms2-Box-content {

        padding: 30px;

        border: solid 1px #f2f2f2;

        background: #fff;

        min-height: 420px;

    }







    .product-sms2-Box .col-md-6:nth-of-type(1) .product-sms2-Box-content,

    .product-sms2-Box .col-md-6:nth-of-type(3) .product-sms2-Box-content,

    .product-sms2-Box .col-md-6:nth-of-type(5) .product-sms2-Box-content {

        

    }

    .product-sms2-Box .col-md-6:nth-of-type(2) .product-sms2-Box-content,

    .product-sms2-Box .col-md-6:nth-of-type(4) .product-sms2-Box-content {

        

    }

}























.product-sms3-Box-content {

    background: #fff;

    

    border:solid 1px #f2f5f8;

    padding: 20px;

    margin: 0;

}



.common-advantage-icon {

    display: block;

    width: 120px;

    height: 120px;

    background: #f4faff;

    -moz-border-radius: 60px;

    border-radius: 60px;

    position: relative;

    top: 10px;

    left: -5px;

}



.common-advantage-icon i {

    font-size: 56px;

    position: absolute;

    left: 40px;

    top: 30px;

}



.product-sms3-Box>div.col-xs-12:nth-of-type(1) .common-advantage-icon i {

    color: #6686ff;

    left: 38px;

}



.product-sms3-Box>div.col-xs-12:nth-of-type(2) .common-advantage-icon i {

    color: #ff972b;

}



.product-sms3-Box>div.col-xs-12:nth-of-type(3) .common-advantage-icon i {

    color: #32a1f8;

}



.product-sms3-Box>div.col-xs-12:nth-of-type(4) .common-advantage-icon i {

    color: #50cb8e;

    left: 38px;

}



.product-sms3-Box>div.col-xs-12:nth-of-type(5) .common-advantage-icon i {

    color: #ff6a88;

    left: 42px;

}



.product-sms3-Box>div.col-xs-12:nth-of-type(6) .common-advantage-icon i {

    color: #25bddc;

    left: 46px;

}



.common-advantage-content label {

    display: block;

    font-size: 22px;

    color: #333;

    font-weight: normal;

    margin-top: 15px;

}



.common-advantage-content p {

    display: block;

    font-size: 16px;

    color: #666;

    line-height: 1.8;

    min-height: 80px;

}



@media only screen and (min-width: 1200px) {

    .common-advantage-content {

        min-height: 160px;

    }

}



@media only screen and (max-width: 767px) {

    .common-advantage-icon {

        margin: 0 auto;

    }

    .common-advantage-content label {

        text-align: center;

    }

    .common-advantage-content p {

        font-size: 14px;

    }

}













.product-sms-aplication {}



.product-sms-aplication h4 {

    text-align: center;

}



.product-sms-aplication ul {

    display: block;

    margin: 0 auto;

    text-align: center;

}



.product-sms-aplication li {

    display: inline-block;

    padding: 3px 10px;

    margin-bottom: 4px;

    background: #fff;

    border: solid 1px #e5e5e5;

    -moz-border-radius: 30px;

    border-radius: 30px;

    color: #76838f;

}

















.country-code {

    width: 100%;

    overflow: hidden;

}



.country-code ul {

    display: block;

    margin: 0;

    padding: 0;

}



.country-code ul li {

    display: block;

    list-style: none;

    margin: 0;

}



.country-codetitle ul li:first-child {

    font-weight: bold;

    font-size: 16px;

}



.country-code ul li span {

    display: inline-block;

    width: 33.3%;

    text-align: center;

    padding: 6px 0;

}



























.page-AboutBox {

    line-height: 1.8;

    color: #666;

    font-size: 16px;

    width: 1200px;

    margin: 0 auto;

}



.page-AboutBox .AboutContent {

    padding: 40px 0 40px 0;

}



.pageicon-SY {

    display: block;

    width: 120px;

    height: 120px;

    background: #2cb9ea;

    font-size: 2em;

    -moz-border-radius: 50%;

    border-radius: 50%;

    margin: 0 auto;

    position: relative;

}



.pageicon-SY::before {

    display: block;

    font-size: 1.8em;

    margin: 0 auto;

    text-align: center;

    position: relative;

    top: 10px;

    color: #fff;

}



.pageicon-SY01 {

    top: 40px;

}



.pageicon-SY02 {

    top: 56px;

}



.pageicon-SY03 {

    top: 10px;

}





.page-culture h5{

    width:90px;

    height:90px;

    margin: 0 auto;

   

}

.page-culture h5 i{

    font-size: 68px;

    color:#2cb9ea;

}

.page-culture h3{

    color:#374452;

    margin-top: 0;

    margin-bottom: 20px;

}



























.page-case-box {

    padding: 45px 0 0 0;

}



.page-case-box ul {}



.page-case-box ul li {

    display: inline-block;

    list-style: none;

    margin-bottom: 12px;

}



.page-case-box ul li a {

    display: block;

    border: solid 1px #e5e5e5;

    background: #fff;

    color: #666;

    padding: 6px 12px;

    font-size: 14px;

    -moz-border-radius: 20px;

    border-radius: 20px;

}



.page-case-box ul li.curr a {

    border: solid 1px #448af8;

    background: #448af8;

    color: #fff;

}





























.page_case_list a {

    display: block;

    background: #fff;

    padding: 15px 0;

    border: solid 1px #f2f2f2;

}





































.page-bottom-1st {

    background: #2c313d;

    color: #a9b0b4;

    font-size: 16px;

    line-height: 22px;

}



.page-bottom-1st-item {

    padding: 30px 0 40px 0;

    text-align: center;

}



.page-bottom-1st-item i {

    font-size: 48px;

    display: block;

    line-height: 68px;

    font-weight: normal;

}































.page-bottom-nav {

    width: 100%;

    padding: 45px 0;

    background: #363b46;

    margin-top: 60px;

}



.page-bottom-nav .page-bottom-nav-title {

    padding-bottom: 30px;

    color: #fff;

}



.page-bottom-nav .page-bottom-nav-title-small {

    margin-bottom: 30px;

    color: #fff;

    display: inline-block;

}



.page-bottom-nav .page-bottom-nav-ul {}



.page-bottom-nav .page-bottom-nav-ul li {

    display: inline-block;

    min-width: 130px;

    float: left;

    color: #9599a3;

    height: 40px;

}



.page-bottom-nav .page-bottom-nav-ul li a {

    color: #9599a3;

}



.page-bottom-nav .page-bottom-nav-ul li a:hover {

    color: #99a3bd;

}



.page-bottom-nav .page-bottom-nav-ul-right li {

    min-width: 120px;

}



























.page-bottom-nav-friendLinks {

    padding-top: 30px;

}



.page-bottom-nav-friendLinks li {

    float: left;

    margin-right: 20px;

}



.page-bottom-nav-friendLinks li a {

    color: #fff;

}



.page-bottom-nav-friendLinks li a::before {

    content: "";

    background-color: #fff;

    display: inline-block;

    width: 3px;

    height: 3px;

    -moz-border-radius: 50%;

    border-radius: 50%;

    margin-right: 10px;

    margin-bottom: 3px;

}



.page-bottom-nav-friendLinks .nav-title {

    color: #fff;

}







.page-bottom-copyright {

    width: 100%;

    background: #2c3038;

    padding: 30px 0;

    color: #888;

    text-align: center;

}



































.page-solution-submenu {

    position: relative;

    text-align: center;

    background: #2c3038;

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .4);

    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .4);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .4);

    top: -20px;

}



.page-solution-submenu .row>div {

    padding: 0;

}



.page-solution-submenu p {

    display: block;

    margin: 0;

}



.page-solution-submenu p a {

    display: block;

    line-height: 56px;

    background: #2c3038;

    line-height: 56px;

    color: #fff;



    border: solid 1px #363b46;

    border-left: none;

    border-top: none;

    position: relative;

}



.page-solution-submenu p.curr a {

    background: #2cb9ea;

}





.solution-box1 {

    padding: 48px 0;

    

}



.solution-box2 {

    padding: 48px 0;

}



.solution-box3 {

    padding: 48px 0;

    

}



.solution-box4 {

    padding: 48px 0 100px 0;

    background: #ecf9ff;

    position: relative;

    overflow: hidden;

}



.solution-content h1:first-child {}



.solution-content h1 {

    line-height: 28px;

    font-size: 24px;

    border-left: solid 4px #2cb9ea;

    position: relative;

    color: #374552;

    margin: 0 0 32px 0;

    font-weight: bold;



    padding-left: 10px;

}



.solution-content h1::after {

    

}



.solution-text {

    padding: 30px 0 0 0;

}



.solution-text span {

    display: inline-block;

    margin-bottom: 10px;

    background: #fff;

    padding: 10px 12px;

    margin-right: 8px;

    min-width: 100px;

    text-align: center;

    border:solid 1px #e5e5e5;

    border-radius: 30px;

    color:#374552;

    font-size: 16px;

}

.solution-text p{

    font-size: 16px;

    color:#374552;

}



























.solution-text01 {

    text-align: center;

    font-size: 18px;

    font-weight: bold;

    color: #374552;

    padding: 45px 0 10px 0;

    border:solid 1px #f2f2f2;

    margin: 0;

    background: #f9fbfc;

}



.solution-text01>div {

    padding-bottom: 40px;

}



.solution-text01 i {

    display: block;

    width:96px;

    height:96px;



    font-size: 2.6em;

    font-weight: 100;

    background: #2cb9ea;

    text-align: center;

    margin: 0 auto;

    border-radius: 50px;

    margin-bottom: 14px;

}

.solution-text01 i::before {

    color: #fff;

    position: relative;

    top:14px;

}













.solution-text02 {}

.solution-text02 .table-box{

    padding:0 15px;

}





.table-box .table {

    border-collapse: collapse;

    table-layout: fixed;

    border:solid 1px #ebebeb;

}



.table-box .table>tbody>tr>th,

.table-box .table>tbody>tr>td{

    font-size: 16px;

    vertical-align:middle;

    height: 68px;

    padding-left: 30px;

    border:solid 1px #e4e8ea;

    color:#666;

}

.table-box .table>tbody>tr>th{

    border-right:solid 1px #e4e8ea;

    width: 160px;

    background: #f9fbfc;

    font-size: 18px;

    color:#374552;



}













.table-box.table-boxsms .table {

    border-collapse: collapse;

    table-layout: fixed;

    border:solid 1px #ebebeb;

}



.table-box.table-boxsms .table>tbody>tr>th,

.table-box.table-boxsms .table>tbody>tr>td{

    font-size: 16px;

    vertical-align:middle;

    height: 68px;

    padding-left: 30px;

    border:solid 1px #ebebeb;

    color:#ff6767;

}

.table-box.table-boxsms .table>tbody>tr>th{

    border-right:solid 1px #ff6767;

    width: 160px;

    background: #ff6767;

    font-size: 18px;

    color:#fff;



}






















.solution-text03 {}





.page-phoneMenu{ display: block; margin: 0; padding:0; clear:both; text-align: center; margin-bottom: 40px;}

.page-phoneMenu li{

    display: inline-block; 

    min-width:100px;

    line-height: 36px;

    color:#374552;

    font-size: 18px;

    font-weight:bold;

    list-style: none;



    text-align: center;

    cursor:pointer;

}

.page-phoneMenu li.curr{



    color:#2cb9ea;

}





.page-phoneBox{



}

.page-phoneBox-content{

    display: none;

}

.page-phoneBox-content h3{

    text-align: center;

}

.page-phoneBox .page-phoneBox-content.curr{

    display: block;

}











.chat-box {

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-color: #fff

}



.chats {

    padding: 30px 15px

}

.avatar {

    position: relative;

    display: inline-block;

    width: 40px;

    white-space: nowrap;

    vertical-align: bottom;

    border-radius: 1000px;

}

.avatar img {

    width: 100%;

    max-width: 100%;

    height: auto;

    border: 0 none;

    border-radius: 1000px;

}

.chat-avatar {

    float: right

}



.chat-avatar .avatar {

    width: 30px

}



.chat-body {

    display: block;

    margin: 10px 30px 0 0;

    overflow: hidden

}



.chat-body:first-child {

    margin-top: 0

}



.chat-content {

    position: relative;

    display: block;

    float: right;

    padding: 5px 10px;

    margin: 0 20px 10px 0;

    clear: both;

    color: #fff;

    background-color: #62a8ea;

    border-radius: 4px

}



.chat-content:before {

    position: absolute;

    top: 10px;

    right: -10px;

    width: 0;

    height: 0;

    content: "";

    border: 5px solid transparent;

    border-left-color: #62a8ea

}



.chat-content>p {

    margin: 0;

    font-size:14px;

    color:#374552;

    padding:8px 6px;

}



.chat-content+.chat-content:before {

    border-color: transparent

}


.chat-time {

    display: block;

    font-size: 8px;

    color: rgba(255, 255, 255, .6)

}



.chat-left .chat-avatar {

    float: left

}



.chat-left .chat-body {

    margin-right: 0;

    margin-left: 30px

}



.chat-left .chat-content {

    float: left;

    margin: 0 0 10px 20px;

    color: #76838f;

    background-color: #dfe9ef

}



.chat-left .chat-content:before {

    right: auto;

    left: -10px;

    border-right-color: #dfe9ef;

    border-left-color: transparent

}



.chat-left .chat-content+.chat-content:before {

    border-color: transparent

}



.chat-left .chat-time {

    color: #a3afb7

}



.marvel-device.iphone8:after{

    display: none;

}









.ribbon {

    position: absolute;

    top: -3px;

    left: -3px;

    width: 150px;

    height: 150px;

    text-align: center;

    background-color: transparent

}



.ribbon-inner {

    position: absolute;

    top: 16px;

    left: 0;

    display: inline-block;

    height: 30px;

    padding-right: 20px;

    padding-left: 20px;

    line-height: 30px;

    color: #fff;

    white-space: nowrap;

    background-color: #526069

}



.ribbon-inner .icon {

    font-size: 16px

}



.ribbon-lg .ribbon-inner {

    height: 38px;

    font-size: 18px;

    line-height: 38px

}



.ribbon-sm .ribbon-inner {

    height: 26px;

    font-size: 12px;

    line-height: 26px

}



.ribbon-xs .ribbon-inner {

    height: 22px;

    font-size: 12px;

    line-height: 22px

}



.ribbon-vertical .ribbon-inner {

    top: 0;

    left: 16px;

    width: 30px;

    height: 60px;

    padding: 15px 0

}



.ribbon-vertical.ribbon-xs .ribbon-inner {

    width: 22px;

    height: 50px

}



.ribbon-vertical.ribbon-sm .ribbon-inner {

    width: 26px;

    height: 55px

}



.ribbon-vertical.ribbon-lg .ribbon-inner {

    width: 38px;

    height: 70px

}



.ribbon-reverse {

    right: -3px;

    left: auto

}



.ribbon-reverse .ribbon-inner {

    right: 0;

    left: auto

}



.ribbon-reverse.ribbon-vertical .ribbon-inner {

    right: 16px

}



.ribbon-bookmark .ribbon-inner {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none

}



.ribbon-bookmark .ribbon-inner:before {

    position: absolute;

    top: 0;

    left: 100%;

    display: block;

    width: 0;

    height: 0;

    content: "";

    border: 15px solid #526069;

    border-right: 10px solid transparent

}



.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {

    top: 100%;

    left: 0;

    margin-top: -15px;

    border-right: 15px solid #526069;

    border-bottom: 10px solid transparent

}



.ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before {

    margin-top: -11px

}



.ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before {

    margin-top: -13px

}



.ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before {

    margin-top: -19px

}



.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {

    right: 100%;

    left: auto;

    border-right: 15px solid #526069;

    border-left: 10px solid transparent

}



.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before {

    right: auto;

    left: 0;

    border-right-color: #526069;

    border-bottom-color: transparent;

    border-left: 15px solid #526069

}



.ribbon-bookmark.ribbon-xs .ribbon-inner:before {

    border-width: 11px

}



.ribbon-bookmark.ribbon-sm .ribbon-inner:before {

    border-width: 13px

}



.ribbon-bookmark.ribbon-lg .ribbon-inner:before {

    border-width: 19px

}



.ribbon-badge {

    top: -2px;

    left: -2px;

    overflow: hidden

}



.ribbon-badge .ribbon-inner {

    left: -40px;

    width: 100%;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.ribbon-badge.ribbon-reverse {

    right: -2px;

    left: auto

}



.ribbon-badge.ribbon-reverse .ribbon-inner {

    right: -40px;

    left: auto;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transform: rotate(45deg)

}



.ribbon-badge.ribbon-bottom {

    top: auto;

    bottom: -2px

}



.ribbon-badge.ribbon-bottom .ribbon-inner {

    top: auto;

    bottom: 16px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transform: rotate(45deg)

}



.ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.ribbon-corner {

    top: 0;

    left: 0;

    overflow: hidden

}



.ribbon-corner .ribbon-inner {

    top: 0;

    left: 0;

    width: 40px;

    height: 35px;

    padding: 0;

    line-height: 35px;

    background-color: transparent

}



.ribbon-corner .ribbon-inner:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    content: "";

    border: 30px solid transparent;

    border-top-color: #526069;

    border-left-color: #526069

}



.ribbon-corner.ribbon-reverse {

    right: 0;

    left: auto

}



.ribbon-corner.ribbon-reverse .ribbon-inner {

    right: 0;

    left: auto

}



.ribbon-corner.ribbon-reverse .ribbon-inner:before {

    right: 0;

    left: auto;

    border-right-color: #526069;

    border-left-color: transparent

}



.ribbon-corner.ribbon-bottom {

    top: auto;

    bottom: 0

}



.ribbon-corner.ribbon-bottom .ribbon-inner {

    top: auto;

    bottom: 0

}



.ribbon-corner.ribbon-bottom .ribbon-inner:before {

    top: auto;

    bottom: 0;

    border-top-color: transparent;

    border-bottom-color: #526069

}



.ribbon-corner.ribbon-xs .ribbon-inner {

    width: 28px;

    height: 26px;

    line-height: 26px

}



.ribbon-corner.ribbon-xs .ribbon-inner:before {

    border-width: 22px

}



.ribbon-corner.ribbon-xs .ribbon-inner>.icon {

    font-size: 12px

}



.ribbon-corner.ribbon-sm .ribbon-inner {

    width: 34px;

    height: 32px;

    line-height: 32px

}



.ribbon-corner.ribbon-sm .ribbon-inner:before {

    border-width: 26px

}



.ribbon-corner.ribbon-sm .ribbon-inner>.icon {

    font-size: 12px

}



.ribbon-corner.ribbon-lg .ribbon-inner {

    width: 46px;

    height: 44px;

    line-height: 44px

}



.ribbon-corner.ribbon-lg .ribbon-inner:before {

    border-width: 36px

}



.ribbon-corner.ribbon-lg .ribbon-inner>.icon {

    font-size: 18px

}



.ribbon-clip {

    left: -14px

}



.ribbon-clip .ribbon-inner {

    padding-left: 23px;

    -moz-border-radius: 0 5px 5px 0;

    border-radius: 0 5px 5px 0

}



.ribbon-clip .ribbon-inner:after {

    position: absolute;

    bottom: -14px;

    left: 0;

    width: 0;

    height: 0;

    content: "";

    border: 7px solid transparent;

    border-top-color: #37474f;

    border-right-color: #37474f

}



.ribbon-clip.ribbon-reverse {

    right: -14px;

    left: auto

}



.ribbon-clip.ribbon-reverse .ribbon-inner {

    padding-right: 23px;

    padding-left: 15px;

    -moz-border-radius: 5px 0 0 5px;

    border-radius: 5px 0 0 5px

}



.ribbon-clip.ribbon-reverse .ribbon-inner:after {

    right: 0;

    left: auto;

    border-right-color: transparent;

    border-left-color: #37474f

}



.ribbon-clip.ribbon-bottom {

    top: auto;

    bottom: -3px

}



.ribbon-clip.ribbon-bottom .ribbon-inner {

    top: auto;

    bottom: 16px

}



.ribbon-clip.ribbon-bottom .ribbon-inner:after {

    top: -14px;

    bottom: auto;

    border-top-color: transparent;

    border-bottom-color: #37474f

}



.ribbon-primary .ribbon-inner {

    background-color: #62a8ea

}



.ribbon-primary.ribbon-bookmark .ribbon-inner:before {

    border-color: #62a8ea;

    border-right-color: transparent

}



.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {

    border-right-color: #62a8ea;

    border-left-color: transparent

}



.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {

    border-right-color: #62a8ea;

    border-bottom-color: transparent

}



.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {

    border-right-color: #62a8ea;

    border-bottom-color: transparent;

    border-left-color: #62a8ea

}



.ribbon-primary.ribbon-corner .ribbon-inner {

    background-color: transparent

}



.ribbon-primary.ribbon-corner .ribbon-inner:before {

    border-top-color: #62a8ea;

    border-left-color: #62a8ea

}



.ribbon-primary.ribbon-corner.ribbon-reverse .ribbon-inner:before {

    border-right-color: #62a8ea;

    border-left-color: transparent

}



.ribbon-primary.ribbon-corner.ribbon-bottom .ribbon-inner:before {

    border-top-color: transparent;

    border-bottom-color: #62a8ea

}



.ribbon-primary .ribbon-inner:after {

    border-top-color: #4e97d9;

    border-right-color: #4e97d9

}



.ribbon-primary.ribbon-reverse .ribbon-inner:after {

    border-right-color: transparent;

    border-left-color: #4e97d9

}



.ribbon-primary.ribbon-bottom .ribbon-inner:after {

    border-top-color: transparent;

    border-bottom-color: #4e97d9

}



.ribbon-success .ribbon-inner {

    background-color: #46be8a

}



.ribbon-success.ribbon-bookmark .ribbon-inner:before {

    border-color: #46be8a;

    border-right-color: transparent

}



.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {

    border-right-color: #46be8a;

    border-left-color: transparent

}



.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {

    border-right-color: #46be8a;

    border-bottom-color: transparent

}



.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {

    border-right-color: #46be8a;

    border-bottom-color: transparent;

    border-left-color: #46be8a

}



.ribbon-success.ribbon-corner .ribbon-inner {

    background-color: transparent

}



.ribbon-success.ribbon-corner .ribbon-inner:before {

    border-top-color: #46be8a;

    border-left-color: #46be8a

}



.ribbon-success.ribbon-corner.ribbon-reverse .ribbon-inner:before {

    border-right-color: #46be8a;

    border-left-color: transparent

}



.ribbon-success.ribbon-corner.ribbon-bottom .ribbon-inner:before {

    border-top-color: transparent;

    border-bottom-color: #46be8a

}



.ribbon-success .ribbon-inner:after {

    border-top-color: #36ab7a;

    border-right-color: #36ab7a

}



.ribbon-success.ribbon-reverse .ribbon-inner:after {

    border-right-color: transparent;

    border-left-color: #36ab7a

}



.ribbon-success.ribbon-bottom .ribbon-inner:after {

    border-top-color: transparent;

    border-bottom-color: #36ab7a

}



.ribbon-info .ribbon-inner {

    background-color: #57c7d4

}



.ribbon-info.ribbon-bookmark .ribbon-inner:before {

    border-color: #57c7d4;

    border-right-color: transparent

}



.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {

    border-right-color: #57c7d4;

    border-left-color: transparent

}



.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {

    border-right-color: #57c7d4;

    border-bottom-color: transparent

}



.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {

    border-right-color: #57c7d4;

    border-bottom-color: transparent;

    border-left-color: #57c7d4

}



.ribbon-info.ribbon-corner .ribbon-inner {

    background-color: transparent

}



.ribbon-info.ribbon-corner .ribbon-inner:before {

    border-top-color: #57c7d4;

    border-left-color: #57c7d4

}



.ribbon-info.ribbon-corner.ribbon-reverse .ribbon-inner:before {

    border-right-color: #57c7d4;

    border-left-color: transparent

}



.ribbon-info.ribbon-corner.ribbon-bottom .ribbon-inner:before {

    border-top-color: transparent;

    border-bottom-color: #57c7d4

}



.ribbon-info .ribbon-inner:after {

    border-top-color: #47b8c6;

    border-right-color: #47b8c6

}



.ribbon-info.ribbon-reverse .ribbon-inner:after {

    border-right-color: transparent;

    border-left-color: #47b8c6

}



.ribbon-info.ribbon-bottom .ribbon-inner:after {

    border-top-color: transparent;

    border-bottom-color: #47b8c6

}



.ribbon-warning .ribbon-inner {

    background-color: #f2a654

}



.ribbon-warning.ribbon-bookmark .ribbon-inner:before {

    border-color: #f2a654;

    border-right-color: transparent

}



.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {

    border-right-color: #f2a654;

    border-left-color: transparent

}



.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {

    border-right-color: #f2a654;

    border-bottom-color: transparent

}



.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {

    border-right-color: #f2a654;

    border-bottom-color: transparent;

    border-left-color: #f2a654

}



.ribbon-warning.ribbon-corner .ribbon-inner {

    background-color: transparent

}



.ribbon-warning.ribbon-corner .ribbon-inner:before {

    border-top-color: #f2a654;

    border-left-color: #f2a654

}



.ribbon-warning.ribbon-corner.ribbon-reverse .ribbon-inner:before {

    border-right-color: #f2a654;

    border-left-color: transparent

}



.ribbon-warning.ribbon-corner.ribbon-bottom .ribbon-inner:before {

    border-top-color: transparent;

    border-bottom-color: #f2a654

}



.ribbon-warning .ribbon-inner:after {

    border-top-color: #ec9940;

    border-right-color: #ec9940

}



.ribbon-warning.ribbon-reverse .ribbon-inner:after {

    border-right-color: transparent;

    border-left-color: #ec9940

}



.ribbon-warning.ribbon-bottom .ribbon-inner:after {

    border-top-color: transparent;

    border-bottom-color: #ec9940

}



.ribbon-danger .ribbon-inner {

    background-color: #f96868

}



.ribbon-danger.ribbon-bookmark .ribbon-inner:before {

    border-color: #f96868;

    border-right-color: transparent

}



.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {

    border-right-color: #f96868;

    border-left-color: transparent

}



.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {

    border-right-color: #f96868;

    border-bottom-color: transparent

}



.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {

    border-right-color: #f96868;

    border-bottom-color: transparent;

    border-left-color: #f96868

}



.ribbon-danger.ribbon-corner .ribbon-inner {

    background-color: transparent

}



.ribbon-danger.ribbon-corner .ribbon-inner:before {

    border-top-color: #f96868;

    border-left-color: #f96868

}



.ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before {

    border-right-color: #f96868;

    border-left-color: transparent

}



.ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before {

    border-top-color: transparent;

    border-bottom-color: #f96868

}



.ribbon-danger .ribbon-inner:after {

    border-top-color: #e9595b;

    border-right-color: #e9595b

}



.ribbon-danger.ribbon-reverse .ribbon-inner:after {

    border-right-color: transparent;

    border-left-color: #e9595b

}



.ribbon-danger.ribbon-bottom .ribbon-inner:after {

    border-top-color: transparent;

    border-bottom-color: #e9595b

}

























.pricing-list {

    margin-bottom: 22px;

    text-align: center;

    border: 1px solid #e4eaec;

    -moz-border-radius: 3px;

    border-radius: 3px

}



.pricing-list [class*=bg-],

.pricing-list [class*=bg-] *,

.pricing-list [class^=bg-],

.pricing-list [class^=bg-] * {

    color: #fff

}



.pricing-list .pricing-header {

    border-bottom: 1px solid #e4eaec;

    -moz-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0

}



.pricing-list .pricing-title {

    padding:15px 30px;

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2px;

    -moz-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

    color:#777;

}



.pricing-list .pricing-price {

    padding: 20px 30px;

    margin: 0;

    font-size: 33px;

    font-weight: 700;

    color: #76838f;

}



.pricing-list .pricing-period {

    font-size: 14px;

    font-weight: 400

}



.pricing-list .pricing-features {

    padding: 0 18px;

    margin: 0

}



.pricing-list .pricing-features li {

    display: block;

    padding: 15px;

    list-style: none;

    border-top: 1px dashed #e4eaec

}



.pricing-list .pricing-features li:first-child {

    border-top: none

}



.pricing-list .pricing-footer {

    padding: 30px;

    -moz-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px

}



.pricing-table {

    padding-top: 30px;

    text-align: center

}



.pricing-table:after,

.pricing-table:before {

    display: table;

    content: " "

}



.pricing-table:after {

    clear: both

}



.pricing-table [class*=pricing-column] {

    float: left;

    width: 100%;

    margin-bottom: 30px;

    background-color: #f3f7f9;

    border: 1px solid #e4eaec;

    border-right: none

}



.pricing-table [class*=pricing-column]:last-child {

    border-right: 1px solid #e4eaec

}



.pricing-table [class*=pricing-column].featured {

    position: relative;

    margin-right: -1px;

    background-color: #fff;

    border-right: 1px solid #e4eaec

}



.pricing-table .pricing-header {

    padding-bottom: 24px;

    margin: 30px 30px 25px;

    border-bottom: 1px solid #e4eaec

}



.pricing-table .pricing-price {

    font-size: 48px

}



.pricing-table .pricing-currency {

    display: inline-block;

    margin-top: 10px;

    margin-right: -10px;

    font-size: 20px;

    vertical-align: top

}



.pricing-table .pricing-period {

    font-size: 16px

}



.pricing-table .pricing-title {

    font-size: 20px;

    text-transform: uppercase;

    letter-spacing: 2px

}



.pricing-table .pricing-features {

    padding: 0;

    margin: 0

}



.pricing-table .pricing-features li {

    display: block;

    margin-bottom: 20px;

    font-size: 14px;

    list-style: none

}



.pricing-table .pricing-footer {

    padding: 20px 0;

    margin: 25px 30px 30px

}



@media screen and (min-width:768px) {

    .pricing-table .pricing-column-three {

        width: 33.33%

    }

    .pricing-table .pricing-column-three.featured {

        top: -30px;

        padding-top: 30px;

        padding-bottom: 30px;

        margin-bottom: -30px

    }

    .pricing-table .pricing-column-four {

        width: 50%

    }

    .pricing-table .pricing-column-five {

        width: 50%

    }



}



@media screen and (min-width:1200px) {

    .pricing-table .pricing-column-four {

        width: 25%

    }

    .pricing-table .pricing-column-five {

        width: 20%

    }

    .pricing-table .pricing-column-five.featured,

    .pricing-table .pricing-column-four.featured {

        top: -30px;

        padding-top: 30px;

        padding-bottom: 30px;

        margin-bottom: -30px

    }

}































.fixedBox * {

    margin: 0px;

    padding: 0px;

}



.fixedBox ul,

.fixedBox ul li {

    list-style: none;

    font-size: 12px;

    line-height: 18px;

}



.fixedBox {

    

    top: 50%;

    width: 60px;

    right: 8px;

    position: fixed;

    z-index: 9999;

   

    _position: absolute;

    margin-top: -122px;

}





* html .fixedBox {

    position: absolute;

}



.fixedBox ul.fixedBoxList {

    padding:0;

}



.fixedBox ul.fixedBoxList li.fixeBoxLi.fixeBoxLi {

    background: #2cb9ea;

    margin: 1px auto 0px;

    padding: 0;

    width: 60px;

    height: 60px;

    text-align: center;

    position: relative;

    

}



.fixedBox ul.fixedBoxList li.BackToTop{

    display: none;

}



.fixedBox ul.fixedBoxList li.hover{

    background: #0078d7;

}

.fixedBox ul.fixedBoxList li.hover.cart_bd.fixeBoxLi {

    background: #0078d7;

}



.fixedBox ul.fixedBoxList li.hover.Service.fixeBoxLi {

    background: #0078d7;

}



.fixedBox ul.fixedBoxList li.hover.BackToTop.fixeBoxLi {

   background: #2cb9ea;

   display: block;

   

}







.fixedBox ul.fixedBoxList li p.good_cart {

    background: rgb(58, 163, 24);

    padding: 0px 4px;

    top: 0px;

    height: 15px;

    right: 0px;

    color: rgb(255, 255, 255);

    line-height: 15px;

    overflow: hidden;

    font-size: 12px;

    font-weight: bold;

    display: block;

    position: absolute;

}



.fixeBoxLi .fixeBoxSpan {

    margin: 0px auto;

    width: 26px;

    height: 34px;

    display: block;

    cursor: pointer;

    color: #fff;

}

.BackToTop.fixeBoxLi .fixeBoxSpan{

    

}

.fixedBox ul.fixedBoxList li.BackToTop.fixeBoxLi strong{

    

}

.fixeBoxLi .fixeBoxSpan i.iconfont{

    font-size: 24px;

    position: relative;

    top:12px;

}





.fixedBox ul.fixedBoxList li.fixeBoxLi strong {

    height: 22px;

    color: #fff;

    line-height: 22px;

    font-weight: normal;

    cursor: pointer;

}



.fixedBox ul.fixedBoxList li.cart_bd .cartBox {

    background: rgb(255, 255, 255);

    border: 1px solid rgb(214, 214, 214); 

    left: -210px;

    top: 0px;

    width: 210px;

    display: none;

    position: absolute;

    z-index: 9999;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

    padding: 10px 0;

}



.fixedBox ul.fixedBoxList li.hover.cart_bd .cartBox {

    display: block;

}





.fixedBox ul.fixedBoxList li.cart_bd .cartBox .message {

    height: 40px;

    line-height: 40px;

    padding-left: 0;

    font-size: 18px;

    font-weight: 500;

    color:#555;

}

.fixedBox ul.fixedBoxList li.cart_bd .cartBox .message i{

    width:28px;

    height:28px;

    background: #2cb9ea;

    border-radius: 20px;

    margin-right: 6px;

    font-weight: normal;

    position: relative;

    top:-5px;

}

.fixedBox ul.fixedBoxList li.cart_bd .cartBox .message i::before{

    color:#fff;

    font-size: 18px;

    position: relative;

    top:5px;

    font-weight: normal;

}



.fixedBox ul.fixedBoxList li.Service .ServiceBox {

    background: rgb(255, 255, 255);

    border: 1px solid rgb(214, 214, 214);

    left: -182px;

    top: 0px;

    width: 182px;

    display: none;

    position: absolute;

    z-index: 999;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

}



.fixedBox ul.fixedBoxList li.hover.Service .ServiceBox {

    display: block; 

}



.fixedBox ul.fixedBoxList li.Service .ServiceBox dl {

    margin: 0px auto;

    width: 162px;

    height: 85px;

    padding-top: 10px;

    border-bottom-color: rgb(214, 214, 214);

    border-bottom-width: 1px;

    border-bottom-style: solid;

}

.fixedBox ul.fixedBoxList li.Service .ServiceBox dl:last-child{

   height:95px;

}

.fixedBox ul.fixedBoxList li.Service .ServiceBox dl dt {

    padding: 1px;

    border: 1px solid rgb(225, 226, 227);

    width: 71px;

    height: 71px;

    float: left;

}



.fixedBox ul.fixedBoxList li.Service .ServiceBox dl dd {

    width: 80px;

    text-align: left;

    float: right;

}



.fixedBox ul.fixedBoxList li.Service .ServiceBox dl dd strong {

    height: 20px;

    color: rgb(51, 51, 51);

    line-height: 20px;

    font-weight: bold;

}



.fixedBox ul.fixedBoxList li.Service .ServiceBox dl dd p.p1 {

    height: 18px;

    color: rgb(102, 102, 102);

    line-height: 18px;

    overflow: hidden;

}



.fixedBox ul.fixedBoxList li.Service .ServiceBox dl dd p.p2 {

    height: 24px;

    padding-top: 10px;

}



.fixedBox ul.fixedBoxList li.Service .ServiceBox dl dd p.p2 a {

    background: rgb(244, 244, 244);

    border: 1px solid rgb(216, 216, 216);

    width: 70px;

    height: 22px;

    text-align: center;

    color: rgb(51, 51, 51);

    line-height: 22px;

    display: block;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType='0');

    cursor: pointer;

}







.head-v3{position:fixed;z-index:100; top:0; left:0; right:0; height:60px;}

.head-v3 .navigation-inner{margin:0 auto;width:980px;position:relative}

.navigation-up{height:60px;background:#fff;}

.navigation-up .navigation-logo{background: url(../image/logo.png) left center no-repeat; width:200px; height:60px; float: left;}

.navigation-up .navigation-logo img{

    display: block; width: 200px;height: 60px; opacity:0; filter:alpha(opacity=0);

}

.navigation-up .navigation-v3{float:right;_margin-left:10px}

.navigation-up .navigation-v3 ul{float:left; margin-bottom: 0;}

.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";}



.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#f5f5f5; }

.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; position: relative;}

.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#374552;display:inline-block;height:60px; font-size: 16px; line-height: 60px;}

.navigation-up .navigation-v3 li.curr h2::after{ content: ""; position: absolute; left:10px; right:10px; bottom:0; height:2px; background: #2cb9ea;}



.navigation-down{position:absolute;top:60px;left:0px;width:100%;}

.navigation-down .nav-down-menu{width:100%;margin:0;background:#2c3038\9;position:absolute;top:0px;   background: rgba(0,0,0,.6); }

.navigation-down .nav-down-menu .navigation-down-inner{margin:auto; width:1200px; }

.navigation-down .nav-down-menu dl{float:right;margin:18px 80px 18px 0}

.navigation-down .menu-1 dl{margin:20px 80px 25px 0}

.navigation-down .menu-1 dt{font:600 18px "microsoft yahei";color:#2cb9ea;padding-bottom:10px;margin-top:10px; position: relative;}

.navigation-down .menu-1 dt i.zmdi{font-size: 24px; color:#2cb9ea; font-weight: 100;  position: relative; top:3px; padding-right:4px;}

.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}

.navigation-down .menu-1 dd a:hover{color:#2cb9ea}

.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}











.navigation-down .menu-1 dl.navigation-down-subMenu dd{font-size: 14px; display: inline-block; margin-left: 15px;}

.navigation-down .menu-1 dl.navigation-down-subMenu dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}

.navigation-down .menu-1 dl.navigation-down-subMenu dd a:hover{color:#2cb9ea;}





@media screen and (min-width: 991px) {

.head-v3 .navigation-inner{width:980px;}

.navigation-down .nav-down-menu .navigation-down-inner{width:980px;}



}

@media screen and (min-width: 1199px) {

.head-v3 .navigation-inner{width:1170px;}

.navigation-down .nav-down-menu .navigation-down-inner{width:1170px;}



}







.page-redPaperBox{

    position: fixed;

    left:0;

    bottom:0;

    width:250px;

    height:260px;

    z-index: 9997;



    background: url(../image/small-activity.png) 0 0 no-repeat;

    background-size: cover;

}



.page-redPaperClose{

    position: absolute;

    bottom:4px;

    right:-6px;

    width:48px;

    height:48px;

    font-size: 32px;

    color:#e5262d;

    z-index: 9999;

}

.page-redPaperBox a{

    display: block;

    position: absolute;

    left:0;

    right:0;

    top:0;

    bottom:0;

    cursor:pointer;

    z-index: 9998;

}



.navigation-up .navigation-v3 li h2 a:hover{color:#63abff;}



.page-fontSize12 p a{color:#b3adad;}





@media screen and (max-width:768px) {



	.page-marginBottom-60 div img{width:100%;height:auto;}

.page-AboutBox{width:84%;}
.col-xs-12 img{width:auto !important;height:auto !important;}

}







.ind-404{width:100%;overflow:hidden;background:#F0F0F0;text-align:center;padding-top:50px;padding-bottom:50px;}