body{

    height: 100%;

    padding-top: 120px;

    overflow-x: hidden;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

body a{

    outline: none;

    blr: expression(this.onFocus=this.blur());

}

body a:focus{

    outline: none;

}

@media (min-width: 1366px){

    .container{

        width: 1200px;

        padding-left: 0;

        padding-right: 0;

    }

}

/* 鍥剧墖鑷€傚簲 */

.other-text img{ height: auto !important; }

img{

    max-width: 100%;

    height: auto;

    width: auto\9;

    /* ie8 */

    -ms-interpolation-mode: bicubic;

    /*涓轰簡鐓ч【ie鍥剧墖缂╂斁澶辩湡*/

    border: none;

}

@-ms-viewport     { width: device-width;}

@-o-viewport      { width: device-width;}

@viewport         { width: device-width;}





/*瀹�*/

.w010{ width: 100%;}

.maxw010{ max-width: 100%;}





.mb35{ margin-bottom: 35px;}

.mb40{ margin-bottom: 40px;}

.mb50{ margin-bottom: 50px;}

.mb55{ margin-bottom: 55px;}

.mb60{ margin-bottom: 60px;}

.mb70{ margin-bottom: 70px;}

.mb75{ margin-bottom: 75px;}

.mb80{ margin-bottom: 80px;}

.mb100{ margin-bottom: 100px;}





.fs16{ font-size: 16px;}

.fs18{ font-size: 18px;}



.color-333{ color: #333;}

.color-3a77b9{ color: #3a77b9;}





.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths{

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

    position: relative;

}



/*header*/

.header-custom{

    margin-bottom: 0;

    background: #fff;

    border: none;

    border-radius: 0;

    box-shadow: 0 0 8px rgba(0,0,0,0.12);

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 999;

}

.header-custom .logo{

    height: auto;

    padding: 18px 15px;

}

.header-custom .logo img{

    display: block;

}

.header-custom .logo img:last-child{

    display: none;

}

.header-custom .nav-custom>li>a{

    font-size: 16px;

    color: #333;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.header-custom .nav-custom>li>a span{

    display: block;

}

.header-custom .nav-custom > li > a:hover,

.header-custom .nav-custom > li > a:focus,

.header-custom .nav-custom > .active > a,

.header-custom .nav-custom > .active > a:hover,

.header-custom .nav-custom > .active > a:focus,

.header-custom .nav-custom>.open>a,

.header-custom .nav-custom>.open>a:hover,

.header-custom .nav-custom>.open>a:focus{

    background-color: inherit;

    color: #041850;

}

.header-custom .nav-custom .dropdown .dropdown-menu{

    padding-top: 5px;

    padding-bottom: 5px;

}

.header-custom .nav-custom .dropdown .dropdown-menu a{

    display: block;

    height: 20px;

    line-height: 20px;

    padding-right: 25px;

    padding-left: 25px;

    font-size: 14px;

    color: #333;

}

.header-custom .navbar-toggle{

    margin-top: 43px;

    margin-bottom: 0;

    border-color: #041850;

}

.header-custom .navbar-toggle .icon-bar{

    background: #041850;

}

.header-custom .navbar-toggle:hover,

.header-custom .navbar-toggle:focus{

    background: none;

}

.header-custom .navbar-toggle:hover .icon-bar,

.header-custom .navbar-toggle:focus .icon-bar{

    background: #041850;

}

.header-custom .header-right .weChat-btn{

    display: block;

    width: 30px;

    padding-top: 12px;

    padding-bottom: 12px;

    margin-right: 20px;

    position: relative;

}

.header-custom .header-right .weChat-btn .img{

    width: 80px;

    padding-top: 6px;

    margin-left: -40px;

    background: url("../images/icon_10.png") center top no-repeat;

    display: none;

    position: absolute;

    top: 100%;

    left: 50%;

}

.header-custom .header-right .weChat-btn .img img{

    display: block;

    width: 100%;

    border: 4px solid #041850;

    border-radius: 3px;

}

.header-custom .header-right .a-btn{

    display: block;

    width: 120px;

    height: 30px;

    line-height: 30px;

    margin-top: 12px;

    margin-right: 30px;

    margin-bottom: 12px;

    background: #041850;

    border-radius: 15px;

    font-size: 14px;

    color: #fff;

    text-align: center;

}

.header-custom .header-right .tel{

    line-height: 54px;

    font-size: 24px;

    color: #041850;

}





/*footer*/

.footer-links{

    line-height: 26px;

    padding-top: 15px;

    padding-bottom: 30px;

    border-top: 1px solid #e1e1e1;

    font-size: 14px;

    color: #303030;

}

.footer-links a{

    display: inline-block;

    margin-right: 28px;

    color: #303030;

}

.footer-btn{

    padding-top: 75px;

    padding-bottom: 74px;

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

    background-size: cover;

}

.footer-btn a{

    display: block;

    width: 320px;

    max-width: 100%;

    height: 60px;

    line-height: 58px;

    border: 1px solid #fff;

    border-radius: 30px;

    font-size: 20px;

    color: #fff;

    text-align: center;

}

.footer-copy{

    line-height: 30px;

    padding-top: 12px;

    padding-bottom: 12px;

    background: #333;

    font-size: 14px;

    color: #fff;

    text-align: center;

}





/*page*/

.pages{

    padding-top: 50px;

    padding-bottom: 50px;

    font-size: 0;

    text-align: center;

}

.pages a{

    display: inline-block;

    min-width: 37px;

    height: 37px;

    line-height: 35px;

    border: 1px solid #dedede;

    padding: 0 7px;

    margin: 0 5px;

    font-size: 14px;

    color: #424242;

    transition: all 0.5s;

}

.pages a:first-child,.pages a:last-child{

    padding: 0 15px;

}

.pages a:hover,.pages a.current{

    background: #05194e;

    border: 1px solid #05194e;

    color: #fff;

}





/*banner*/

.banner-box{

    position: relative;

}

.banner-box .icon{

    width: 40px;

    margin-left: -20px;

    position: absolute;

    bottom: 20px;

    left: 50%;

    z-index: 99;

}

.banner-box .icon img{

    display: block;

    animation: fadeInDown 0.8s infinite linear;

}

.banner .item a{

    display: block;

}

.banner .item a img{

    display: block;

    width: 100%;

}

.banner.owl-carousel .owl-nav button.owl-next,

.banner.owl-carousel .owl-nav button.owl-prev{

    width: 56px;

    height: 56px;

    margin-top: -28px;

    text-indent: 999px;

    overflow: hidden;

    transition: all 0.5s;

    position: absolute;

    top: 50%;

}

.banner.owl-carousel .owl-nav button.owl-next{

    background: url("../images/arrow_1r.png") no-repeat;

    right: 2%;

}

.banner.owl-carousel .owl-nav button.owl-prev{

    background: url("../images/arrow_1l.png") no-repeat;

    left: 2%;

}





/*main*/

.index-title{

    text-align: center;

}

.index-title .name-en{

    height: 40px;

    line-height: 40px;

    font-size: 48px;

    color: #e4e4e4;

    text-transform: uppercase;

    font-weight: bold;

}

.index-title .name-cn{

    height: 36px;

    line-height: 36px;

    margin-top: -18px;

    margin-bottom: 15px;

    font-size: 36px;

    color: #333;

}

.index-title .text{

    line-height: 24px;

    font-size: 14px;

    color: #676767;

}

.indexShopper>div{

    margin-bottom: 20px;

}

.indexShopper>div a,

.indexShopper>div a span{

    display: block;

    text-align: center;

}

.indexShopper>div a .icon{

    width: 70px;

    height: 66px;

    margin-right: auto;

    margin-bottom: 15px;

    margin-left: auto;

}

.indexShopper>div a .icon img:last-child{

    display: none;

}

.indexShopper>div a .title{

    height: 30px;

    line-height: 30px;

    margin-bottom: 20px;

    font-size: 24px;

    color: #303030;

    font-weight: bold;

    transition: all 0.5s;

}

.indexShopper>div a .content{

    line-height: 24px;

    font-size: 14px;

    color: #666;

}

.indexShopper>div a:hover .icon img{

    -webkit-animation: swing .5s 1 linear;

    -o-animation: swing .5s 1 linear;

    animation: swing .5s 1 linear;

}

.indexShopper>div a:hover .icon img:first-child{

    display: none;

}

.indexShopper>div a:hover .icon img:last-child{

    display: inline-block;

}

.indexShopper>div a:hover .title{

    color: #0b1e55;

}

.indexBanner img{

    display: block;

    width: 100%;

}

.indexIndustry-bg{

    padding-top: 80px;

    padding-bottom: 54px;

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

    background-size: cover;

    background-attachment: fixed;

}

.indexIndustry .img img{

    display: block;

}

.indexIndustry .text>div{

    margin-bottom: 4px;

}

.indexIndustry .text .box{

    padding: 10px;

    transition: all 0.5s;

}

.indexIndustry .text .box a{

    display: block;

    height: 156px;

    padding-top: 10px;

    padding-right: 3px;

    padding-left: 3px;

    border: 3px solid #999;

    color: #666;

    transition: all 0.5s;

}

.indexIndustry .text .box a span{

    display: block;

}

.indexIndustry .text .box a .icon{

    height: 75px;

    padding-right: 10px;

    text-align: right;

}

.indexIndustry .text .box a .name-cn{

    height: 18px;

    line-height: 18px;

    margin-bottom: 8px;

    font-size: 16px;

}

.indexIndustry .text .box a .name-en{

    height: 28px;

    line-height: 12px;

    background: url("../images/line_1.jpg") left bottom no-repeat;

    text-transform: uppercase;

}

.indexIndustry .text .box.on{

    background: #296dac;

}

.indexIndustry .text .box.on a{

    border: 3px solid #fff;

    color: #fff;

}

.indexIndustry .text .box.on a .icon img:first-child{

    display: none;

}

.indexIndustry .text .box.on a .icon img:last-child{

    display: inline-block;

}

.indexIndustry .text .box.on a .name-en{

    background: url("../images/line_1h.jpg") left bottom no-repeat;

}

.public-tit{

    font-size: 0;

    text-align: center;

}

.public-tit .tabs-tit{

    display: inline-block;

    width: 135px;

    height: 35px;

    line-height: 35px;

    margin-right: 10px;

    margin-left: 10px;

    background: #f0f1f2;

    border-radius: 17px;

    font-size: 14px;

    color: #666;

    transition: all 0.5s;

}

.public-tit .tabs-tit.selected{

    background: #0b1e55;

    color: #fff;

}

.indexNews .img{

    margin-bottom: 45px;

}

.indexNews .img img{

    display: block;

    width: 100%;

}

.indexNews .text .li{

    height: 126px;

    margin-bottom: 46px;

    border-bottom: 1px dotted #dbdbdb;

}

.indexNews .text .li .date{

    float: left;

    width: 77px;

    height: 125px;

    line-height: 26px;

    padding-right: 20px;

    margin-right: 13px;

    background: url("../images/line_2.jpg") right 13px no-repeat;

    font-size: 14px;

    color: #999;

    text-align: center;

}

.indexNews .text .li .date .day{

    margin-bottom: 12px;

    font-size: 20px;

    color: #333;

    transition: all 0.5s;

}

.indexNews .text .li .title{

    display: block;

    height: 26px;

    line-height: 26px;

    margin-bottom: 8px;

    font-size: 20px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.5s;

}

.indexNews .text .li .content{

    height: 48px;

    line-height: 24px;

    margin-bottom: 10px;

    font-size: 14px;

    color: #999;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.indexNews .text .li .more{

    display: inline-block;

    padding-right: 36px;

    background-position: center right;

    background-repeat: no-repeat;

    font-size: 14px;

    color: #666;

    transition: all 0.5s;

}

.indexNews .text .li:hover .date .day{

    color: #0b1e55;

}

.indexNews .text .li:hover .title{

    color: #0b1e55;

}

.indexNews .text .li:hover .more{

    background-image: url("../images/icon_8.png");

    color: #0b1e55;

    font-weight: bold;

}

.indexCustomers-box{

    margin-right: -5px;

    margin-left: -5px;

}

.indexCustomers.owl-carousel .owl-stage-outer{

    padding-top: 10px;

}

.indexCustomers .item a{

    display: block;

    margin-right: 5px;

    margin-bottom: 10px;

    margin-left: 5px;

    box-shadow: 0 0 15px rgba(0,0,0,0.08);

}

.indexCustomers .item a img{

    display: block;

    width: 100%;

}

.indexCustomers.owl-carousel .owl-dots{

    margin-top: 30px;

    font-size: 0;

    text-align: center;

}

.indexCustomers.owl-carousel button.owl-dot{

    width: 50px;

    height: 4px;

    margin-right: 3px;

    margin-left: 3px;

    background: none;

    border: 1px solid #051a4f;

}

.indexCustomers.owl-carousel button.owl-dot.active{

    background: #051a4f;

}

.public-more{

    display: block;

    width: 160px;

    height: 45px;

    line-height: 43px;

    border: 1px solid #e4e4e4;

    border-radius: 3px;

    font-size: 14px;

    color: #333;

    text-align: center;

}





/*02-1缁佺偟顫濇い鎯ь吂閺嗘顔�*/

.other-banner img{

    display: block;

    width: 100%;

}

.other-title{

    padding-top: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #e5e5e5;

    text-align: center;

}

.other-title a{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    border-radius: 20px;

    font-size: 14px;

    color: #333;

    transition: all 0.5s;

}

.other-title a:hover,

.other-title a.on{

    background: #051a4f;

    color: #fff;

}

.public-tit2{

    height: 44px;

    line-height: 44px;

    font-size: 24px;

    color: #333;

    text-align: center;

}

.other-text{

    line-height: 24px;

    font-size: 14px;

    color: #666;

}

.other-imglist{

    margin-right: -6px;

    margin-left: -6px;

}

.other-imglist>div{

    padding-right: 6px;

    padding-left: 6px;

    margin-bottom: 12px;

}

.other-imglist>div .box{

    display: block;

    position: relative;

}

.other-imglist>div .box img{

    display: block;

    width: 100%;

}

.other-imglist>div .box .sp{

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

    font-size: 14px;

    color: #fff;

    text-align: center;

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

}

.other-imglist>div .box .sp-1{

    height: 35px;

    line-height: 35px;

    opacity: 1;

}

.other-imglist>div .box .sp-2{

    opacity: 0;

    padding-top: 24%;

    top: 0;

    transition: all 0.5s;

}

.other-imglist>div .box .sp .more{

    display: inline-block;

    width: 109px;

    height: 30px;

    line-height: 28px;

    margin-top: 10px;

    border: 1px solid #fff;

}

.other-imglisthover>div .box:hover .sp-1{

    opacity: 0;

}

.other-imglisthover>div .box:hover .sp-2{

    opacity: 1;

}

.shopperTesting{

    padding-top: 50px;

    padding-bottom: 50px;

    background: #f7f7f7;

}

.otherNav-box{

    font-size: 0;

    text-align: center;

}

.otherNav-box .title .item{

    display: inline-block;

    padding-bottom: 32px;

}

.otherNav-box .title .item a{

    display: inline-block;

    height: 35px;

    line-height: 35px;

    padding-right: 30px;

    padding-left: 30px;

    font-size: 14px;

    color: #333;

}

.otherNav-box .title .item.on{

    background: url("../images/icon_12.png") bottom -1px center no-repeat;

}

.otherNav-box .title .item.on a{

    background: #051a4f;

    color: #fff;

}

.shopperTesting .content{

    padding: 50px 5%;

    background: #fff;

}

.shopperTesting .content .list-03{

    display: none;

}

.shopperTesting .content .list-03:first-child{

    display: block;

}





/*02-2鎼存娼扮純鎴犲仯瀹糕剝顥�*/

.public-tit3{

    text-align: center;

}

.public-tit3 .name-cn{

    line-height: 34px;

    background: url("../images/line_3.png") center center no-repeat;

    font-size: 24px;

    color: #333;

}

.public-tit3 .name-en{

    line-height: 22px;

    font-size: 14px;

    color: #666;

    text-transform: uppercase;

}





/*04-1鐠у嫯顔嗙憴鍡欏仯*/

.other-newslist{

    border-top: 1px solid #e6e6e6;

}

.other-newslist .li{

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e6e6e6;

}

.other-newslist .li .img{

    display: block;

}

.other-newslist .li .img img{

    display: block;

    width: 100%;

}

.other-newslist .li .title{

    display: block;

    height: 50px;

    line-height: 50px;

    margin-bottom: 10px;

    font-size: 20px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.5s;

}

.other-newslist .li .content{

    height: 72px;

    line-height: 24px;

    margin-bottom: 10px;

    font-size: 14px;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.other-newslist .li .down{

    line-height: 38px;

    font-size: 14px;

    color: #666;

}

.other-newslist .li .down .date{

    float: left;

}

.other-newslist .li .down .more{

    float: right;

    color: #333;

    transition: all 0.5s;

}

.other-newslist .li:hover .title{

    color: #051a4f;

}

.other-newslist .li:hover .down .more{

    color: #051a4f;

}





/*04-1鐠у嫯顔嗙憴鍡欏仯鐠囷附鍎�*/

.news-details .title{

    padding-top: 30px;

    border-top: 1px solid #e6e6e6;

    font-size: 14px;

    color: #666;

    text-align: center;

}

.news-details .title .name{

    font-size: 24px;

    color: #333;

    font-weight: bold;

}

.news-details .down{

    padding-top: 15px;

    line-height: 34px;

    border-top: 1px solid #e5e5e5;

    font-size: 14px;

}

.news-details .down .left-box a{

    display: block;

    padding-left: 30px;

    color: #999;

    transition: all 0.5s;

}

.news-details .down .left-box a:first-child{

    background: url("../images/arrow_2l.png") left center no-repeat;

}

.news-details .down .left-box a:first-child:hover{

    background: url("../images/arrow_2l_h.png") left center no-repeat;

    color: #0d2054;

    text-decoration: underline;

}

.news-details .down .left-box a:last-child{

    background: url("../images/arrow_2r.png") left center no-repeat;

}

.news-details .down .left-box a:last-child:hover{

    background: url("../images/arrow_2r_h.png") left center no-repeat;

    color: #0d2054;

    text-decoration: underline;

}

.bdshare-button-style0-32 .bds_weixin{

    background-image: url("../images/icon_14.png");

    background-position: 0 5px !important;

}

.bdshare-button-style0-32 .bds_tqq{

    background-image: url("../images/icon_15.png");

    background-position: 0 5px !important;

}

.bdshare-button-style0-32 .bds_sqq{

    background-image: url("../images/icon_16.png");

    background-position: 0 5px !important;

}



.industry-title{

    padding: 30px 0 30px 30px;

    background: #1556a7;

    font-size: 16px;

    color: #fff;

}

.industry-title .name-en{

    font-size: 24px;

    text-transform: uppercase;

}

.industry-navBtn{

    height: 50px;

    padding-top: 10px;

    padding-right: 15px;

    background: #063796;

    display: none;

}

.industry-nav a{

    display: block;

    line-height: 24px;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 30px;

    border: 1px solid #e5e5e5;

    border-top: none;

    font-size: 14px;

    color: #666;

    transition: all 0.5s;

}

.industry-nav a:hover,

.industry-nav .on{

    background: #2d78d5;

    border: 1px solid #2d78d5;

    border-top: none;

    color: #fff;

}

.industry-block{

    box-shadow: 0 0 8px rgba(0,0,0,0.12);

}

.industry-banner{

    background: #1556a7;

}

.industry-banner .text{

    line-height: 36px;

    font-size: 20px;

    color: #fff;

    text-transform: uppercase;

}

.industry-banner .text .name-cn{

    font-size: 28px;

}

.industry-banner>img{

    display: block;

    width: 100%;

}

.industry-content{

    padding: 15px 30px;

}