@charset "utf-8";

/** 关于康尔 **/
.tit{font-size: 28px;color: #000000;}
.w_about{position: relative;width: 100%;height: 661px;background: url("banner_about_pd.jpg") top center no-repeat;}
.ab_ct{margin-top: 30px;position: relative;}
.ab_qywh{float: left;width: 50%;}
.ab_qywh .inf{position: relative;padding: 6% 4%;height: 290px;}
.ab_qywh .tit{margin-bottom: 16px;margin-top: 10px;}
.ab_qywh .w{line-height: 28px;font-size: 17px;color: #0a0204;}
.ab_qywh .w span{font-size: 18px;}
.ab_qywh .li {width: 96%;}
.ab_qywh .li li{float: left;overflow: hidden;width: 29%;font-size: 16px;}
.ab_shzr{float: left;width: 25%;background: #185ca3;}
.ab_shzr .inf{position: relative;padding: 6% 5%;height: 290px;}
.ab_shzr .inf .tit{font-size:30px;color: #FFFFFF;line-height: 42px;margin-bottom: 16px;margin-top: 22px;}
.ab_shzr .inf .w{color: #FFFFFF;font-size: 15px;}
.ab_shzr .pic{z-index: 9;}
.ab_qyry{float: left;width: 25%;}
.ab_qyry .inf{position: relative;padding: 6% 5%;}
.ab_qyry .inf .tit{line-height: 42px;margin-bottom: 16px;margin-top: 25px;}
.ab_qyry .inf .w{color: #666666;font-size: 15px;}


.ab_csrzc .zc{margin-left: 38px;width: 677px;padding-top: 12px;}
.ab_csrzc .zc .tit{margin-top: 35px;margin-bottom: 24px;font-size: 26px;color: #000000;}
.ab_csrzc .zc .not{color: #494949;font-size: 15px;line-height: 32px;margin-bottom: 28px;}
.ab_csrzc .zc .more a{font-size: 15px;color: #000000;text-decoration: underline;}
.pc{overflow: hidden;}
.pc img{transition: all 0.5s;-webkit-transition: all 0.5s;}
.pc:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.message-tit {
    position: absolute;
    width: 360px;
    height: 500px;
    z-index: 99;
    bottom: 0;
    left: 50%;
    margin-left: -700px;
}
.message-tit span .tit{color:#f0f2f7;font-size: 26px;margin-bottom: 11px;}
.message-tit span{color:#f0f2f7;font-size: 15px;margin: 30px;position: absolute; }
.message-tit span a{color:#f0f2f7;font-size: 15px;text-decoration: underline;margin-top: 12px;float: left;}
.message-box {
    position:absolute;
    width:360px;
    height:500px;
    line-height:32px;
    background:#0a3765;
    text-align:left;
    color:#ffffff;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 88;
    bottom: 0;
    left: 50%;
    margin-left: -700px;
}
/*向右*/
.triangle_border_right{
    width:0;
    height:0;
    border-width:20px 0 20px 20px;
    border-style:solid;
    border-color:transparent transparent transparent #000000;/*透明 透明 透明 灰*/
    position:absolute;
    left: 100%;
    top: 50%;
    margin-top: -21px;
}

/*向下右*/
.triangle-topright {
     width: 0;
     height: 0;
     border-top: 20px solid #000;
     border-left: 20px solid transparent;
 }
/** 历程 **/
.ab_lc{width: 100%;background:url('bg_ab_lc.jpg') bottom center no-repeat #f4f4f4;height: 650px;}
.ab_lc .lc_tit{width: 100%;font-size: 30px;color: #000000;}
#swiper-history{
    width:100%;
    position: relative;
    margin-top: -90px;
}
#swiper-history  .swiper-container {height: 600px;width: 94%;/*max-width:1400px;*/margin:0 auto;}
#swiper-history	.short-line{
    height:300px;
    border-bottom:1px dashed #141414;
    width:60px;
    position:absolute;
    top:0px;
}
#swiper-history	.long-line{
    height:300px;
    border-bottom:5px solid #ff6600;
    width:100%;
    position:absolute;
    top:0;
    left:10px;
    z-index: 0;
}
#swiper-history	.xx-ico{background: url("ico_lc_xx.png") left  center no-repeat;width: 10px;height:19px;position: absolute;left: 0px;top: 50%;margin-top: -12px;}
#swiper-history .swiper-slide:nth-child(1) {margin-left: 11px;}
#swiper-history .swiper-slide {width: 270px;z-index: 99;}
#swiper-history .swiper-slide .pc{position: absolute;overflow: hidden;top: 320px;left: 12px;width: 200px;height: 116px;background-size: cover;}
#swiper-history .swiper-slide .t{font-size: 35px;font-weight: bold;color: #5a5a5a;text-align: center;position: absolute;top: 210px;padding-left: 22px;}
#swiper-history .swiper-slide .t i{position: absolute;width: 1px;height: 60px;background: #ff6600;top: 30px;left: 10px;}
#swiper-history .swiper-slide .info{bottom: 380px;position: absolute;padding-left: 22px;font-size: 14px;color: #666;line-height: 25px;padding-right: 28px;}
#swiper-history .swiper-slide .info p{font-size: 14px;color: #666;text-align: left;line-height: 25px;}
#swiper-history .swiper-slide-active .t, #swiper-history .swiper-slide:hover .t{color:#ff6600;}
#swiper-history .swiper-slide .bult{position: absolute;width: 10px;height: 10px;border-radius: 100%;top: 230px;left: 10px;margin-left: -4px;z-index: 999;
    background:#fff;
    border: 1px solid #ff6600;
    opacity:1;
    line-height:10px;
}
#swiper-history .swiper-slide-active .bult{
    background: #ff6600;
}
#swiper-history .swiper-slide:nth-child(2n+0) .pc{top: 160px;overflow: hidden;}
#swiper-history .swiper-slide:nth-child(2n+0) .t{position: absolute;top: 300px;padding-top: 26px;}
#swiper-history .swiper-slide:nth-child(2n+0) .t i{top: 0;}
#swiper-history .swiper-slide:nth-child(2n+0) .info{top: 380px;bottom: auto;}
#swiper-history .swiper-slide:nth-child(2n+0) .bult{top: 360px;}
#swiper-history .history-button-next,#swiper-history .history-button-prev{
    width: 50px;height: 50px;top: 272px;position: absolute;z-index: 10;cursor: pointer;opacity: .6;
}
#swiper-history .history-button-next{background: url("lc_btn_next.png") center no-repeat;right: 10px;}
#swiper-history .history-button-prev{background: url("lc_btn_prev.png") center no-repeat;left: 10px;}
#swiper-history .history-button-next:hover{background: url("lc_btn_next.png") center no-repeat;background-size: cover;opacity: 1;}
#swiper-history .history-button-prev:hover{background: url("lc_btn_prev.png") center no-repeat;background-size: cover;opacity: 1;}
#swiper-history .swiper-button-disabled{opacity: .5;}
#swiper-history .swiper-slide:hover .pc i{border: 5px #ff6600 solid;position: absolute;height: 100%;width: 100%;}


.m_lc{background: url("m_pd_ablc_bg.jpg") top center no-repeat;padding: 3%;max-height: 830px;overflow-y:scroll;}
.m_pd_lc_bgl{background: url("m_pd_lc_bgl.png") right top no-repeat;height: 160px;width: 283px;margin-bottom: 13px;}
.m_pd_lc_bgl .tit{padding-top: 15px;margin: 0 3%;font-size: 1.8rem;line-height: 2.4rem;border-bottom: 1px #ab291b solid;}
.m_pd_lc_bgl .con{padding-top: 5px;margin: 0 3%;font-size: 1.4rem;line-height: 2.2rem;}
.m_pd_lc_bgr{background: url("m_pd_lc_bgr.png") left top no-repeat;height: 160px;width: 283px;margin-bottom: 13px;margin-left: 6px;}
.m_pd_lc_bgr .tit{padding-top: 15px;margin: 0 3%;font-size: 1.8rem;line-height: 2.4rem;border-bottom: 1px #ab291b solid;}
.m_pd_lc_bgr .con{padding-top: 5px;margin: 0 3%;font-size: 1.4rem;line-height: 2.2rem;}
.yxdjg_TB tr th {width: 33%;}

/*企业风采*/
.ab_qyfc{position: relative;float: left;width: 50%;}
.ab_qyfc .inf{position: absolute;background:  rgba(0,0,0,.52);bottom: 0;width: 100%;padding: 3% 5%;z-index: 99;}
.ab_qyfc .tit{color: #FFFFFF;font-size: 30px;margin-bottom: 11px;}
.ab_qyfc .w{color: #FFFFFF;font-size: 15px;padding-bottom: 20px;}
/*康尔视频*/
.ab_qysp{position: relative;float: left;width: 50%;}
.ab_qysp .inf{position: absolute;top: 50%;margin-top: -65px;left: 50%;margin-left: -65px;z-index: 99;}
.ab_qysp .tit{color: #FFFFFF;font-size: 30px;}
.ab_qysp .vb{position: relative;margin-top: 11px;text-align: center;}

/*社会责任*/
.shzr_info {position: relative;}
.shzr_info .bor{border: 1px #e8e8e8 solid;}
.shzr_info .t{font-size: 20px;color: #000000;line-height: 45px;margin-top: 16px;}
.shzr_info .csgy_inf{position: absolute;width: 790px;height: 458px;margin-left: 95px;padding: 45px;background: #FFFFFF;}
.shzr_info .csgy_inf > .tit{font-size: 40px;color: #ff6600;line-height: 44px;position: relative;padding-bottom: 22px;margin-bottom: 22px;margin-top: 35px;}
.shzr_info .csgy_inf > .tit span{font-size: 28px;color: #000000;}
.shzr_info .csgy_inf > .tit i{position: absolute;left: 0;bottom: 0;width: 44px;height: 3px;background: #ff6600;}
.shzr_info .csgy_inf > .wz{color: #666666;}
.shzr_info .r_pc{margin-right: 95px;background: url("pic_ab_shzr01.jpg") right top no-repeat;position: relative;height: 733px;}
.shzr_info .l_pc{background: url("pic_ab_shzr02.jpg") left top no-repeat;position: relative;height: 471px;}
.shzr_info .csjj_inf{position: absolute;width: 490px;height: 325px;padding: 32px 45px;background: #FFFFFF;margin-top: 16px;right: 0;}
.shzr_info .csjj_inf > .tit{font-size: 40px;color: #ff6600;line-height: 44px;position: relative;padding-bottom: 22px;margin-bottom: 22px;}
.shzr_info .csjj_inf > .tit span{font-size: 28px;color: #000000;line-height: 32px;}
.shzr_info .csjj_inf > .tit i{position: absolute;left: 0;bottom: 0;width: 44px;height: 3px;background: #ff6600;}
.shzr_info .csjj_inf > .wz{color: #666666;}


@keyframes jiazai {
    from {
        margin-top: 100px;
        opacity: 0;
    }

    to {
        margin-top: 0px;
        opacity: 1;
    }
}

@-moz-keyframes jiazai {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes jiazai {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@-o-keyframes jiazai {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}


@media only screen and (max-width: 1440px) {
    .ab_csrzc .pc{width: 50%;}
    .pc img{width: 100%;}
    .ab_csrzc .zc{width: 45%;margin-left: 5%;padding-top: 0px;}
    .ab_csrzc .zc .tit{margin-top: 18px;margin-bottom: 12px;}
    .ab_csrzc .zc .not{margin-bottom: 12px;}
    .message-tit,.message-box {left: 5%;margin-left: 0;}

    .yx_hylc_test #yx_hylc1{right: 50%;margin-right: -500px;}
    .yx_hylc_test #yx_hylc2{right: 50%;margin-right: -140px;}
    .yx_hylc_test #yx_hylc3{ left: 50%;margin-left: -440px;}
    .yx_hylc_test #yx_hylc4{right: 50%;margin-right: -380px;}
    .yx_hylc_test #yx_hylc5{ left: 50%;margin-left: -210px;}
    .yx_hylc_test #yx_hylc6{ left: 10px;}

    /*社会责任*/
    .shzr_info .t{font-size: 18px;line-height: 35px;margin-top: 6px;}
    .shzr_info .csgy_inf{width: 60%;min-height: 450px;margin-left: 3%;padding: 4%;}
    .shzr_info .csgy_inf > .tit{font-size: 32px;line-height: 34px;padding-bottom: 12px;margin-bottom: 12px;margin-top: 15px;}
    .shzr_info .csgy_inf > .tit span{font-size: 20px;}
    .shzr_info .r_pc{margin-right: 3%;background-size: auto 100%;height: 700px;}
    .shzr_info .l_pc{background-size: auto 100%;height: 455px;}
    .shzr_info .csjj_inf{padding: 4%;margin-top: 6px;}
    .shzr_info .csjj_inf > .tit{font-size: 32px;line-height: 34px;padding-bottom: 12px;margin-bottom: 12px;margin-top: 15px;}
    .shzr_info .csjj_inf > .tit span{font-size: 20px;line-height: 22px;}
}
.m_about, .m_csrzc, .m_lc{display: none;}
@media only screen and (max-width: 1024px) {
    .w_about, .ab_csrzc, .ab_lc{display: none;}
    .m_about{display: block;width: 100%;line-height: 2.4rem;border-bottom: 1px #e8e8e8 solid;}
    .m_about .pc img,.m_csrzc .pc img{width: 100%;}
    .m_about .not,.m_csrzc .not{line-height: 2.4rem;font-size: 1.4rem;padding:3%;}
    .m_about .not a,.m_csrzc .not a{text-decoration: underline;}
    .m_csrzc, .m_lc{display: block;width: 100%;}
    .am-slider-c3 .am-slider-desc{bottom: 0px;right: 0px;padding-right: 0px;width: 100%;text-align: center;}
    .m_pd_lc{margin: auto;width: 600px;}

    .ab_qywh{float: none;width: 100%;}
    .ab_qywh .inf{padding: 3%;height: auto;}
    .ab_qywh .w{font-size: 1.4rem;}
    .ab_qywh .w span{font-size: 1.6rem;}
    .ab_shzr{width: 100%;float: none;}
    .ab_shzr .inf{padding: 5%;height: auto;float: left;width: 50%;}
    .ab_shzr .pc{float: right;width: 50%;}
    .ab_shzr .inf .tit{font-size:2rem;line-height: 3.4rem;margin-bottom: 0.3rem;margin-top: 0;}
    .ab_qyry{width: 100%;float: none;}
    .ab_qyry .pic{float: left;width: 50%;}
    .ab_qyry .pic img{width: 100%;max-width: 360px;}
    .ab_qyry .inf{padding: 5%;float: right;width: 50%;}
    .ab_qyry .inf .tit{font-size:2rem;line-height: 3.4rem;margin-bottom: 0.3rem;margin-top: 0;}
    /*企业风采*/
    .ab_qyfc{position: relative;float: none;width: 100%;}
    .ab_qyfc .inf{position: relative;background:  none;}
    .ab_qyfc .w{color: #666666;font-size: 1.4rem;padding-bottom: 20px;}
    /*发展历程*/
    .lic_con{background: url("m_lc_ico_c.gif") center repeat-y;position: relative;width: 100%;padding: 0 3%;}
    .lic_con i{background: url("m_lc_ico_top.png") top center no-repeat #ffffff;position: absolute;width: 94%;height: 22px;}
    .lic_con .con_view .info{float: right;position: relative;width: 50%;}
    .lic_con .con_view .info .x{height: 12px;background: url("m_lc_ico_r.png") left center no-repeat;position: relative;width: 100%;}
    .lic_con .con_view .info .w{line-height: 24px;font-size: 1.4rem;color: #454545;padding-left: 18px;}
    .lic_con .con_view .pc{float: left;width: 50%;text-align: right;padding-right: 18px;}
    .lic_con .con_view .pc img{width: 100%;border: 4px #ff6600  solid;max-width: 200px;}
    .rt_subtit{color: #ff6600;font-size: 1.8rem;font-weight: bold;padding-bottom: 12px;padding-left: 18px;}
    .lic_con .con_view:nth-child(2n+0) .info{float: left;}
    .lic_con .con_view:nth-child(2n+0) .info .rt_subtit{text-align: right;padding-right: 18px;padding-left: 0;}
    .lic_con .con_view:nth-child(2n+0) .info .x{background: url("m_lc_ico_l.png") right center no-repeat;}
    .lic_con .con_view:nth-child(2n+0) .info .w{padding-right: 18px;padding-left: 0;}
    .lic_con .con_view:nth-child(2n+0) .pc{float: right;text-align: left;padding-left: 18px;}
    .lic_con .con_view {padding-top: 22px!important;}
}
@media only screen and (max-width: 640px) {
    /*社会责任*/
    .shzr_info .t{font-size: 1.4rem;line-height: 18px;margin-top: 4px;padding: 6px;}
    .shzr_info .csgy_inf{width: 90%;min-height: 400px;margin-left: 3%;padding: 4%;}
    .shzr_info .csgy_inf > .tit{font-size: 26px;line-height: 34px;padding-bottom: 12px;margin-bottom: 12px;margin-top: 15px;}
    .shzr_info .csgy_inf > .tit span{font-size: 18px;}
    .shzr_info .r_pc{margin-right: 0;background-size: auto 100%;height: 700px;}
    .shzr_info .l_pc{background-size: auto 100%;height: 400px;}
    .shzr_info .csjj_inf{padding: 4%;margin-top: -60px;width: 100%;}
    .shzr_info .csjj_inf > .tit{font-size: 26px;line-height: 30px;padding-bottom: 12px;margin-bottom: 12px;margin-top: 15px;}
    .shzr_info .csjj_inf > .tit span{font-size: 18px;line-height: 22px;}
  
    .m_pd_lc{margin: auto;width: 100%;}
    .m_pd_lc>div{width: 50%;}
    .m_pd_lc_bgl, .m_pd_lc_bgr{width: 100%;}
}