nt-face{

    font-family: 'SourceHanSansCN-Normal';   /*字体名称*/

    src: url('思源字体/SourceHanSansCN-Normal.otf');       /*字体源文件*/

    font-family: 'SourceHanSansCN-Regular';

    src: url('思源字体/SourceHanSansCN-Regular.otf');

    font-family: 'SourceHanSansCN-Medium';

    src: url('思源字体/SourceHanSansCN-Medium.otf');

    font-family: 'SourceHanSansCN-Light';

    src: url('思源字体/SourceHanSansCN-Light.otf');

    font-family: 'SourceHanSansCN-Heavy';

    src: url('思源字体/SourceHanSansCN-Heavy.otf');

    font-family: 'SourceHanSansCN-ExtraLight';

    src: url('思源字体/SourceHanSansCN-ExtraLight.otf');

    font-family: 'SourceHanSansCN-Bold';

    src: url('思源字体/SourceHanSansCN-Bold.otf');

    font-family:'BebasNeue';

    src:url('BebasNeue.otf');

}



body{

    margin: 0;

    padding: 0;

    font-family: 'SourceHanSansCN-Medium';

}

img{
    image-rendering: pixelated;
}

a {text-decoration: none;}

a:hover{text-decoration: none;}

a:visited{text-decoration: none;}

a:focus{text-decoration: none;}

.head{

    width: 100%;

    height: 113px;

    border-bottom: 1px solid #c61c1b;

}



.head-content{

    max-width: 1200px;

    width: 100%;

    position: relative;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}



.head-content nav{



}



.banner-p{

    position: absolute;

    top: 50%;

    left:50%;

    transform: translate(-50%,-50%);

    color: #ffffff;

}



.banner-p p:nth-child(1){

    font-size: 24px;

    line-height: 28px;

}



.banner-p p:nth-child(2){

    font-size: 48px;

    line-height: 48px;

    margin-top: 25px;

    margin-bottom: 25px;

    white-space:nowrap;

}



.banner-p p:nth-child(3){

    font-size: 24px;

    line-height: 28px;

    text-align: right;

}



.btn{

    width: 98px;

    height: 33px;

    border-radius: 15px;

    border: 1px solid #eaeaea;

    color: #696969;

    outline: none;

    position: absolute;

    top: 50%;

    right: 25px;

    transform: translate(0,-50%);

    font-family: 'SourceHanSansCN-Medium';

}



.navbar-default{

    border: 0;

    background: #ffffff;

}



.navbar-default .navbar-nav>li>a{

    color: #333333;

    font-size: 16px;

    font-family: 'SourceHanSansCN-Medium';

}



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

    .navbar-default .navbar-nav>li>a{

        padding-left:10px;

        padding-right: 10px;

    }

}



.navbar-brand img{

    position: relative;

    top: 50%;

    transform: translate(0,-50%);

}



.head-p{

    font-size: 12px;

    color: #333333;

    margin-top: 8px;

    display: none

}



