@charset "utf-8";
body{font-family: "PingFangSC-Regular","Microsoft YaHei";font-size: 14px;}
.container{width:1180px;padding: 0 10px}
.h2-title,
.product ul li span,
.superiority ul li span{background: url("../assets/img/index.png") no-repeat 0 0;overflow: hidden;line-height: 0;text-indent: -9999px;font-size: 0;color: transparent}

.h2-title{margin: 64px auto 60px auto;}

.header-fixed{position:fixed;width:100%;z-index:10;
    transition: all 1.2s;
    -moz-transition: all 1.2s;	/* Firefox 4 */
    -webkit-transition: all 1.2s;	/* Safari 和 Chrome */
    -o-transition: all 1.2s;	/* Opera */
}
header{height:75px;background:rgba(8, 43, 127,0);border-bottom: 1px solid rgba(255,255,255,0.2);}
header h1.logo{height:45px;padding:15px 0;line-height: 0;text-indent: -9999px;font-size: 0;color: transparent;display: inline-block;}
header h1.logo img{height:100%;display: block;}
header nav{float: right}
header nav a{color: #fff;float: left;line-height: 75px;padding: 0 15px;font-size: 16px;font-weight: 700;}
header nav a:hover{background:rgba(255,255,255,0.6);color: #082b7f}
.header-fixed.fixed{background: rgba(8, 43, 127,0.95);}

.m-head{display: none}

/*Banner*/
.banner .b-main{text-align: center;background-color:#040b1a}
.banner .b-main img{width: 100%;}

.swiper-pagination-bullet{width:12px;height: 12px}
.swiper-pagination-bullet,.swiper-pagination-bullet-active{background-color: #06a5dc}
.swiper-pagination-bullet{
    filter: Alpha(Opacity=50);
    opacity: .5;
}
.swiper-pagination-bullet-active{
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 5px 7px;
}
/*Banner END*/


/*产品介绍*/
.product{}
.product .h2-title{width: 126px;height: 104px;background-position: 0 0}
.product .p-box,
.partner{background-color: #fafafb}
.product .product-wendi{height:408px;padding:0 0 100px 590px;background:url("../assets/img/product_Wendi.png") no-repeat 0 0 transparent;background-size: auto 408px}
.product .product-3d{height:364px;padding:100px 590px 100px 0;background:url("../assets/img/product_3D.png") no-repeat 100% 100px transparent;background-size: auto 364px}
.product h3{font-size: 24px;font-weight:700;line-height:100%;padding-bottom:20px;color: #1e202d}
.product .product-wendi p,.product .product-3d p{color:#7d8197;font-size: 14px;line-height:28px;text-align: justify!important;padding-bottom:50px}
.product ul li{width:238px; float: left;position: relative}
.product ul li.pb50{padding-bottom:50px}
.product ul li.ml114{margin-left:114px}
.product ul li span{position: absolute;display: block;width:36px;height: 36px;}
.product ul li span.p-w-span1{background-position:-370px 0}
.product ul li span.p-w-span2{background-position:-370px -56px}
.product ul li span.p-w-span3{background-position:-370px -112px}
.product ul li span.p-w-span4{background-position:-370px -168px}
.product ul li span.p-3-span1{background-position:-370px -224px}
.product ul li span.p-3-span2{background-position:-370px -280px}
.product ul li span.p-3-span3{background-position:-370px -334px}
.product ul li span.p-3-span4{background-position:-370px -390px}
.product ul dl{padding-left: 55px}
/* .product ul dt{font-size: 16px;color: #1e202d;line-height:100%;padding-bottom:10px;} */
.product ul dt{font-size: 16px;color: #1e202d;line-height:100%;padding-bottom:10px;font-weight:bold}
/* .product ul dd{color:#7d8197;font-size: 14px;line-height:22px;text-align: justify!important;} */
.product ul dd{color:#1e202d;font-size: 14px;line-height:22px;text-align: justify!important;}
/*产品介绍 END*/

/*我们的优势*/
.superiority{}
.superiority .h2-title{width: 168px;height: 134px;background-position: 0 -124px}
.superiority .s-text{width: 794px;margin: 0 auto;font-size: 16px;line-height: 28px;text-indent: 32px;color: #1e202d;font-weight: 700;text-align: justify!important;padding: 0 0 10px 0;}
.superiority ul li{width:535px;height:120px;position: relative;background: url("../assets/img/supListBg.jpg") no-repeat 0 0 transparent;background-size: 100% auto;color:#fff;padding:0 0 0 45px;margin-top:20px;position: relative}
.superiority ul li span{position: absolute;display: block;width:68px;height: 68px;top:26px;background-size: 590px auto;}
.superiority ul li span.s-span1{background-position: -279px 0;height: 74px;}
.superiority ul li span.s-span2{background-position: -279px -82px;}
.superiority ul li span.s-span3{background-position: -279px -160px;}
.superiority ul li span.s-span4{background-position: -279px -228px;}
.superiority ul dl{padding-left: 103px}
.superiority ul dt{font-size: 20px;text-shadow: 0px 1px 2px rgba(51, 51, 51, 0.2);line-height:100%;padding:28px 0 12px 0}
.superiority ul dd{font-size: 14px;text-shadow: 0px 1px 2px rgba(51, 51, 51, 0.2);line-height:20px;max-width: 420px}
/*我们的优势 END*/

/*案例展示*/
.case{background: url("../assets/img/caseCoverBG.jpg") no-repeat 50% 0 #21294e;}
.case .h2-title{width: 215px;height: 106px;background-position: 0 -278px}
.case ul{text-align: center}
.case ul li{display: inline-block;margin:0 7px}
.case ul li a{display: block;height: 36px;line-height:36px;padding:0 15px;color: #7d8197;border-radius:4px;}
.case ul li a:hover,.case ul li.active a{background-color: #06a5dc;color: #fff}
.case-list .c-l-c-list{display: none;}
.case-list .c-l-c-list.active{display: block}
.case-list .c-l-content{color: #fff;position: relative;padding: 40px 0;margin-top: 35px;}
.case-list .c-l-content .c-l-c-img{position:absolute;top: 0;bottom: 0;margin: auto 0;}
.case-list .c-l-content .c-l-c-img img{max-width:340px}
.case-list .c-l-content .c-l-c-text{padding:50px 40px 40px 380px;background: url("../assets/img/caseTextBg.png") no-repeat 100% 50% #303a70}
.case-list .c-l-content .c-l-c-text h4{position: relative;line-height: 100%;padding: 25px 0;font-size: 16px;}
.case-list .c-l-content .c-l-c-text h4:before{content: "";display: block;height: 1px;width: 60px;background-color: rgba(255,255,255,0.18);position: absolute;bottom: -1px;}
.case-list .c-l-content .c-l-c-text p{text-align: justify!important;line-height: 28px;padding: 18px 0 14px 0;min-height: 112px;}
/*案例展示 END*/

/*合作伙伴*/
.partner{}
.partner .h2-title{width: 127px;height: 106px;background-position: 0 -404px}
.partner .p-box-img{height:245px;background: url("../assets/img/index.png") no-repeat 0 100% transparent;}
/*合作伙伴 END*/

/*footer*/
footer{background-color:#2d2d2d;color:#fff}
footer .f-contact{padding-top: 50px;padding-bottom: 100px;}

footer .f-contact,footer .f-contact nav{display:table;word-spacing:-1em;}
footer .f-contact dl,footer .f-contact nav a{display: inline-block;word-spacing:0;*display:inline}

footer .f-contact dl{vertical-align: top;height: 200px;width: 380px;max-width: 380px;position: relative}
footer .f-contact dl:nth-child(3){padding-left: 40px;width: 340px;}
footer .f-contact dl.f-c-center{padding:0 40px;border: 1px solid rgba(255,255,255,0.1);border-top: 0 none;border-bottom: 0 none;max-width: 338px;width: 338px;}
footer .f-contact dt{font-size:16px;line-height:100%;padding-bottom: 12px;}
footer .f-contact dd{color:#999;line-height: 30px;height: 30px;}
footer .f-contact dl:nth-child(3) dd{text-align:right}
footer .f-contact nav a{color:#999;line-height:100%;border-right: 1px solid rgba(255,255,255,0.1);padding: 0 42px;}
footer .f-contact nav a:nth-child(1){padding-left: 0;}
footer .f-contact nav a:nth-child(2){}
footer .f-contact nav a:nth-child(3){border-right:0 none}
footer .f-contact .f-c-qrcode{position: absolute;width: 164px;height: 164px;top: 36px;}
footer .f-copyright{height:40px;line-height:40px;text-align: center;color: #999;border-top: 1px solid rgba(255,255,255,0.1);}
/*footer END*/

@font-face {
    font-family: 'i-41yg';
    src: url('http://at.alicdn.com/t/font_1449844472_872938.eot'); /* IE9*/
    src: url('http://at.alicdn.com/t/font_1449844472_872938.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('http://at.alicdn.com/t/font_1449844472_872938.woff') format('woff'), /* chrome、firefox */
    url('http://at.alicdn.com/t/font_1449844472_872938.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('http://at.alicdn.com/t/font_1449844472_872938.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.i-41yg{
    font-family:"i-41yg" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
}

.fix-r{bottom:10rem;z-index:22;color: #fff;text-align: center;position: fixed;right: 0;}
.fix-r div{position:relative;margin-top:1rem;width:4rem;height:4rem;line-height:4rem;background-color:rgba(0,0,0,0.6);border-radius:6px 0 0 6px;z-index: 100;cursor: pointer;}
.fix-r #Rocket{display:none}
.fix-r #Rocket i{font-size:25px;-webkit-text-stroke-width:0}

/* 新闻资讯 */
.navbar {
    width: 100%;
    height: 75px;
    background: rgba(8, 43, 127, 0.1);
    overflow: hidden;
}

.navbar-title {
    float: left;
    width: 120px;
    height: 75px;
    line-height: 75px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    background: #082B7F;
    text-align: center;
    }
    
    .navbar-tabs {
        float: left;
        height: 75px;
        font-size: 0;
        font-weight: 500;
        text-align: center;
    }
    
    .navbar-tab-item {
        display: inline-block;
        width: 120px;
        height: 75px;
        line-height: 75px;
        color: #666;
        font-size: 20px;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }
    
    .navbar-tab-item.active {
        color: #fff;
        background: #082B7F;
}

.navbar-text {
    float: right;
    line-height: 75px;
    color: #333;
    font-size: 20px;
    font-weight: 500;
}

.news-loading,
.article-loading {
    padding: 38px 0;
    width: 100%;
    display: none;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.news-items {
    margin-top: 60px;
    overflow: hidden;
}

.news-item {
    margin: 0 38px 38px 0;
    float: left;
    width: 368px;
    height: 520px;
    background: #F2F4F8;
    border-radius: 4px;
}

.news-items.article .news-item {
    height: 600px
}

.news-item .avator {
    padding: 40px 20px 0;
    text-align: right;
}

.news-item .avator .icon-avator {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    vertical-align: middle;
}

.news-item .avator .username {
    margin-left: 10px;
    display: inline-block;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    vertical-align: middle;
}

.news-item .news-item-link {
    display: block;
}

.news-items .news-item {
    transition: all .2s;
}

.news-items .news-item:hover {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.news-items .news-item:nth-child(1n) {
    background: #F2F4F8;
}

.news-items .news-item:nth-child(2n) {
    background: #f8fcfe;
}

.news-items .news-item:nth-child(3n) {
    margin-right: 0;
    background: #00A9CE;
}
.news-items .news-item:nth-child(4n) {
    background: #FBFBFB;
}
.news-item .thumb {
    display: block;
    width: 100%;
    height: 200px;
    border-radius: 4px 4px 0px 0px;
}

.news-item .time {
    margin-top: 40px;
    padding-left: 20px;
    display: inline-block;
    width: 166px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    font-family: DFPZongYiW7;
    background-image: url('../assets/img/icon_news_time_1.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    
    .news-items .news-item:nth-child(3n) .time {
        color: #000000;
        background-image: url('../assets/img/icon_news_time_2.png');
}

.news-item .title {
    padding: 40px 20px 0;
    display: block;
    line-height: 28px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    font-style: normal;
    font-family: PingFangSC-Medium, PingFang SC;
}

.news-item .info {
    padding: 10px 20px 0;
    display: block;
    line-height: 22px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    font-family: PingFang-SC-Regular, PingFang-SC;
    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
}

.news-items:nth-child(3n) {
    margin-right: 0;
}
.news-detail {
    margin: 60px 0 160px;
    padding: 40px 170px 120px;
    box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.1);
}

.news-detail__title {
    line-height: 28px;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    font-family: PingFangSC-Medium, PingFang SC;
}

.news-detail__time {
    margin: 20px 0 40px;
    display: inline-block;
    width: 108px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999999;
    font-weight: 500;
    text-align: center;
    background: #F6F6F6;
}

.news-detail__line {
    width: 100%;
    height: 1px;
    background: #D8D8D8;
}

.news-detail__content {
    padding-top: 40px;
    line-height: 26px;
}
@media screen and ( min-width: 212px){/*213px显示屏样式 LG Optimus One*/}
@media screen and ( min-width: 319px){/*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */}
@media screen and (max-width: 431px) {
    /*375px显示屏样式*/
    .container{width: 100%;box-sizing: border-box;}
    .m-head{display: block}
    .pc-head{display: none}
    header.m-head{
        height: auto;
    }
    header.m-head h1.logo{
        padding: 5px 0;
        height: 40px;
    }
    header.m-head h1.logo img{
        max-height: 40px;
    }
    header.m-head nav{
        display: none;
    }
    header.m-head nav.page-nav.opened{

        display: block;

        float: none;

        padding: 20px 0;

        background-color: rgba(8, 43, 127,0.95);

    }
    header.m-head.fixed nav.page-nav.opened{
        background-color: transparent;
    }
    header.m-head nav.page-nav a{
        float: none;
        width: 100%;
        display: block;
        line-height: 50px;
        height: 50px;
        text-align: center;
        padding: 0;
    }
    header.m-head .nav-toggle{
        position: relative;
        float: right;
        padding: 10px 10px;
        margin-top: 8px;
        margin-right: 0px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-appearance: button;
        overflow: visible;
        cursor: pointer;
    }
    header.m-head .nav-toggle .icon-bar{
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #fff;
    }
    header.m-head .nav-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }
    .m-head.header-fixed.fixed{}
    .product .product-wendi {
        padding: 100% 0 50px 0;
        background-position: center top;
        background-size: 100% auto;
        height: 100%;
    }
    .product ul li.ml114{

        margin: 0;
    }
    .product ul li{

        float: none;

        width: 100%;

        padding-bottom: 36px !important;
    }
    .product .product-3d{
        height: 100%;
        padding: 100% 0 50px 0;
        background-position: center 50px;
        background-size: 100% auto;
    }
    .superiority .s-text{
        width: 100%;
    }
    .superiority ul li{
        width: 100%;
        height: auto;
        float: none;
        background-position: center;
        background-size: cover;
        padding: 0 20px 20px;
        box-sizing: border-box;
    }
    .superiority ul dl{
        padding-left: 28%;
    }
    .case{
        padding-bottom: 30px;
    }
    .case ul li{
        width: 48%;
        margin: 0;
    }
    .case-list .c-l-content{
        margin: 0;
    }
    .case-list .c-l-content .c-l-c-img{
        position: relative;
        text-align: center;
    }
    .case-list .c-l-content .c-l-c-img img{
        width: 100%;
        max-width: none;
    }
    .case-list .c-l-content .c-l-c-text{
        padding: 15px;
        background-position: right -130%;
    }
    .partner .p-box-img{

        background-size: 100%;

        height: 84px;

    }
    .partner{
        padding-bottom: 50px;
    }
    footer .f-contact dl{
        width: 100%;
        height: 100%;
        max-width: 100%;
    }
    footer .f-contact dl.f-c-center{
        border: 0 none;
        width: 100%;
        box-sizing: border-box;
        padding: 30px 0;
    }
    footer .f-contact dl:nth-child(3){
        padding-left: 0;
        width: 100%;
    }
    footer .f-contact nav{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        height: 30px;
    }
    footer .f-contact nav a{
        font-size: 14px;
        white-space: nowrap;
        padding: 0 12.78%;
    }
    footer .f-contact nav a:nth-child(3){
        padding-right: 0;
    }
    footer .f-contact{
        padding-bottom: 0;
    }
    footer .f-copyright{
        line-height: 100%;
        padding: 15px 0;
    }
    footer .f-copyright p{
        line-height: 24px;
    }
/* 新闻资讯 */
.navbar {
    width: 100%;
    height: 52px;
    background: rgba(8, 43, 127, 0.1);
    overflow: visible;
}

.navbar.detail {
    overflow: hidden
}

.navbar-title {
    float: none;
    display: inline-block;
    width: 108px;
    height: 52px;
    line-height: 52px;
    font-size: 15px;
}

.navbar-tabs {
    float: none;
    height: 52px;
    text-align: left;
}

.navbar.detail .navbar-tabs {
    display: none;
}

.navbar-tab-item {
    width: 108px;
    height: 52px;
    line-height: 52px;
    font-size: 15px;
}

.navbar-text {
    float: none;
    line-height: 52px;
    font-size: 14px;
}

.navbar.detail .navbar-text {
    float: left;
}

.news-items {
    margin-top: 50px;
}

.news-item {
    margin: 0 38px 38px 0;
    float: none;
    width: 100%;
    height: 432px;
}

.news-item .time {
    margin-top: 20px;
    height: 36px;
    line-height: 36px;
}

.news-item .title {
    padding: 20px 18px 0;
    line-height: 24px;
    font-size: 15px;
}

.news-item .info {
    padding: 10px 18px 0;
    line-height: 22px;
    font-size: 14px;
}

.news-detail {
    margin: 20px 0 10px;
    padding: 20px;
}

.news-detail__title {
    line-height: 24px;
    font-size: 16px;
}

.news-detail__time {
    margin: 15px 0 15px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.news-detail__content {
    padding-top: 15px;
}
}
@media screen and ( min-width: 383px){/*384px显示屏样式 黑莓Z10 谷歌 Nexus 6 LG Optimus G*/}
@media screen and ( min-width: 399px){/*399px显示屏样式 三星galaxyNote*/}
@media screen and ( min-width: 414px){/*414px显示屏样式 苹果6plus*/}
@media screen and ( min-width: 423px){/*424px显示屏样式 LG 4X */}
@media screen and ( min-width: 479px){/*480px显示屏样式 索尼MT27i Xperia sola*/}
@media screen and ( min-width: 539px){/*640px显示屏样式 摩托罗拉Droid3/4/Razr Atrix 4g*/}
@media screen and ( min-width: 639px){/*640px显示屏样式*/}
@media screen and ( min-width: 640px){/*640px以上显示屏样式*/}