@charset "utf-8";





/**********************************





GENERAL





***********************************/





html, body {





  font-family: "微软雅黑", Arial, sans-serif;





  overflow-x:hidden;





}





ul,li{





    list-style: none;





}





.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {





    font-weight: normal;





}





a, a:hover, a:visited, a:focus, a:active {





    /*color: #333;*/





    text-decoration: none;





    text-decoration: none;





}





img{





    max-width: 100%;





}





textarea{





    resize:none;





}





video::-internal-media-controls-download-button {





    display:none;





}





video::-webkit-media-controls-enclosure {





    overflow:hidden;





}





video::-webkit-media-controls-panel {





    width: calc(100% + 30px); 





}





/*#carousel-example-generic,





#tid-carousel {





    display: none;





}*/





.w1000{





    max-width: 1000px;





}





@media (min-width: 768px){





    .col-sm-t-2{





        position: relative;





        width: 20%;





        min-height: 1px;





        padding-right: 7px;





        padding-left: 7px;





    }





    #carousel-example-generic,.banner-listbox{





        margin-top: 80px;





    }





    .footer1 .col-sm-pdd130{





        padding-left: 125px;





    }





    .case .col-lg-4{





        padding: 15px;





    }





    .index-fuwu .p{





        height: 110px;





        overflow: hidden;





    }





    .index-fuwu a:hover .pp{





       margin-top: -55px;





    }





    .index-fuwu p{





        max-height: 50px;





    }





    #tid-carousel2{





        min-height: 327px;





    }





}





.navbar,.navbar-default .navbar-nav>li>a,.navbar-brand>img,.parent_list li,.parent_list li img,.index-fuwu a .pp{





    -webkit-transition: all .2s ease-in-out;





    -moz-transition: all .2s ease-in-out;





    -ms-transition: all .2s ease-in-out;





    -o-transition: all .2s ease-in-out;





    transition: all .2s ease-in-out;





}





.news-list-father a img,.overlay-mom img,.case .col-lg-4 a img{





    -webkit-transition: all .4s ease-in-out;





    -moz-transition: all .4s ease-in-out;





    -ms-transition: all .4s ease-in-out;





    -o-transition: all .4s ease-in-out;





    transition: all .4s ease-in-out;





}





.banner-listbox{





    padding: 0;





    position: relative;





    text-align: center;





    height: 530px;





    background-repeat: no-repeat;





    background-position:center;





    background-size: cover;





   /* background:url(../images/banner530.png) linear-gradient(105deg, #FF777C, #E8333B) ;*/





}





.banner-guanyu{





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





}





.banner-xinwen{





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





}





.banner-zuoping{





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





}





.banner-huaxu{





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





}





.banner-fuwu{





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





}





.banner-qicai{





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





}





.banner-lianxi{





    





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





}





.star {





    visibility: hidden;





}





.fadeIn {





    -webkit-animation: animat_show 0.8s;





    animation: animat_show 0.8s;





    visibility: visible !important;





}





.fadeIn .item .banner-img{





    width: 100%;





    height: 530px;





    background-repeat: no-repeat;





    background-position: center;





    background-size: cover;





}





@-webkit-keyframes animat_show{





    0%{opacity:0}





    100%{opacity:1}





}





/**********************************





NAVBAR





***********************************/





/* collapsed-nav-menu */





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





    background-color: #333333;





}





.navbar-default .navbar-toggle {





    border-color: #fff;





}





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





    background-color: #fff;





}





.navbar-toggle {





    margin-top: 0px;





    /*padding: 0px 10px;*/





    background: #fff;





    margin: 8px;











}





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





    border-color: #fff;





}





/* End collapsed-nav-menu */





.navbar{





    border-radius: 0px;





}





.navbar-brand {





    padding: 0 0 0 15px;





}





.navbar .navbar-brand .img{





    display: none;





}





.header-bj .navbar-brand img{





    display: none;





}





.header-bj .navbar-brand .img{





    display: block;





    width: 195px;





    margin-top: 20px;





}





.navbar-default {





    position: fixed;





    width: 100%;





    top: 0;





    left: 0;





    background-color: transparent;





    border-bottom: none;





    border-left: none;





    border-right: none;





    border-top: #fff 0px solid;





    z-index: 30;





}





.header-bj.navbar-default{





    background: #fff;





    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);





}





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





    font-size: 16px;





    line-height: 50px;





    padding-bottom: 0;





    color: #333;





    color: #fff;





    border-bottom: 2px solid transparent;





}





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





   color: #fff;





   border-bottom: 2px solid #fff;





}





.header-bj .navbar-nav>li>a{





    color: #333;





    padding-bottom: 15px;





    border-bottom: none;





}





.navbar-nav > li{





  padding-left: 50px;





}





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





    position: relative;





}





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





    padding-top: 13px;





}





.navbar-default .navbar-nav>.li a:hover,.navbar-default .navbar-nav>.li a{





     border-bottom: none;





}





.navbar-default .navbar-nav>.li a .img,.header-bj .navbar-nav>.li a img{





    display: none;





}





.header-bj .navbar-nav>.li a .img{





    display: inline-block;





}





.navbar-default .navbar-nav>.li .heade-rewm img{





    width: 100%;





}





.navbar-default .navbar-nav>.li .heade-rewm{





    position: absolute;





    width: 230px;





    padding: 15px;





    background: #fff;





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





    border-radius: 2px;





    left: -50%;





    display: none;





}





.navbar-default .navbar-nav>.li-nav .heade-rewm{





    position: fixed;





    z-index: 99;





    top: 50%;





    left: 50%;





    display: block;





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





    -ms-transform: translate(-50%,-50%);       /* IE 9 */





    -webkit-transform: translate(-50%,-50%);   /* Safari and Chrome */





    -o-transform: translate(-50%,-50%);        /* Opera */





    -moz-transform: translate(-50%,-50%);      /* Firefox */





}











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





    border-bottom: 2px solid #fff;





}





.header-bj .navbar-nav>li>a.select,.header-bj .navbar-nav>li>a:hover{





    border-bottom: none;





    color: #cb000c;





}





.navbar-nav>li>a {





    padding-left: 3px;





    padding-right: 0;





}























.column {





    text-align: center;





    border-bottom: 1px solid #E9E9E9;





    margin-bottom: 40px;





}





.column a{





    display: inline-block;





    color: #333;





    line-height: 62px;





    margin: 0 15px;





    font-size: 16px;





    padding: 0 5px;





    border-bottom: 2px solid #fff;





}





.column .active{





    color: #cb000c;





    border-bottom: 2px solid #cb000c;





}





.column a:hover{





    color: #cb000c;





}





/**********************************





INTRO





***********************************/