.head-p p{

    margin: 0;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.container-fluid{

    height: 100%;

}



.navbar{

    margin-bottom: 0;

}



.navbar-default .navbar-toggle .icon-bar{

    background: #ffffff;

    width: 24px;

    position: relative;

}



.navbar-default .navbar-toggle .icon-bar span{

    display: block;

}



.navbar-default .navbar-toggle .icon-bar span:first-child{

    height: 2px;

    width: 4px;

    background: #333333;

}



.navbar-default .navbar-toggle .icon-bar span:last-child{

    height: 2px;

    width: 16px;

    background: #333333;

    position: absolute;

    top: 0;

    right: 0;

}



.navbar-default .navbar-toggle{

    border: 0;

}





.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{

    background: #ffffff;

}



.carousel-indicators .active{

    width: 10px;

    height: 10px;

    margin: 1px;

}



.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{

    width: 21px;

    height: 36px;

}



.carousel-control .glyphicon-chevron-left{

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

    background-size: 100%;

}



.carousel-control .glyphicon-chevron-right{

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

    background-size: 100%;

}





.glyphicon-chevron-left:before{

    content: "";

}



.glyphicon-chevron-right:before{

    content: "";

}



.contentmid{

    max-width: 1200px;

    width:100%;

    position: relative;

    left: 5%;

    transform: translate(-50%,0);

}



.index-solution{

    width: 100%;

    background: #f2f2f2;

    padding-top: 85px;

    box-sizing: border-box;

    padding-bottom: 100px;

}



.index-solution-headp{

    font-size: 48px;

    color: #333333;

    text-align: center;

    font-family: 'SourceHanSansCN-Medium';

}



.index-hr{

    width: 60px;

    height: 4px;

    background: #c61c1b;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    margin-bottom: 20px;

}



.index-solution .row a{

    width: 47.25%;

    float: left;

}

.index-solution .row a{

    display: block;

}

.index-solution .row a:last-child{

    float: right;

}



.index-solution .row:nth-child(2n+2){

    margin-left: 2.75%;

}



.index-solution-img img{

    width:100%;

    display: block;

    max-height: 300px;

}



.index-solution .container{

    padding-left: 40px;

    padding-right: 40px;

}





.index-solution .row{

    width: 48.625%;

    float: left;

    display: block;

    margin-left: 0;

    margin-right: 0;

    margin-top: 65px;

}



.index-solution-img p{

    font-size: 16px;

    color: #333333;

    text-align: center;

    margin: 0;

    margin-top: 16px;

}



.index-video{

    width: 100%;

    background: #333333;

    box-sizing: border-box;

    padding: 85px 25px;

}



.index-video-headp{

    font-size: 48px;

    color: #ffffff;

    text-align: center;

    font-family: 'SourceHanSansCN-Medium';

}



.index-video-content{

    width: 100%;

    max-width: 1024px;

 /*   max-height: 546px;

    height: 52.34vw;*/

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    

    margin-top: 60px;

}



.index-video-content video{

    width: 100%;

    height: 100%;

}



.index-news{

    width: 100%;

    background: #f2f2f2;

    padding-top: 55px;

    box-sizing: border-box;

    padding-bottom: 75px;

    padding-left: 15px;

    padding-right: 15px;

}



.index-news-pa{

    text-align: right;

    box-sizing: border-box;

    padding-right: 10px;

    line-height: 24px;

    margin-top: 10px;

    margin-bottom: 15px;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.index-news-pa a{

    color: #666666;

    font-size: 16px;

}



.index-news-content{

    max-width: 1200px;

    width: 100%;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.index-news-showall{

    width: 720px;

    position: relative;

}



.index-news-showall .index-news-show:nth-child(n+2){

    margin-top: 16px;

}



.index-news-show{

    width: 100%;

    height: 140px;

    box-sizing: border-box;

    border: 1px solid #e4e4e4;

    background: #ffffff;

    box-sizing: border-box;

    padding-left: 30px;

    position: relative;

}



.index-news-img{

    position: absolute;

    right: 0;

    top: 0;

    display: block;

    height: 452px;

    width: 463px;

}



.index-news-img img{

    height: 452px;

    width: 463px;

}



.index-news-img a{

    display: block;

}



.swiper-pagination-bullet{



    border: 1px solid #ffffff;

    background: transparent;

    opacity: 1;

}

.brand-de-contentshow{

        font-size: 16px;
        
    }



.swiper-pagination-bullet-active{

    background: #ffffff;

}



.index-news-img .swiper-container{

    height: 452px;

    width: 463px;

}



.index-more:hover{

    color: #ffffff;

}



.index-news-show-p1{

    width: 100%;

    font-size: 20px;

    color: #333333;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    box-sizing: border-box;

    margin: 0;

    padding-top: 25px;

    padding-right: 90px;

}



.index-news-show-p1 a{

    color: #333333;

    /*text-decoration: none;*/

}



.index-news-show-p2{

    font-size: 14px;

    color: #666666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin: 0;

    line-height: 24px;

    margin-top: 12px;

    padding-right: 90px;

    height: 48px;

}



.index-news-show-p2 a{

    color: #666666;

}



.index-news-show-ptime{

    color: #ffffff;

    font-size: 12px;

    background: #c61c1b;

    line-height: 20px;

    position: absolute;

    top: 26px;

    right: 0px;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    margin: 0;

}



.idnex-news-show-pnum{

    text-align: right;

    box-sizing: border-box;

    padding-right: 5px;

    font-size: 12px;

    color: #666666;

    margin-bottom: 0;

    margin-top: 6px;

}



.index-qrcode{

    width: 100%;

    border-top: 1px solid #e4e4e4;

    background: #f7f7f7;

    box-sizing: border-box;

    padding-bottom: 55px;

}



.index-qrcode-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    box-sizing: border-box;

    padding-top: 50px;

}



.index-qrcode-content-p1{

    font-size: 36px;

    color: #333333;

    margin: 0;

}



.index-qrcode-content-p1 a{

    color: #333333;

}



.index-qrcode-content-p2 a{

    color: #333333;

}



.index-qrcode-content-p2{

    font-size: 30px;

    color: #333333;

    margin: 0;

    margin-top: 5px;

}



.index-qrcode-content-p3{

    font-size: 16px;

    color: #666666;

    line-height: 30px;

    margin: 0;

    width: 540px;

    margin-top: 45px;

}



.index-qrcode-content-p3 a{

    color: #666666;

}



.index-qrcode-content-p3 a:hover{

    color: #666666;

}



.index-more{

    display: block;

    width: 150px;

    height: 42px;

    text-decoration: none;

    font-size: 18px;

    font-weight: bold;

    font-style: oblique;

    color: #ffffff;

    background: #c61c1b;

    border-radius: 18px;

    text-align: center;

    line-height: 42px;

    margin-top: 70px;

}



.index-more:visited{

    color: #ffffff;

}



.index-qrcode-img{

    width: 195px;

    position: absolute;

    right: 0;

    top: 100px;

}



.index-qrcode-img img{

    width: 100%;

}



.index-qrcode-img p{

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    text-align: center;

    margin: 0;

    margin-top: 20px;

}



.index-ahref{

    width: 100%;

    background: #333333;

    box-sizing: border-box;

    padding-bottom: 50px;

}



.index-ahref-content{

    max-width: 1200px;

    width: 100%;

    box-sizing: border-box;

    padding-left: 75px;

    padding-right: 75px;

    overflow: hidden;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.index-ahref-showall{

    float: left;

    width: 50%;

    overflow: hidden;

}



.index-ahref-show{

    width: 50%;

    float: left;

    margin-top: 95px;

}



.index-ahref-show img{

    max-width: 35%;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.index-ahref-headp{

    font-size: 24px;

    color: #ffffff;

    margin:0;

    text-align: center;

    margin-top: 20px;

    margin-bottom: 20px;

}



.index-ahref-p1{

    font-size: 16px;

    color: #f2f2f2;

    text-align: center;

    margin: 0;

    line-height: 30px;

}



.index-ahref-p1>span>a{

    color: #f2f2f2;

    font-size: 16px;

}



.index-ahref-p1 span:last-child{

    margin-left: 15px;

}



.foot{

    line-height: 50px;

    font-size: 16px;

    color: #ffffff;

    background: #c61c1b;

}



.foot-content{

    max-width: 1200px;

    width: 100%;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.foot-content>p>span:last-child{

    float: right;

}



.foot-content>p{

    margin: 0;

}



.foot-content>p>span>a{

    color: #ffffff;

}



.index-good{

    background: #ffffff;

}



.index-contentmid{

    width: 100%;

    border-bottom: 1px solid #e4e4e4;

}



.index-contentmid-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    overflow: hidden;

    box-sizing: border-box;

    padding-top: 55px;

    padding-bottom: 55px;

}



.index-contentmid-content .swiper-slide{

    width: 12%;

    margin-right: 5.6%;

}



.index-contentmid-show{

    width: 100%;

    float: left;

}



/*.index-contentmid-content a:nth-child(n+2) .index-contentmid-show{

    margin-left: 5.6%;

}*/



.index-contentmid-show-img{

    width: 100%;

    overflow: hidden;

    height: 80px;

    position: relative;

}



.index-contentmid-show-img img{

    max-width: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}



.index-contentmid-show p{

    text-align: center;

    font-size: 16px;

    color: #333333;

    margin: 0;

}



.new-headimg{              /* 新闻中心 */

    width: 100%;

    height: 23.958vw;

    background: #f2f2f2;

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

    background-size: 100%;

    background-repeat: no-repeat;

}



.new-nav{

    width: 100%;

}



.new-nav-content{

    max-width: 1200px;

    width: 100%;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    overflow: hidden;

    box-sizing: border-box;

    padding-top: 65px;

    padding-bottom: 70px;

}



.new-nav-content>div{

    float: left;

}



.new-nav-show{

    overflow: hidden;

    width: 70%;

}



.new-nav-show-img{

    float: left;

    width: 33%;

}



.new-nav-show-img>p{

    font-size: 24px;

    line-height: 30px;

    margin: 0;

    text-align: center;

    color: #333333;

}



.new-nav-show-img>p>a>span{

    position: relative;

}



.new-nav-show-img>p>a{

    color: #333333;

}



.new-nav-show-img>p>a>span>img{

    position: relative;

    top: -3px;

    margin-right: 10px;

}



.new-nav-head{

    width: 30%;

}



.new-nav-head>p{

    font-size: 30px;

    line-height: 30px;

    margin-bottom: 20px;

}



.new-nav-head-hr{

    height: 4px;

    width: 60px;

    background: #c61c1b;

}



.new-content{

    background: #f2f2f2;

    width: 100%;

    box-sizing: border-box;

    padding-top: 36px;

    padding-bottom: 100px;

}



.new-content-con{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    background: #ffffff;

    padding: 64px;

    padding-top: 24px;

}



.new-content-show{

    width: 100%;

    overflow: hidden;

}



.new-content-show>div{

    width: 50%;

    float: left;

}



.new-content-showimg{

    position: relative;

    height: 240px;

    overflow: hidden;



}



.new-content-showimg>img{

    width: 100%;

    display: block;

    height: 100%;

}



.new-content-showimg>p{

    width: 120px;

    line-height: 30px;

    color: #ffffff;

    background: #c61c1b;

    text-align: center;

    font-size: 16px;

    position: absolute;

    left: 0;

    bottom: 0;

    margin: 0;

    font-family: "SourceHanSansCN-Regular";

}



.new-content-showp{

    box-sizing: border-box;

    border: 1px solid #bfbfbf;

    height: 100%;

    z-index: 9;

    height: 240px;

    padding-left: 35px;

    padding-top: 35px;

}



.new-content-showp-headp{

    font-size: 20px;

    line-height: 30px;

    color: #000000;

    margin-bottom: 15px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.new-content-showp-p1{

    font-size: 14px;

    color: #666666;

    line-height: 24px;

    padding-right: 30px;

    font-family: "SourceHanSansCN-Regular";

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 48px;

}



.new-content-showp-p1 a{

    color: #666666;

}



.new-content-showp-p1 a:hover{

    color: #666666;

}



.new-content-showp-a{

    display: block;

    width: 100px;

    height: 33px;

    box-sizing: border-box;

    border-radius: 16px;

    background: #eeeeee;

    border: 1px solid #dfdfdf;

    font-size: 16px;

    color: #333333;

    text-align: center;

    line-height: 31px;

    margin-top: 40px;

}



.new-content-showp-a:visited{

    color: #333333;

}



.new-content-showp-a:hover{

    color: #333333;

}



.new-content-showp-time{

    font-size:14px;

    color: #666666;

    text-align: right;

    box-sizing: border-box;

    padding-right: 10px;

    margin-top: 8px;

    font-family: "SourceHanSansCN-Regular";

}



.new-content-showp-time>span>img{

    position: relative;

    top: -2px;

    margin-right: 6px;

}



.new-content-show{

    margin-top: 40px;

}



.paging-ul{

    list-style: none;

    padding-left: 0;

    

}



.paging-ul>li{

    display: inline-block;

    width: 26px;

    height: 26px;

}



.paging-ul>li:nth-child(n+2){

    margin-left: 5px;

}



.paging-ul>li>a{

    display: block;

    text-decoration: none;

    color: #333333;

    box-sizing: border-box;

    height: 26px;

    width: 26px;

    line-height: 26px;

    text-align: center;

    border: 1px solid #333333;

    border-radius: 3px;

}



.paging{

    position: relative;

    display: inline-block;

    margin-top: 100px;

    left: 50%;

    transform: translate(-50%,0);

}



.footer{

    width: 100%;

    min-height: 180px;

    background: #333333;

}



.footer-ula{

    list-style: none;

    padding-left: 0;

    margin-top: 65px;

}



.footer-ula>li{

    display: inline-block;

}



.footer-ula>li:nth-child(n){

    margin-right: 20px;

}





.footer-ula>li>a{

    color: #e4e4e4;

    font-size: 16px;

    line-height: 30px;

}



.footer-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    box-sizing: border-box;

    padding-top: 1px;

}



.footer-hr{

    border: 0;

    border-top: 1px solid #424242;

    margin: 0;

    margin-top: 80px;

}



.footer-p{

    margin: 0;

    line-height: 45px;

    font-size: 14px;

    color: #e4e4e4;

    font-family: 'SourceHanSansCN-Light';

}



.footer-p a{

    color: #e4e4e4;

}



.footer-p a:hover{

    color: #e4e4e4;

}



.footer-p a:visited{

    color: #e4e4e4;

}



.footer-img{

    position: absolute;

    /*overflow: hidden;*/

    right: 0px;

    top: 35px;

}



.footer-img-show p{

    color: #ffffff;

    font-size: 12px;

    text-align: center;

    margin-top: 5px;

    margin-bottom: 0;

}



.footer-img .footer-img-show{

    float: left;

}

.footer-img-show{

    transition:all .8s;

    -moz-transition:all .8s;

    -webkit-transition:all .8s;

    -o-transition:all .8s;

}



.footer-img .footer-img-show:nth-child(n+2){

    margin-left: 30px;

}



.footer-p span{

    float: right;

}



.footer-img-show img{

    width: 100px;

    height: 100px;

}

.footer-img-show img:hover {

    transform: translateX(-50px) scale(1.8);

    z-index: 9999;
}



.newde{

    box-sizing: border-box;

    padding-top: 20px;

    width: 100%;

    background: #f2f2f2;

}



.newde-content{

    max-width: 1200px;

    width: 100%;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    box-sizing: border-box;

    padding-left: 100px;

    padding-right: 100px;

    background: #ffffff;

    padding-top: 100px;

    padding-bottom: 70px;

}



.newde-content img{

    max-width: 100%;

}



.newde-headp{

    font-size: 30px;

    color: #333333;

    line-height: 30px;

    text-align: center;

    font-weight: 500;

}



.newde-timep{

    font-size: 16px;

    color: #666666;

    text-align: center;

    margin-top: 20px;

}



.newde-content-hr1{

    border: 0;

    margin: 0;

    border-top: 1px solid #e4e4e4;

    margin-bottom: 80px;

}



.newde-content-hr2{

    border: 0;

    margin: 0;

    border-top: 1px solid #e4e4e4;

    margin-bottom: 30px;

    margin-top: 80px;

}



.newde-content-img{

    box-sizing: border-box;

    padding-left: 5%;

    padding-right: 5%;

}



.newde-content-img1{

    width: 62%;

    max-height: 400px;

}



.newde-content-img2{

    width: 33%;

    max-height: 400px;

    margin-left: 4%;

}



.newde-content-pcon{

    color: #666666;

    font-size: 16px;

    line-height: 30px;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    margin-top: 50px;

    font-family: "SourceHanSansCN-Medium";

    margin-bottom: 45px;

}



.newde-content-img3{

    max-width: 100%;

    max-height: 500px;

    position: relative;

    transform: translate(-50%,0);

    left: 50%;

}



.newde-content-a{

    font-size: 16px;

    color: #c61c1b;

}



.newde-content-a:hover{color: #c61c1b;}



.newde{

    padding-bottom: 100px;

}



.video{

    width: 100%;

    background: #f2f2f2;

    box-sizing: border-box;

    padding-bottom: 90px;

}



.video-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    box-sizing: border-box;

    padding-top: 90px;

}



.video-big{

    width: 100%;

    height: 605px;

    background: #333333;

}



.video-big video{

    width: 100%;

    height: 100%;

}



.video-content .index-video-headp{

    color: #333333;

}



.video-headp2{

    font-size: 30px;

    line-height: 30px;

    color: #333333;

    margin-bottom: 20px;

    margin-top: 40px;

}



.video-hr2{

    width: 60px;

    height: 4px;

    background: #c61c1b;

}



.video-showall-row{

    overflow: hidden;

}



.video-showall-row .video-show:nth-child(2){

    margin-left: 10%;

}



.video-show{

    width: 45%;

    background: #ffffff;

    box-sizing: border-box;

    padding-bottom: 30px;

    float: left;

}



.video-show-p1{

    color: #1f1f1f;

    font-size: 24px;

    line-height: 30px;

    margin: 0;

    font-family: 'SourceHanSansCN-Heavy';

    margin-top: 30px;

    box-sizing: border-box;

    padding-left: 30px;

}



.video-show-p2{

    color: #666666;

    font-size: 16px;

    line-height: 30px;

    margin: 0;

    margin-top: 10px;

    box-sizing: border-box;

    padding-left: 30px;

}



.video-show-video{

    width: 100%;

    height: 304px;

    background: #333333;

}



.video-show-video video{

    width: 100%;

    height: 100%;

}



.video-showall-row{

    margin-top: 50px;

}



.video-showall .video-showall-row:nth-child(n+2){

    margin-top: 70px;

}



.brand{

    width: 100%;

    background: #f2f2f2;

    box-sizing: border-box;

    padding-bottom: 90px;

}



.brand-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    box-sizing: border-box;

    padding-bottom: 70px;

}



.brand-content .container .row{

    margin-left: 0;

    margin-right: 0;

    height: 20px;

}



.brand-nav{

    background: #f2f2f2;

}



.brand-nav .new-nav-content{

    padding-bottom: 0px;

}



.brand-show{

    width: 16.6%;

    float: left;

}



.brand-show a{

    color: #333333;

}





.brand-content{

    box-sizing: border-box;

    padding-top: 50px;

    overflow: hidden;

}



.brand-showimg{

    width: 110px;

    height: 80px;

    overflow: hidden;

    position: relative;

}



.brand-showimg img{

    width: 80%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}



.brand-show p{

    font-size: 14px;

    text-align: center;

    margin: 0;

    width: 110px;

}



.brand-content .brand-show:nth-child(n+7){

    margin-top: 70px

}



.brand-paging{

    margin-top: 0;

    min-height: 30px;

}



.brand-de{

    width: 100%;

    box-sizing: border-box;

    background: #f2f2f2;

    padding-bottom: 90px;

}



.brand-de-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    padding-top: 80px;

}



.brand-de-headp{

    font-size: 30px;

    color: #333333;

    margin: 0;

    margin-bottom: 12px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.news-headpp{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%, 0);

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    margin-bottom: 20px;

}



.brand-de-headp a{

    text-decoration: none;

    color: #333333;

}



.brand-de-headp>span{

    margin-left: 8px;

    margin-right: 8px;

}



.brand-de-headp span:nth-child(3){

    margin-left: 0px;

    margin-right: 0px;

    font-size: 24px;

}



.brand-de-headp span:nth-child(4){

    margin-left: 8px;

    margin-right: 8px;

    font-size: 24px;

}



.brand-de-headp span:nth-child(5){

    margin-left: 0px;

    margin-right: 0px;

    font-size: 24px;

}



.brand-de-hr{

    width: 60px;

    height: 4px;

    background: #c61c1b;

}



.brand-de-contentshow{

    margin-top: 35px;

    width: 100%;

    padding: 60px;

}

.brand-de-contentshow img{
    max-width: 100%;
}



.brand-de-imgshow{

    border: 1px solid #666666;

    box-sizing: border-box;

    padding-top: 85px;

    padding-left: 75px;

    position: relative;

    height: 450px;

}



.brand-de-imgshow1{

    position: relative;

    max-width: 224px;

}



.brand-de-imgshow1-p{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    margin: 0;

    margin-top: 20px;

}



.brand-de-imgshow2{

    overflow: hidden;

    position: absolute;

    top: 73px;

    right: 70px;

    max-width: 502px;

}



.brand-de-imgshow2>.brand-de-imgshow2-div{

    float: left;

}



.brand-de-imgshow2>.brand-de-imgshow2-div:nth-child(2){

    margin-left: 60px;

}



.brand-de-imgshow2 img:nth-child(2){

    margin-left: 60px;

}



.brand-de-imgshow{

    overflow: hidden;

}



.brand-de-imgshow2-div{

    width: 221px;

    overflow: hidden;

}



.brand-de-imgshow2-div img{

    width: 100%;

    height: 286px;

}



.brand-de-imgshow2-div p{

    margin: 0;

    font-size: 14px;

    margin-top: 25px;

    text-align: center;

}



.brand-de-contentshow{

    background: #ffffff;

}



.brand-de-imgshow1 img{

    width: 100%;

    max-height: 224px;

}



.brand-de-p{

    color: #666666;

    font-size: 16px;

    line-height: 30px;

    text-indent:2em;

    margin-top: 30px;

}



.service{

    width: 100%;

    background: #f2f2f2;

    padding-bottom: 100px;

}



.service-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    overflow: hidden;

}



.service-content-show1 .ser-row1{

    width: 48.5%;

    max-width: 582px;

    padding: 0;

    position: relative;

    background: #ffffff;

    overflow: hidden;

}



.service-content-show1 .ser-row1:last-child{

    margin-left: 3%;

}



.service-showp{

    width: 45%;

    box-sizing: border-box;

    padding-left: 20px;

    padding-top: 30px;

    padding-right: 20px;

}



.service-showimg{

    width: 55%;

}



.service-showimg img{

    width: 100%;

    max-height: 340px;

}



.service-content-show1 .ser-row1>div{

    float: left;

}



.service-content-show1>.ser-row1{

    float: left;

}



.service-content-show1{

    overflow: hidden;

}



.service-showp p:first-child{

    font-family: 'SourceHanSansCN-Bold';

    font-size: 18px;

    color: #333333;

    font-weight: bold;

}



.service-showp p:nth-child(2){

    font-size: 14px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    margin-top: 20px;

}



.service-showp>a{

    display: block;

    width: 100px;

    height: 33px;

    color: #ffffff;

    background: #c61c1b;

    line-height: 33px;

    text-align: center;

    text-decoration: none;

    border-radius: 14px;

    position: absolute;

    bottom: 30px;

    left: 20px;

}



.service-showp>p>a{

    color: #333333;

}



.service-showp>p>a:hover{

    color: #333333;

}



.ser-row2p p:first-child{

    font-family: 'SourceHanSansCN-Bold';

    font-size: 18px;

    color: #333333;

    font-weight: bold;

}



.ser-row2p p:nth-child(2){

    font-size: 14px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-top: 20px;

}



.ser-row2p>a{

    display: block;

    width: 100px;

    height: 33px;

    color: #ffffff;

    background: #c61c1b;

    line-height: 33px;

    text-align: center;

    text-decoration: none;

    border-radius: 14px;

    position: absolute;

    bottom: 30px;

    left: 20px;

}



.ser-row2p>p>a{

    color: #333333;

}



.ser-row2p>p>a:hover{

    color: #333333;

}



.ser-row2>div{

    float: right;

}



.ser-row2p{

    width: 32%;

    box-sizing: border-box;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 30px;

}



.ser-row2img{

    width: 68%;

}



.ser-row2img>a>img{

    display: block;

    width: 100%;

}

.ser-row2{

    width: 71%;

    overflow: hidden;

    background: #ffffff;

}



.service-content-show2{

    margin-top: 24px;

}



.ser-row3{

    width: 26.666%;

}



.ser-row3p>p>a{

    color: #333333;

}



.ser-row3p>p>a:hover{

    color: #333333;

}



.service-content-show2{

    overflow: hidden;

}



.service-content-show2>div{

    float: left;

}



.ser-row3img>img{

    display: block;

    width: 100%;

}



.ser-row3img a{

    display: block;

}



.ser-row3img a img{

    width: 100%;

}



.ser-row3{

    margin-left: 2.334%;

    background: #ffffff;

    position: relative;

}



.ser-row3p>p{

    font-size: 18px;

    line-height: 24px;

    text-align: center;

    color: #333333;

    font-weight: bold;

    font-family: 'SourceHanSansCN-Bold';

    margin: 0;

}



.ser-row3p{

    margin-top: 10px;

}

















.plan-content{

    width: 100%;

    overflow: hidden;

    margin-bottom: 90px;

}



.plan-content-show{

    width: 32%;

    float: left;

    margin-top: 75px;

}



.plan-content-showing img{

    width: 100%;

    display: block;

}



.plan-content>.plan-content-show{

    margin-left: 2%;

}



.plan-content>.plan-content-show:nth-child(1){

    margin-left: 0;

}



.plan-content>.plan-content-show:nth-child(4){

    margin-left: 0;

}



.plan-content-showp{

    box-sizing: border-box;

    padding-left: 30px;

    padding-top: 30px;

    padding-right: 30px;

    background: #ffffff;

    padding-bottom: 30px;

}

.plan-content-showp a{
    color: #333333;
}


.plan-content-showp .plan-content-showphead{

    font-size: 30px;

    color: #333333;

    line-height: 30px;

    font-family: 'SourceHanSansCN-Medium';

    margin-bottom: 15px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.plan-content-showpp{

    font-size: 16px;

    color: #666666;

    line-height: 30px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    height: 120px;

}



.plan-content-showp>p{

    margin-bottom: 0;

}



.plan-content-showp>.plan-content-showpa{

    overflow: hidden;

}





.plan-content-showp>.plan-content-showpa>a{

    display: block;

    width: 100px;

    height: 33px;

    box-sizing: border-box;

    color: #333333;

    background: #EEEEEE;

    border: 1px solid #D2D2D2;

    line-height: 33px;

    text-align: center;

    border-radius: 17px;

    float: right;

    margin-top: 10px;

}



.plan-de-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    background: #ffffff;

    margin-top: 35px;

}



.plan-de-content img{

    max-width: 100%;

    height: auto!important;

}



.plan-de-show{

    width: 100%;

    padding: 50px;

}



.plan-de-showhead{

    color: #C61C1B;

    font-size: 24px;

    font-family: 'SourceHanSansCN-Medium';

    line-height: 30px;

    margin-bottom: 15px;

}



.plan-de-allp{

    font-size: 24px;

}



.plan-de-p{

    color: #666666;

    font-size: 16px;

    line-height: 30px;

    margin: 0;

}



.plan-de-haedp2{

    font-size: 24px;

    line-height: 30px;

    color: #333333;

    margin-top: 70px;

    margin-bottom: 60px;

}



.plan-de-amore{

    display: block;

    width: 200px;

    height: 66px;

    background: #C61C1B;

    color: #ffffff;

    text-decoration: none;

    text-align: center;

    line-height: 66px;

    font-size: 32px;

    border-radius: 33px;

    margin-top: 120px;

    float: right;

}



.plan-de-pa{

    overflow: hidden;

    margin: 0;

}



.plan-de-hr{

    margin: 0;

    border: 0;

    border-top: 1px solid #E4E4E4;

    margin-top: 120px;

}



.plan-de-nexta{

    margin: 0;

    margin-top: 40px;

    font-size: 16px;

    font-family: 'SourceHanSansCN-Normal';

    line-height: 30px;

}



.plan-de-nexta span{

    color: #C61C1B;

}



.plan-de-nexta a{

    color: #333333;

}



.cantact-headimg{

    width: 100%;

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

    background-size: 100%;

    height: 33.3333vw;

}



.contact-content{

    background: #f2f2f2;

    width: 100%;

}



.contact-show{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    top: -9.375vw;

    transform: translate(-50%,0);

    background: #ffffff;

    box-sizing: border-box;

    padding-top: 100px;

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

    background-repeat: no-repeat;

    background-position: right top;

}



.contact-headp{

    margin: 0;

    margin-bottom: 15px;

    font-size: 30px;

    color: #333333;

    line-height: 30px;

}



.contact-showcontent{

    padding-left: 70px;

    padding-right: 70px;

}



.contact-conp1{

    font-size: 24px;

    margin: 0px;

    line-height: 30px;

    color: #666666;

    margin-top: 20px;

}



.contact-hr{

    margin-bottom: 65px;

}



.contact-conpzhuanxian{

    font-size: 24px;

    color: #666666;

    margin-top: 80px;

    margin-bottom: 20px;

}



.contact-telnum{

    color: #000000;

    font-family: 'BebasNeue';

    font-size: 72px;

    font-weight: bold;

    margin: 0;

}



.contact-address{

    width: 100%;

    overflow: hidden;

    margin-top: 40px;

    padding-bottom: 30px;

}



.contact-addressshow{

    width: 50%;

    box-sizing: border-box;

    padding-right: 5px;

    float: left;

    margin-top: 50px;

    overflow: hidden;

}



.contact-address-head{

    font-size: 18px;

    color: #000000;

    line-height: 30px;

    font-weight: bold;

    margin: 0;

}



.contact-address-inf{

    font-size: 16px;

    color: #666666;

    margin: 0;

    line-height: 30px;

}



.ser-row1{

    margin-top: 35px;

}



.business{

    width: 100%;

    background: #f2f2f2;

    padding-top: 40px;

}

.business img{

    max-width: 100%;
    
}



.business-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    background: #ffffff;

    padding: 40px 30px;

}



