body {

    background:#f2f2f2;

    color: #333;

    font-family: Helvetica,"Microsoft Yahei",Arial,sans-serif, "宋体";

    font-size: 14px;

    margin: 0;

}

.header {

    background: #f5f7fa;

    border-bottom: 1px solid #e6e9ed;

    height: 40px;

    width: 100%;

}

.header-top {

    color: #506a85;

    height: 40px;

    line-height: 40px;

    margin: 0 auto;

    overflow: hidden;

}

.fr {

    float: right;

}

.header-nav {

    background-color: rgba(255, 255, 255, 0.97);

    border-bottom: 1px solid #e6e9ed;

    height: 85px;

}

.head-logo {

    height: 85px;

    margin: 0 auto;

    padding: 0 43px;

}

.head-logo a

{

    text-decoration:none;

    font-size:24px;

}

.logos {

    display:inline-block;

    margin-top: 8px;

    font-weight:bold;

    line-height:58px;

}

.nav li {

    float: left;

}



.nav li a {

    color:#000;

    font-size: 16px;

    font-weight: bold;

    padding: 8px 20px;

}



.nav li .little-a

{

   display:inline-block;

   height:65px;

   line-height:50px;

}



.nav li .normal-a

{

   display:inline-block;

   height:85px;

   font-size: 17px;

   line-height:80px;

}



.nav li a.active

{

    color:#0077b3;

    border-bottom: 3px solid #0077b3;

}

.nav li a:hover

{

     color:#0077b3;

    border-bottom: 3px solid #0077b3;

}



.nav li a:hover

{

     background-color: rgba(255, 255, 255, 0.97);

}

.fixed-top

{

   background-color: rgba(255, 255, 255, 0.97);

   border-bottom: 1px solid #e6e9ed;

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

    height:65px;

}

.fixed-autos a

{

    text-decoration:none;

    font-size:18px;

    font-weight:bold;

}

.fixed-autos {

    margin: 0 auto;

}

.header-none

{

   display: none;

}

.header-show

{

   display: block;

}



.footer-bottom {

height: 180px;

    text-align: center;

    background: #fff;

    font: 14px/24px "Microsoft YaHei";

    color: #5d5d5d;

}

.foot-bottom

{

    padding:30px 0 10px 0 ;

}

.foot-bottom a {

    color: #b2b7c4;

    font-size: 14px;

}

.foot-bottom a:hover {

    color: #0077b3;

    text-decoration:none;

}

.footer-top

{

    background: #1e374c;

    overflow: hidden;

     padding: 20px 0;

}



.footer-top .wrapper

{

    padding:0 100px;

}



.footer-top .wx

{

    border-left: 1px solid #49515d;

}



.footer-top ul {

    float: left;

    list-style: outside none none;

     margin: 0;

    padding: 0;

}

.footer-top ul li{

    color: #fff;

}

.footer-top ul li span{

      display: inline-block;

     font-size: 14px;

    margin-bottom: 12px;

    color:#b2b7c4;

}

.footer-top ul li h3 {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    letter-spacing: 2px;

    margin-bottom: 15px;

    margin-right: 60px;

}

.footer-top ul li a {

    color: #b2b7c4;

    display: inline-block;

    font-size: 14px;

    font-weight: normal;

    margin-bottom: 10px;

}

.footer-top ul li a:hover {

      text-decoration:underline;

}





/*page*/

.pagin{position:relative;margin-bottom:10px;padding:0 12px;}