.tid-intro {





    margin-bottom: 40px;





    padding: 0;





}





.tid-intro2 {





    /*color: #666666;*/





    line-height: 30px;





    margin-bottom: 40px;





}

















.index-case{





    background:#F2F2F2 url(../images/ges_02.jpg) no-repeat top right;





    padding: 1px 0 110px;





}





.index-case .case-more-btn{





    display:block;





    text-align: center;





}





.index-case .case-more-btn a{





    display: inline-block;





    width: 215px;





    line-height: 43px;





    color: #fff;





    margin-top: 100px;





    border-radius: 100px;





    background: #cb000c;





}





.index-case .case-more-btn a:hover{





    background: #970000;





}





.hack-title {





    margin: 60px auto;





    text-align: center;





}





.hack-title h2{





    font-size: 40px;





}





.hack-title h4 {





    margin-top: 20px;





    margin-bottom: 0;





    line-height: 28px;





    color: #757575;





}





.hack-title .sub{





    text-align: center;





    margin-top: 30px;





    margin-bottom: -30px;





}





.hack-title .sub a{





    display: inline-block;





    color: #414141;





    line-height: 1;





    border-right: 2px solid #afafaf;





    padding-right: 20px;





    margin-right: 20px;





}





.hack-title .sub a.subnav6 {





    border-right: 0px;





}





.hack-title .sub a:hover{





    color: #cb000c;





}





.phone {





    font-size: 26px;





    font-weight: bold;





    font-family: 'Times New Roman', 'SimSun', '宋体', Arial, sans-serif;





}

















.index-fuwu{





    padding-bottom: 50px;





}





.index-fuwu a .pp,.index-fuwu .img{





    -webkit-transition: all .3s ease-in-out;





    -moz-transition: all .3s ease-in-out;





    -ms-transition: all .3s ease-in-out;





    -o-transition: all .3s ease-in-out;





    transition: all .3s ease-in-out;





}





.index-fuwu .img{





    display: inline-block;





    width: 95px;





    height: 95px;





    background-position: center;





    background-repeat: no-repeat;





}





.index-fuwu .img1{





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





}





.index-fuwu .img2{





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





}





.index-fuwu .img3{





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





}





.index-fuwu .img4{





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





}





.index-fuwu .img5{





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





}





.index-fuwu a:hover .img{





    opacity: 1;





}





.index-fuwu a:hover .img1{





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





}





.index-fuwu a:hover .img2{





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





}





.index-fuwu a:hover .img3{





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





}





.index-fuwu a:hover .img4{





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





}





.index-fuwu a:hover .img5{





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





}





.index-fuwu .p{





    margin-bottom: 35px;





}





.index-fuwu .p span{





    display: inline-block;





    width: 120px;





    line-height: 31px;





    color: #fff;





    border-radius: 100px;





    background: #cb000c;





}

















.index-fuwu .tt{





    position: relative;





    font-size: 18px;





    padding: 15px 0 5px;





    color: #333;





    min-height: auto!important;





    margin-bottom: 0;





    background: #fff;





    z-index: 1;





}





.index-fuwu p{





    line-height: 1.8;





    padding: 0 20px;





    color: #999999;





    margin-bottom: 20px;





    overflow: hidden;





}





/**********************************





CAROUSEL





***********************************/





/* 1st Carousel */





.carousel-control .tid-angle-left, .carousel-control .icon-prev {





    margin-left: -15px;





}





.carousel-control .tid-angle-left, .carousel-control .icon-prev {





    left: 50%;





}





.carousel-control .tid-angle-right, .carousel-control .icon-next {





    margin-right: -15px;





}





.carousel-control .tid-angle-right, .carousel-control .icon-next {





    right: 50%;





}





.carousel-control .tid-angle-left, .carousel-control .tid-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {





    width: 40px;





    height: 40px;





    margin-top: -50px;





    font-size: 60px;





    line-height: 38px;





}





.carousel-control .tid-angle-left, .carousel-control .tid-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {





    position: absolute;





    top: 50%;





    z-index: 5;





    display: inline-block;





}





.tid-angle-left,





.tid-angle-right {





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





    color: #606060;





    text-shadow: none;





}





.tid-angle-left:hover,





.tid-angle-right:hover {





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





    transition: all 0.5s ease;





}





.first-carousel-control {





    width: 6%;





    display: none;





}





.carousel-control:focus,





.carousel-control:hover {





    color: rgba(255,255,255,0.7);





    opacity: 1;





}





.first-carousel .first-indicators {





    display: none;





}





.first-carousel:hover .first-indicators, .first-carousel:hover .carousel-control {





    display: block;





    transition: all 0.5s ease;





}





/* carousel-fade */





.carousel-fade .carousel-inner .item {





  opacity: 0;





  transition-property: opacity;





}





.carousel-fade .carousel-inner .active {





  opacity: 1;





}





.carousel-fade .carousel-inner .active.left,





.carousel-fade .carousel-inner .active.right {





  left: 0;





  opacity: 0;





  z-index: 1;





}





.carousel-fade .carousel-inner .next.left,





.carousel-fade .carousel-inner .prev.right {





  opacity: 1;





}





.carousel-fade .carousel-control {





  z-index: 2;





}





@media all and (transform-3d), (-webkit-transform-3d) {





    .carousel-fade .carousel-inner > .item.next,





    .carousel-fade .carousel-inner > .item.active.right {





      opacity: 0;





      -webkit-transform: translate3d(0, 0, 0);





              transform: translate3d(0, 0, 0);





    }





    .carousel-fade .carousel-inner > .item.prev,





    .carousel-fade .carousel-inner > .item.active.left {





      opacity: 0;





      -webkit-transform: translate3d(0, 0, 0);





              transform: translate3d(0, 0, 0);





    }





    .carousel-fade .carousel-inner > .item.next.left,





    .carousel-fade .carousel-inner > .item.prev.right,





   /*  .carousel-fade .carousel-inner > .item.active {





     opacity: 1;





     -webkit-transform: translate3d(0, 0, 0);





             transform: translate3d(0, 0, 0);





   }





   } */





/* End carousel-fade */





/* Indicators */





.carousel-indicators li {





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





    border: none;





    margin: 1px;





    width: 12px;





    height: 12px;





}





.carousel-indicators li:hover {





    background-color: #cb000c;





    transition: all 0.5s ease;





}





.carousel-indicators .active {





    width: 12px;





    height: 12px;





    margin: 1px;





    background-color: #cb000c;





}





#sec-indicators {





    bottom: -52px;





}





#sec-indicators li {





    border: 1px solid #c5c5c5;





    /*background-color: #8d8d8d;*/





}





#sec-indicators li:hover {





    border: 1px solid #cb000c;





    transition: all 0.5s ease;





}