.business-imgs{

    position: relative;

}



.businessimg{

    position: absolute;

    right: 0;

    top: 0;

}



.business-headred{

    font-size: 24px;

    line-height: 36px;

    color: #BD2428;

}



.business-p1{

    font-size: 16px;

    line-height: 30px;

    color: #666666;

    max-width: 800px;

    margin: 0;

    margin-top: 20px;

}



.business-p2{

    color: #333333;

    font-size: 20px;

    line-height: 30px;

    font-weight: bold;

    margin-top: 50px;

}



.business-p3{

    color: #BD2428;

    font-size: 30px;

    line-height: 30px;

    margin-top: 50px;

}



.business-p4{

    font-size: 18px;

    line-height: 35px;

    background: #BE0712;

    color: #F7F8FA;

    padding-left: 20px;

    padding-right: 20px;

    display: inline-block;

    margin: 0;

    margin-top: 50px;

    margin-bottom: 80px;

}



.business-img2-content{

    overflow: hidden;

}



.business-img2-content>div{

    float: left;

}



.business-img2one{

    width: 70.6%;

}



.business-img2two{

    width: 24.4%;

}



.business-imgall{

    overflow: hidden;

}



.business-imgall>div{

    float: left;

}



.business-img1{

    width: 60%;

}



.business-img1>img{

    display: block;

    width: 100%;

}