.pagin .blue{color:#005293;font-style:normal;}

    .pagin ul {

     list-style:none;

    }



        .pagin a {

     list-style:none;

      text-decoration:none;

    }

.pagin .paginList{position:absolute;right:12px;top:0;}

.pagin .paginList .paginItem{float:left;}

.pagin .paginList .paginItem span{ display:block;}

.pagin .paginList .paginItem a{float:left;width:31px;height:28px;border:1px solid #DDD; text-align:center;line-height:30px;border-left:none;color:#3399d5;}

.pagin .paginList .paginItem:first-child a{border-left:1px solid #DDD;}

.pagin .paginList .paginItem:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px;}

.pagin .paginList .paginItem:last-child a{border-bottom-right-radius:5px;border-top-right-radius:5px;}

.pagin .paginList .paginItem.current,.pagin .paginList .paginItem.current a{background:#f5f5f5; cursor:default;color:#737373;}

.pagin .paginList .paginItem:hover{background:#f5f5f5;}

.pagin .paginList .paginItem.more,.pagin .paginList .paginItem.more a:hover{ cursor:default;}

.pagin .paginList .paginItem.more:hover{background:#FFF;}

.pagin .paginList .paginItem.more a{color:#737373;}

.pagepre{background:url(../images/pre.gif) no-repeat center center; width:31px; height:28px;}

.pagenxt{background:url(../images/next.gif) no-repeat center center; width:31px; height:28px;}

.pagepre_d{background:url(../images/pre_d.gif) no-repeat center center; width:31px; height:28px;}

.pagenxt_d{background:url(../images/next_d.gif) no-repeat center center; width:31px; height:28px;}

.pagin .paginList-go{right:90px;}

.pagetwo-go{position:absolute;right:8px; top:0px}

/*page1*/

.pager{padding:4px;background-color:#fff;margin-bottom:4px;}

.pager a{color:#000;}

.pager .disabled {border:1px solid #999;color:#ADAAAD;margin: 4px 3px;padding: 2px 6px;text-align:center;}

.pager .current {background-color:#8AA8C2;border:1px solid #DEDFDE;color:#FF0084;font-weight:bold;padding: 2px 6px;text-align:center;}

.pager span{ display:inline;}

.pager span, .pager a{margin: 4px 3px;}

.pager a {border:1px solid #DEDFDE;padding: 2px 6px;text-align:center;text-decoration:none;line-height:100%;}

.pager a:hover{border:1px solid #DEDFDE;padding: 2px 6px;text-align:center;text-decoration:none;line-height:100%;color:#fff;background-color:#0061de;}

.input20{border: 1px solid #bbc3bb;background-color: #fff;width:20px;height:20px;}

.btngo {background: url("../images/btnGO.jpg") repeat-x scroll 0 0 transparent;cursor: pointer;height: 26px;line-height: 26px;width:27px;overflow: hidden;border: 1px solid #fff;}



.plat {

           margin-bottom:40px;

        }

        .plat .title {

            height: 170px;

            padding-top: 68px;

            font: 40px/40px "Microsoft Yahei";

            text-transform: uppercase;

            color: #636e7e;

            text-align: center;

            overflow: hidden;

        }

        .plat .title a{

                   color: #636e7e;

           text-decoration: none;

        }

            .plat .title span {

                display: block;

                height: 24px;

                font-size: 20px;

                color: #636e7e;

                line-height: 24px;

                margin-top: 10px;

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

            }

        .feature-box {

            margin-top: 15px;

    margin-bottom: 15px;

        }

        .pt-1 .title{

            display: block;

            font-size: 36px;

            color: #4998d0;

            height: 65px;

            line-height: 36px;

            padding-top:0;

          

        }

        .pt-1 .info{

            height: 118px;

    font: 14px/24px "Microsoft Yahei";

    overflow:hidden;

        text-indent: 2em;

        }

        .pt-2 {

            height: 80px;

    font: 28px/28px "Microsoft Yahei";

    color: #636e7e;

        text-transform: uppercase;

        }

            .pt-2 span {

            display: block;

    font-size: 20px;

    line-height: 36px;

            }

        .pt-3 {

        height: 88px;

    font: 16px/26px "Microsoft Yahei";

        }

        .pl_t3 span {

    display: inline-block;

    height: 26px;

    padding-left: 22px;

    background: url(../images/pla_d1.jpg) no-repeat 0 10px;

    overflow: hidden;

    margin-right: 30px;

}

        .pl_t4 {

    height: 35px;

    font: 14px/35px "Microsoft Yahei";

}

        .pl_t4 span {

    width: 165px;

    height: 35px;

    display: block;

    float: left;

    margin-right: 15px;

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

    overflow: hidden;

}

        .pl_t4 span a {

    display: block;

    color: #636e7e;

    text-decoration: none;

    padding-left: 22px;

}

        .serv {

    height: 660px;

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

    overflow: hidden;

        background-size: 100% 100%;

}

            .serv .title,.case .title,.news .title {

    padding-top: 70px;

    font: 40px/40px "Microsoft Yahei";

    text-transform: uppercase;

    color: #636e7e;

    text-align: center;

    overflow: hidden;

    padding-bottom:40px;

            }

            .serv .title a,.case .title a ,.news .title a {

    color: #636e7e;

    text-decoration: none;

}

            .serv .title span,.case .title span,.news .title span  {

    display: block;

    font-size: 20px;

    color: #636e7e;

    line-height: 20px;

    padding-top: 14px;

}

        .serv-item-box {

            background: #fff;

                height: 402px;

        }

         .serv-item-box a{

            text-decoration:none;

        }

        .serv-item-head {

        height: 224px;

    overflow: hidden;

    text-align: center;

    background: #31aaee;

    margin-bottom: 18px;

        }

        .serv-item-head  img {

    width: 110px;

    height: 80px;

    display: block;

    margin: 45px auto 16px;

}

          .serv-item-head span {

    display: block;

    font: 26px/26px "Microsoft Yahei";

    color: #fff;

        }

          .serv-item-head em {

    display: block;

    font-size: 16px;

    line-height: 30px;

    text-transform: uppercase;

}

        .serv-item-info {

    margin: 0 auto;

    font: 14px/24px "Microsoft Yahei";

    color: #636e7e;

    padding:15px;

        }

        .image-caption {

    position: absolute;

    top: 0;

    background: rgba(0, 0, 0, 0.5);

    width: 90%;

    height: 100%;

    padding-top: 35%;

    display: none;

    text-align: center;

    color: #fff !important;

    z-index: 2;

}

        .case {

        padding-bottom: 55px;

        }

        .ca_t1 {

    width: 210px;

    height: 120px;

    font: 25px/25px "Microsoft Yahei";

    color: #31aaee;

    text-align: center;

    padding-top: 16px;

    position: absolute;

    top: 45px;

    left: 36px;

    background: url(../images/ca_x1.png) repeat-x 0 0;

    z-index: 33;

}

        .ca_t1 a {

    color: #31aaee;

    text-decoration: none;

}

        .ca_t1 span {

    display: block;

    font-size: 16px;

    line-height: 16px;

    padding-top: 4px;

    text-transform: uppercase;

}

    .ca_t2 {

    top: -210px;

    left: 0;

    z-index: 22;

}

    .ca_t2 p {

    margin: 0 auto;

    font: 14px/24px "Microsoft Yahei";

    color: #fff;

    padding-top: 46px;

     width: 210px;

}

    .ca_t2 em {

    display: block;

    width: 32px;

    height: 29px;

    margin: 0 auto;

    padding-top:45px;

}

    .faq h4 {

    height: 93px;

    font: 20px/20px "Microsoft Yahei";

    color: #fff;

    background: #31aaee;

    padding-left: 18px;

    margin:0;

}

    .faq h4 span {

    display: block;

    font: 40px/40px Arial;

    color: #fff;

    text-transform: uppercase;

    padding-top: 18px;

}

    .faq .faq_con {

    background: #efeff0;

    height: 310px;

    padding-left: 22px;

    padding-top: 26px;

    overflow:hidden;

}

    .faq dl {

    width: 234px;

    height: 66px;

    font: 14px/24px "Microsoft Yahei";

    color: #767f8d;

}

    .faq dt {

    padding-left: 32px;

    height: 30px;

    background: url(../images/faq_q.jpg) no-repeat 0 0;

    overflow: hidden;

}

    .faq dt a {

    color: #767f8d;

    text-decoration: none;

}

    .faq dd {

    padding-left: 32px;

    background: url(../images/faq_a.jpg) no-repeat 0 0;

    

}

        .new-item {

          overflow:hidden;

              background: #fff;

    margin-bottom: 20px;

        }

        .news-date {

        width: 80px;

    height: 126px;

    float: left;

    background: url(../images/news_t1.jpg) no-repeat 0 0;

    font: 24px/24px "Microsoft Yahei";

    color: #fff;

    margin-right: -80px;

        }

        .news-date span {

    display: block;

    padding: 26px 0 20px 18px;

}

        .news-date em {

    display: block;

    padding-left: 44px;

}

        .news-info  {

    padding: 16px 15px 0 105px;

    font: 14px/24px "Microsoft Yahei";

    color: #5d5d5d;

}

        .news-info p {

    font-size: 16px;

    line-height: 16px;

    margin-bottom: 16px;

    width: 485px;

    height: 16px;

    overflow: hidden;

}.news-info p a {

    color: #31aaee;

    text-decoration: none;

}

        .whitebg {

        background:#fff;

        }

        .news-info .atitle {

        

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 16px;

    height: 16px;



        }

            .news-info .atitle a {

                color: #31aaee;

    font-size: 16px;

    text-decoration: none;

            }

        .ainfo {

          padding-top:15px;

        }

                .cuslink {

    height: 403px;

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

    overflow: hidden;

        background-size: 100% 100%;

}

                    .cuslink .title {

    padding-top: 48px;

    padding-bottom:25px;

    font: 30px/30px "Microsoft Yahei";

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    overflow: hidden;

                    }



                    .link_con {

    height: 84px;

    border: 1px solid #fff;

    margin-bottom: 25px;

    overflow: hidden;

    margin-top: 20px;

    margin-left: 15px;

    margin-right: 10px;

}

                    .link_con h4 {

    width: 208px;

    float: left;

    border-right: 1px solid #fff;

    font: 30px/30px "Microsoft Yahei";

    color: #fff;

    overflow: hidden;

    margin: 0;

    text-align: center;

    line-height: 80px;

}

                    .link_con p {

    width: 900px;

    height: 84px;

    float: right;

    font: 12px/14px "Microsoft Yahei";

    overflow: hidden;

}

                    .link_con p a {

    color: #fff;

    display: inline-block;

    text-decoration: none;

    margin: 20px 25px 0;

}

   .leib2 {

    margin-top: 10px;

}

    .leib2 .tit{

    color: #fff;

    font-size: 18px;

    background: #31aaee;

    padding: 22px;

    text-align: center;

    overflow: hidden;

}

    .leib2 .tit a {

    color: #fff;

}

    .leib2 .nr {

    border: 1px solid #ececec;

    padding: 10px 4px 10px;

}

    .leib2 .nr h3 {

    background: #efeff0;

    height: 65px;

    line-height: 65px;

    font-weight: bold;

    text-indent: 0px;

    font-family: "Microsoft Yahei";

    text-align: center;

    margin-bottom: 10px;

}

    .nr h3.cur a {

    text-decoration: none;

    color: #31aaee;

}

     .nr h3 a {

    color: #494949;

    font-size: 18px;

}

     .leib2 .nr h3 a:hover,.leib2 .nr h3.cur a{text-decoration: none;color:#31aaee}

    .leftlx {

    text-align: center;

    margin-top: 5px;

    font-family: "Microsoft YaHei";

    font-size: 14px;

    padding: 10px;

    border: 1px solid #ececec;

    display: block;

    margin-bottom: 20px;

}

    .leftlx h5 {

    font-size: 16px;

    padding: 15px 0px;

    color: #666;

    font-weight: bold;

}

    .leftlx .phone img {

    padding-bottom: 10px;

}

    .leftlx span {

    display: block;

}

    .leftlx .phone .tel {

    font-weight: bold;

    font-size: 26px;

    padding-bottom: 10px;

    color: #31aaee;

}

    .plc {

    border-bottom: #31aaee 4px solid;

    line-height: 38px;

    height: 38px;

    color: #555;

    margin-bottom: 10px;

    font-size: 15px;

    font-family: 微软雅黑;

}

    .plc .red_x {

    color: #31aaee;

    font-weight: bold;

    font-size: 14px;

        display: inline;

    font-family: "宋体";

}

    .plc a {

    color: #555;

    text-decoration:none;

}

    .inf_lc {

    clear: both;

    padding: 5px 0 0;

}

    .inf_lc li {

    padding: 7px 7px 0 0;

    height: 110px;

    overflow: hidden;

    margin: 0 0 10px;

    background: #f6f6f6;

    list-style: none;

}



    .inf_lc li h4 {

    padding: 20px 5px 0 0;

    text-align: center;

    float: left;

    width: 64px;

    overflow: hidden;

    font-size:14px;

}

.inf_lc li h4 b {

    font-weight: 100;

    display: block;

    line-height: 36px;

    height: 36px;

    overflow: hidden;

    font-size: 36px;

    font-family: Arial;

    text-transform: uppercase;

}

    

.inf_lc li h4 span {

    font-weight: 100;

    display: block;

    line-height: 16px;

    height: 16px;

    overflow: hidden;

    font-size: 12px;

    font-family: Arial;

    text-transform: uppercase;

    color: #343434;

}

    .inf_lc .news-item {

    padding: 0 0 0 14px;

    line-height: 180%;

    overflow: hidden;

    font-size: 14px;

    color: #666;

}

    .inf_lc .nltitle {

    display: block;

    font-weight: 100;

    color: #000000;

    font-size: 16px;

    padding-bottom:25px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    height:35px;line-height:35px;

}



    .inf_lc  .nltitle a{

    color: #343434;

    font-weight: bold;

    text-decoration:none;

}

        .inf_lc .nltitle a:hover {

    color: #31aaee;

}

        .pic-item {

    overflow: hidden;

    vertical-align: top;

    margin-bottom: 20px;

    padding: 22px 25px;

    background: #f4f4f4;

}

        .pic-item img {

    display: block;

    width: 285px;

    height: 402px;

}

        .pic-item-title {

        display: block;

    font-size: 16px;

    font-weight: normal;

    height: 28px;

    overflow: hidden;

    margin-bottom: 12px;

    line-height: 28px;

    padding: 4px 0 0;

        }

        .pic-item-title {

                text-decoration:none;

        }

          .pic-item-info{

    display: block;

    font-size: 14px;

    line-height: 25px;

    height: 298px;

    overflow: hidden;

}

         .pic-item span {

    background: #31aaee;

    float: right;

    width: 200px;

    height: 43px;

}

        .pic-item span a {

    color: #fff;

    text-align: center;

    display: block;

    line-height: 46px;

    font-size: 18px;

    text-decoration:none;

}

        .plc2 {

    border-bottom: #31aaee 4px solid;

    line-height: 38px;

    height: 38px;

    color: #555;

    margin-bottom: 10px;

    font-size: 15px;

    font-family: 微软雅黑;

}

        .plc2 a {

    color: #555;

    text-decoration:none;

}

        .a-info {

            padding: 0px 0px 0 0px;

    font-size: 14px;

        }

        .a-title {

        padding-top: 16px;

    color: #333;

    font-weight: normal;

    font-size: 22px;

    line-height: 40px;

    padding-bottom: 10px;

    margin-bottom: 10px;

    text-align: center;

    font: 20px/63px "Microsoft Yahei";

        }



        .a-tkit {

            font-family: "宋体";

    line-height: 24px;

    margin-bottom: 15px;

        text-align: left;

    color: #666;

    border-bottom: 1px dashed #999;

    height: 44px;

    line-height: 44px;

        }

        .a-tkit  span {

    margin-right: 20px;

}

        .a-tkit .m_qrinfo {

    position: relative;

}

        .a-info p {

         width:100%;

        }

        .abtn {

    text-align: center;

    width: 188px;

    font-size: 14px;

    border: 1px solid #efefef;

    border-radius: 4px;

    margin: 5px;

}

        .abtn a{

            background: #31aaee;

    color: #fff;

    font-weight: bold;

    border-radius: 4px;

        display: block;

    height: 40px;

    line-height: 40px;

    text-decoration:none;

    font-size:18px;

        }

        .about-title {

                color: rgb(49, 170, 238);

    font-size: 18px;

    padding-bottom:12px;

        }

        .about-info p {

                            color: #000;

    line-height: 180%;

         width:100%;

        }

.pages_content {

        padding-top: 12px;

    font-size: 16px;

    line-height: 180%;

}

        .pages_content .fixpic {

    text-align:center

}



.pages_content .fixpic img {

  max-width:600px;

}



.webchatbanner {

    padding-top:3px;

    height: 300px;

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

    overflow: hidden;

    background-size: 100% 100%;

}



.webdepbanner {

    padding-top:3px;

    height: 300px;

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

    overflow: hidden;

    background-size: 100% 100%;

}



.appdepbanner {

    padding-top:3px;

    height: 300px;

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

    overflow: hidden;

    background-size: 100% 100%;

}



.netdepbanner {

    padding-top:3px;

    height: 300px;

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

    overflow: hidden;

    background-size: 100% 100%;

}





.webchatbanner .title,.webdepbanner .title ,.appdepbanner .title,.netdepbanner .title{

    padding-top: 80px;

    padding-bottom: 25px;

    font: 34px/34px "Microsoft Yahei";

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    overflow: hidden;

}



.webchatbanner .subtitle,.webdepbanner .subtitle,.appdepbanner .subtitle,.netdepbanner .subtitle {

    font: 28px/28px "Microsoft Yahei";

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    overflow: hidden;

    font-weight:normal;

}



.minfo .itr {

    background: url(../images/ptl.gif) no-repeat center 29px;

    height: 130px;

    font-size: 30px;

    text-align: center;

    color: #31aaee;

    line-height: 56px;

    font-weight: normal;

}

.minfo .itr span {

    display: block;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 5px;

    color: #050505;

    line-height: 22px;

}



.minfo .zibox {

    line-height: 54px;

    border: solid 1px #8f8f8f;

    color: #4c4c4c;

    text-align:center;

    font-size:18px;

    margin-bottom:20px;

}



.minfo .zibox:hover {

    border: solid 1px #31aaee;

    color: #31aaee;

}



.minfo .zibox span {

    display: block;

    font-size: 14px;

    text-transform: uppercase;

    color: #666;

    line-height: 160%;

    padding: 0 10px 10px 10px;

    text-align: left;

    height: 78px;

}