#sec-indicators .active {





    border: 1px solid #cb000c;





    /*background-color: #d2d2d2;*/





}





/* End Indicators */





/* carousel-control */





.carousel-control {





    opacity: 1;





    color: #fff;





}





.carousel-control.left, .carousel-control.right {





    background-image: none;





}





/* End carousel-control */





/* overlay */





.overlay {





    position: absolute;





    display: block;





    top: 0;





    left: 0;





    width: 100%;





    height: 100%;





    background-color: rgba(0,0,0,.8);





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





    background-repeat: no-repeat;





    background-position: center;





    z-index: 1;





    opacity: 0;





    transition: all .3s ease-in-out;





    -webkit-transition: all .3s ease-in-out;





    -moz-transition: all .3s ease-in-out;





    -ms-transition: all .3s ease-in-out;





    -o-transition: all .3s ease-in-out;





}





.overlay-father {





    margin-bottom: 14px;





}





.overlay-father a{





    display: block;





}





.overlay-father .p{





    font-size: 16px;





    margin: 0;





    padding: 15px 0 10px;





    overflow: hidden;





    color: #333;





}





.overlay-father p{





    font-size: 12px;





    color: #666;





    min-height: 17px;





}





.overlay-mom {





    position: relative;





    display: block;





    width: 100%;





    height: 100%;





    overflow: hidden;





}





.overlay-mom img{





    -webkit-transform: scale3d(1,1,1);





    transform: scale3d(1,1,1) ;





    -webkit-transition: transform .3s ease-in-out;


    height: 210px;


    transition: transform .3s ease-in-out;





}





.overlay-mom:hover img{





     -webkit-transform: scale3d(1.05,1.05,1);





    transform: scale3d(1.05,1.05,1) ;





    /* -webkit-transform: scale(1.05);





    transform: scale(1.05) ; */





}





.overlay-father a:hover .overlay {





    visibility: visible;





    opacity: 1;





}





img[alt='al_icon'] {





    width: 15%;





    margin-left: auto;





    margin-right: auto;





}





.project {





    font-size: 18px;





}





.duties {





    font-size: 12px;





}





/* End overlay */





/**********************************





alert_show





***********************************/





.alert_show{





    display: none;





    position: fixed;





    top: 0;





    left: 0;





    width: 100%;





    height: 100%;





    z-index: 99;





}





.alert_show .show_part{





    position: absolute;





    left: 0;





    top: 0;





    width: 100%;





    height: 100%;





    background-color: rgba(0,0,0,.8);





    z-index: 1;





}





.alert_show .box_title{





    border-bottom: 1px solid #ccc;





    padding-bottom: 10px;





    margin-bottom: 10px;





    margin-top: 20px;





    font-size: 0;





}





.alert_show .title{





    display: inline-block;





    font-size: 24px;





    vertical-align: middle;





    width: 95%;





}





.alert_show .alert_close{





    display: inline-block;





    color: #000;





    height: 34px;





    cursor: pointer;





    vertical-align: middle;





    width: 5%;





    text-align: right;





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





    background-repeat: no-repeat;





    background-position: right center;





}





.alert_show .show_box{





    position: absolute;





    left: 50%;





    top: 50%;





    z-index: 2;





}





.alert_show .show_box.video_link,.alert_show .show_box.video_upload{





    width: 1024px;





    height: 650px;





    margin-left: -512px;





    margin-top: -325px;





    background-color: #fff;





    padding: 0 20px 25px;





}





.alert_show .show_box.video_upload{





    height: auto;





}





.alert_show .show_box.news_link{





    width: 1000px;





    height: 600px;





    margin-left: -500px;





    margin-top: -300px;





    background-color: #fff;





    padding: 0 20px 20px;





    box-sizing:border-box;





    





}





.show_box.news_link .box_title{





    margin-bottom: 15px;





}





.show_box.news_link .show_mn{





    width: 100%;





    height: 500px;





    overflow: auto;





}





.show_box.news_link .ul-img{





    position: relative;





    height: 500px;





    margin-bottom: 0;





    text-align: center;





}





.show_box.news_link .ul-img p{





    font-size: 40px;





    margin: 0;





    line-height: 420px;





}





.show_box.news_link .ul-img li{





    position: absolute;





    display: none;





    top: 0;





    left: 0;





    width: 100%;





    height: 100%;





    overflow: hidden;





}





.show_box.news_link .ul-img li.active{





    display: block;





}





.show_box.news_link .ul-img li img{





    width: 100%;





    height: 100%;





}





.show_box.news_link .ul-img span{





    position: absolute;





    display: block;





    width: 52px;





    height: 52px;





    top: 50%;





    margin-top: -26px;





}





.show_box.news_link .ul-img span:hover{





    opacity: .8;





    cursor: pointer;





}





.show_box.news_link .span-btnl{





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





    left: 0;





}





.show_box.news_link .span-btnr{





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





    right: 0;





}











.news_link .show_title{





    text-align: center;





    font-size: 21px;





    margin-bottom: 20px;





}





.news_link .show_content p{





    margin-bottom: 15px;





    line-height: 1.6;





}





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





    .alert_show .show_box.news_link{





        width: 98%;





        left: 1%;





        margin-left: 0;





    }





}











/**********************************





parent





***********************************/





.parent_list.container {





    position: relative;





    padding: 0;





    margin-top: 80px;





    margin-bottom: 80px;





}





.parent_list li{





    list-style-type: none;





    float: left;





    text-align: center;





    height:150px;





    border: 1px solid #f2f2f2;





}





.parent_list li:hover{





    padding-top: 5px;





    border: 4px solid #f2f2f2;





}





.parent_list li a{





    display: block;





}





.parent_list li a img{ max-width:90%; padding-top:10px;





}





.idx_newsimg {





    width: 155px;





    height: 105px;





    object-fit: cover;





}





/*.parent_listborder span{





    position: absolute;





    background: #fff;





}





.parent_listborder .span-t{





    width: 100%;





    height: 4px;





    top: 0;





    left: 0;





}





.parent_listborder .span-r{





    width: 4px;





    height: 100%;





    top: 0;





    right: 0;





}





.parent_listborder .span-b{





    width: 100%;





    height: 4px;





    bottom: 0;





    left: 0;





}





.parent_listborder .span-l{





    width: 4px;





    height: 100%;





    top: 0;





    left: 0;





}*/





/**********************************





INFRO





***********************************/





.tid-more {





    text-align:center; 





    border-top: 1px solid #c5c5c5;





    border-bottom: 1px solid #c5c5c5;





    padding-top: 10px;





    padding-bottom: 10px;





    font-size: 16px;





    margin-top: 70px;





    margin-bottom: 0;





}





.tid-more a {





    color: #333;





    text-decoration: none;





}





