/*字体图片*/
/*@font-face
{
    font-family: 'iconfont';

    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'),  chrome、firefox、opera、Safari, Android, iOS 4.2+
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont
{
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}*/
/*字体图片结束*/

/*public tag*/
html,
body
{
    font-size: 14px;
    font-family: tahoma,arial,"Hiragino Sans GB", "Microsoft Yahei";
}

.n-bannert{ font-size:34px; text-align:center;color:#fff; line-height:100px; padding-top:120px;}
.nlist{ color:#fff; text-align:center; font-size:16px;}
.nlist a{ color:#fff;}
.nlist a:hover{ color:#fff;}

ul
{
    margin: 0;
    padding: 0;
}
ul li
{
    display: inline-block;

    list-style: none;
}
ul li ul li
{
    display: block;
}
a
{
    cursor: pointer!important;

    color: #818181;
}
a,
a:hover
{
    text-decoration: none;
}
.container {
    padding-left: 0;
    padding-right: 0;
}
.blue-btn
{
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    color: #fff;
    background: #3cbaff;
}
.blue-btn:active
{
    background: #35a8e8;
}
.blue-btn:hover
{
    color: #fff;
    background: #35a8e8;
}
.white-btn
{
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    color: #3cbaff;
    background: #fff;
}
.white-btn:active
{
    background: #f6f6f6;
}
.white-btn:hover
{
    color: #3cbaff;
    background: #f6f6f6;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img
{
    width: 100%;
}
/*public tag end*/

/*public head*/
#header
{
    position: relative;

    padding: 25px 0 15px 0;

    background: #fff;
}
.logo
{
    float: left;
    /*margin-left: 15px;*/
}
.logo img
{
    width: 100%;
    max-width: 271px;
}
.head-nav
{
    float: right;

    height: 35px;

    text-align: right;
}
.head-nav li
    {
        padding: 24px 6px 16px;
        font-size: 16px;
    }
@media (min-width: 770px){
    .banner-txt{
        right: 48%; 
    }
    .banner-txt a, .join-partner{
        height: 30px !important;
        line-height: 30px !important;
    }
}
@media (min-width: 992px){
    .head-nav li
    {
        margin-right: 16px;

    }
    .banner-txt{
        right: 48%;
    }
    .banner-txt a, .join-partner{
        height: 46px !important;
        line-height: 46px !important;
    }
}
.head-nav li a:hover,
.sm-nav li a:hover,
.head-nav li.active a
{
    color: #3cbaff;
}

.head-nav li.active
{
    border-bottom: 3px solid #3cbaff;
}

.sm-memu
{
    display: none;
    float: right;

    cursor: pointer;

    color: #3cbaff;
}
.sm-box
{
    position: absolute;
    z-index: 200;
    top: 100%;
    left: 0;

    display: none;

    width: 100%;
    padding-top: 20px;

    text-align: center;

    background: #fff;
    box-shadow: 0 15px 20px 0 rgba(120, 158, 209, .25);
}
.sm-nav li
{
    display: block;

    margin-bottom: 20px;
}
/*public head end*/

/*content*/
.banner
{
    position: relative;
margin-top:59px;
    overflow: hidden;
}


.banner-txt
{
    position: absolute;
    top: 0;
    width: 20%;
    height: 100%;
    padding: 0 3%;
    margin-right: -38%;
    text-align: center;
    background-color: rgba(67, 67, 67, .6);
}
.banner-txt img
{
    width: 100%;
    max-width: 200px;
    margin: 40% 0 38px 0;
}
.banner-txt a,
.join-partner
{
    font-size: 16px;
    line-height: 40px;

    display: block;

    width: 100%;
    height: 40px;
    margin-bottom: 8%;

    cursor: pointer;
    text-align: center;

    border: 0;
    border-radius: 23px;
}

.info-box
{
    margin: 10% 0 0 0;

    text-align: center;
}
.info-items
{
    margin: 0 4%;
    padding: 2% 1%;

    cursor: pointer;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}
/*.info-items:hover{
    box-shadow: 0px 10px 36px 0px rgba(120, 158, 209, 0.25);
}*/
.info-items img
{
    width: 100%;
    max-width: 151px;
    margin-bottom: 20px;
}
.info-items h5,
.info-items p
{
    font-size: 1.3rem;
    font-weight: normal;

    margin: 0;

    text-align: center;

    color: #818181;
}
.info-items p
{
    font-size: 1rem;

    margin-top: 8px;
}
.info-items i
{
    font-size: 25px;
    line-height: 25px;

    position: absolute;
    bottom: -25px;
    left: 0;

    display: none;

    width: 100%;

    text-align: center;

    color: #3cbaff;
}
#company-IT-btn i{
    color: #f35959;
}
#company-isv-btn i {
    color: #f7bf28;
}
/*pc content-box*/
.content-box
{
    display: none;

    margin-top: 26px;
    min-height: 505px;

    background: #f8f9fb;
}
.content-title
{
    width: 1050px;
    padding-top: 35px;
    padding-bottom: 10px;
    padding-left: 0;

    border-bottom: 1px solid #e6e5e5;
}
.content-title li
{
    font-size: 1.2rem;

    margin-right: 5%;

    cursor: pointer;
    text-align: left;

    color: #999;
}
.content-title li.content-active,
.content-title li:hover
{
    color: #3cbaff;
}
#it .content-title li.content-active,
#it .content-title li:hover,
#it .more-btn,
.xs-content-IT .content-title li.content-active
{
    color: #f35959;
}
#isv .content-title li.content-active,
#isv .content-title li:hover,
#isv .more-btn,
#isv .process ol li, 
#isv .issue ol li,
.xs-content-isv .content-title li.content-active
{
    color: #f7bf28;
}

.content-main
{
    display: none;

    width: 1050px;
}
.service
{
    display: block;

    margin: 4% 0;

    text-align: center;
}
.service-items
{
    height: 240px;
    margin: 15px 4%;
    padding: 3% 1%;

    color: #fff;
    background: #3cbaff;
}
#it .service-items,
.xs-company-IT .service-items {
    background-color: #f35959;
}
#isv .service-items,
.xs-company-isv .service-items {
    background-color: #f7bf28;
}
.service-items h5
{
    font-size: 1.2rem;
    font-weight: normal;

    margin: 20px 0 15px 0;
}
.service-items p
{
    font-size: 1rem;
    line-height: 24px;

    margin: 0;
}
.process
{
    display: none;
}
.process ol,
.issue ol
{
    margin-bottom: 40px;
    padding: 0;
}
.process ol li,
.issue ol li
{
    font-size: 1.1rem;

    margin: 20px 0;

    color: #3cbaff;
}
#it .process ol li,
#it .issue ol li{
    color: #f35959;
}
.process ol li p,
.issue ol li p,
.issue span
{
    font-size: 1rem;

    margin: 10px 0 0 0;

    color: #999;
}
.issue
{
    display: none;
}
.more-btn
{
    font-size: 1.5rem;

    display: block;

    margin-bottom: 1em;

    cursor: pointer;
    text-align: center;

    color: #3cbaff;
}
.more-btn:hover,
.issue ol li p a:hover,
.issue span a:hover
{
    color: #35a8e8;
}
.issue ol li p a,
.issue span a
{
    margin: 0 4px;

    color: #3cbaff;
}
.issue span
{
    font-size: 1.1rem;
}
/* pc content-box end*/
/*xs content-box*/
.xs-content
{
    clear: both;

    padding-top: 0;
}
/*xs content-box end*/
.partner-box
{
    margin-top: 100px;
    text-align: center;
}
.h1-title
{
    font-size: 2.2rem;
    font-weight: normal;

    margin-top: 0;
    margin-bottom: 3em;

    text-align: center;

    color: #818181;
}
.partner-box ul
{
    margin: 0 4%;
}
.partner-box ul li
{
    width: 16%;
    margin-bottom: 3em;

    text-align: center;
}
.partner-box ul li img
{
    width: 100%;
    max-width: 100px;
}
.join-partner
{
    line-height: 40px;

    display: inline-block;

    width: 200px;
    height: 40px;
    margin: 3em 0 80px 0;
    /*padding: 0 65px;*/
}
/*content*/

/*public foot*/
#footer
{
    overflow: hidden;

    color: #d7d3d3;
}
.foot-nav
{
    padding: 20px 0;

    background: #373f4a;
}
.foot-nav ul
{
    width: 880px;
    margin: 0 auto;
    font-size: 0;
    text-align: left;
}
.foot-nav ul li
{
    font-size: 1.3rem;

    width: 220px;

    vertical-align: top;
}
.foot-nav ul li a
{
    font-size: 1rem;

    color: #d7d3d3;
}
.foot-nav ul li ul
{
    width: 100%;
    margin-top: 15px;
}
.foot-nav ul li ul li
{
    width: 100%;
    margin-bottom: 10px;
}
.foot
{
    padding: 20px 0;

    text-align: center;

    background: #282f37;
}
.foot a {
    color: #d7d3d3;
}
.indicate-pic,
.share-box
{
    display: inline-block;
    vertical-align: middle;
}
.indicate-pic img
{
    max-width: 80px;
    margin-right: 19px;

    vertical-align: middle;
}
.share-box
{
    margin-left: 15px;
}
.share-box a
{
    position: relative;
    font-size: 1.8rem;
    margin-left: 15px;
    cursor: pointer;
    vertical-align: middle;
    color: #d7d3d3;
}
.footer-text {
    display: inline-block;
    margin-left: 18px;
    line-height: 20px;
    vertical-align: middle;
}
#weixin-code-span {
    display: none;
    position: absolute;
    top: -240px;
    left: -88px;
    width: 200px;
    text-align: center;
    font-size: 16px;
    color: #d7d3d3;
}
#weixin-code-span img {
    width: 100%;
    height: 200px;
    margin-bottom: 6px;
}
.weixin:hover #weixin-code-span {
    display: block;
}
/*public foot end*/

