@charset "UTF-8";
:root {
    --styleColorb: #1d1815;
    --styleColorr: #a41018;
}


.left{ float: left;}
.right{float: right;}
.y_nav{display: none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.mob{display: none;}
.pc{display: block;}


.top{ height: 40px; font-size: 12px; color: #555; line-height: 39px; background: #ececec;}
.top_box{ height: auto; overflow: hidden; }
.vw{ max-width: 1300px; margin: 0 auto;}
.top_box .logo{ padding: 28px 0 28px;}
.top_box .right{ width: 345px; text-align: left; font-size: 0; margin-top: 10px; }
.top_box .right .c2{ display: inline-block; font-size: 18px; color: #666666; margin-left: 10px;}
.top_box .right .c2 p{font-size: 26px; color: #282828; font-weight: bold;vertical-align: text-top;}
.top_box .right .c2 p span{ font-size: 16px; color:#717171;}
.top_box .right .c1{ display: inline-block;     vertical-align: text-bottom;}

.nav_box{ background: #292929;}
.nav_list{ font-size: 0; }
.nav_list li{ display: inline-block; width: 185px; text-align: center; line-height: 49px;}
.nav_list li a{font-size: 18px;  color: #fff;}
.nav_list li.active,.nav_list li:hover{background: #124494;}
.nav_list li.active a,.nav_list li:hover a{}

.se_bg{ padding: 15px 0; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; height: auto; overflow: hidden;}
.se_bg .right{ width: 300px; height: 31px; }
.stbox{ width: 228px; height: 31px; border: 1px solid #d4d4d4; text-indent: 0.5em; border-right: none; float: left;}
.sbs{ background: #124494; width: 72px; height: 31px; line-height: 30px; color: #fff; font-size: 12px; border: none; float: left; }


    /*banner*/
.ban_swi{ float: none;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: 1; border-radius: 0;}
.ban_swi .swiper-pagination-bullet-active{ background: #124494;  border-radius: 0; }

.in_t2{ background: url("../images/in_t2_bg.jpg") top no-repeat;     background-size: cover; height: auto; overflow: hidden; padding: 45px 0 0;}
.tit{ text-align: center; position: relative;}
.tit .en{ color: rgba(154,175,222,.8); text-transform: uppercase;font-family: Impact, serif; font-size: 80px; line-height: 1;}
.tit .cn{ font-size: 48px; color: #fff; position: absolute; left: 0; right: 0; top: 30px}
.tit .dc{ font-size: 18px; color: #e7e7e7;  margin-top: 30px;}

.ys_list{ display: flex; justify-content: space-between; margin-top: 65px;}
.ys_item{ width: 277px; background: #f7fbff; height: 294px; padding: 40px 10px 38px 18px; text-align: center; border-radius: 10px; box-shadow: 0 15px 5px 0px #e7e7e7;}
.ys_item .yt{ font-size: 24px; color: #000000; text-align: center; font-weight: bold; margin-top: 35px;}
.ys_item .yd{ font-size: 14px; color: #4f4f4f; line-height: 2; margin-top: 15px; text-align: left;}
.in_ab{ margin-top: 92px; height: auto; overflow: hidden;}

.in_ab .left{ width: 512px; }


.in_ab .left .en{ font-size: 43px; color: #182e7a; line-height: 1;}
.in_ab .left .cn{ font-size: 32px; color: #33383c; line-height: 1;}
.in_ab .left .dsc{ font-size: 15px; margin-top: 30px; color: #666666; line-height: 1.7;}
.more1{ font-size: 0; display: flex; margin-top: 25px;}
.more1 .ct{ width: 165px; height: 54px; background: #182e7a; text-align: center; font-size: 17px; line-height: 53px; color: #fff;}
.more1 .cp{ width: 54px; height: 54px; text-align: center; line-height: 54px; color: #fff; background: #f6d200;font-size: 18px;}
.in_ab .right{ width: 760px; height: 532px; margin-bottom: 50px;}
.in_ab .right{     max-width: calc(100% - 550px);}

.ab_list{ margin-top: 80px;}
.ab_list li{ float: left; width: 207px; margin-right: 45px; padding: 1px; border: 1px solid #d7d7d7; height:154px;    display: flex;
    align-items: center;}
.ab_list li img{width:100%;}
.in_md{ padding: 80px 0; height: auto; overflow: hidden;}
.in_mdcat{ background: url("../images/md_g.png") center no-repeat; font-size: 20px;  text-align: center;}
.in_mdcat a{ color: #33383c; }
.in_mdcat a::after{ display: inline-block; margin: 0 10px 0 15px; content: "/";}
.in_mdcat a:last-child::after{display: none}
.in_mdcat a.active{ font-weight: bold; color: #182e7a}
.in_md_list{ display: flex; justify-content: space-between; margin-top: 45px;}
.in_md_list .cm{ width: 393px; border: 3px solid transparent;}
.in_md_list .cm:hover{ border-color: #314589;}

.in_pro{ background: url("../images/inpo_bg.jpg") top center no-repeat; padding: 60px 0 100px; height: auto; overflow: hidden;}
.in_po_cat{ font-size: 0; height: auto; overflow: hidden; margin: 45px auto 63px; text-align: center;}
.in_po_cat .item div{ padding: 10px 30px; text-align: center; background:#fff; border-radius: 5px;display: inline-block; font-size: 19px; color: #233984; margin: 0 11px;}
.in_po_cat .item.active div{ background: #f6d200;}

.in_po_box{ width: 1480px; margin: 0 auto; height: auto; overflow: hidden;}
.in_po_list{ width: 1300px;  height: auto; overflow: hidden; padding: 40px; background: #fff; margin: 0 auto; border: 1px solid #d1d1d1; border-bottom: 2px solid #d1d1d1;position: absolute; right: 99999px; z-index: -1;}
.in_po_list .swiper-slide{ text-align: center;}
.in_po_list .swiper-slide p{ font-size: 19px; color: #33383c; text-align: center; margin-top: 5px;}
.in_po_list.active{position: initial; z-index: 1; right: 99999px;}

.in_4d{ background: url("../images/4d_bg.jpg") bottom #f1f1f1; height: auto; overflow: hidden;}
.in_4d_cat{ margin:50px auto 70px; height: auto; overflow: hidden; }
.in_4d_cat .item{ width: 25%; text-align: center; background: #fff; float: left; font-size: 24px; color: #000; font-weight: bold; line-height: 61px;}
.in_4d_cat .item img{margin-top: -5px;
    margin-right: 15px;}
.in_4d_cat .item.active{    background: #f6d200;
    color: #1f3480;}
.in_4d_con{ height: auto; overflow: hidden; margin-bottom: 70px;}
.in_4d_con .left{ width: 640px; }
.in_4d_con .right{ width: 600px; padding-top: 60px;}
.in_4d_rcon .cn{ font-size: 26px; color: #333; font-weight: bold;}
.in_4d_rcon .en{ font-size: 15px; color: #a8a8a8; font-weight: bold; margin-top: 10px;}
.in_4d_rcon .en::after{ width: 100%; height: 2px; display: block; content: ""; background: #dddddd; margin: 35px auto 33px}
.in_4d_rcon .con{ font-size: 18px; color: #555555; line-height: 1.7;}
.in_news{ padding: 65px 0 80px; height: auto; overflow: hidden;}
.in_news .tit .en{ color: #e6e6e6;}
.in_news .tit .cn{ color: #333;}
.in_po_box{ position: relative;}
.in_news_cat{ margin: 25px auto 45px; text-align: center;}
.in_news_cat a{ color: #888; font-size: 18px;}
.in_news_cat a::after{ content: "|"; display: inline-block; margin: 0 20px; font-size: 20px;}
.in_news_cat a:last-child::after{display: none;}
.in_news_list .left{ width: 535px; height: auto; margin-left: 3px; }
.in_news_list .left .down{ padding: 35px 25px; background: #fff;     box-shadow: 0 0 5px 2px #f1f0f0;}
.in_news_list .left .down p{ font-size: 22px; color: #333; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.in_news_list .left .down span{ font-size: 13px; color: #666; }
.in_news_list .left .down div{ margin-top: 20px; font-size: 13px; color: #666; line-height: 1.8;}
.in_news_list .right{ width: 685px;}
.in_news_item{ height: auto; overflow: hidden; margin-bottom: 55px;}
.in_news_item:last-child{ margin-bottom: 0;}
.in_news_item .date{ float: left; font-size: 15px; color: #666; margin-right: 35px;}
.in_news_item .date p{ font-size: 44px; line-height: 1.1; text-align: center;}
.in_news_item .date p::after{content: "/"; margin-left: 15px; font-size: 15px;}
.in_news_item .text{ width: calc(100% - 115px); float: left; }
.in_news_item .text p{font-size: 22px;color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.in_news_item .text div{ font-size: 13px; color: #666;margin-top: 12px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.in_news_item:hover p{ color: #314589;}


    /*关于页面*/
.oth_tm img{
    width: 100%;
}
.lujing{
    background-color: #F3F3F3;
    padding: 35px 0 30px;
    font-size: 15px;
}
.lujing a{
    color: #333;
}
.lujing img{
    width: 21px;
    margin-right: 10px;
    margin-bottom: 7px;
}
.oth_b{
    padding: 80px 0;
    height: auto;
    overflow: hidden;
}
.oth_chg{
    text-align: center;
;
}
.oth_chg ul li{
    display: inline-block;
    margin: 0 5px; margin-bottom: 65px
}
.oth_chg ul li a{
    display: block;
    background-color: #F3F3F3;
    padding: 15px 50px;
    border-radius: 30px;
    color: #333;
    font-size: 18px;
}
.oth_chg ul .oth_act a{
    color: white;
    background-color: #124494;
}
.oth_chg ul li a:hover{
    color: white;
    background-color: #124494;
}
.abo_til{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 42px;
}
.abo_til span{
    display: block;
    width: 100px;
    height: 3px;
    background-color: #124494;
    margin: 30px auto 0;
}
.abo_t p{
    margin-bottom: 30px;
    font-size: 15px;
    color: #666;
    text-align: justify;
    line-height: 29px;
}
.abo_v{width: 100%;height: 488px;}
.abo_v img{
    width: 100%;
    height: 100%;
}

/*产品页面*/
.pro_l{
    float: left;

}
.pro_lebtn{
    position: absolute;
    right: -40px;
    top: 82px;
    height: 50px;
    width: 40px;
    background-color: #124494;
    text-align: center;
    line-height: 50px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.pro_lebtn img{
    max-width: 100%;
    max-height: 100%;
    transition: all 0.4s;
}
.pro_r{
    width: 984px;
    float: right;
}
.pro_lt{
    height: 111px;
    width: 100%;
    background: url(../images/pro_lm.jpg) no-repeat center center;
    padding-left: 32px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    padding-top: 35px;
}
.pro_f{
    padding: 10px 0;
}
.pro_f ul li a{
    color: #666;
    padding: 9px 55px;
    padding-right: 20px;
    font-size: 16px;
    display: block;
}
.pro_f ul li a:hover{
    color: #124494;
}
.pro_u{margin-bottom: 1px;}
.pro_ut{

    color: #009a42;
    font-size: 18px;

    cursor: pointer;
}
.pro_ut p{
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    width: 17px;
    height: 17px;
}
.pro_ut p img{
    width: 100%;
    height: 100%;
    display: none;
    margin-top: 3px;
}
.pro_ut p img:last-of-type{
    display: block;
}
.pro_act .pro_ut p img:last-of-type{
    display: none;
}
.pro_act .pro_ut p img:first-of-type{
    display: block;
}
.pro_ub{
    padding: 8px 40px 14px 58px;

}
.pro_act .pro_ub{
    display: block;
}
.pro_ub>span{display: block;padding: 10px 0;}
.pro_ub>span a{
    color: #124494;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pro_ub>span img{
    width: 8px;
    margin-right: 10px;
}
.pro_ub ul li{
    margin-bottom: 10px;
}
.pro_ub ul li a{
    display: block;
    border-bottom: 1px dashed #DBDBDB;
    padding: 7px 0;
    color: #666;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pro_ub ul li a:hover{
    color: #124494;
}
.pro_r>ul li{
    width: 228px;
    height: 260px;
    margin-bottom: 40px;
    margin-left: 24px;
    float: left;
    text-align: center;
}
.pro_r>ul li:nth-of-type(4n+1){
    margin-left: 0;
}
.pro_r>ul li a{
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 15px;
}
.pro_r>ul li p{
    padding: 12px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;    overflow: hidden;
    margin-bottom: 15px;
}
.pro_r>ul li p img{
       max-width: initial;
    max-height: 100%;
}
.pro_r>ul li h4{
    font-size: 16px;
    color: #333;
    margin: 0 0 10px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pro_r>ul li div{
    color: #666666;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.pro_r>ul li a:hover{
    border-color: #124494;
}
.pro_r>ul li a:hover h4{
    color: #124494;
}
.fenye{
    margin-top: 38px;
    text-align: center;color: #666;
}
.fenye ul{
    display: inline-block;margin-left: 18px;
}
.fenye ul li{
    display: inline-block;margin-left: 6px;
}
.fenye ul li a{
    display: block;
    color: #999;
    border: 1px solid #CCC;
    padding: 1px 7px;
}
.fenye ul .fyact a{
    border-color: #124494;
    color: white;
    background-color: #124494;
}
.fenye ul li a:hover{
    color: white;
    background-color: #124494;
}
.ph_til{font-weight: bold;font-size: 18px;margin-bottom: 20px;}
.abo_m img{max-width: 100%;margin-bottom: 15px;}
/*产品详情*/
.pro-img{
    width: 380px;
    height:auto;
    border: 1px solid #E5E5E5;
    float: left;
}
.pro-img img{
    width: 100%;
    height: 100%;
}
.pro-tex{
    margin-left: 415px;
}
.pro-tex div{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #124494;
}
.pro-tex ul li{
    color: #333333;
    line-height: 28px;
    font-size: 15px;
    margin-top: 12px;
}
.pro-tex ul li p{
    margin: 0;
    color: #999999;
    display: inline-block;

}
.pro-tex ul li span{
    float: left;
}
.pro-top{
    min-height: 350px;
    margin-bottom: 25px;
}
.prode-chag{
    border-bottom: 1px solid #124494;
    margin-bottom: 36px;
}
.prode-chag span{
    display: inline-block;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #999999;
    margin-right: 45px;
    cursor: pointer;
}
.prode-chag .prode-act{
    color: #124494;
}
.prode-imp ul li{
    font-size: 16px;
    color: #999999;
    margin-bottom: 30px;
}
.prode-imp ul li span{
    color: black;
}
.prode-imp p{
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    padding: 0 10px;
}

/*生产品控*/
.sp_b>ul li{
    float: left;
    margin-bottom: 19px;
    margin-left: 21px;
    width: 309px;
}
.sp_b>ul li:nth-of-type(4n+1){
    margin-left: 0;
}
.sp_b>ul li p{
    height: 204px;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    margin: 0;text-align: center;
    line-height: 204px;
}
.sp_b>ul li p img{
    max-width: 100%;
    max-height: 100%;
    transition: all .4s;
}
.sp_b>ul li:hover p img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.sp_b>ul li div{
    background-color: #EEEEEE;
    color: #333;
    padding: 20px 15px;
    font-size: 16px;
    border: 1px solid #E5E5E5;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sp_b>ul li:hover div{
    background-color: #124494;
    color: white;
}

/*新闻页面*/
.news_b>ul li{
    border-bottom: 1px solid #E1E1E1;
    padding: 0 0 36px;
    margin-bottom: 42px;
}
.news_b>ul li:last-of-type{border: none;}
.news-img{
    width: 204px;
    height: 114px;
    float: left;
    transition: all 0.4s;text-align: center;
}
.news-img img{    max-width: 100%;
    max-height: 100%;
    text-align: center;

}
.news-tex{
    margin-left: 235px;
    padding-top: 16px;
}
.news-imp{
    width: 620px;
    display: inline-block;
}
.news-imp span{
    display: block;
    font-weight: bold;
    color: #6E6E6E;
    font-size: 16px;
    margin-bottom: 15px;
}
.news-imp p{
    color: #999;
    line-height: 24px;
}
.news-tt{
    float: right;
    margin-top: 15px;text-align: right;
}
.news-tt p{
    margin-bottom: 20px;font-size: 28px;color: #999;
}
.news-tt img{
    width: 44px;height: 11px;
}
.news_bc>ul li:hover .news-imp span{
    color: #124494;
}
.news_bc>ul li:hover .news-tt p{
    color: #124494;
}
.news_bc>ul li:hover .news-img{
    box-shadow: 2px 2px 10px 1px #999;
}
/*新闻内页*/
.newsdes-text{
    width: 100%;
}
.newsde-til{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.newsde-til span{
    display: block;
    width: 57px;
    height: 3px;
    margin-top: 15px;
    background-color: #124494;
    margin-left: auto;
    margin-right: auto;
}
.news-tilbot{
    text-align: center;
    color: #999999;
    margin-bottom: 20px;
    font-size: 15px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 18px;
}
.newsdes-text>.news-tilbot a{
    color: #B57C80;
}
.newsde-text{
    margin-bottom: 40px;
}
.newsde-text p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-bottom: 20px;
    text-align: justify;
}

.newde-img{
    text-align: center;
}
.newde-img img{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.jumptil{
    margin-bottom: 30px;
}
.jumptil span{
    display: block;
    margin-bottom: 12px;
    font-size: 15.5px;
}
.jumptil span a{
    color: #666666;
}
.jumptil span a:hover{
    color: #124494;
}
.move-newsde{
    padding: 20px 25px;
    border: 1px solid #CCCCCC;
    margin-bottom: 25px;
}
.moven-til{
    border-left: 3px solid #124494;
    padding: 3px 8px;
    font-size: 20px;
    margin-bottom: 18px;
}
.moven-text{
    border-top: 1px solid #CCCCCC;
    padding-top: 25px;
    display: flex;
}
.moven-text ul{
    min-width: 500px;
    margin-right: 30px;
    color: #124494;
    line-height: 28px;
    list-style-type: disc;
    list-style-position: inside;
    width: 100%;
}
.moven-text ul li{
    width: 50%;
    float: left;
}
.moven-text ul li a{
    color: #666666;
    font-size: 15.5px;
}

/*联系我们页面*/
.cont_t{margin-top: 120px;}
.cont_l{
    float: left;
    width: 370px;
}
.cont_l ul li{
    width: 370px;
    height: 246px;
    border: 1px dashed #D1D1D1;
    position: relative;
    text-align: center;
    border-radius: 30px;
    padding: 70px 40px 0;
    font-size: 16px;
    margin-bottom: 80px;
}
.cont_l ul li img{
    width: 90px;
    height: 90px;
    position: absolute;
    top: -45px;
    left: 140px;
}
.cont_l ul li div{
    margin-bottom: 10px;font-weight: bold;
}
.cont_l ul li p{
    color: #666;
    line-height: 34px;
}
.cont_r{
    width: 890px;
    float: right;
}
.cont_map{
    width:  890px;
    height: 900px;
    margin-bottom: 35px;
}
.cont_map img{

    max-width: inherit;
}
.cont_map label{ max-width: inherit;}
.cont_f{
    background-color: #F1F3F5;
    padding: 40px 35px;
    margin: 80px auto;
}
.cont-btil{
    font-size: 16px;
    color: #999;
    margin-bottom: 50px;
}
.cont-btil span{
    color: black;
    font-size: 24px;
    display: inline-block;
}
.cont_f form{
    font-size: 16px;
}
.cont_f form div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.cont_f form div input{
    height: 49px;
    width: 47%;
    border: 1px solid #E4E6E8;
    padding-left: 15px;
}
.cont_f form div input:last-of-type{
    margin-left: 20px;
}
.cont_f form textarea{
    height: 120px;
    width: 100%;
    border: 1px solid #E4E6E8;
    padding-left: 15px;
    padding-top: 15px;
    margin-bottom: 26px;
}
.cont_f form input[type=submit]{
    color: white;
    background-color: #a41018;
    font-size: 18px;
    padding: 11px 42px;
    border: none;
    width: 200px;
    margin: 0 auto;
    display: block;
}

.contents{
    line-height: 30px;
    height: auto;
    overflow: hidden;
}
.contents p{
    margin: 0px;
}
.contents img{
    max-width: 100%;
    height: auto !important;
}

.dropdown-menu {
    min-width: 120px;
    font-size: 14px;
    background-color: rgba(0,0,0,0.6);
    border: none;
    border-radius: 4px;    text-align: center;

}
.dropdown-menu>li>a {
    padding: 6px 15px;    color: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: white;
    background-color: #27B15A;
}

.pro_ut a{color:#009a42;    display: block;
    width: 100%;
    height: 100%;  padding: 15px 20px 15px 45px;}
.pro_ut:hover{background: #009a42; color: #fff;}
.pro_ut:hover a{color: #fff;}
.pro_ut.act{ background: #009a42; color: #fff;}
.pro_ut.act a{color: #fff;}


.index_pro_l {
    width: 285px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    border-left: 1px solid #124494;
    border-right: 1px solid #124494;
    border-bottom: 10px solid #124494;
    padding-bottom: 24px;
    height: auto;
    overflow: hidden;
}

.index_pro_l .index_pro_title {
    color: #fff;
    background: url(../images/title-bg.png) no-repeat center center;
    width: 100%;
    height: 116px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.index_pro_l .index_pro_title .cn {
    font-size: 38px;
}

.index_pro_l .index_pro_title .en {
    font-size: 16px;
    margin-top: 0;
}

.index_pro_l .index_pro_title .en::after {
    display: none;
}



.index_pro_l .index_pro_option {
    padding: 45px 21px 0 21px;
    
    width: 100%;
}

.index_pro_l .index_pro_option .option {
    width: 100%;
    margin-bottom: 10px;
}

.index_pro_l .index_pro_option .option:last-child {
    margin-bottom: 0px;
}

.index_pro_l .index_pro_option .option .option_title {
    height: 52px;
    background-color: #ededed;
    color: #333333;
    font-size: 20px;
    line-height: 52px;
    padding-left: 1em;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s;
}

.index_pro_l .index_pro_option .option .option_title p {
    color: #333;
}

.index_pro_l .index_pro_option .option .option_title.active {
    padding-left: 1.5em;
    transform: skew(-22deg);
    background-color: #124494;
}

.index_pro_l .index_pro_option .option .option_title.active p {
    transform: skew(22deg);
    color: #fff;
}

.index_pro_l .index_pro_option .option .option_title.active span {
    background-color: var(--styleColorb);
}

.index_pro_l .index_pro_option .option .option_title.active span::before,
.index_pro_l .index_pro_option .option .option_title.active span::after {
    transform: translateX(-50%) translateY(-50%) skew(22deg);
}

.index_pro_l .index_pro_option .option .option_title span {
    float: right;
    height: 100%;
    width: 52px;
    display: inline-block;
    background-color: #ededed;
    line-height: 52px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.index_pro_l .index_pro_option .option .option_title span::before,
.index_pro_l .index_pro_option .option .option_title span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 14px;
    height: 2px;
    background-color: #96a7ba;
    transition: opacity 0.3s;
}

.index_pro_l .index_pro_option .option .option_title span::after {
    transform: translateX(-50%) translateY(-50%) rotateZ(90deg);
    /* opacity: 0; */
}

.index_pro_l .index_pro_option .option .option_title span.active::after {
    opacity: 1;
}

.index_pro_l .index_pro_option .option .option_list {
    display: none;
}

.index_pro_l .index_pro_option .option .option_list.active {
    display: block;
}

.index_pro_l .index_pro_option .option .option_item {
    height: 54px;
    border-bottom: 1px dashed #ddd;
    line-height: 54px;
    font-size: 18px;
}

.index_pro_l .index_pro_option .option .option_item.active a,
.index_pro_l .index_pro_option .option .option_item:hover a {
    color: var(--styleColorr);
}

.index_pro_l .index_pro_option .option .option_item.active .icon_dian,
.index_pro_l .index_pro_option .option .option_item:hover .icon_dian {
    border: var(--styleColorr) 1px solid;
}

.index_pro_l .index_pro_option .option .option_item.active .icon_dian::before,
.index_pro_l .index_pro_option .option .option_item:hover .icon_dian::before {
    background-color: var(--styleColorr);
}

.index_pro_l .index_pro_tel {
    width: 261px;
    padding: 0 15px;
}

.index_pro_l .index_pro_tel .index_pro_tel_title {
    font-size: 18px;
    line-height: 48px;
    color: #124494;
    position: relative;
}

.index_pro_l .index_pro_tel .index_pro_tel_content {
    font-size: 18px;
    color: #bbb;
}

.index_pro_l .index_pro_tel .index_pro_tel_content p {
    font-size: 28px;
    color: var(--styleColorb);
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.foot_bg{ background: #222222; padding-top: 52px; height: auto; overflow: hidden;}
.footer_con{ height: auto; overflow: hidden; margin-bottom: 80px;}
.czdd{ float: left; margin-right: 115px; font-size: 17px; font-weight: bold; color: #fff; }
.czdd li:first-child{ margin-bottom: 20px;}
.czdd li a{ font-size: 14px; color: #bbb; line-height: 1.2; font-weight: initial;}
.czdd li a:hover{ color: #4b73ff;}
.dr2{ width: 130px; float: right;}
.dr2 p{color: #fff; text-align: center; margin-top: 15px;}
.footer_con .right{ width: 515px;}
.dr1{ font-size: 14px;color: #bbbbbb; line-height: 1.5}
.dr1 p{ font-size: 30px; color: #fff; margin: 5px 0 10px;}
.copy_bg{ padding: 20px 0; border-top: 1px solid #393939; text-align: center; color: #bbb;}
.copy_bg a{color: #bbb;}

.Pagination {/*margin:10px 0 0;*/padding:15px 0;text-align:rightright; height:30px; line-height:30px; }
.Pagination a {margin-left:2px;padding:5px 10px 5px;}    
.Pagination .dot{ border:medium none; padding:4px 8px}    
.Pagination a:link, .Pagination a:visited {border:1px solid #dedede;color:#696969;text-decoration:none;}    
.Pagination a:hover, .Pagination a:active, .Pagination a.current:link, .Pagination a.current:visited {border:1px solid #dedede;color:#fff; background-color:#5a98de ; background-image:none; border:#5a98de  solid 1px;}    
.Pagination .selectBar{ border:#dedede solid 1px; font-size:12px; width:95px; height:21px; line-height:21px; margin-left:10px; display:inline}    
.Pagination a.tips{_padding:4px 7px 1px;}  

.pro_r ul{height: auto;
    overflow: hidden;}
.in_po_list .swiper-slide .p_m{}
.in_po_list .swiper-slide .p_m img{}
.news_bc li {
    height: auto;
    overflow: hidden;
    margin-bottom: 25px;
}
.in_ab .right video,.in_ab .right iframe{width: 100%;
    height: 100%;
    background: #000;}
.sp_b ul{    height: auto;
    overflow: hidden;}




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

}

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

}

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

}

@media only screen and (max-width: 1360px) {
	body{zoom:0.95}
}

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

   
}

@media only screen and (max-width: 1024px) {
 body{zoom: 1;}
    div {
        min-width: initial;
    }

    .mob {
        display: block;
    }

    .pc {
        display: none;
    }

    .header {
        display: none;
    }

    .y_nav {
        display: block;
    }

    .navbar-brand {
        padding: 5px 0 0 10px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-brand > img {
        height: 35px;
    }
}


@media only screen and (max-width: 768px) {
    html{ font-size: 10px;}
    .vw{ width: 95%; min-width: 95%; max-width: 95%;}
    .top,.top_box,.se_bg,.fm_t,.ldm{ display: none;}
    .ban_swi .swiper-pagination-bullet{ width: 6px; height: 6px;}
    .tit{    zoom: 0.55; max-width: 90%; margin: 0 auto;}
    .nav_list{display: none;}
    .tit .dc {font-size: 20px;}
    .in_t2{ background-size: 200%;}
    .ys_item{    width: 48%; margin-right: 4%;        height: auto;padding: 25px 10px 38px 18px;
        margin-bottom: 25px;
        float: left;}
    .ys_item:nth-child(2n){ margin-right: 0; }
    .ys_list {
        display: block;
        height: auto;
        overflow: hidden;
        background: #f3f3f3;
        width: 100%;
        max-width: 100%;
        padding: 0 2.5% 20px;
    }
    .in_ab{ margin-top: 30px}
    .in_ab .left{ width: 100%;}
    .in_ab .left .en{ font-size: 26px; margin-top: 20px;}
    .in_ab .left .cn{ font-size: 24px;}
    .in_ab .left .dsc{ margin-top: 20px; font-size: 14px;}
    .more1 { zoom: 0.75;}
    .ab_list{ display: flex; margin: 25px auto;justify-content: space-between;}
    .ab_list li{ width: 49%; margin: 0;}
    .in_ab .right{ width: 100%; height: auto; margin-bottom: 25px;}
    .in_md{ padding: 0 0 40px;}
    .in_mdcat{zoom: 0.75;}
    .in_md_list{ margin-top: 20px;}
    .in_po_cat .item div{font-size: 16px; margin-bottom: 5px;}
    .in_po_cat .item div {
        font-size: 16px;
        padding: 5px 0;
        width: 48%;
        float: left;
        margin: 0 2% 5px 0;
    }
    .in_po_box{ width: 100%;}
    .in_po_list{ width: 80%;padding: 15px;}
    .in_pro{ padding: 40px 0 45px;}
    .in_4d_tt img{ width: 200%; margin-left: -55%;max-width: 200%;}
    .in_4d_cat .item{ font-size: 16px;}
    .in_4d_cat{ margin: 25px auto 25px}
    .in_4d_con .left{ width: 100%;}
    .in_4d_con .right{ width: 100%; padding-top: 20px;}
    .in_4d_rcon .cn{ font-size: 20px;}
    .in_4d_rcon .en{ font-size: 12px;}
    .in_4d_rcon .en::after{ margin: 15px auto;}
    .in_4d_rcon .con{ font-size: 14px;}
    .in_4d_con{ margin-bottom: 35px;}
    .in_news{ padding: 40px auto 45px;}
    .in_news_cat a{ font-size: 16px;}
    .in_news_cat{ margin-bottom: 25px;}
    .in_news_list .left{width: 100%;}
    .in_news_list .right{ width: 100%; margin-top: 25px;}
    .in_news_item .text p{ font-size: 16px;}
    .czdd{ display: none;}
    .footer_con .right{ width: 100%;text-align: center;}
  
    .dr2{ margin-top: 20px; }
    .index_pro_l{ display: none;}
.in_4d_cat .item{    width: 48%;}


        /*关于页面*/
    .lujing img {
        width: 18px;
        margin-right: 7px;
        margin-bottom: 5px;
    }
    .lujing {
        background-color: #F3F3F3;
        padding: 11px 15px 8px;
        font-size: 1.3rem;
        line-height: 20px;
    }
    .oth_b {
        padding: 30px 15px;
    }
    .oth_chg ul li {
        margin: 0 2px;
    }
    .oth_chg ul li a {
        padding: 8px 31px;
        font-size: 1.5rem;
        margin-bottom: 5px;
    }
    .oth_chg {
        margin-bottom: 22px;
    }
    .abo_til {
        font-size: 2.2rem;
        margin-bottom: 18px;
    }
    .abo_til span {
        width: 85px;
        margin: 10px auto 0;
    }
    .abo_t p {
        margin-bottom: 15px;
        font-size: 1.4rem;
        line-height: 25px;
    }
    .abo_v {
        height: 280px;
    }

    /*产品页面*/
    .pro_l {
        float: none;
        width: 240px;
        padding-bottom: 30px;
        border-bottom-right-radius: 20px;
        position: absolute;
        top: 64px;
        left: -240px;
    }
    .pro_lt {
        height: 54px;
        width: 100%;
        padding-left: 20px;
        font-size: 2rem;
        padding-top: 13px;
    }
    .pro_f {
        padding: 5px 0;
    }
    .pro_f ul li a {
        padding: 5px 30px;
        padding-right: 15px;
        font-size: 1.4rem;
    }
    .pro_ut {
        font-size: 1.6rem;
        padding: 12px 15px;
        padding-left: 25px;
    }
    .pro_ub {
        padding: 6px 15px;
    }
    .pro_ub>span {
        padding: 6px 0;
        font-size: 1.3rem;
    }
    .pro_ub ul li a {
        padding: 5px 0;
        font-size: 1.2rem;
    }
    .pro_r {
        width: 100%;
        float: none;
    }
    .pro_r>ul li p {
        padding: 10px;
        height: 155px;
        margin-bottom: 10px;
    }
    .pro_r>ul li h4 {
        font-size: 1.4rem;
        margin: 0 0 6px;
    }
    .pro_r>ul li div {
        font-size: 1.2rem;
    }
    .pro_r>ul li {
        width: 49%;
        height: 195px;
        margin-bottom: 20px;
        margin-left: 0;
    }
    .pro_r>ul li:nth-of-type(3n+1) {
        margin-left: 0;
    }
    .pro_r>ul li:nth-of-type(2n) {
        margin-left: 2%;
    }
    .fenye {
        margin-top: 18px;font-size: 1.3rem;
    }
    .fenye ul {
        margin-left: 0;
        margin-top: 10px;
    }
    .fenye ul li a {
        padding: 1px 6px;
    }
    /*产品详情*/
    .pro-img {
        max-width: 380px;
        height: auto;
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .pro-tex {
        margin-left: inherit;
    }
    .pro-tex div {
        font-size: 1.6rem;
        margin-bottom: 5px;
    }
    .pro-tex ul li{
        line-height: 25px;
        font-size: 1.3rem;
        margin-top: 0;
    }
    .pro-tex ul li span {
        float: none;
    }
    .pro-tex ul li p {
        width: 80%;
    }
    .prode-chag span {
        padding: 4px;
        font-size: 1.6rem;
        margin-right: 26px;
    }
    .prode-imp ul li {
        font-size: 1.4rem;
        margin-bottom: 9px;
        line-height: 24px;
    }
    .prode-imp p {
        font-size: 1.4rem;
        line-height: 24px;
        text-align: justify;
        padding: 0;
    }
    .pro-top {
        min-height: initial;
        margin-bottom: 20px;
    }
    .prode-chag {
        margin-bottom: 20px;
    }

    /*生产品控*/
    .sp_b>ul li {
        float: none;
        margin-bottom: 15px;
        margin-left: 0;
        width: 100%;
    }
    .sp_b>ul li p {
        height: auto;
    }
    .sp_b>ul li div {
        padding: 12px;
        font-size: 1.4rem;
    }

    /*新闻页面*/
    .news_b{
        padding: 0 15px;
    }
    .news-img {
        width: 80px;
        height: auto;
    }
    .news-tex {
        margin-left: 90px;
        padding-top: 5px;
    }
    .news-imp {
        width: auto;
        display: block;
    }
    .news-tt{
        margin-top: 12px;
        text-align: left;
        float: none;
    }
    .news-tt img {
        float: none;
        width: 36px;
        margin-top: 0;
    }
    .news-tt p{
        font-size: 1.8rem;
        margin-bottom: 5px;
    }
    .news-imp span {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .news-imp p {
        line-height: 21px;
        font-size: 1.3rem;
    }
    .news_b>ul li {
        padding: 0 0 15px;
        margin-bottom: 25px;
    }
    /*新闻*/
    .newsde-til {
        font-size: 1.8rem;
        margin-bottom: 5px;
    }
    .news-tilbot {
        margin-bottom: 15px;
        font-size: 1.3rem;
        padding-bottom: 12px;
    }
    .thebottom-jump{
        padding: 0 3%;
    }
    .thebottom-jump>div {
        margin-top: 35px;
        padding-bottom: 15px;
    }
    .thebottom-jump>div>a>div {
        font-size: 1.45rem;
    }
    .newsde-text {
        margin-bottom: 30px;
    }
    .newsde-text p {
        font-size: 1.4rem;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .jumptil {
        margin-bottom: 25px;
    }
    .jumptil span {
        margin-bottom: 6px;
        font-size: 1.4rem;
        padding-left: 3%;
    }
    .move-newsde {
        margin-bottom: 0;
        padding: 18px 15px;
    }
    .moven-til {
        padding: 3px 8px;
        font-size: 1.7rem;
        margin-bottom: 12px;
    }
    .moven-text ul li {
        width: auto;
        float: none;
    }
    .moven-text ul {
        min-width: 100%;
        margin-right: 0;
        line-height: 28px;
        width: 100%;
        font-size: 1.5rem;
    }
    .moven-text {
        padding-top: 14px;
    }
    .moven-text ul li a {
        font-size: 1.4rem;
    }

    /*联系我们页面*/
    .cont_t {
        margin-top: 76px;
    }
    .cont_l ul li {
        width: 100%;
        height: auto;
        border-radius: 20px;
        padding: 58px 20px 10px;
        font-size: 1.4rem;
        margin-bottom: 30px;
    }
    .cont_l ul li img {
        width: 68px;
        height: 68px;
        top: -20px;
        left: calc(50% - 34px);
    }
    .cont_l ul li div {
        margin-bottom: 0;
    }
    .cont_l ul li p {
        line-height: 26px;
    }
    .cont_l {
        float: none;
        width: 100%;
    }
    .cont_r {
        width: 100%;
        float: none;
    }
    .cont_map {
        width: 100%;
        height: 450px;
        margin-bottom: 20px;
    }
    .cont_f {
        padding: 15px;
    }
    .cont-btil {
        font-size: 1.3rem;
        margin-bottom: 15px;
    }
    .cont-btil span {
        font-size: 1.8rem;
    }
    .cont_f form {
        font-size: 1.4rem;
        width: 100%;
    }
    .cont_f form div {
        display: block;
        margin-bottom: 0;
    }
    .cont_f form div input:last-of-type {
        margin-left: initial;
    }
    .cont_f form div input {
        height: 43px;
        width: 100%;
        padding-left: 12px;
        margin-bottom: 12px;
    }
    .cont_f form textarea {
        height: 120px;
        width: 100%;
        padding-left: 12px;
        padding-top: 12px;
        margin-bottom: 18px;
    }
    .cont_f form input[type=submit] {
        font-size: 1.6rem;
        padding: 9px 40px;
    }
.ys_item .yd{ height:112px;}


.in_po_list .swiper-slide p {
    font-size: 12px;
    color: #33383c;
    text-align: center;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.in_po_cat{    margin: 25px auto 33px;}
.swiper-button-next, .swiper-button-prev{ zoom:0.75;}
.in_news_item{    margin-bottom: 20px;}
.dr1 {
    font-size: 14px;
    color: #bbbbbb;
    line-height: 1.5;
    width: calc(100% - 120px);
    text-align: left;
}
.dr2 {  width: 90px;}
.dr1 p {
    font-size: 20px;}
.footer_con {
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}
.ys_item .yt {
    font-size: 18px;margin-top: 20px;}
.ys_item img{zoom:0.75}
.in_4d_cat .item {
    font-size: 16px;line-height: 45px;    width: 50%;
}
.in_4d_cat .item img{width: 25px;}

.oth_chg ul li a {
    padding: 8px 0;
    font-size: 1.5rem;
    margin-bottom: 5px;
    width: 100%;
}

.oth_chg ul li{
    margin: 0;
    width: 31%;
}







}





@media only screen and (max-width: 500px) {
.in_ab .right video, .in_ab .right iframe{    height: 283px;}

.in_ab .right{height: 300px;}

}