.tid-more a:hover {





    color: rgba(0,0,0,.5);





}











/**********************************





CASES





***********************************/





.case {





    margin-bottom: 40px;





}





.case h2{





    font-size: 16px;





    margin: 0;





    padding: 10px 0 0;





    line-height: 2;





    height: 42px;





    text-align: center;





    overflow: hidden;





}





.case .p{





    font-size: 12px;





    color: #666;





    min-height: 17px;





}





.case .col-lg-4 a{





    display: block;





    position: relative;





    overflow: hidden;





}





.case .col-lg-4 .bj-vi{





    position: absolute;





    top: 0;





    left: 0;





    width: 100%;





    height: 100%;





    background-color: rgba(0,0,0,.6);





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





    background-repeat: no-repeat;





    background-position: center;





    z-index: 1;





    opacity: 0;





    transition: all .3s ease-in-out;





    -webkit-transition: all .3s ease-in-out;





    -moz-transition: all .3s ease-in-out;





    -ms-transition: all .3s ease-in-out;





    -o-transition: all .3s ease-in-out;





}





.trivia .col-lg-4 .bj-vi{





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





    background: none;





}





.case .col-lg-4 a.caselistimg {


    height: 202px;


}





.case .col-lg-4 a:hover .bj-vi{





    opacity: 1;





}





.case .col-lg-4 a:hover img{





    transform: scale(1.05) ;





    -webkit-transform: scale(1.05);





    -moz-transform:scale(1.05);





    -ms-transform: scale(1.05) ;





    -o-transform: scale(1.05);





}





.about_video {


    height: 600px;


    width: 100%;


}





.cases-nav {





    margin: 38px 0 75px;





    display: block;





    text-align: center;





    border-right: 1px solid #cccccc;





    color: #adadad;





}





.cases-nav:hover {





    color: #111;





}





.cases-nav-last {





    border-right: 1px solid #fff;





}





.cases-zh {





    font-size: 20px;





}





.cases-en {





    font-size: 16px;





}





.sec-select {





    color: #111;





}





.cases-list {





    background-color: #fff; 





    border-left: 1px solid #e3e3e3;





    border-bottom: 1px solid #e3e3e3;





    border-right: 1px solid #e3e3e3;





    text-align: center;





    padding-left: 10%;





    padding-right: 10%;





    padding-top: 8%;





    padding-bottom: 8%;





    line-height: normal;





}





.cases-list-father {





    margin-bottom: 60px;





}





.cases-list .duties {





    font-size: 20px;





    padding-bottom: 10px;





}





.cases-list .project {





    font-size: 14px;





}





.cases-list-father a, 





.cases-list-father a:visited {





    color: #333;





    text-decoration: none;





}





.cases-list-father a:hover .cases-list {





    background-color: #414141;





    color: #fff;





    transition: all 0.5s ease;





    border-left: 1px solid #414141;





    border-bottom: 1px solid #414141;





    border-right: 1px solid #414141;





}











.gutter-42.row {





  margin-right: -21px;





  margin-left: -21px;





}





.gutter-42 > [class^="col-"], .gutter-42 > [class^=" col-"] {





  padding-right: 21px;





  padding-left: 21px;





}





.case-h3{





    margin-bottom: 25px;





}





/**********************************





WORK





***********************************/





.work h3 {





    display: inline-block;





    font-size: 22px;





    margin-top: 0;





}





.work {





    margin-bottom: 40px;





}





.work-detail {





    margin-bottom: 44px;





}





.work-detail .row {





    margin-top: 40px;





}





.work-detail-inside {





    line-height: 30px;





    border-top: 1px solid #cccccc;





    padding-top: 6px;





    font-size: 16px;





}





.col-sm-4 .work-detail-inside {





    padding-bottom: 10px;





}





.work-more {





    margin-top: 40px;





    text-align: center;





    font-size: 18px;





    color: #333;





}





.work-line {





    width: 90px;





    display: inline-block;





    border-top: 1px solid #cccccc;





    height: 8px;





}





.work-other .row div {





    margin-top: 10px;





}





/* work carousel-control */





.work-carousel-control {





    width: 0%;





}





.work-carousel-control .tid-angle-left,





.work-carousel-control .tid-angle-right {





    color: #ccc;





    text-shadow: none;





}





.work-carousel-control .tid-angle-left:hover,





.work-carousel-control .tid-angle-right:hover {





    color: #666;





    transition: all 0.5s ease;





}





#tid-carousel2 .carousel-control.left {





    left: -40px;





}





#tid-carousel2 .carousel-control.right {





    right: -40px;





}





/* End work carousel-control */





.work .pull-right i {





    border: 1px solid #333;





    padding: 0 10px 2px;





    font-size: 24px;





    color: #333;





}





.work .pull-right i:hover {





    border: 1px solid #333;





    color: #fff;





    background-color: #333;





}





#work {





    line-height: 30px;





}





#work .project {





    color: #666;





}





/**********************************





ABOUT





***********************************/





.about-h4 {





    max-width: 1000px;





    margin: 0px auto 0;





    font-size: 14px;





    line-height: 30px;





    padding-bottom: 50px;





}





.about-h3 {





    padding-bottom: 18px;





    margin-bottom: 20px;





    margin-top: 0;





    text-align: center;





}





.about_des{





    font-size: 14px;





    margin: 0 0 26px;





    line-height: 24px;





}





.about_des_box{





    font-size: 14px;





    margin: 0 0 76px;





    line-height: 24px;





}





.about_des_list{





    margin-bottom: 46px;





}





.person div:nth-child(2) {





    padding: 14px 0 28px;





    line-height: 32px;





}





.person .duties {





    font-size: 18px;





}