/*媒体查询*/
@media (max-width: 768px)
{
    html,
    body
    {
        font-size: 11px;
    }
    #header
    {
        padding: 10px 0 9px 0;
    }
    #header .container{
        position: relative;
    }
    .head-nav
    {
        display: none;
    }
    .sm-memu
    {
        display: block;
        line-height: 20px;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -11px;
    }
    .banner-txt
    {
/*        padding: 8% 2%;
*/    }
    .join-partner
    {
        /*width: 25%;*/
    }

    .join-partner
    {
        /*width: 60%;*/
    }
    .banner-pic img
    {
        width: 100%;
        min-height: 210px;
    }
    .info-items img
    {
        width: 35%;
        box-shadow: none!important;
    }
    .banner-txt a
    {
        line-height: 30px;

        height: 30px;
    }
    .banner-txt img
    {
        margin-bottom: 15%;
    }
    .info-items
    {
        position: relative;

        margin: 20px 4%;
    }
    .info-items i
    {
        position: absolute;
        bottom: -30px;
        display: none!important;
    }
    .service-items
    {
        padding: 6% 4%;
    }
    .content-title
    {
        width: initial;
        padding-top: 20px;
        text-align: left;
        padding-left: 4%;
    }
    .content-main
    {
        width: initial;
    }
    .service-items
    {
        height: auto;
    }
    .process ol,
    .issue ol
    {
        padding-left: 20px;

        text-align: left;
    }
    .foot-nav,.indicate-pic{
        display: none;
    }

    .h1-title {
        margin-bottom: 20px;
        font-size: 20px;
    }
}
@media (max-width: 767px) and (min-width: 425px)
{
    html,
    body
    {
        font-size: 11px;
    }
    .banner-txt
    {
        /*width: 28%;*/
        right: 30px;
    }
    .partner-box ul li
    {
        width: 22%;
        margin-right: .5em;
    }
    /*.indicate-pic
    {
        display: block;

        margin-bottom: 20px;
    }*/
}
@media (max-width: 424px)
{
    html,
    body
    {
        font-size: 11px;
    }
    .logo img{
        width: 160px;
    }
    .banner-txt
    {
        display: none;
        width: 28%;
        padding: 10% 3%;
    }
    .partner-box ul li
    {
        width: 28%;
        margin-right: 1em;
    }
    /*.indicate-pic
    {
        display: block;

        margin-bottom: 20px;
    }*/
    .banner-pic img
    {
        min-height: 195px;
    }
    .foot-nav ul
    {
        width: 90%;
    }
    .share-box
    {
        margin-left: 5px;
    }
    .share-box a
    {
        margin-left: 10px;
    }
}
/*媒体查询 end*/
.carousel-indicators li{
    background-color: #b2c2c5;
    opacity: .5;
    border: none;
    width: 12px;
    height: 12px;
}
.carousel-indicators li.active{
    opacity: 1;
}

