/*共用*/
.in_banner{height:180px;width:100%;}
.in_main{width: 100%;}
.now_addr{
    height:48px;width:calc(100% - 48px);background:#005aab;
    line-height: 48px;margin-top: -48px;position: relative;
}
.now_addr:after{
    content:"";display:block;width:0;height:0;border: 24px solid transparent;
    border-left-color: #005aab;border-bottom-color: #005aab;
    position: absolute;left:100%;top:0;
}
.now_addr .now_title{padding-left: 22px;float:left;font-size: 16px;color:#fff;font-weight: bold;}
.now_addr .bread_nav{float:right;}
.now_addr .bread_nav,.bread_nav a,.bread_nav span{font-size: 12px;color:#fff;}
/*左侧导航*/
.leftNav_btn{display: none;}
.left_nav{
    border: 1px solid #e3e3e3;width:260px;float:left;box-sizing: border-box;border-top: none;
    background: #f9f9f9 url("../images/leftNav_bg.png") no-repeat left bottom;
}
.left_nav a{
    padding-left: 25px;font-size: 14px;color:#666;font-weight: bold;
    display: block;height:50px;line-height: 50px;border-bottom: 1px solid #e3e3e3;
}
.left_nav a.active,.left_nav a:hover{
    color:#fff;
    background:#56a4eb url("../images/leftNav_act.png") no-repeat 220px center;
}
.right_main{width:calc(100% - 290px);float:right;padding-bottom: 50px;min-height: 860px;}
.right_main .right_title{
    height:50px;line-height: 50px;border-bottom: 1px solid #ddedfb;
    font-size: 16px;color:#005aab;font-weight: bold;margin-bottom: 30px;
}
/*公司介绍*/
.inAbt_main .abt_txt{font-size: 13px;color:#666;line-height: 25px;margin-bottom: 45px;text-align: justify;}
.abt_txt .BlFont{color:#005aab;font-weight: bold;}
.inAbt_main .addr_box{background: #f0f0f0;position: relative;}
.inAbt_main .addr_box:after{
    content: "";display: block;width: 0;height: 0;border: 25px solid transparent;
    border-top-color: #fff;border-left-color: #fff;position: absolute;top:0;left:0;
}
.addr_box .addr_txt{width:46.9%;float:left;line-height:28px;box-sizing: border-box;padding:35px 0 20px 40px;}
.addr_box .addr_img{width:53%;float:left;}
.addr_box .addr_img img{width:100%;}
/*发展历程*/
.history_box{width: 100%;position: relative;}
.history_box .time_icon{width: 20px;height:20px;margin-left:75px;background: url("../images/history_icon.png") no-repeat center;background-size: 100% 100%;}
.history_box .history_line{width: 1px;height:100%;border:1px solid #efefef;background: #f7f7f7;position:absolute;left: 83px;z-index: -1;}
.history_box .HB_father{width: 100%;margin-top: 30px;}
.HB_father .HB_mother{min-height:auto;}
.HB_mother .year_box{width: 100%;}
.year_box .HB_yearT{width: 100%;margin-bottom: 20px;}
.HB_yearT .history_time{font-size: 20px;color:#005aab;width: 90px;text-align: right;float:left;line-height: 26px;}
.HB_yearT .history_time:after{content:'';display:inline-block;width: 12px;height:12px;border-radius: 50%;background:#56a4eb;margin-left: 15px;}
.HB_yearT .history_border{width:calc(100% - 100px);float:left;border-bottom: 1px solid #ddedfb;margin-top: 14px;}
.year_box .HB_yearTT{color:#666;margin-bottom: 20px;}
.HB_yearTT .history_time{font-size: 14px;width: 90px;text-align: right;float:left;}
.HB_yearTT .history_time:after{content:'';display:inline-block;width: 8px;height:8px;border-radius: 50%;background:#c4cbd2;margin-left: 15px;margin-right: 2px;}
.HB_yearTT .history_even{
    font-size: 12px;width:calc(100% - 100px);float:left;box-sizing: border-box;padding-left: 15px;
    line-height: 26px;
}
/*荣誉资质*/
.honor_list{width: 100%;}
.honor_list .honor_one{
    margin: 0 2.2% 30px;width:45.5%;float:left;box-sizing: border-box;padding-top: 30px;
    border: 1px solid #eee;background: #f8f8f8;transition: all .5s;
}
.honor_list .honor_one:hover{transform:translateY(-5px);box-shadow: 0 0 20px #ddd;}
.honor_one .honor_img{height:200px;width: 100%;margin-bottom: 10px;text-align: center;}
.honor_one .honor_img img{max-height: 100%;max-width: 96%;position: relative;top:50%;transform: translateY(-50%);}
.honor_one .honor_name{line-height: 60px;font-size: 14px;color:#666;font-weight: bold;text-align: center;}
.mask-wrap {
    position: fixed;left: 0;top: 0;width: 100%;
    height: 100%;z-index: 99999;text-align: center;display: none;
}
.mask-bg {
    width: 100%;height: 100%;position: absolute;
    left: 0;top: 0;background: #000;opacity: .7;
}
.mask-main {
    width: 800px;height: 600px;position: absolute;
    top: 50%;margin-top: -300px;left: 50%;margin-left: -400px;
}
.mask-img {
    width: 100%;height: 560px;
}
.mask-img .img-md {
    max-width: 100%;max-height: 100%;
}
.mask-img img{
    max-width: 100%;max-height: 100%;
    position: relative;top:50%;transform: translateY(-50%);
}
.mask-main p {
    font-size: 18px;color: #fff;
    line-height: 20px;margin-top: 20px;
}
.mask-pager li {
    position: absolute;
    top: 0;cursor: pointer;
    height: 100%;width: 10%;
}
.mask-pager .prev {
    left: 10%;
    background: url("../images/honor_left.png") no-repeat center;
}
.mask-pager .next {
    right: 10%;
    background: url("../images/honor_right.png") no-repeat center;
}
.mask-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5%;
    top: 5%;
    cursor: pointer;transition: all 1s;
    background: url("../images/honor_off.png") no-repeat center center;
}
.mask-close:hover{transform: rotate(360deg);}
@media (max-width: 800px) {
    .mask-main {
        width: 100%;height: 100%;
        top: 0;margin-top: 0px;
        left: 0;margin-left: 0px;
    }
    .mask-img {height: 80%;width: 96%;margin:10% auto;}
    .mask-main p {margin-top: -40px;}
    .mask-pager .prev {left: 5%;}
    .mask-pager .next {right: 5%;}
    .mask-close {background-size: 32px;}
    .mask-img img{position: relative;top: 50%;transform: translateY(-50%);}
}
/*合作伙伴*/
.partner_list{width: 100%;box-sizing: border-box;padding: 10px 5px;}
.partner_list .partner_one{
    margin: 0 1.1% 20px;width: 31%;height:120px;float:left;box-sizing: border-box;
    border: 1px solid #eaeaea;text-align: center;line-height: 120px;
}
.partner_list .partner_one img{
    position: relative;top:48%;transform: translateY(-50%);
    max-width: 100%;max-height: 100%;
}
/*制作能力*/
.ability_main{width: 100%;}
.ability_main .ab_txt{font-size: 14px;color:#666;line-height: 25px;font-weight: bold;}
.ability_main .ab_img{width: 100%;margin-top: 35px;}
.ability_main .ab_img img{
    width: 33.3%;display: block;float:left;border: 2px solid #005aab;box-sizing: border-box;
}
.quality_main{width: 100%;}
.quality_main .qua_one{
    width: 25%;float:left;box-sizing: border-box;padding:0 8px;
    margin-bottom: 22px;border-bottom: 1px solid #dedede;
}
.qua_one .qua_img{width: 100%;overflow: hidden; height:150px;}
.qua_one .qua_img img{width: 100%;transition: all .3s; height:100%;}
.qua_one .qua_img:hover img{transform: scale(1.1);}
.qua_one .qia_name{font-size: 14px;line-height: 58px;color:#666;text-align: center;}
/*办公地点*/
.in_addr_main{width: 100%;}
.in_addr_main .in_addr_T{font-size: 16px;color:#666;line-height: 30px;padding:25px 0;}
.in_addr_main .in_addr_T a{font-size: 16px;color:#666;}
.in_addr_main .in_addr_map{width: 100%;}
.in_addr_main .in_addr_map img{max-width: 100%;}
/*研发实力*/
.research_main{width: 100%;}
.research_main .research_one{
    display:block;margin-left: 4.7%;margin-bottom:30px;width:47.6%;float:left;border-bottom: 1px solid #ececec;
}
.research_main .research_one:nth-child(odd){margin-left:0;}
.research_one .research_img{width: 100%;overflow: hidden;}
.research_one .research_img img{width:100%;transition: all .3s;}
.research_one:hover .research_img img{transform: scale(1.1);}
.research_one .research_txt{line-height: 30px;padding:15px 0;}
.research_txt .research_T{font-size: 14px;font-weight: bold;color:#005aab;}
.research_txt .research_TT{
    font-size: 12px;color:#666;height:30px;width: 100%;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;
}
/*产品*/
.in_pro_list{width: 100%;}
.in_pro_list .in_pro_one{
    display:block;width: 33.3%;float:left;transition: all .3s;margin-bottom: 36px;
}
.in_pro_list .in_pro_one:hover{transform: translateY(-5px);box-shadow: 0 5px 5px #eee;}
.in_pro_one .in_proName{
    height:30px;line-height: 30px;color:#fff;
    font-size: 14px;font-weight: bold;text-align: center;
}
.in_pro_one .in_proImg{
    width: 100%;height:240px;text-align: center;box-sizing: border-box;border: 1px solid #e9edf5;
}
.in_pro_one .in_proImg img{max-width: 100%;max-height: 100%;position: relative;top:50%;transform: translateY(-50%);}
/*********/
.proDat_main{width: 100%;padding-top: 15px;}
.proDat_main .proD_imgBOx{
    width: 450px;max-width: 100%;margin: auto;
    background:#f6f6f6;overflow: hidden;
}
.proD_imgBOx .proD_img{
    height:360px;width: 100%;text-align: center;line-height: 360px;
}
.proD_imgBOx .proD_img img{max-width: 100%;transition: all .3s;}
.proD_imgBOx:hover .proD_img img{transform: scale(1.1);}
.proD_imgBOx .proD_name{
    line-height: 70px;font-size: 14px;color:#666;font-weight: bold;text-align: center;
}
.proDat_main .proD_intro{margin-top: 45px;}
.proD_intro .PD_introT{margin-bottom: 45px;}
.PD_introT .PDT_title{
    font-size: 14px;color:#333;font-weight: bold;float:left;line-height: 20px;
}
.PD_introT .PDT_title:after{
    content: "";display: inline-block;width: 12px;height:12px;background: #56a4eb;
    border-radius: 50%;margin-left: 15px;
}
.PD_introT .PDT_line{width: calc(100% - 164px);float:left;border-bottom: 1px solid #ddedfb;margin-top: 9px;}
.proD_intro .PD_introTT{line-height: 28px;font-size: 12px;color:#666;}