.headshot {





    filter: url("../<>'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */





    filter: gray; /* IE6-9 */





    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */





    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */





    -webkit-backface-visibility: hidden; /* Fix for transition flickering */





    /*border: 2px solid #fff;*/





    /*transition: border-color 0.2s ease-in-out;*/





}





.person:hover .headshot {





    /*border: 2px solid #000;*/





    filter: none;





    -webkit-filter: grayscale(0%);





    transform: scale(1.1);





}





.person-img {





    overflow: hidden;





}





.about_list{





    padding: 50px 0;





}





/**********************************





SERVICES





***********************************/





.services-title {





    padding-left: 4px;





    /*border-left: 1px solid #414141;*/





}





.services-title h2 {





    font-size: 28px;





    margin-bottom: 28px;





}





.services-title h4 {





    font-size: 20px;





    color: #666666;





}





.services {





    padding-top: 40px;





    margin-bottom: 80px;





}





.services-border {





    border-bottom: 1px solid #ccc;





}





.services h2 {





    font-size: 18px;





    margin: 14px 0 28px 12px;





}





.services h4 {





    font-size: 16px;





    margin-left: 12px;





    line-height: 1.4;





}





/**********************************





NEWS





***********************************/





/* News list index overlay */

















.index-news{





    padding: 1px 0 130px;





    background: #F2F2F2 url(../images/ges_02.jpg) no-repeat top right;





}





.news-list-index {





   /*  padding: 20px;





   background-color: #f5f5f5;*/





    line-height: normal;





}





.news-list {





    padding: 4% 5%;





    line-height: normal;





    background-color: #f5f5f5;





}





.news-list .project {





    font-size: 16px;





}





.news-list .duties {





    font-size: 18px;





}





.duties-index {





    font-size: 16px;





    color: #00415a;





    margin-bottom: 10px;





}











.news-list-father {





    margin-bottom: 40px;





}





.news-list-father .project-index{





    line-height: 1.8;





}





.news-list-father a,.news-list-father a:visited {





    color: #b0b0b0;





    text-decoration: none;





    overflow-x: hidden;





    display: block;





}











.news-list-father a:hover{





    color: #333;





}





.news-list-father a span{





    display: block;





    overflow: hidden;





}





.news-list-father a:hover img{





    transform: scale(1.05) ;





    -webkit-transform: scale(1.05);





    -moz-transform:scale(1.05);





    -ms-transform: scale(1.05) ;





    -o-transform: scale(1.05);





}















































/* End News list overlay */





.news .btn {





    padding: 0;





    display: inline-block;





    color: #555;





}





.news .row>.col-sm-4{





    margin-bottom: 35px;





}





.news .row .a{





    display: block;





    height: 253px;





    overflow: hidden;





}





.news-text{





    background: #F8F8F8;





    padding:15px 20px;





}





.news-text h2 {





    margin-top: 0;





    margin-bottom: 7px;





}





.news-text h2 a{





    display: block;





    line-height: 1.8;





    height: 28px;





    overflow: hidden;





    font-size: 16px;





    color: #333;





    font-weight: 500;





    display: block;





}





.news-text h4 {





    font-size: 13px;





    color: #666;





    height: 50px;





    overflow: hidden;





    line-height:1.8;





    margin:7px 0 0 0;





}





.news-time{





    font-size: 13px;





    color: #666;





}





.news-img {





    width: 100%;





    transition: all 0.6s;





    height: 100%;





    object-fit: cover;





}





.news .a:hover{





    -webkit-transition: .25s ease-in-out,;





    transition: .25s ease-in-out,;





}





.news .a:hover .news-img{





    -webkit-transform: scale(1.1);





    transform: scale(1.1);





}

















.fenye {





    text-align: center;





    font-size: 16px;





}





.fenye a{





    display: inline-block;





    padding: 4px 10px;





    margin: 4px 2px;





    border: 1px solid #333;





    border-radius: 100%;





}





.fenye a, a:hover, .fenye a:visited, .fenye a:focus, .fenye a:active {





    color: #333;





}





.fenye a.page-num-current,.fenye a:hover {





    background-color: transparent;





    border-color: #ca000b ;





    color: #7c0000 !important;





}





.page-next,.page-pre,.page-index,.page-last,.page-status {display: none;}





.news-detail a {





    pointer-events: none;





    cursor: default;





    color: #333;





}





.news-detail p {





    margin: 0;





}





.news-h3{





    margin-bottom: 25px;





}





/**********************************





BLOGS





***********************************/





.blogs-breadcrumb {





    font-size: 18px;





}





.blogs-breadcrumb a, .blogs-breadcrumb a:hover, .blogs-breadcrumb a:visited, .blogs-breadcrumb a:focus, .blogs-breadcrumb a:active {





    color: #333333;





}





.blogs-infor {





    font-size: 18px;





    margin-top: 56px;





    padding-bottom: 20px;





    text-align: center;





}





.hb .blogs-infor{





    border-bottom: 1px solid #E0E0E0;





}





.blogs-infor h1 {





    margin-top: 0;





    margin-bottom: 0;





    text-align: center;





    font-size: 40px;





}





.blogs-infor h1 a{





    font-size: 16px;





    margin-left: 15px;





}





.blogs-infor h4{





    color: #757575;





}





.blogs-infor .h4 span{





    display: inline-block;





    font-size: 14px;





    color: #757575;





    height: 22px;





    vertical-align: middle;





    margin-right: 20px;





}





.blogs-infor .bdsharebuttonbox a{





    float: none!important;





}





.blogs-infor i {





  font-size: 1.4em;





  width: 1.6em;





  text-align: center;





  line-height: 1.6em;





  background: #d2d2d2;





  color: #fff;





  border-radius: 0.8em;





}





.blogs-infor i:hover {





    color: #fff;





    background: #333;





}





.blogs-detail {





    max-width: 1000px;





    margin: 30px auto ;





    font-size: 16px;





}





.blogs-detail p {





    margin-bottom: 20px;





    line-height: 1.6;





}





.blogs-more {





    margin-top: 45px;





    text-align: center;





    font-size: 18px;





    color: #333;





}





.blogs-line {





    width: 90px;





    display: inline-block;





    border-top: 1px solid #cccccc;





    height: 8px;





}





.blogs-other .row div {





    margin-top: 40px;





}





.blogs-breadcrumb .pull-right a {





    padding-left: 12px;





}





.blogs-breadcrumb a:hover {





    color: rgba(0,0,0,.5);





}





#weixin-contact {





    position: relative;





}





#pop-up {





    display: none;





    position: absolute;





    bottom: -90px;





    left: -28px;





}





#pop-up img {





    width: 68px;





    height: 68px;





}





#weixin-contact:hover #pop-up {





    display: block;





}





/**********************************





CONTACT





***********************************/





.contact {





    margin-top: 85px;





    margin-bottom: 58px;





    max-width: 700px;





}





.contact p {





    color: #333;





}





.contact .tt{





    font-size: 20px;





    padding-bottom: 8px;





}





.contact p a{





    padding-left: 23px;





    margin-left: 8px;





    color: #337ab7;





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





    background-repeat: no-repeat;





}





.contact p a:hover{





    text-decoration: underline;





}





.contact .img{





    padding-top: 45px;





}





.contact .img p{





    text-align: center;





}





.contact .img img{





    width: 130px;





    margin-bottom: 10px;





}

















.contact-tubiao .p1,.contact-tubiao .p2,.contact-tubiao .p3,.contact-tubiao .p4,.contact-tubiao .p5{





    background-repeat: no-repeat;





    background-position: left center;





    padding-left: 28px;





    color: #666;





}





.contact-tubiao .p1{





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





}





.contact-tubiao .p2{





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





}





.contact-tubiao .p3{





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





}