.business-img2{

    width: 38%;

    margin-left: 2%;

    font-size: 0px;

}



.business-img2one>img{

    display: block;

    width: 100%;

}



.business-img2two{

    position: relative;

    margin-left: 5%;

}



.business-img2two>img{

    display: block;

    max-width: 100%;

}



.business-img2two img:nth-child(1){

    position: absolute;

    top: 0;

    right:0;

}



.business-img2two img:nth-child(2){

    position: absolute;

    top: 50%;

    right:0;

    transform: translate(0,-50%);

}



.business-img2two img:nth-child(3){

    position: absolute;

    bottom: 0;

    right: 0;

}



.business-img2-add{

    display: none;

}



.business-number{

    font-size: 40px;

    line-height: 72px;

    display: inline-block;

    padding-left: 30px;

    padding-right: 30px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    color: #C61C1B;

    border-radius: 17px;

    box-sizing: border-box;

    background: #EEEEEE;

    border: 1px solid #D2D2D2;

    margin-top: 80px;

}



.business{

    padding-bottom: 70px;

}



.about-index{

    width: 100%;

    background: #f2f2f2;

}



.about-index-content{

    width: 100%;

    max-width: 1200px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    padding-top: 30px;

}



.about-index-p{

    font-size: 18px;

    line-height: 30px;

    color: #333333;

    margin: 0;

}



.about-index-show>div{

    float: left;

    width: 25%;

}



.about-index-show{

    overflow: hidden;

}



.about-index-showimg img{

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    max-width: 229px;

    max-height: 242px;

    width: 100%;

}



.about-index-showimg p{

    font-size: 24px;

    color: #353535;

    text-align: center;

    margin:0;

    margin-top: 50px;

}



.about-index-show{

    margin-top: 150px;

}



.about-index-show1>div{

    width: 49%;

    float: left;

}



.about-index-show1>div:nth-child(2){

    margin-left: 2%;

}



.about-index-show1{

    overflow: hidden;

    margin-top: 120px;

}



.about-index-show1div>a{

    display: block;

    width: 100%;

}



.about-index-show1div img{

    display: block;

    width: 100%;

}







.about-index-divp{

    height: 140px;

    background: #ffffff;

    padding-left: 50px;

    padding-top: 40px;

}



.about-index-divp>p{

    margin: 0;



}



.about-index-divp>p:nth-child(1){

    color: #353535;

    font-size: 24px;

    line-height: 30px;

}



.about-index-divp>p:nth-child(2){

    color: #353535;

    font-size: 14px;

    line-height: 30px;

    font-family: 'SourceHanSansCN-Normal';

}



.about-index{

    padding-bottom: 80px;

}



.about-nav{

    height: 80px;

    width: 100%;

    background: #333333;

}



.about-nav-ul{

    list-style: none;

    padding: 0;

    margin: 0;

    font-size: 0;

}



.about-nav-ul li{

    display: inline-block;

    padding-left: 20px;

    padding-right: 20px;

    line-height: 80px;

    font-size: 20px;

    color: #FFFFFF;

}



.about-nav-ul li a{

    color: #ffffff;

    text-decoration: none;

}



.about-nav-ul .liactive{

    background: #C61C1B;

}



.about-nav-content{

    max-width: 1200px;

    position: relative;

    width: 100%;

    left: 50%;

    transform: translate(-50%,0);

    overflow: hidden;

}



.introduce{

    background: #f2f2f2;

    width: 100%;

    padding: 60px 15px 95px 15px;

}



.introduce-content{

    max-width: 1200px;

    width: 100%;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    padding: 80px 60px 90px 60px;

    background: #ffffff;

}

.pad-topz{

    padding:0;

}



.introduce-content>img{

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    max-width: 100%;

}



.introduce-content-headp{

    line-height: 30px;

    font-size: 24px;

    color: #333333;

}



.introduce-content-headp{

    margin-top: 120px;

}



.introduce-contentp{

    font-size:18px;

    font-weight:500;

    color:#666666;

    line-height:36px;

    margin-top: 30px;

    padding: 0 60px;

}



.culture{

    width: 100%;

    background: #f2f2f2;

    padding: 60px 0px 80px 0px;

}



