@charset "utf-8";
/* CSS Document */

.banner_pro .pos{position: absolute;top: 50%;margin-top: -120px;width: 100%;}
.banner_pro .pos .t1,.banner_pro .pos .t2{text-align: center;color: #ffffff;text-shadow: 1px 2px 10px #000;}
.banner_pro .pos .t1{margin-bottom: 11px;font-size: 38px;}
.banner_pro .pos .t2{margin-bottom: 42px;font-size: 46px;}
.banner_pro .pos img{width: auto!important;}
.banner_pro .ab_more{width: 196px;height: 50px;line-height: 50px;background: #d31c19;margin: auto;text-align: center;position: relative;}
.banner_pro .ab_more a{font-size: 16px;color: #ffffff;}
.banner_pro .ab_more a i{position: absolute;top: 16px;}
.am-slider-a1{box-shadow:none!important;-webkit-box-shadow:none!important;}
.am-slider-a1 .am-control-nav{bottom: 15px;}
.am-slider-a1 .am-control-nav li a{box-shadow:none;-webkit-box-shadow:none;border-radius:inherit;width: 9px;height: 9px;}
.am-slider-a1 .am-control-nav li a.am-active{background-color: #dea00d;}
.tit_pro{font-size: 30px;color: #464646;margin-bottom: 26px;}

.bg_proc{background: url("pd_pro_pic2.jpg") bottom right no-repeat #EFEFEF;}
.h_pro_bt{margin-top: 56px;}
.h_pro_bt li{height: 140px;float: left;width: 181px;margin-bottom: 26px;margin-right: 22px;}
.h_pro_bt li:nth-child(6n+0){margin-right: 0;}
.h_pro_bt li .p, .h_pro_bt2 li .p{height: 95px;width: 100%;background: url("ico_hpro.png") no-repeat #ffffff;
    -webkit-transition: background .5s ease .1s;
    transition: background .5s ease-out .1s; }
.h_pro_bt li .t, .h_pro_bt2 li .t{height: 42px;width: 100%;line-height: 42px;text-align: center;background: #f6f6f6;font-size: 16px;color: #063668;
    -webkit-transition: color .5s ease .1s;
    transition: color .5s ease-out .1s,background-color .5s ease-out .1s; }
.h_pro_bt li:hover .p{background: url("ico_hpro_ov.png") no-repeat #004c97;}
.h_pro_bt li:hover .t, .h_pro_bt2 li:hover .t{background: #dea00d;color: #ffffff;}
.h_pro_bt li:nth-child(1) .p{background:url("ico_hpro0.png") top center no-repeat    #ffffff;}
.h_pro_bt li:nth-child(2) .p{background:url("ico_hpro01.png") top center no-repeat   #ffffff;}
.h_pro_bt li:nth-child(3) .p{background:url("ico_hpro02.png") top center no-repeat   #ffffff;}
.h_pro_bt li:nth-child(4) .p{background:url("ico_hpro03.png") top center no-repeat   #ffffff;}
.h_pro_bt li:nth-child(5) .p{background:url("ico_hpro04.png") top center no-repeat   #ffffff;}
.h_pro_bt li:nth-child(6) .p{background:url("ico_hpro05.png") top center no-repeat   #ffffff;}
.h_pro_bt li:nth-child(7) .p{background:url("ico_hpro06.png") top center no-repeat   #ffffff;}
.h_pro_bt li:nth-child(8) .p{background:url("ico_hpro07.png") top center no-repeat   #ffffff;}
.h_pro_bt li:nth-child(9) .p{background:url("ico_hpro08.png") top center no-repeat   #ffffff;}
.h_pro_bt li:nth-child(10) .p{background:url("ico_hpro09.png") top center no-repeat  #ffffff;}
.h_pro_bt li:nth-child(11) .p{background:url("ico_hpro10.png") top center no-repeat  #ffffff;}
.h_pro_bt li:nth-child(12) .p{background:url("ico_hpro11.png") top center no-repeat  #ffffff;}
.h_pro_bt li:nth-child(13) .p{background-position: -870px -163px;}
.h_pro_bt li:nth-child(14) .p{background-position: -1044px -163px;}
.h_pro_bt li:nth-child(1):hover .p{background:url("ico_hpro0_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(2):hover .p{background:url("ico_hpro01_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(3):hover .p{background:url("ico_hpro02_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(4):hover .p{background:url("ico_hpro03_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(5):hover .p{background:url("ico_hpro04_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(6):hover .p{background:url("ico_hpro05_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(7):hover .p{background:url("ico_hpro06_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(8):hover .p{background:url("ico_hpro07_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(9):hover .p{background:url("ico_hpro08_ov.png") top center no-repeat  #004c97;}
.h_pro_bt li:nth-child(10):hover .p{background:url("ico_hpro09_ov.png") top center no-repeat #004c97;}
.h_pro_bt li:nth-child(11):hover .p{background:url("ico_hpro10_ov.png") top center no-repeat #004c97;}
.h_pro_bt li:nth-child(12):hover .p{background:url("ico_hpro11_ov.png") top center no-repeat #004c97;}
.h_pro_bt2 {position: relative;margin-left: 346px;}
.h_pro_bt2 li{height: 140px;width: 151px;margin-right: 22px;float: left;}
.h_pro_bt2 li:nth-child(1) .p{background: url("ico_hpro15.png") center center no-repeat #ffffff;}
.h_pro_bt2 li:nth-child(2) .p{background: url("ico_hpro16.png") center center no-repeat #ffffff;}
.h_pro_bt2 li:nth-child(3) .p{background: url("ico_hpro17.png") center center no-repeat #ffffff;}
.h_pro_bt2 li:nth-child(1):hover .p{background: url("ico_hpro15_ov.png") center center no-repeat #004c97;}
.h_pro_bt2 li:nth-child(2):hover .p{background: url("ico_hpro16_ov.png") center center no-repeat #004c97;}
.h_pro_bt2 li:nth-child(3):hover .p{background: url("ico_hpro17_ov.png") center center no-repeat #004c97;}

.proc_vd{position: relative;width: 100%;}
.proc_vd > div{width: 50%;position: relative;}
.proc_vd > div .inf{position: absolute;top:50%;margin-top: -75px;left: 50%;margin-left: -140px;width: 280px;}
.proc_vd > div .inf h2{text-align: center;font-size: 38px;font-weight: 400;color: #ffffff;margin-bottom: 40px;text-shadow: 1px 2px 10px #000;}
.proc_vd > div .inf a{display: inline-block;background: #d31c19;font-size: 17px;width: 170px;height: 50px;line-height: 50px;color: #ffffff;text-align: center;margin-left: 55px;}
.proc_vd > div .inf a i{display: inline-block;background: url("ico_btn_vd.gif") no-repeat;width: 22px;height: 22px;line-height: 22px;position: absolute;}
.proc_vd > div .inf a img{vertical-align: middle;}

.pn-title{position:absolute;top:0;left:0;z-index:9;background: #163273;color:#fff;font-size:24px;text-align:center;box-shadow:inset 0 0 30px rgba(0,0,0,.2);line-height:48px;height:48px;width:100%;}
.pn-title i{background:url("ico_promut.png") bottom center no-repeat;height: 22px;position: absolute;bottom: 15px;width: 100%;left: 0px;}
.pn-title span{display:block}
.pn-title.on{left:305px;}
.pn-list{position:absolute;top:48px;left:0;z-index:10;background:#fff;width:100%;transition:left .5s;/*box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:0 10px 10px 0;*/}
.pn-list.on{left:0;}
.pn-list ul{width:100%}
.pn-list li{width:100%}
.pn-list li .pn-tit-one{display:block;width:100%;height:42px;line-height:42px;color:#163273;font-size:18px;padding:0 2% 0 15%;background:#fff url(ico_pro01.png) no-repeat 96% center;transition:background .3s;border-bottom: 2px #ddddde solid;}
.pn-list li .pn-con-one{display:none;background: #efefef;border-bottom: 1px #ffffff solid;}.pn-list li .pn-tit-one.cut{background:#dea00d url(ico_pro01_h.png) no-repeat 96% center;color:#fff;border-bottom:none;}
.pn-list li .pn-content{display:block !important;}
.pn-list li .pn-tit-two.cur,.pn-list li .pn-tit-three.cut,.pn-list li .pn-tit-four.cur,.pn-list li .pn-tit-five.cur{color:#d9271b}
.pn-list li .pn-con-two{display:none;background: #efefef;}
.pn-list li .pn-tit-two{width:100%;height:32px;line-height:32px;overflow:hidden;display:block;font-size:14px;color:#2b2b2b;padding:0 2% 0 15%;transition:color .3s}.pn-list li .pn-con-two{width:100%;padding:16px 2% 20px 15%;display:none}.pn-list li .pn-tit-three{display:block;width:100%;font-size:13px;color:#666;line-height:30px;height:30px;overflow:hidden}.pn-list::-webkit-scrollbar{width:4px;background-color:#d9271b;border-radius:50px;}
.pn-list::-webkit-scrollbar-track{border-radius:50px;background-color:#ffffff}
.pn-list::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#9b9b9b}
.pn-list li .font-blod{
    font-weight: bold;
}
.pn-list li .pn-con-three{
    width: 100%;
    padding: 8px 0;
    display: none;
}
.pn-list li .pn-tit-four{
    display: block;
    width: 100%;
    font-size: 12px;
    color: #666;
    /*padding: 0 0 0 8px;*/
    /*background: url(../img/111_h.png) no-repeat left center;*/
    background-size: 4px !important;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.pn-list li .pn-con-four{
    width: 100%;
    display: none;
    padding: 0
}
.pn-list li .pn-tit-five{
    display: block;
    width: 100%;
    font-size: 11px;
    color: #666;
    /*    padding: 0 0 0 8px;
        background: url(../img/111_h.png) no-repeat left center;*/
    background-size: 4px !important;
    line-height: 25px;
    height: 30px;
    overflow: hidden;
}

.proc_class{position: relative;float: left;width: 250px;}
.top_pro{background: url("bg_pro_t.jpg") top center no-repeat #003585;height: 115px;}

.pli {padding-left: 260px;width: 100%;min-height:500px;}
.pli ul {padding: 0;}
.pli ul li {padding: 0 0 22px 16px;}
.pli ul li .am-gallery-item {border: 1px #efefef solid;background: #ffffff;padding-bottom: 24px;}
.pli ul li .am-gallery-item .pc{border-bottom: 1px #efefef solid;}
.pli ul li .am-gallery-item img{border: none;}
.pli ul li .am-gallery-item .am-gallery-title{line-height: 26px;font-size: 20px;color: #000;margin-left: 5%;}
.pli ul li .am-gallery-item .am-gallery-title span{font-size: 18px;color: #999;}
.pli ul li .am-gallery-item .am-gallery-desc{font-size: 14px;color: #9c9c9c;background: #f5f5f5;border: 1px #e9e7e7 solid;width: 33%;height: 34px;line-height: 34px;text-align: center;margin-left: 5%;margin-top: 15px;min-width: 95px;}
.pli ul li .am-gallery-item:hover .am-gallery-desc{color: #ffffff;background: #d31b19;border:none;}

.pro_view_tit{width:100%;}
.pro_view_tit .main{position: relative;}
.pro_view_tit .t2{height: 80px;line-height: 80px;font-size: 32px;color: #16316f;text-align: center;}
.pro_view_tit .t{height: 32px;line-height: 32px;font-size: 14px;color: #000000;text-align: left;}
.pro_view_tit .t strong{font-size: 18px;color: #000000;}
.pro_view_tit .tel{font-size: 18px;color: #000000;font-weight: bold;padding-bottom: 26px;}
.pro_view_tit .tel strong{font-size: 24px;color: #d31c19;}
.pro_b{position: relative;height: 500px;border-bottom: 3px #e5e5e5 solid;padding:35px 0;}
.pro_b .swiper-slide{text-align: center;}
.pro_b .swiper-slide img{max-height: 440px;}
.pro_sy{background: url("pro_sy.png") center center no-repeat;position: absolute;width: 100%;height: 60px;z-index: 9;top: 50%;margin-top: -30px;display:none;}
.pro_view_not .t{float: left;font-size: 24px;color: #000000;}
.pro_view_not .wz{margin-left: 130px;border-bottom: 1px #dedede dotted;padding-bottom: 24px;margin-bottom: 30px;}

.pro_view_mu ul li.pm{position: relative;float: left;width: 25%;height: 66px;text-align: center;line-height: 66px;cursor: pointer;}
.pro_view_mu ul li.pm .t {font-size: 18px;color: #000000;line-height: 45px;margin: auto;display: inline-block;}
.pro_view_mu ul li.pm .t i{float: left;width: 45px;height: 45px;}
.pro_view_mu ul li.pm .t span{float: left;margin-left: 6px;}
.pro_view_mu ul li:nth-child(1) .t i{background: url("ico_pro_view1.png") center center no-repeat;}
.pro_view_mu ul li:nth-child(2) .t i{background: url("ico_pro_view2.png") center center no-repeat;}
.pro_view_mu ul li:nth-child(3) .t i{background: url("ico_pro_view3.png") center center no-repeat;}
.pro_view_mu ul li:nth-child(4) .t i{background: url("ico_pro_view4.png") center center no-repeat;}
.pro_view_mu ul li .bor_r{border-right: 1px #e0e0e0 solid;height: 33px;position: absolute;bottom: 22px;width: 1px;right: 0px;}
.pro_view_mu ul li .bor_b_ov{border-top: 1px #e0e0e0 solid;height: 8px;position: absolute;bottom: 0;width: 100%;}
.pro_view_mu ul li:hover:nth-child(1) .t i,.pro_view_mu ul li:nth-child(1).on i{background: url("ico_pro_view1_ov.png") center center no-repeat;}
.pro_view_mu ul li:hover:nth-child(2) .t i,.pro_view_mu ul li:nth-child(2).on i{background: url("ico_pro_view2_ov.png") center center no-repeat;}
.pro_view_mu ul li:hover:nth-child(3) .t i,.pro_view_mu ul li:nth-child(3).on i{background: url("ico_pro_view3_ov.png") center center no-repeat;}
.pro_view_mu ul li:hover:nth-child(4) .t i,.pro_view_mu ul li:nth-child(4).on i{background: url("ico_pro_view4_ov.png") center center no-repeat;}
.pro_view_mu ul li:hover .bor_b_ov, .pro_view_mu ul li.on .bor_b_ov{border-top: 2px #db2719 solid;background: url("ico_pv_b.png") bottom center no-repeat;}

/** 解决方案 **/
.jjfa_rt{background: url("bg_jjfa_rt.jpg") top center no-repeat #003585;width: 100%;height: 192px;}
.jjfa_rt .main{padding-top: 35px;position: relative;}
.jjfa_rt .t{font-size: 35px;color: #ffffff;margin-bottom: 11px;}
.jjfa_rt .t span{font-size: 20px;color: #8d9abc;}
.jjfa_rt .t2{font-size: 20px;color: #ffffff;line-height: 24px;}
.jjfa_rt .not{font-size: 16px;color: #ffffff;line-height: 28px;text-align: right;position: absolute;top: 35px;right: 0;}
.jjfa_mu{position: absolute;width: 100%;max-width: 1200px;margin-top: -30px;background: #ffffff;}
.jjfa_mu li{float: left;width: 25%;height: 54px;line-height: 54px;text-align: center;border-right: 1px #e0e0e0 solid;border-bottom: 1px #e0e0e0 solid;font-size: 18px;color: #000000;position: relative;}
.jjfa_mu li:hover, .jjfa_mu li.ov{border: none;font-size: 20px;color: #ffffff;background: #dea00d;}
.jjfa_mu li:hover a, .jjfa_mu li.ov a{color: #ffffff;}
.jjfa_mu li:hover i, .jjfa_mu li.ov i{position: absolute;background: url("dot_jjfa_mu.png") top center no-repeat;width: 100%;height: 12px;margin-top: 54px;left: 0;}
.tit_jjfa{text-align: center;font-size: 30px;color: #003583;margin-top: 30px;}
.tit_jjfa_en{font-size: 20px;color: #b8b8b8;text-align: center;}

/** 产品研发 **/
.cpyf_mu{float: right;margin-top: -55px;}
.cpyf_mu a{font-size: 18px;color: #3c3c3c;display: inline-block;text-align: center;padding: 0 35px;background: #e4e4e4;height: 46px;line-height: 46px;margin-left: 11px;}
.cpyf_mu a.ov, .cpyf_mu a:hover{color: #ffffff;background: #023586;}

@media only screen and (max-width: 1024px) {
    .m_pro_menu{position: relative;border-bottom: 1px #e7e7e7 solid;}
    .m_pro_menu .swiper-container{position: relative;width: 90%;}
    .m_pro_menu .swiper-container .swiper-slide{text-align: center;font-size: 1.6rem;color: #000000;height: 4.5rem;line-height: 4.5rem;}
    .m_pro_menu .swiper-container .pmu-active{background: #dea00d;color: #ffffff;}
    .m_pro_menu .swiper-container .pmu-active a{color: #ffffff;}
    .m_pro_menu .swiper-button-next, .m_pro_menu .swiper-button-prev{height: 4.5rem;width: 5%;margin-top: 0;top: 0;}
    .m_pro_menu .swiper-button-next{background: url("btn_sk_next.png") center no-repeat;right: 0;}
    .m_pro_menu .swiper-button-prev{background: url("btn_sk_prev.png") center no-repeat;left: 0;}
  
    .h_pro_bt li{height: 140px;float: left;width: 32%;margin-bottom: 20px;margin-right: 1%;}
    .h_pro_bt li:nth-child(3n+0){margin-right: 0;}
  
    .cpyf_mu{margin-top: 0;margin-bottom: 2rem;}
    .jjfa_rt{height: auto;padding-bottom: 45px;}
    .jjfa_rt .main{padding: 0;height: auto;}
    .jjfa_rt .not{top: 5px;line-height: 26px;position: relative;}
  
    .bt_back{float: none;margin-top: 2rem;text-align: right;}
    .proc_class{width: 100%;display: none;}
    .pli{padding-left: 0;}
    .pli ul li{padding: 3%;}
    .pro_view_tit .t2{font-size: 2.2rem;height:4rem;line-height: 4rem;}
    .pro_view_tit .tel strong{font-size: 2rem;}
    .pro_b{height:auto;}
    .pro_view_not .t{position: relative;float: none;font-size: 2.2rem;}
    .pro_view_not .wz{margin-left: 0;}
    @media only screen and (max-width: 640px) {
        .pro_b .swiper-slide img{width: 100%;}
    }
  
}