.contact-tubiao .p4{





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





}





.contact-tubiao .p5{





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





}





/*.contact p:nth-child(1) {





    margin-bottom: 24px;





}





.contact p:nth-child(2) {





    font-size: 16px;





    color: #666;





    line-height: 30px;





}*/





.cinfo {





    margin-top: 50px;





    margin-bottom: 50px;





    max-width: 700px;





}





.cinfo .cinfo-tt{





    text-align: center;





    font-size: 28px;





    line-height: 35px;





    margin-bottom: 40px;





    color: #333;





}





.cinfo label {





    font-size: 18px;





    margin-bottom: 36px;





    font-weight: 100;





}





.cinfo-box {





    margin-bottom: 15px;





}





.cinfo-box input {





    width: 100%;





    padding: 8px;





    border: 1px solid #ccc;





    font-size: 14px;





    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);





    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);





    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;





    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;





    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;





}





.cinfo-box input:focus{





    border-color: #66afe9;





    outline: 0;





    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);





    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);





}





    





.cinfo textarea {





    width: 100%;





    height: 286px;





    padding: 15px;





    font-size: 14px;





    border: 1px solid #cccccc;





    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);





    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);





    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;





    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;





    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;





}





.cinfo textarea:focus{





    border-color: #66afe9;





    outline: 0;





    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);





    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);





}





.cinfo input[type="submit"] {





    margin-top: 35px;





    padding: 8px 80px;





    color: #FFF;





    background-color: #cb000c;





    font-size: 18px;





    text-align: center;





    font-style: normal;





    border: 1px solid #cb000c;





    border-width: 1px 1px 3px;





    margin-bottom: 10px;





}





.cinfo input[type="submit"]:hover {





    background-color: cb000c;





    border: 1px solid cb000c;





    border-width: 1px 1px 3px;





}





::-webkit-input-placeholder {





   color: #999;





}





:-moz-placeholder { /* Firefox 18- */





   color: #999;





}





::-moz-placeholder {  /* Firefox 19+ */





   color: #999;





}





:-ms-input-placeholder {  





   color: #999;





}





.cinfo .cinfo-yx{





    float: right;





    font-size: 12px;





    margin-top: 50px;





}





.cinfo .cinfo-yx span{





    color: #cb000c;





}





#allmap {





    width:1140px;





    height:400px;





}


#allmap .bd-allmap {


    height: 100%;


    width: 100%;


}





.cinfo-box .cinfo-box-error, .cinfo .cinfo-box-error {





    border-color: #cb000c;





}























.index-message{





    padding-bottom: 80px;





}





.index-message .cinfo{





    margin-top: 0;





}





.index-message .index-message-l{





    margin-bottom: 35px;





}





.index-message .a{





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





    background-repeat: no-repeat;





    padding-left: 23px;





    margin-left: 8px;





}





.index-message .a:hover{





    color: #337ab7;





    text-decoration: underline;





}





.index-message .index-message-l img{





    margin-bottom: 20px;





}





.index-message .cinfo textarea{





    height: 135px;





}























/**********************************





FRIENDLY LINK & FOOTER





***********************************/





.tid-fl {





    margin-top: 10px;





    margin-bottom: 10px;





    padding-top: 10px;





    padding-bottom: 10px;





}





.tid-fl span {





    margin-right: 10px;





    color: #B7B7B7;





    font-size: 12px;





}





.footer{





    padding-top: 80px;





    background: #3A3E40;





}





.footer1{





    color: #B7B7B7;





    font-size: 12px;





    line-height: 1.8;





}





.footer1 .footer_logo{





    display: block;


    width: 200px;


    margin:0px auto 20px;





}





.footer1 .col-sm-pdd130{





    margin-bottom: 40px;





}





.footer1 .col-sm-pdd130 .p1,.footer1 .col-sm-pdd130 .p2,.footer1 .col-sm-pdd130 .p3,.footer1 .col-sm-pdd130 .p4,.footer1 .col-sm-pdd130 .p5{





    background-repeat: no-repeat;





    background-position: left center;





    padding-left: 28px;





    color: #b7b7b7;





}





.footer1 .col-sm-pdd130 .p1{





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





}





.footer1 .col-sm-pdd130 .p2{





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





}





.footer1 .col-sm-pdd130 .p3{





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





}





.footer1 .col-sm-pdd130 .p4{





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





}





.footer1 .col-sm-pdd130 .p5{





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





}





.footer1 .col-sm-pdd130 .a{





    color: #fff;





}





.footer1 .col-sm-pdd130 .a:hover{





    color: #C41A21;





}





.footer1 .col-sm-pdd130 .a:focus{





    outline: thin dotted;





    outline: 5px auto -webkit-focus-ring-color;





    outline-offset: 0px;





}











.footer1 .share{





    margin-top: 15px;





}





.footer1 .tt{





    font-size: 16px;





    text-align: right;





}





.footer1 .tt span{





    margin-right: 19px;





}





.footer1 .footer-ewm{





    float: right;





    margin-bottom: 10px;





    width: 140px;





}





.footer1 .bdshare-button-style0-16 a{





    float: left!important;





}

















footer p {





    text-align: center;





    font-size: 12px;





    margin-bottom: 30px;





    color: #b7b7b7;





}





footer a, footer a:hover, footer a:visited, footer a:active, footer a:focus {





    color: #b7b7b7;





}





/**********************************





TID GUIDE





***********************************/





#weixin-contact-index {





    position: relative;





}





#pop-up-index {





    display: none;





    position: absolute;





    bottom: -28px;





    left: 48px;





}





#pop-up-index img {





    width: 70px;





    height: 70px;





}





#weixin-contact-index:hover #pop-up-index {





    display: block;





}





/**********************************





XUANFU





***********************************/





.xuanfu {





    position:fixed;





    bottom: 340px;





    right: 20px;





    z-index:99999;





}





.xuanfu p {





    margin-top: 1px;





    margin-bottom: 1px;





}





.xuanfu i {





    display: block;





    font-size: 24px;





    width: 50px;





    height: 50px;





    margin-bottom: 5px;





    line-height: 50px!important;





    text-align: center;





    line-height: 1.6em;





    background: #555;





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





    color: #fff;





    border-radius: 100%;





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





}





.xuanfu i:hover {





    color: #fff;





    background: #333;





}





.xuanfu .xuanfu-phone,.xuanfu .xuanfu-qq{





    position: relative;





    cursor: pointer;





}





