body{
    font-size:16px;
}
.item_title{
    color:#323232;
    font-weight: bold;
    font-size: 1.25rem;
    padding-top:2.75rem;
}
.title_tips{
    color:#666666;
    font-size: 0.625rem;
    padding: 0.5rem 0 0.9rem 0;
}
.tips_english{
    position: relative;
}
.tips_english::before,.tips_english::after{
    content: "";
    height:1px;
    width:4rem;
    background: #DDDDDD;
    position: absolute;
    top:40%;
}
.tips_english::before{
    left:-5rem;
}
.tips_english::after{
    right:-5rem;
}
.item_introduction{
    font-size:1rem;
    padding:0 2.0625rem 2.75rem;
    color:#333333;
    line-height: 2rem;
}
.item_content{
    padding: 0 2.125rem 1.8125rem;
}
.item_content .caption{
    color:#333333;
    padding:0;
}
.wrap_newCase{
    background-color: #fafbff;
}
.thumbnail{
    border-color: #F2F2F2;
}
.wrap_service .thumbnail{
    border:none;
}
.wrap_dynamic .thumbnail{
    margin-right:0.625rem;
    margin-left:0.625rem;
    padding:0;
}
.wrap_dynamic .caption{
    padding: 0.8125rem 0.625rem 0.325rem 0.625rem;
    text-align: left;
}
.wrap_dynamic .item_content,.wrap_newCase .item_content{
    margin: 0 0.625rem;
    padding:0;
}
.wrap_dynamic .col-xs-6,.wrap_dynamic .col-sm-4{
    padding:0;
}
.wrap_newCase .col-xs-6,.wrap_newCase .col-sm-4{
    padding:0.625rem;
}
.wrap_partner .item_content{
    padding:0;
}
.wrap_dynamic .item_content{
    margin-top:0.8rem;
}
.part-img{
    width:100%;
    height:auto;
    padding-bottom:1.25rem;
}
.row{
    margin:0;
}
.header_tag{
    position: absolute;
    bottom:-0.9375rem;
    left:0;
    width:100%;
}
.header_tag img{
    width:1.6875rem;
    height:0.9375rem;
}
.wrap_dynamic .caption p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.cp_title{
    color:#323232;
    font-size:1rem;
}
.cp_content{
    font-size:0.625rem;
    display: none;
    color:#666666;
    display: none;
}
a:hover{
    text-decoration: none;
}
.wrap_dynamic .thumbnail a>img, .wrap_dynamic .thumbnail>img,.wrap_newCase img{
    width:100%;
    height:auto;
}
.wrap_all{
    position: relative;
    overflow: hidden;
}
.all_mask,.all_shade{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:white;
}
.all_mask{
    font-size:1rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.all_mask img{
    width:35%;
    height:auto;
}
.all_shade{
    background: #00a2e9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    transition: all 0.2s;
    transform:translateY(100%);
    -webkit-transform:translateY(100%);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:translateY(100%);     /*兼容-moz-引擎浏览器*/
}
.wrap_all:hover .all_shade{
    transform:translateY(0%);
    -webkit-transform:translateY(0%);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:translateY(0%);     /*兼容-moz-引擎浏览器*/
}
.shade_title{
    font-size:24px;
    position: relative;
    margin-bottom:15px;
}
.all_shade p{
    padding:0 10%;
}
.shade_title::after{
    content:'';
    height:4px;
    width:25%;
    background: #ffe701;
    position: absolute;;
    top:100%;
    left:37.5%;
}
.check_detail{
    margin-top:10px;
    width:40%;
    padding:10px 0;
    margin-left:30%;
    position: relative;
    border:1px solid white;
    cursor: pointer;
}
.show_news{
    width:100%;
}
.wrap_news{
    flex:1;
    height:34px;
    overflow: hidden;
    margin-left:1rem;
    margin-top: 12px;
}
.wrap_news li{
    padding-bottom:20px;
    list-style: none;
}
.wrap_news li>a{
    display: flex;
    color:#555;
}

.wrap_news .check_tips{
    flex:1;
    text-align: right;
    color:#555;
    font-size:1rem;
}
.news_tips{
    position: relative;
}
.news_tips::after{
   position: absolute;
   content:'' ;
    top:0;
    right:-15px;
    width:1px;
    height:100%;
    background-color: #CCCCCC;
}
.wrap_next_pre{
    display: flex;
    flex-direction: column;
    margin-left:20px;
}
.wrap_next_pre span{
    border-left:7px solid transparent;
    border-bottom:7px solid #999999;
    border-right:7px solid transparent;
    cursor: pointer;
}
.wrap_next_pre .next{
    border-bottom: none;
    border-top:7px solid #999999;
    margin-top:15px;
}
.showmb{
    display: block;
}
.all_shade a:focus,.all_shade a:hover,.all_shade a{
    color: white;
}
.show_pc{
    display: none;
}
.show_pc img,.show_mb img{
    width:100%;
}
.show_mb{
    display: block;
    margin-top: 50px;
}
.show_brief{
    background-color: white;
    max-width: 55%;
    text-align: center;
}
.wrap_brief{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
header .nav_shadow{
    box-shadow: 0px 0px 5px #ccc;
}
@media (min-width: 768px) {
    .show_pc{
        display: block;
    }
    .show_mb{
        display: none;
    }
    .tips_english::before,.tips_english::after{
        width:130px;
    }
    .tips_english::before{
        left:-150px;
    }
    .tips_english::after{
        right:-150px;
    }
    .showmb{
        display: none;
    }
    .show_news{
        margin-top:1rem;
    }
    .all_mask{
        font-size:1.25rem;
    }
    .index_navbar .navbar-default{
        background-color:rgba(0, 0, 0, 0.2);
    }
    .index_navbar .navbar-nav>li>a{
        color:white;
    }
    .navbar-brand .first-img{
        display: none;
    }
    .navbar-brand .second-img{
        display: block;
    }
    .wrap_service,.wrap_dynamic,.wrap_partner,.wrap_newCase,.show_news{
        padding:0 18.75%;
    }
    .wrap_dynamic{
        margin-bottom:3.25rem;
    }
    .header_tag{
        bottom:-2.215rem;
    }
    .header_tag img{
        width:3.75rem;
        height:2.215rem;
    }
    .item_title{
        font-size: 1.5rem;
        padding-top:4.625rem;
    }
    .title_tips{
        font-size:0.875rem;
        padding: 1rem 0 2.6875rem 0;
    }
    .item_introduction{
        font-size:1rem;
        padding:0 2.0625rem 4.75rem;
    }
    .news_tap{
        padding:0 2.0625rem 0;
        display: flex;
        align-items: center;
    }
    .wrap_partner .item_content,.wrap_newCase{
        padding-bottom: 3rem;
    }
    .wrap_dynamic .thumbnail{
        padding:0;
    }
    .part-img{
        padding:0;
    }
    .cp_content{
        display: block;
    }
    .show_brief{
        font-size:1rem;
        color:#2c2c2c;
        padding:2rem 4rem;
    }
    .brief_en_tip{
        color:#9c9c9c;
        padding-bottom:2rem;
    }
    .brief_title{
        color:#323232;
        font-weight: bold;
        font-size:2.6rem;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .wrap_service,.wrap_dynamic,.wrap_partner,.wrap_newCase,.show_news{
        padding:0 10%;
    }
    .part-img{
        width:10rem;
    }
    .header_tag{
        bottom:-2rem;
    }
    .header_tag img{
        width:3rem;
        height:2rem;
    }
    .wrap_newCase{
        padding-bottom: 3rem;
    }
    .show_brief{
        font-size:0.875rem;
        padding:1rem 2rem;
        max-width: 60%;
    }
    .brief_en_tip{
        padding-bottom:1rem;
    }
    .brief_title{
        font-size:2.2rem;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .wrap_service,.wrap_dynamic,.wrap_partner,.wrap_newCase,.show_news{
        padding:0 10%;
    }
    .part-img{
        width:10rem;
    }
    .header_tag{
        bottom:-2rem;
    }
    .header_tag img{
        width:3rem;
        height:2rem;
    }
    .wrap_newCase{
        padding-bottom: 3rem;
    }
    .show_brief{
        font-size:0.875rem;
        padding:1rem 2rem;
        max-width: 60%;
    }
    .brief_en_tip{
        padding-bottom:1rem;
    }
    .brief_title{
        font-size:2.2rem;
    }
}
@media (min-width: 1920px) {
    .wrap_service,.wrap_dynamic,.wrap_partner,.our_service,.wrap_newCase,.show_news{
        padding:0 25.64%;
    }
    .firm_address .item_tips::after{
        right:35%;
    }
    .firm_address .item_tips::before{
        right:35%;
    }
    .wrap_newCase{
        padding-bottom: 3rem;
    }
    .show_brief{
        max-width: 40%;
    }
    .brief_title{
        font-size:3rem;
    }
}