.jjwt{ height:820px; background-color:#fff;}
.jjwt h3{ color:#818181; text-align:center; padding-top:40px; padding-bottom:80px; font-size:36px;}
.jjwtlist{ width:1000px; margin:auto; padding-left:30px;}
.jjwtlist ul li{ width:240px; padding-left:15px; padding-right:15px; float:left; text-align: center; line-height:30px; color:#818181; padding:0}
.jjwtlist ul li strong{ color:#818181; font-size:18px; font-weight:normal;}
.jjwtlist ul li img{ margin-bottom:20px;}

.tgfw{ background-color:#f8f9fb; height:440px;}
.tgfw h3{ color:#818181; text-align:center; padding-top:40px; padding-bottom:80px; font-size:36px;}
.tgfwlist{ width:1100px; margin:auto; padding-left:40px;}
.tgfwlist ul li{ width:200px; float:left; text-align:center; line-height:24px; color:#818181;}
.tgfwlist ul li img{ margin-bottom:20px;}

.xzwm{ height:340px; background-color:#fff;}
.xzwm h3{ color:#818181; text-align:center; padding-top:40px; padding-bottom:80px; font-size:36px;}
.xzwmlist{ width:1000px; margin:auto; }
.xzwmlist ul li{ width:250px;  float:left; line-height:30px; color:#818181}
.xzwmlist ul li strong{ color:#818181; font-size:18px; font-weight:normal;}
.xzwmlist ul li img{ float:left; margin-right:20px;}

.fwdh{ height:80px; line-height:80px; color:#3cbaff; font-size:16px; text-align:center}


.piclist{ width:1080px; margin:auto; padding-top:10px;}
.piclist ul li{ width:500px; padding-left:20px; padding-right:20px; text-align:center; float:left; height:350px; font-size:16px;}
.piclist ul li a img{ width:470px; height:290px; margin-bottom:10px; border-radius:10px;}
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px; }
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#ff9900;border-radius:0; color:#FFFFFF;}
.pagecontent{word-break:break-all;line-height:22px;}
.pagecontent p{margin:15px 0;font-size:14px;}
.c{ clear:both;}
.box { width:1000px; margin:auto; margin-bottom:40px;}
.t10 h1 {height:120px;font-size:24px;line-height:130px;text-align:center;color:#111;font-weight:lighter; }
.t10 p {font-size:14px;color:#888;text-align:center;line-height:28px;padding-bottom:15px;margin-top:-10px;}
.t10 p .date {margin-left:60px;}
.t11 {padding-top:28px;padding-bottom:55px; width:1100px; margin: auto;}
.t11 .warp p span {border-radius:2px;/*background-color:#56ABE4;*/color:#FFF;margin-right:5px;margin-left:5px;padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;}.t11 .warp {width:1000px;min-height:319px;}.t11 .warp p {text-indent:2em;font-size:14px;line-height:36px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#E5E5E5;font-weight:lighter;margin-top:10px;}.t11 .warp p a {border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#56ABE4;}.plogo{color:#D6D6D6;text-align:right;}.t12 {background-color:#EEE;}.t12 .warp {width:1100px; margin:auto;}
.t12 .warp p {text-indent:2em;font-size:14px;font-weight:lighter;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#EEE;line-height:28px;padding-top:10px;padding-bottom:10px;}.t12 .warp .label {float:left;width:850px;}.t12 .warp .label a {border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#56ABE4;margin-right:10px;}.t12 .warp .list {font-size:16px;font-style:italic;line-height:28px;}.t13 .warp {width:1100px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;}

.t13 .warp ul {padding-top:30px;padding-bottom:30px;}.t13 .warp ul li {font-size:14px;line-height:28px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#CCC;padding-left:10px;margin-bottom:50px;width: 100%;}.t13 .warp ul li a {font-size:18px;color:#56abe4;}.t13 .warp ul li p {margin-bottom:20px;color:#666;}.t13 .warp ul li .zhaiyao {color:#999;}.t13 .warp a:hover,.t13 .warp #text a:hover{color:#00bb9c;}.listtop .warp {background-image:url(../style/listbj.png);background-repeat:no-repeat;background-position:100px center;padding-left:170px;}.listtop {font-size:18px;font-style:italic;line-height:100px;background-color:#EAEAEA;height:100px;}.t13 .warp ul li #text a {font-size:14px;color:#666;}


.yewu-btn{ width:1100px; margin: auto; border-bottom:#d1d1d1 1px solid; height:60px; }
.yewu-btn ul li{ width:120px; float:left; margin-right:20px; height:40px; line-height:40px; font-size:16px;}
.yewu-btn ul li a{ display:block; text-align:center}
.yewu-btn ul li a:hover{ display:block; background-color:#3cbaff; border-radius:20px; color:#fff; text-decoration:none;}
.yewu-btn ul li .yewu-btn-hover{display:block; background-color:#3cbaff; border-radius:20px; color:#fff; text-decoration:none;}

.words{ width:1100px; margin:auto; font-size:14px; line-height:200%;}

.list-paddingleft-2 li{ width:500px; float:left; text-align:center;}

.t2 {
    background-color: #eee;
}

.t1 {
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
}

.warp {
    width: 1100px;
    margin: 0 auto;
}

.index-news {
    width: 1100px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    overflow: hidden;
}

.index-news ul .tittle {
    font-size: 18px;
    font-style: italic;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    font-weight: 500;
    background-image: none;
}

.inewsbox {
    width: 1100px;
    margin: auto;
    background-color: #efefef;
    border: #d1d1d1 1px dashed;
    padding: 10px;
    min-height: 580px;
    margin-bottom: 20px;
    height: auto;
}

  
  
.page_group{
	margin: 30px auto;
}
.page_group a{
    padding: 5px 12px;
    border:1px solid #e5e5e5;
    margin:0 2px ;
    color: #333;
}
.page_group a:hover,.page_group .current{
    color: #fff;
    background: #009d8e;
    border:1px solid #009d8e;
}