.xuanfu .xuanfu-phone span,.xuanfu .xuanfu-qq span{





    position: absolute;





    display: block;





    background-color: rgba(196,26,33,.9);





    font-size: 16px;





    color: #fff;





    width: 150px;





    text-align: center;





    right: 58px;





    bottom: 3px;





    padding:12px 0;  





    box-shadow: 0px 0px 5px rgba(0,0,0,.2);





    border-radius: 2px;





    transform: translateX(-50px);





    opacity: 0;





    visibility: hidden;





    animation-fill-mode: both;





    transition: all 0.3s ease-in-out;





}





.xuanfu .xuanfu-phone span{





    width:170px;





}





.xuanfu .xuanfu-phone span:before,.xuanfu .xuanfu-qq span:before{





    position: absolute;





    border-top: 5px solid rgba(196,26,33,.9);





    border-right: 5px solid rgba(196,26,33,.9);





    border-bottom: 5px solid transparent;





    border-left: 5px solid transparent;





    right: -5px;





    top: 50%;





    margin-top: -5px;





    /*box-shadow: rgba(0, 0, 0, 0.109804) 2px 2px 5px 0px;*/





    transform: rotate(45deg);





    z-index: 0;





  /*  background-color: rgba(196,26,33,.9);*/





    content: "";





}





.xuanfu p:hover span{





    opacity: 1;





    transform: translateX(0px);





    visibility: visible;





}





#beckham {





    font-size:36px;





    line-height: 55px;





}





/**********************************





Media Queries





***********************************/

















/* 上一篇 下一篇 */





.essay-page{





    padding-bottom: 50px;





    color: #A9A9A9;





    margin-top: 20px;





}





.essay-page a{





    color: #666;





}





.essay-page a:hover{





    color: #C41A21;





}





.index-heade-rewm{





    display: none;;





}





.index-heade-rewm.on{





    display: block;





}





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





    /**********************************





    NAVBAR





    ***********************************/





    .navbar-nav > li{





      padding-left: 26px;





    }    





    /**********************************





    NEWS





    ***********************************/





    





    .news {





        background-color: #fff;





    }





    #allmap,#allmap .bd-allmap {





        width: 100%;





        height: 420px;





    }





    





}





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





    /**********************************





    CAROUSEL





    ***********************************/





    





    .overlay {





        padding-top: 10%;





    }





   





}





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





    .banner-listbox{





        height: 260px;





    }





    .navbar-default .navbar-nav>.li-nav .heade-rewm{





        display: none;





    }





    .index-heade-rewm{





        position: fixed;





        width: 230px;





        padding: 15px;





        background: #fff;





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





        border-radius: 2px;





        z-index: 99;





        top: 50%;





        left: 50%;





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





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





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





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





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





    }





    .index-heade-rewm img{





        width: 100%;





    }





    .appeng-bj{





        position: fixed;





        width:100%;





        height:100%;





        left: 0;





        top: 0;





        background-color:rgba(0,0,0,.9);





        z-index:98;





    }





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





        z-index: 9999999!important;





    }





    .alert_show .show_box.video_link{





        width: 98%;





        left: 1%;





        margin-left: 0;





    }





    .alert_show .show_box.video_upload{





        width: 98%;





        height: auto;





        left: 1%;





        margin: 0;





        -webkit-transform: translateY(-50%);





        transform: translateY(-50%);





    }





    /**********************************





    NAVBAR





    ***********************************/





    .navbar-nav > li{





      padding-left: 0px;





    }    





    img[alt="Brand"] {





        width: 80%;





    }





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





        font-size: 16px;





        padding-top: 0;





        padding-bottom: 0;





    }





    /**********************************





    INTRO





    ***********************************/





    .tid-intro {





        font-size: 24px;





        text-align: center;





        margin-top: 20px;





    }





    .tid-intro2 {





        font-size: 16px;





        line-height: 28px;





        text-align: center;





    }





    .hack-title h2 {





        font-size: 24px;





    }





    .hack-title h4 {





        font-size: 16px;





    }





    /**********************************





    Carousel





    ***********************************/





/*





    div[class^="col"] {





        float: left;





        width: 50%;





    }





    .news div[class^="col"] {





        float: none;





        width: auto;





    }





*/





    /**********************************





    INFRO





    ***********************************/





    .tid-address .row div:nth-child(2) {





        text-align: left;





    }





    .tid-address .row div:nth-child(3) {





        text-align: left;





    }





    /**********************************





    CASES





    ***********************************/





/*





    #cases-col {





        width: 25%;





    }





*/





    .cases-nav {





        border-right: 1px solid #fff;





    }





    .cases-zh {





        font-size: 16px;





    }





    .cases-en {





        font-size: 12px;





    }





    .cases-list .project {





        font-size: 12px;





    }





    .cases-list .duties {





        font-size: 14px;





    }





    /**********************************





    WORK





    ***********************************/





    .work-detail .col-sm-4 p:nth-child(1) {





        border-top: 1px solid #fff;





    }





    .work-detail .row p, .work-more {





        font-size: 16px;





    }





    /**********************************





    ABOUT





    ***********************************/





    .about-h4 {





        text-align: left;





    }





    /**********************************





    SERVICES





    ***********************************/





    .services-title h2 {





        font-size: 24px;





    }





    .services-title h4 {





        font-size: 16px;





    }





    .services h2 {





        font-size: 18px;





        margin-top: 0px;





    }





    .services h4 {





        font-size: 12px;





    }





    /**********************************





    NEWS





    ***********************************/





    .news-list .project {





        font-size: 12px;





    }





    .news-list .duties {





        font-size: 16px;





    }





    /**********************************





    CONTACT





    ***********************************/





  





    .contact h2 {





        font-size: 22px;





    }





    .contact h4 {





        font-size: 16px;





        margin: 6px 0;





    }





    .contact .img{





        padding-top: 25px;





    }





    /**********************************





    BLOGS





    ***********************************/





    .blogs-infor h1 {





        font-size: 22px;





    }





}











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





    .alert_show .show_box.news_link{





        height: 400px;





        margin-top: -200px;





    }





    .column a{





        line-height: 55px;





    }





    .hack-title{





        margin: 30px auto;





    }





    .hack-title .sub{





        margin-bottom: 0;





    }





    .parent_list.container{





        margin-top: 50px;





        margin-bottom: 50px;





    }





    .blogs-infor{





        margin-top: 42px;





    }





    .blogs-infor .h4 span{





        display: block;





        margin-right: 0;





    }





    .index-fuwu p{





        min-height: 75px;





    }





}











.BMap_bubble_title{





    font-size: 16px;





    margin-bottom: 5px;





    border-bottom: 1px solid #ccc;





    padding-bottom: 5px;





}





.BMap_bubble_content{





    line-height: 1.6;





}








.news-list-father {height: 100px;}











/* 分享 */





.share {





  zoom: 1;





}