.culture-content{

    width: 1200px;

    max-width: 100%;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.culture-dream{

    width: 100%;

    height: 31.74vw;

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

    background-size: 100%;

    position: relative;

}



.test-logo{

    width: 100%;

    height: 31.74vw;

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

    background-size: 100%;

    position: relative;

}



.develop-logo{

    width: 100%;

    height: 31.74vw;

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

    background-size: 100%;

}



.culture-showall{

    width: 100%;

    background: #ffffff;

    padding-top: 60px;

    padding-bottom: 140px;

    overflow: hidden;

}



.culture-showall>.culture-show:nth-child(2n+1){

    margin-left: 4%;

    margin-right: 2%;

}





.culture-show{

    width: 45%;

    max-width: 540px;

    position: relative;

    float: left;

    margin-top: 60px;

}



.culture-show>img{

    max-width: 430px;

    width: 100%;

    max-height: 275px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.culture-showp{

    width: 100%;

    max-width: 430px;

    position: absolute;

    left: 50%;

    top: 58%;

    transform: translate(-50%,-50%);

}



.culture-showp>p{

    text-align: center;

    font-size:16px;

    font-weight:500;

    color:#666666;

    line-height:30px;

}



.culture-showp .culture-showp-head{

    font-size:36px;

    font-weight:500;

    color:#333333;

    line-height:30px;

    margin-bottom: 20px;

}



.plan-nav{

    position: absolute;

    top: 113px;

    width: 100%;

    z-index: 20;

    background: #ffffff;

    display: none;

}



.plan-nav-content{

    max-width: 1200px;

    width: 100%;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    box-sizing: border-box;

    padding-top: 65px;

    padding-bottom: 70px;

}



.navbar-default .navbar-nav>li>a.lia-active{

    color: #C61C1B;

}



.plan-nav-ul{

    width: 100%;

    max-width: 700px;

    list-style: none;

    display: inline-block;

    box-sizing: border-box;

    padding-left: 10px;

}



.plan-nav-ul li{

    display: inline-block;

    margin-left: 50px;

    line-height: 38px;

    width: 170px;

    box-sizing: border-box;

    border-bottom: 1px dashed #AAAAAA;

    font-size: 16px;

}



.plan-nav-ul li a{

    color: #333333;

    text-decoration: none;

}



.plan-nav-ul li a:hover{

    color: #C61C1B;

    text-decoration: none;

}



.plan-nav-img>img{

    width: 409px;

    height: 89px;

}



.plan-nav-img{

    width: 409px;

    position: absolute;

    top: 65px;

    right: 0;

}



.plan-nav-img>p{

    font-size: 14px;

    line-height: 30px;

    margin-top: 10px;

}



.develop-content{

    width: 100%;

    background: #ffffff;

    padding-top: 50px;

}



.develop-contentp{

    box-sizing: border-box;

    padding-left: 61px;

    padding-right: 49px;

}



.develop-contentp-headp{

    font-size: 24px;

    line-height: 30px;

    color: #333333;

}



.develop-content-allp{

    margin-top: 40px;

    font-size:18px;

    font-weight:500;

    color:#666666;

    line-height:48px;

}



.develop-content-midp{

    font-size:48px;

    font-weight:500;

    color:#C61C1B;

    line-height:48px;

    margin-top: 130px;

}



.develop-content-img{

    overflow: hidden;

}



.develop-content-img>img{

    float: right;

    max-width: 100%;

}



.imgp{

    width: 314px;

    height: 126px;

    box-sizing: border-box;

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

    background-size: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}



.imgp p:nth-child(1){

    display: inline-block;

    letter-spacing:20px;

    font-size:30px;

    font-weight:400;

    color:#ffffff;

    line-height:92px;

    width: 200px;

    position: absolute;

    left: 52%;

    top: 50%;

    transform: translate(-50%,-50%);

    margin: 0;

    text-align: center;

}



.imgp p:nth-child(2){

    display: inline-block;

    font-size: 18px;

    font-weight: 400;

    color: #ffffff;

    position: absolute;

    left: 50%;

    bottom: -8px;

    transform: translate(-50%,0);

    margin: 0;

    width: 153px;

    font-family: 'SourceHanSansCN-Regular';

    text-align: center;

}



.honor-img{

    width: 100%;

    height: 31.74vw;

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

    background-size: 100%;

    position: relative;

}



.honor-img-p{

    position: absolute;

    left: 100px;

    top: 50%;

    transform: translate(0,-50%);

}



.honor-img-p p:nth-child(1){

    color: #ffffff;

    letter-spacing:20px;

    font-size: 30px;

    margin-bottom: 10px;

}



.honor-img-p p:nth-child(2){

    color: #ffffff;

    font-size: 16px;

    margin: 0;

}



.honor-content{

    box-sizing: border-box;

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 50px;

    background: #ffffff;

}



.honor-content-headp{

    line-height: 30px;

    font-size: 24px;

    color: #333333;

}



.honor-showall{

    width: 100%;

    overflow: hidden;

}



.honor-showall>div{

    float: left;

    width: 33.33%;

    margin-top: 100px;

}



.honor-show>img{

    width: 100%;

    max-width: 192px;

    max-height: 132px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    height: 29vw;

}



.honor-show>p{

    text-align: center;

    font-size: 18px;

    line-height: 30px;

    color: #333333;

    margin: 0;

    margin-top: 15px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.honor-pading{

    margin-top: 140px;

}



.honor-content{

    box-sizing: border-box;

    padding-bottom: 80px;

}



.test-content{

    box-sizing: border-box;

    background: #ffffff;

    padding: 50px 60px 100px 60px;

    position: relative;

}



.test-head{

    font-size: 24px;

    color: #333333;

    line-height: 30px;

}



.test-p{

    font-size:18px;

    font-weight:500;

    color:#666666;

    line-height:36px;

    margin-top: 50px;

}



.test-img{

    width: 100%;

    box-sizing: border-box;

    padding-left: 50px;

    padding-right: 50px;

    overflow: hidden;

    font-size: 0px;

}



.test-img>img{

    display: block;

    float: left;

    height: 342px;

    margin-top: 15px;

}



.test-img>img:nth-child(2){

    margin-left: 2%;

}



.test-img>img:nth-child(4){

    margin-left: 2%;

}



.test-img1{

    width: 66%;

}



.test-img2{

    width: 32%;

}



.recruit-head{

    font-size:20px;

    font-weight:bold;

    color:#333333;

    line-height:30px;

    margin-top: 80px;

    margin-bottom: 20px;

}



.recruit-email{

    font-size:18px;

    font-weight:500;

    color:#666666;

    line-height:36px;

}



.recruit-email span{

    color: #C61C1B;

    font-weight: bold;

}



.recruit-headp{

    line-height: 70px;

    font-size:22px;

    font-weight:500;

    color:#333333;

    margin: 0;

}



.recruit-headp span{

    float: right;

    margin-right: 5%;

}



.recruit-show{

    box-sizing: border-box;

    border: 1px solid #DBDBDB;

    box-sizing: border-box;

    padding-left: 30px;

    margin-top: 20px;

}



.recruit-table{

    width: 100%;

    max-width: 630px;

    margin-top: 10px;

}



.recruit-table td{

    height: 30px;

}



.recruit-table tr{

    color: #808080;

    font-size: 18px;

    line-height: 30px;

}

.recruit-table tr:first-child{

    color: #333333;

    font-size: 18px;

    line-height: 30px;

}



.recruit-conphead{

    font-size: 18px;

    color: #333333;

    line-height: 30px;

    margin-top: 40px;

}



.recruit-conp{

    font-size: 16px;

    color: #808080;

    line-height: 30px;

}



.recruit-display{

    display: none;

}



.qqwechat{

    width: 85px;

    height: 284px;

    background: #ffffff;

    position: fixed;

    top: 70%;

    left: calc(50% + 615px);

    transform: translate(0,-50%);

    display: none;

    z-index: 999;

}



.qqwechat-show{

    width: 100%;

    height: 67px;

    text-align: center;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    z-index: 100;

    /*border-bottom: 1px solid #EDF2F5;*/

}



.qqwechat>p{

    color: #919394;

    font-size: 16px;

    display: inline-block;

    width: 32px;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

    margin-top: 20px;



}



.qqwechat>p>a{

    color: #919394;

    text-decoration: none;

}



.qqwechat>hr{

    width: 29px;

    margin: 0;

    border-bottom: 1px solid #EDF2F5;

    position: relative;

    left: 50%;

    transform: translate(-50%,0);

}



.qqwechat-show>img{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}



.about-index-divp{

    position: relative;

}



.about-spandian{

    position: absolute;

    top: 50%;

    transform: translate(0,-50%);

    right: 10%;

}



.about-spandian span{

    height: 8px;

    width: 8px;

    display: block;

    background: #333333;

    border-radius: 4px;

}



.about-spandian span:nth-child(n+2){

    margin-top: 4px;

}



.paging-ul>li.pagactive>a{

    background: #c61c1b;

    color: #ffffff;

    border: 1px solid transparent;

}



.qq-content{

    position: absolute;

    left: -190px;

    top: 0px;

    width: 200px;

    z-index: -100;

    padding-right: 10px;

    display: none;

}



.qq-content-show{

    width: 190px;

    background: #ffffff;

    /*min-height: 100px;*/

    padding-bottom: 10px;

    padding-top: 20px;

}



.qq-content-show>p{

    font-size: 16px;

    color: #888888;

    line-height: 30px;

}



.qq-content-show>p>span{

    margin-right: 5px;

    color: #333333;

    font-weight: bold;

}



.wechatma{

    width: 160px;

    height: 160px;

    margin-bottom: 10px;

}



iframe{

    position: relative;

    top: 5px;

}



.connect-imga{

    height: 33.33vw;

}



.plan-content-showing img{

    height: 159px;

}



.newheadimg1{

    display: block;

    width: 100%;

}

.newheadimg2{

    display: none;

    width: 100%;

}



.newde-content img{

    max-width: 100%;

    height: auto!important;

}



.newde-content p{

    max-width: 100%;

}



.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{

    width: 100%;

}



.job-table{

    overflow: hidden;

}

.job-table-show{

    float: left;

    margin-right: 100px;

    margin-top: 20px;

    font-size: 18px;

}



.job-table-show p:first-child{

    color: #333333;

}



.job-table-show p:last-child{

    color: #808080;

}



.job-table .job-table-show:last-child{

    margin-right: 0

}





/*map*/

.contact-map{padding-left: 19px;padding-right: 19px;}

.my-map { margin: 0 auto; width: 100%; height: 459px;}

.amap-container{height: 100%;}

.mapalert{width: 201px;min-height: 70px;}

.mapalert>p:nth-child(1){font-size: 14px;font-weight: bold;color:#F2453D;padding-left: 16px;}

.mapalert>p:nth-child(2){font-size: 12px;font-weight: bold;color: #000000;padding-left: 16px;position: relative;line-height: 17px;}

.mapalert>p:nth-child(2)>img{position: absolute;left: 3px;top: 2px;}

.contact-show{padding-bottom: 25px;}





.new-nav-show-img>p>a.newactive{

    color: #C61C1B;

}



.index-ahref-p1 span{

    text-align: center;

    display: inline-block;

    width: 96px;

}



.introduce-content-p{

    box-sizing: border-box;

    padding-left: 60px;

    padding-right: 60px;

}

.introduce-content-p span{

    font-family: 'SourceHanSansCN-Medium'!important;

}

.introduce-content-p p{

    font-family: 'SourceHanSansCN-Medium'!important;

}

.test-content img{

    max-width: 100%;

}





@media screen and (max-width: 1200px){                  /* 小于1200px */

    .index-news-showall{

        width: 100%;

    }

    .newde{

        padding-left: 20px;

        padding-right: 20px;

    }

    .index-news-img{

        display: none;

        height: 452px;

        width: 463px;

    }

    .foot-content>p>span:last-child{

        float: none;

        margin-left: 10px;

        display: block;

    }

    .foot-content>p{

        text-align: center;

    }

    .new-content{

        padding: 15px;

        padding-bottom: 50px;

    }

    .newde-content-img1{

        width: auto;

        max-width: 100%;

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

    }

    .brand{

        padding-left: 15px;

        padding-right: 15px;

    }

    .newde-content-img2{

        max-width: 100%;

        display: block;

        margin-left: 0;

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

        margin-top: 30px;

    }

    .video-big{

        height: 50.41vw;

    }

    .video-show-video{

        height: 25.33vw;

    }

    .brand-nav{

        padding-left: 20px;

    }

    .brand-content{

        padding-left: 20px;

    }

    .plan-de-img{

        max-width: 100%;

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

    }

    .service{

        padding-left: 20px;

        padding-right: 20px;

    }

    .service-showp a{

        bottom: 20px;

    }

    .ser-row2p a{

        bottom: 20px;

    }

    .business{

        padding-left: 15px;

        padding-right: 15px;

    }

    .businessimg{

        width: 28vw;

    }

    .business-p2{

        padding-right: 28vw;

    }

    .about-index-showimg img{

        width: 80%;

    }

    .about-index{

        padding-left: 40px;

        padding-right: 40px;

    }

    .about-nav-ul{

        float: left;

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

    }

    .culture{

        padding: 60px 15px 80px 15px;

    }

    .plan-nav-img{

        display: none;

    }

    .test-img>img{

        height: 28.5vw;

    }

    .plan-content-showing img{

        height: 13.27vw;

    }

    .contact-content{

        padding: 0 15px;

    }

    .new-nav-content{

        padding-left: 20px;

        padding-right: 20px;

    }

    .new-nav-show{

        margin-top: 10px;

    }

    .index-qrcode{

        padding-left: 30px;

        padding-right: 30px;   

    }

    .brand-de-content{

        padding-left: 15px;

        padding-right: 15px;

    }

    .video-headp2{

        padding-left: 20px;

    }

    .video-hr2{

        margin-left: 20px;

    }

    .index-solution{

        padding-bottom: 40px;

    }

    .introduce-content-p{

        padding-left: 30px;

        padding-right: 30px;

    }

}



@media screen and (max-width: 992px) {                 /* 小于992px */

    .index-solution .row{

        width: 100%;

        float: none;

        margin-left: 0;

        margin-right: 0;

    }

    .index-solution .row:nth-child(2n+2){

        margin-left: 0;

    }

    .index-qrcode {

        padding-left: 15px;

        padding-right: 15px;

    }

    .index-video-headp{

        font-size: 35px;

    }

    .index-solution-headp{

        font-size: 35px;

    }

    /*.carousel-inner .item img{

        height: 50vw;

    }*/

    .index-ahref-showall{

        float: none;

        width: 100%;

        overflow: hidden;

    }

    .index-contentmid-content>a:nth-child(n+5){

        display: none;

    }

    .index-contentmid-content{

        padding-top: 32px;

        padding-bottom: 32px;

    }

    .index-contentmid-show p{

        font-size: 16px;

    }

    .index-contentmid-show-img{

        height: 50px;

    }

    .index-contentmid-show{

        width: 100%;

    }

    .index-contentmid-content .swiper-slide{

        width: 22%;

    }



    .index-contentmid-content .swiper-slide{

        margin-right: 4%;

    }

    .new-content-show>div{

        width: 100%;

        float: none;

    }

    .new-content-showp{

        height: auto;

    }

    .new-content-showimg{

        height: auto;

        max-height: 240px;

    }

    .footer-img{

        /*width: 152px;*/

        position: relative;

        right: 0;

        top: 0;

        left: 50%;

        transform: translate(-50%,0);

        display: flex;

        justify-content: center;

    }

    .footer-hr{

        display: none;

    }

    .footer-ula{

        text-align: center;

        margin-bottom: 60px;

    }

    .footer-p span{

        float: none;

        text-align: center;

        display: block;

    }

    .footer-p{

        line-height: 30px;

        text-align: center;

        box-sizing: border-box;

        padding-left: 50px;

        padding-right: 50px;

    }

    .brand-de-imgshow2{

        position: relative;

        right: 0;

        top: 0;

        left: 50%;

        transform: translate(-50%,0);

        margin-top: 70px;

    }

    .brand-de-imgshow1{

        left: 50%;

        transform: translate(-50%,0);

    }

    .brand-de-imgshow{

        height: auto;

        padding-left: 0;

    }

    .brand-de-contentshow{

        border: 0;

    }

    .brand-de-content{

        padding-left: 15px;

        padding-right: 15px;

        padding-top: 50px;

    }

    .brand-de-imgshow{

        padding-bottom: 50px;

    }

    .service-content .row .col-md-6{

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

    }

    .plan-content-show{

        width: 49%;

        margin-top: 20px;

    }

    .plan-content>.plan-content-show:nth-child(2n+3){

        margin-left: 0;

    }

    .plan-content-showp{

        padding: 20px;

    }

    .plan-content-showphead{

        font-size: 20px;

    }

    .plan-content>.plan-content-show:nth-child(1){

        margin-left: 0;

    }



    .plan-content>.plan-content-show:nth-child(4){

        margin-left: 2%;

    }

    .culture-showp .culture-showp-head{

        font-size: 30px;

    }

    .culture-showp>p{

        font-size: 14px;

    }

    .develop-contentp{

        padding-left: 30px;

        padding-right: 30px;

    }

    .introduce-contentp{
        padding: 0 30px;
    }

    .plan-content-showing img{

        height: 19.5vw;

    }

    .foot-content{

        line-height: 30px;

    }

    .newheadimg1{

        display: none;

    }

    .newheadimg2{

        display: block;

    }

    .about-index-show{

        margin-top: 90px;

    }

    .about-index-show1{

        margin-top: 80px;

    }

    .recruit-headp {

        line-height: 50px;

        font-size: 20px;

    }

    .new-content-showp-time{

        margin-bottom: 20px;

    

    }



}



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

    .qqwechat{

        display: none;

    }

    .index-ahref-content{

        padding-left: 50px;

        padding-right: 50px;

    }



}





@media (min-width: 1200px){                              /* 大于1200px */

    .container {

        width: 1200px;

        padding-left: 0;

        padding-right: 0;

        box-sizing: border-box;

    }

    .new-nav-show {

        margin-top: 10px;

    }

    .culture-dream{

        width: 100%;

        height: 400px;

    }

    .test-logo{

        width: 100%;

        height: 400px;

    }

    .honor-img{

        width: 100%;

        height: 400px;

    }

    .develop-logo{

        width: 100%;

        height: 400px;

    }

    .index-solution-img img{

        max-height: 300px

    }

    .brand-showimg{

        width: 140px;

        margin-left: 20px;

    }

    .brand-showimg img{

        width: 100%;

    }

    .brand-show p{

        margin-left: 20px;

        width: 140px;

    }

}



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

    .index-solution-img img{

        max-height: 300px

    }

    .footer-content{

        padding-left: 30px;

        padding-right: 30px;

    }

    .footer-img {

        right: 30px;

    }

}



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

    .index-solution-img img{

        max-height: 300px

    }

    .btn{

        position: relative;

        top: 0;

        right: 0;

        top: 8px;

        transform: translate(0,0);

    }

    .nav{

        width: 500px;

    }

    .navbar-brand{

        margin-top: 20px;

    }

}





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

    .contact-show{

        background-size: 100%;

    }

}

@media screen and (max-width: 767px) {            /* 小于767px*/

    .navbar-brand img{

        width: 87px;

    }

    .brand-de-contentshow{

        font-size: 14px;

    }



    .index-contentmid-show p{

        display: none;

    }

    .head{

        height: auto;

        border: 0;

    }

    .head-content{

        left: 0%;

        top: 0%;

        transform: translate(0,0);

    }

    .navbar-default .navbar-nav>li>a{

        font-size: 14px;

    }

    .nav>li{

        float: left;

    }

    .btn{

        position: relative;

        top: 0;

        top: 19px;

        right: 0;

        left: -5px;

    }

    .navbar-header{

        border-bottom: 1px solid #c61c1b;

    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form{

        border: 0;

    }

    .navbar-collapse{

        padding-bottom: 10px;

    }

    .head-p{

        display: block

    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{

        width: 10.5px;

        height: 18px;

    }



    .index-news-show-p2{

        font-size: 12px;

        padding-right: 5px;

    }



    .index-news-show-p1{

        font-size: 14px;

    }



    .index-qrcode-content-p1{

        font-size: 18px;

    }



    .index-qrcode-content-p2{

        font-size: 15px;

    }



    .index-qrcode-content-p3{

        font-size: 12px;

        width: auto;

        box-sizing: border-box;

        padding-right: 125px;

        margin-top: 20px;

    }



    .index-qrcode-content{

        box-sizing: border-box;

        padding-left: 15px;

        padding-right: 15px;

    }



    .index-qrcode-img{

        width: 120px;

        top: auto;

        bottom: 0;

        right: 15px;

    }



    .index-qrcode-img p{

        font-size: 14px;

        display: none;

    }

    .index-more{

        display: block;

        width: 100px;

        height: 25px;

        text-decoration: none;

        font-size: 12px;

        font-weight: bold;

        font-style: oblique;

        color: #ffffff;

        background: #c61c1b;

        border-radius: 10px;

        text-align: center;

        line-height: 25px;

        margin-top: 20px;

    }



    .index-news-show{

        padding-left: 15px;

        padding-right: 15px;

    }

    .index-ahref-content{

        padding-left: 30px;

        padding-right: 30px;

    }



    .index-ahref-p1>span>a{

        font-size: 12px;

    }



    .index-ahref-p1{

        line-height: 24px;

    }

    .foot{

        line-height: 16px;

        font-size: 12px;

    }

    .foot-content{

        box-sizing: border-box;

        padding-top: 5px;

        padding-bottom: 5px;

        line-height: 16px;

    }

    .index-solution-img p{

        font-size: 12px;

    }



    .index-solution .row{

        margin-top: 30px;

    }



    .index-contentmid-show p{

        font-size: 12px;

    }

    .new-headimg{

        width: 100%;

        height: 49vw;

        background-image: url(../images/ba1.jpg);

        background-size: 100%;

        background-repeat: no-repeat;

    }

    .new-headimg{

        width: 100%;

        height: 49vw;

        background-image: url(../images/ba1.jpg);

        background-size: 100%;

        background-repeat: no-repeat;

    }

    .cantact-headimg {

        width: 100%;

        background-image: url(../images/cantacthead2.jpg);

        background-size: 100%;

        height: 66.66vw;

    }

    .new-nav-content>div{

        float: none;

    }

    .new-nav-head{

        width: 100%;

    }

    .new-nav-show{

        width: 100%;

    }

    .new-nav-show-img>p>a>span>img{

        width: 18px;

        height: 18px;

    }

    .new-nav-show-img>p{

        font-size: 18px;

    }

    .new-nav-show-img>p>a>span>img{

        top: -1px;

    }

    .new-nav-content{

        padding: 0;

    }

    .new-nav-head>p{

        text-align: center;

    }

    .new-nav-head-hr{

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

    }

    .new-nav-head{

        background: #f2f2f2;

        box-sizing: border-box;

        padding-bottom: 8vw;

        padding-top: 8.67vw;

    }

    .new-nav-show{

        box-sizing: border-box;

        padding-bottom: 15px;

        padding-top: 15px;

    }

    .move-none{
        display: none;
    }

    .new-content-showp-a{

        margin-top: 20px;

    }

    .new-content-showp{

        padding-left: 15px;

        padding-top: 15px;

    }

    .new-content-showp-headp{

        font-size: 16px;

    }

    .new-content-showp-p1{

        font-size: 12px;

        line-height: 20px;

        height: 40px;

    }

    .new-content-showp-a{

        display: block;

        width: 80px;

        height: 24px;

        box-sizing: border-box;

        border-radius: 10px;

        background: #eeeeee;

        border: 1px solid #dfdfdf;

        font-size: 14px;

        color: #333333;

        text-align: center;

        line-height: 22px;

        margin-top: 20px;

    }

    .new-content-showp-headp{

        margin-bottom: 5px;

    }

    .new-content-showp-p1{

        margin-bottom: 0;

    }

    .new-content-con{

        padding-top: 20px;

        padding-left: 20px;

        padding-right: 20px;

    }

    .new-content-show{

        margin-top: 0px;

    }

    .new-content-con .new-content-show:nth-child(n+2){

        margin-top: 20px;

    }

    .new-content-showimg>img{

        height: 40vw;

    }

    .new-content-showp{

        padding-left: 15px;

        padding-top: 25px;

    }

    .new-content-showp-time{

        font-size: 12px;

        margin-top: 0px;

        margin-bottom: 12px;

    }

    .new-content-showp-time>span>img{

        width: 12px;

        height: 12px;

    }

    .paging-ul{

        list-style: none;

        padding-left: 0;

        position: static;

        left: 0;

        transform: translate(0,0);

    }

    .new-content-con{

        padding-bottom: 30px;

    }

    .paging{

        margin-top: 40px;

    }

    .new-content{

        padding-bottom: 0px;

    }

    .footer-ula{

        font-size: 14px;

        margin-top: 30px;

        margin-bottom: 30px;

        padding: 0 15px;

    }

    .footer-p{

        font-size: 12px;

        line-height: 16px;

        margin-top: 15px;

    }

    .newde-content{

        padding-left: 20px;

        padding-right: 20px;

        padding-top: 50px;

    }

    .newde-headp{

        font-size: 20px;

    }

    .newde-timep{

        font-size: 14px;

    }

    .newde-content-hr1{

        margin-bottom: 30px;

    }

    .newde-content-hr2{

        border: 0;

        margin: 0;

        border-top: 1px solid #e4e4e4;

        margin-bottom: 40px;

        margin-top: 10px;

    }

    .newde{

        padding-bottom: 50px;

    }

    .newde-content{

        padding-bottom: 35px;

    }

    .newde-content-a{

        font-size: 12px;

    }

    .newde-content-pcon{

        font-size: 14px;

        line-height:24px;

        margin-top: 25px;

        margin-bottom: 20px;

    }

    .video-show{

        width: 100%;

        padding-bottom: 10px;

        margin-top: 20px;
    }

    .video-show-video{

        height: 56.29vw;

    }

    .video-showall .video-show:nth-child(2){

        margin-left: 0%;

    }

    .video-show-p1{

        margin-top: 10px;

        font-size: 18px;

        padding-left: 20px;

        line-height: 24px;

    }

    .video-show-p2{

        margin-top: 5px;

        font-size: 12px;

        padding-left: 20px;

        line-height: 24px;

        min-height: 48px;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

    }

    .video-showall-row{

        margin-top: 20px;

        padding: 0 20px;

    }



    .video-showall .video-showall-row:nth-child(n+2){

        margin-top: 0px;

    }
    
    .video{

        padding-bottom: 15px;

    }

    .video-content{

        padding-top: 30px;

    }

    .brand-nav .new-nav-head{

        padding-bottom: 0;

    }

    .brand-show{

        width: 33%;

        box-sizing: border-box;

        padding-left: 5px;

        padding-right: 5px;

    }

    .brand-showimg{

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

        max-width: 100%;

    }

    .brand-show p{

        width: auto;

        font-size: 12px;

    }

    .brand-content .brand-show:nth-child(n+7){

        margin-top: 0px

    }

    .brand-content .brand-show:nth-child(n+4){

        margin-top: 20px;

    }

    .brand-content{

        padding-top: 20px;

    }

    .brand-nav{

        padding-left: 0;

    }

    .brand-content{

        padding-left: 0px;

        padding-bottom: 30px;

    }

    .brand{

        padding-bottom: 30px;

    }

    

    .brand-de-imgshow1{

        max-width: 224px;

        position: relative;

        width: 60%;

    }

    .brand-de-imgshow1 img{

        width: 100%;

    }

    .brand-de-imgshow1-p{

        font-size: 12px;

    }

    .brand-de-contentshow{

        padding: 20px;

    }

    .brand-de-imgshow2>.brand-de-imgshow2-div:nth-child(2){

        margin-left: 0;

        float: right;

    }

    .brand-de-imgshow{

        padding-top: 25px;

        padding-bottom: 25px;

        padding-left: 8px;

        padding-right: 8px;

    }

    .brand-de-imgshow2-div{

        width: 44%;

    }

    .brand-de-imgshow2-div img{

        /*height: 56.97vw;*/

        height: 100%;

    }

    .brand-de-imgshow2-div p{

        font-size: 12px;

    }

    .brand-de-imgshow2{

        margin-top: 30px;

    }

    .brand-de-p{

        font-size: 14px;

    }

    .brand-de-content{

        padding-top: 30px;

    }

    .brand-de{

        padding-bottom: 40px;

    }

    .service-showp{

        padding-left: 15px;

        padding-right: 10px;

        padding-top: 18px;

    }

    .service-showp>a{

        left: 15px;

        bottom: 10px;

    }

    .brand-de-headp{

        font-size: 24px;

    }

    .plan-content-showp .plan-content-showphead{

        font-size: 16px;

        margin-bottom: 6px;

    }

    .plan-content-showpp{

        font-size: 12px;

        line-height: 20px;

        height: 64px;

    }

    .plan-content-showp>.plan-content-showpa>a{

        width: 69px;

        height: 20px;

        font-size: 12px;

        line-height: 18px;

        margin-top: 20px;

    }

    .plan-content{

        margin-bottom: 0px;

    }

    .plan-content-showp{

        padding: 10px;

    }

    .plan-content-showphead{

        line-height: 26px;

    }

    .plan-de-showhead{

        font-size: 20px;

        margin-bottom: 10px;

    }

    .plan-de-allp{

        font-size: 20px;

    }

    .plan-de-p{

        font-size: 14px;

    }

    .plan-de-content{

        margin-top: 20px;

    }



    .plan-de-show{

        padding-left: 15px;

        padding-top: 20px;

        padding-right: 15px;

        padding-bottom: 20px;

    }



    .plan-de-haedp2{

        margin-top: 35px;

        margin-bottom: 30px;

    }



    .plan-de-pa{

        display: none;

    }

    .plan-de-hr{

        display: none;

    }

    .plan-de-nexta{

        display: none;

    }

    .plan-de{

        padding-bottom: 20px;

    }

    .contact-show{

        padding-top: 50px;

    }

    .contact-content{

        padding-left: 10px;

        padding-right: 10px;

    }

    .my-map{

        width: 100%;

        height: 60vw;

    }

    .connect-imga{

        height: 66vw;

    }



    .contact-hr{

        margin-bottom: 30px;

    }

    .contact-showcontent{

        padding-left: 30px;

        padding-right: 30px;

    }

    .contact-headp{

        font-size: 20px;

    }

    .contact-conp1{

        font-size: 16px;

        margin-top: 10px;

        line-height: 18px;

    }

    .contact-conpzhuanxian{

        margin-top: 40px;

        font-size: 18px;

    }

    .contact-telnum{

        font-size: 60px;

    }

    .contact-address{

        margin-top: 0;

    }

    .contact-addressshow{

        margin-top: 20px;

        width: 100%;

        left: none;

    }

    .contact-address-head{

        font-size: 16px;

    }

    .contact-address-inf{

        font-size: 14px;

    }

    .service-showp>a{

        height: 24px;

        line-height: 24px;

        font-size: 14px;

        width: 80px;

    }

    .service-content-show1>.ser-row1{

        float: none;

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

        width: 100%;

    }

    .service-content-show1 .ser-row1:last-child{

        margin-left: 0%;

    }

    .service-content{

        padding-left: 30px;

        padding-right: 30px;

    }

    .ser-row2>div{

        float: none;

    }

    .service-content-show2>div{

        float: none;

    }

    .service-content-show2{

        max-width: 582px;

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

    }

    .ser-row2{

        width: 100%;

    }

    .ser-row2img{

        width: 100%;

    }

    .ser-row2p{

        width: 100%;

    }

    .ser-row3{

        width: 100%;

        margin-top: 20px;

        margin-left: 0;

        overflow: hidden;

    }

    .ser-row3>div{

        float: left;

    }

    .ser-row3img{

        width: 54%;

    }

    .ser-row3p{

        width: 46%;

        position: relative;

    }

    .ser-row3p>p{

        margin-top: 20px;

        font-size: 16px;



    }

    .service-showp p:first-child{

        font-size: 16px;

    }

    .ser-row2p p:first-child{

        font-size: 16px;

    }

    .service{

        padding-bottom: 50px;

        padding-left: 10px;

        padding-right: 10px;

    }

    .business-imgall>div{

        float: none;

    }

    .business-img1{

        width: 100%;

    }

    .business-img2{

        margin-left: 0px;

        margin-top: 15px;

        width: 100%;

        overflow: hidden;

    }

    .business-img2-content{

        width: 63.2%;

    }

    .business-img2-add{

        width: 33.5%;

        margin-left: 3.3%;

        display: block;

        background: #bd2428;

    }

    .business-img2>div{

        float: left;

    }

    .business-p4{

        font-size: 14px;

        margin-top: 10px;

        line-height: 24px;

    }

    .business-p3{

        font-size: 20px;

        margin-top: 10px;

        line-height: 24px;

    }

    .business-p2{

        font-size: 14px;

        margin-top: 18px;

        line-height: 24px;

        padding-right: 0;

    }

    .businessimg{

        display: none;

    }

    .business-p1{

        font-size: 12px;

        margin-top: 5px;

        line-height: 20px;

    }

    .business-headred{

        font-size: 16px;

        line-height: 26px;

    }

    .business-content{

        padding: 20px 15px;

    }

    .business-number {

        font-size: 16px;

        line-height: 30px;

        padding-left: 10px;

        padding-right: 10px;

        margin-top: 20px;

    }

    .business-p4{

        margin-bottom: 20px;

    }

    .business{

        padding-bottom: 15px;

        padding-top: 20px;

    }

    .about-index-show>div{

        float: left;

        width: 50%;

    }



    .about-index-show{

        overflow: hidden;

    }



    .about-index-showimg p{

        font-size: 18px;

        margin-top: 20px;

    }

    .about-index-showimg{

        margin-top: 50px;

    }

    .about-index-showimg img{

        width: 60%;

    }

    .about-index-show{

        margin-top: 0;

    }

    .about-index{

        padding-left: 15px;

        padding-right: 15px;

        padding-bottom: 40px;

    }

    .about-index-show1>div{

        float: none;

        width: 100%;

        max-width: 590px;

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

    }

    .about-index-show1>div:nth-child(2){

        margin-left: 0;

        margin-top: 30px;

    }

    .about-index-divp{

        padding-bottom: 20px;

        padding-top: 20px;

        padding-left: 25px;

        height: auto;

    }

    .about-index-divp>p:nth-child(1){

        font-size: 20px;

    }

    

    .about-nav{

        height: auto;

    }

    .about-nav-ul li {

        display: inline-block;

        padding-left: 10px;

        padding-right: 10px;

        line-height: 40px;

        font-size: 16px;

        color: #FFFFFF;

    }

    .introduce{

        padding: 15px 10px 45px 10px;

    }

    .introduce-content{

        padding: 40px 15px 45px 15px;

    }

    .introduce-content-headp{

        margin-top: 60px;

    }

    .introduce-content-headp{

        font-size: 20px;

    }

    .introduce-contentp{

        font-size: 14px;

        line-height: 24px;

        margin-top: 20px;

    }

    .culture-dream{

        width: 100%;

        height: 41.5vw;

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

        background-size: 100%;

    }



    .test-logo{

        width: 100%;

        height: 41.5vw;

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

        background-size: 100%;

    }



    .honor-img{

        width: 100%;

        height: 41.5vw;

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

        background-size: 100%;

    }

    .develop-logo{

        width: 100%;

        height: 41.5vw;

        background-image: url(../images/2019-2.png);

        background-size: 100%;

    }

    .culture{

        padding:15px 8px 40px 8px;

    }

    .culture-show{

        float: none;

        position: relative;

        left: 50%;

        transform: translate(-50%,0);

        width: 80%;

    }

    .culture-showall>.culture-show:nth-child(2n+1){

        margin-left: 0px;

        margin-right: 0px;

    }

    .culture-showall{

        padding-top: 0;

        padding-bottom: 70px;

    }

    .culture-showp{

        top: 64%;

    }

    .culture-showp .culture-showp-head{

        margin-bottom: 10px;

    }

    .culture-showp>p{

        font-size: 12px;

        line-height: 20px;

    }

    .culture-showp .culture-showp-head{

        font-size: 24px;

    }

    .plan-nav-content{

        padding-top: 30px;

        padding-bottom: 35px;

    }

    .plan-nav-ul li{

        font-size: 14px;

        margin-left: 20px;

        width: 150px;

    }

    .develop-content{

        padding-top: 25px;

    }

    .develop-contentp{

        padding-left: 15px;

        padding-right: 15px;

    }

    .introduce-contentp{
        padding: 0 15px; 
    }

    .develop-contentp-headp{

        font-size: 20px;

    }

    .develop-content-allp{

        font-size: 16px;

        line-height: 30px;

    }

    .develop-content-midp{

        font-size: 32px;

        margin-top: 60px;

    }

    .imgp{

        width: 235px;

        height: 94px;

    }

    .imgp p:nth-child(1) {

        display: inline-block;

        letter-spacing: 10px;

        font-size: 25px;

        font-weight: 400;

        color: #ffffff;

        line-height: 92px;

        width: 142px;

        position: absolute;

        left: 53%;

        top: 54%;

        transform: translate(-50%,-50%);

        margin: 0;

    }

    .imgp p:nth-child(2) {

        display: inline-block;

        font-size: 14px;

        font-weight: 400;

        color: #ffffff;

        position: absolute;

        left: 50%;

        bottom: -8px;

        transform: translate(-50%,0);

        margin: 0;

        width: 124px;

        font-family: 'SourceHanSansCN-Regular';

    }

    .honor-img-p p:nth-child(1){

        color: #ffffff;

        letter-spacing:20px;

        font-size: 25px;

        margin-bottom: 5px;

    }



    .honor-img-p p:nth-child(2){

        color: #ffffff;

        font-size: 14px;

        margin: 0;

    }

    .honor-img-p{

        position: absolute;

        left: 10%;

        top: 50%;

        transform: translate(0,-50%);

    }

    .honor-showall>div{

        float: left;

        width: 49%;

        margin-top: 50px;

    }

    .honor-showall>div:nth-child(2n+2){

        margin-left: 2%;

    }

    .honor-content{

        padding-left: 15px;

        padding-right: 15px;

        padding-top: 20px;

    }

    .honor-show>p{

        font-size: 14px;

    }

    .honor-content{

        box-sizing: border-box;

        padding-bottom: 40px;

    }

    .test-img1{

        width: 100%;

    }

    .test-img>img{

        height: 45.75vw;

    }



    .test-img2{

        width: 49%;

    }

    .test-img>img:nth-child(2){

        margin-left: 0;

    }

    .test-img img:nth-child(3){

        margin-left: 2%;

    }

    .test-img>img:nth-child(4){

        margin-left: 0;

    }

    .test-content{

        padding: 25px 15px 40px 15px;

    }

    .test-img{

        padding-left: 0;

        padding-right: 0;

    }

    .test-p{

        font-size: 14px;

        line-height: 30px;

        margin-top: 30px;

    }

    .recruit-conphead{

        margin-top: 20px;

    }

    .recruit-conp{

        font-size: 14px

    }

    .recruit-show{

        padding-left: 10px;

    }

    .recruit-table tr:first-child{

        font-size: 14px;

    }

    .recruit-table tr:nth-child(2){

        font-size: 14px;

    }

    .index-solution{

        padding-top: 40px;

    }

    .index-video{

        padding-top: 40px;

        padding-bottom: 40px;

        padding-left: 20px;

        padding-right: 20px;

    }

    .plan-content-show{

        margin-top: 30px;

    }

    .index-news{

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .ser-row2p a{

        position: static;

        margin-bottom: 20px;

        margin-top: 40px;

    }

    .service-showp p:nth-child(2){

        margin-top: 10px;

    }

    .index-ahref-p1 span:last-child{

        margin-left: 0px;

    }

    .index-ahref-p1 span{

        width: 76px;

    }

    .about-index-show1{

        margin-top: 60px;

    }

    .brand-de-headp span:nth-child(3){

        font-size: 20px;

    }

    .brand-de-headp span:nth-child(4){

        margin-left: 8px;

        margin-right: 8px;

        font-size: 20px;

    }



    .brand-de-headp span:nth-child(5){

        font-size: 20px;

    }

    .newde{

        padding-left: 8px;

        padding-right: 8px;

    }

    .news-headpp{

        padding-left: 8px;

        box-sizing: border-box;

    }

    .index-ahref-show{

        margin-top: 45px;

    }

    .index-ahref-content{

        padding-left: 15px;

        padding-right: 15px;

    }

    .index-contentmid-content .swiper-slide{

        margin-right: 5%;

        width: 30%;

        padding-left: 10px;

        padding-right: 10px;

    }

    .index-contentmid-content{

        padding-top: 16px;

        padding-bottom: 16px;

    }

    .ser-row1{

        margin-top: 24px;

    }

    .plan-content-show{

        margin-top: 10px;

    }

    .new-nav-content{

        padding-left: 0px;

        padding-right: 0px;

    }

    .new-nav-show{

        margin-top: 0px;

    }

    .index-video{

        padding: 50px 15px;

    }

    .index-qrcode{

        padding-bottom: 25px;

    }

    .index-qrcode-content{

        padding-top: 25px;

    }

    .padding{

        padding:20px 30px;

    }

    .footer-content{

        padding-bottom: 20px;

    }

    .footer-img{

        margin-top: 40px;

        margin-bottom: 30px;

    }

    .plan-content-showpp{

        -webkit-line-clamp: 2;

        height: auto;

    }

    .service-showp p:first-child{

        font-size: 16px;

    }

    .recruit-head{

        margin-top: 30px;

    }

    .recruit-headp {

        line-height: 40px;

        font-size: 16px;

    }

    .plan-de-showhead{

        font-size: 18px;

    }

    .brand-de-headp{

       font-size: 20px;

    }



    .video-headp2{

        padding-left: 15px;

        font-size: 24px;

        margin-bottom: 10px;

    }

    .video-hr2{

        margin-left: 15px;

    }

    .plan-content-showp{

        padding: 10px;

    }

    .service-showp p:nth-child(2){

        font-size: 12px;

    }

    .ser-row2p p:nth-child(2){

        font-size: 12px;

    }

    .new-nav-show-img>p>a>span>img{

        margin-right: 0px;

    }

    .job-table-show{

        float: left;

        margin-right: 30px;

        margin-top: 20px;

        font-size: 14px;

    }

    .pad-topz{

        padding: 0;

    }

    .introduce-content-p{

        padding-left: 20px;

        padding-right: 20px;

    }

    .ser-row3p{

        position: absolute;

        right: 0;

        margin: 0;

        top: 50%;

        transform: translate(0,-50%);

    }

    .ser-row3p>p{

        margin-top: 0px;

    }



}