.bdsharebuttonbox a {





  display: inline-block;





  float: right!important;





  width: 25px!important;





  height: 22px!important;





  padding: 0!important;





  background: url(../images/bg_sign30.png) no-repeat!important;





  margin: 0 1px!important;





}





.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {





  float: right!important;





  font-size: 12px;





  padding-left: 17px;





  line-height: 16px;





  height: 16px;





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





  background-repeat: no-repeat;





  cursor: pointer;





  margin: 6px 6px 6px 0;





}





.bdshare-button-style0-16 .bds_weixin {





  background-position: 0 0!important;





}





.bdshare-button-style0-16 .bds_weixin:hover{





  background-position: 0 -22px!important;  





}





.bdsharebuttonbox .bds_tsina {





  background-position: 0 -44px!important;





}





.bdsharebuttonbox .bds_tsina:hover{





  background-position: 0 -66px!important;  





}





.bdsharebuttonbox .bds_qzone {





  background-position: 0 -88px!important;





}





.bdsharebuttonbox .bds_qzone:hover{





  background-position: 0 -110px!important;  





}





.bdsharebuttonbox .bds_tieba {





  background-position: 0 -220px!important;





}





.bdsharebuttonbox .bds_tieba:hover{





  background-position: 0 -242px!important;





}





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





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





        text-align: center;





    }





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





        padding-top: 0;





    }





    .navbar .navbar-brand img{





        max-height: 50px;





    }





    .navbar-collapse li a {





        margin-left: 40px;





        margin-right: 40px;





        padding-top: 26px;





        padding-bottom: 16px;





        padding-left: 0;





        border-bottom: 1px solid rgba(0,0,0,.5);





        font-size: 18px;





    }





    .duties-index{





        margin: 15px 0;





    }





    .share{





        margin-top: 20px;





    }





    .about-h3{





        margin-left: 20px;





    }





    .cinfo .cinfo-yx{





        margin-top: 25px;





    }





    .footer1 .tt{





        text-align: center;





    }





    .footer1 .tt span{





        margin: 0;





    }





    .footer1 .footer-ewm{





        display: block;





        float: none;





        margin: 10px auto 0;





    }





    .footer1 .col-sm-pdd130{





        margin-top: 20px;





        margin-bottom: 10px;





    }





    .footer{





        padding-top: 50px;





    }





    .index-message{





        padding-bottom: 50px;





    }





    .index-case{





        padding-bottom: 80px;





    }





    .index-fuwu{





        padding-bottom: 30px;





    }





    .tid-fl{





        margin-top: 10px;





        margin-bottom: 5px;





    }





}





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





    .fadeIn,.banner-listbox{





        margin-top: 0px;





    }





    .fadeIn .item .banner-img,.banner-listbox{





        height: 291px;





    }





    .column a{





        display: block;;





        margin: 0;





        float: left;





        width: 33.3333%;





    }





    .column .container{





        padding-left: 0;





        padding-right: 0;





    }





    .hack-title .sub a{





        display: block;





        float: left;





        margin:15px 0 0 0;





        padding: 0;





        width: 50%





    }





    .hack-title .sub a:last-child,.hack-title .sub a:nth-child(even){





        border-right:none;





    }





    .index-case .sub{





        padding: 0;





    }





    .alert_show .show_box.news_link,.alert_show .show_box.video_link,.alert_show .show_box.video_upload{





        height: 470px;





        margin-top: -235px;





    }





    .show_box.news_link .show_mn,.show_box.news_link .ul-img{





        height: 371px;





    }





    .alert_show .title{





        width:  calc(100% - 50px);





        height: 34px;





        overflow: hidden;





    }





    .alert_show .alert_close{





        width: 34px;





        float: right;





    }





    .show_box.news_link .ul-img{





        padding-left: 0;





    }





    .show_box.news_link .ul-img p{





        line-height: 1;





    }





    .header-bj .navbar-brand .img {





        margin-top: 20px;





        width: 150px;





    }





    .index-fuwu .tt {





        font-size: 16px;





    }





    .parent_list li {height: 100px;}





    .parent_list li a img {max-width: 100%;}





    .column a {width: 25%;padding: 0px;}





    .downloadtext {position: static !important;text-align: center;margin-top: 10px;}





    .blogs-infor h1 {line-height: 30px;}





    .idx_newsimg {width: 100%;height: auto;}


    .case .col-lg-4 a.caselistimg { height: auto;}


    .news-list {height: 29px;overflow: hidden;}


    .overlay-father .p {height: 69px;}


    .caselist_pro {height: 150px;}


    .idx_procase_img {height: 100px;}


    .news-list-father {height: auto;}


    .navbar-nav > li {padding-left: 5px;}


    .overlay-mom img {object-fit: cover;}


}


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


    .header-bj .navbar-brand .img {


        margin-top: 10px;


    }


    .first-carousel {margin-top: 50px !important;}


    


    .banner-listbox {margin-top: 50px !important;}


    #allmap,#allmap .bd-allmap {height: 250px;}


    .contact {margin-top: 230px;}


3


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





    .fadeIn .item .banner-img,.banner-listbox{





        height: 163px;





    }





    .alert_show .show_box.news_link,.alert_show .show_box.video_link,.alert_show .show_box.video_upload{





        height: 350px;





        margin-top: -145px;





    }





    .show_box.news_link .show_mn,.show_box.news_link .ul-img{





        height: 191px;





    }


    .header-bj .navbar-brand .img {





        margin-top: 10px;





    }


    .news-list-father {height: auto;}


    .overlay-mom img {height:110px;object-fit: cover;}


    .about_video {height: 300px;width: 100%;}


    .footpart p {background-position-x: 87px !important;padding-left: 120px !important;}


}





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





    .fadeIn .item .banner-img,.banner-listbox{





        height: 155px;





    }





}





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





    .fadeIn .item .banner-img,.banner-listbox{





        height: 140px;





    }





    .alert_show .show_box.news_link,.alert_show .show_box.video_link,.alert_show .show_box.video_upload{





        height: 270px;





        margin-top: -135px;





    }





    .show_box.news_link .show_mn,.show_box.news_link .ul-img{





        height: 171px;





    }





}





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





    .fadeIn .item .banner-img,.banner-listbox{





        height: 120px;





    }





    .column a{





        width: 50%;





    }





    .alert_show .show_box.news_link{





        height: 240px;





        margin-top: -120px;





    }





    .show_box.news_link .show_mn,.show_box.news_link .ul-img{





        height: 143px;





    }


    .footpart p {padding-left: 80px !important;background-position-x: 50px !important;}











}











.downloadtext {





    display: block;





    background: #cb000c;





    color: #fff;





    position: absolute;





    top: 30px;





    right: 20px;





    padding: 10px 20px;





    transition: all .5s;





}





.downloadtext:hover {





    background-color: #b4141c;





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





}