body{color:#333; font-size:14px;margin: 0;padding: 0;} [body]{overflow:hidden; } .pc-light{ box-shadow: 0 0 10px rgba(0, 0, 0, .7);background: #fff; margin: 0 !important; padding:62px auto 54px;} .cw1420{width: 1420px; margin: 0 auto;} #searchouter.show{ z-index: 105;} txt ul li, .editor ul li, .detail ul li{ list-style: inherit;} .line1{-webkit-line-clamp: 1;} /* 标题 */ .title {text-align: center; color: #333; } .title .title_en{font-size: 60px; font-weight: bold; margin-bottom: 18px;} .title .title_cn{font-size: 24px; font-weight: bold; margin-bottom: 70px;} /* 产品详情页标题 */ .pro-title{font-size: 30px; color: #333; font-weight: bold;position: relative; margin-bottom: 68px;} .pro-title:before{content:""; display: block; width: 118px; height: 6px; background: #1f4785; position: absolute; bottom: -18px; left: 0;} /* 页码 */ #turn_page{ display: flex; justify-content: center; align-items: center; margin-top: 50px;} #turn_page .word{ display: none;} #turn_page span, #turn_page a, #turn_page font{ font-size: 12px; line-height: 40px; width: 40px; text-align: center; border: 1px solid #e5e5e5; box-sizing: border-box;} #turn_page .page_item_current{ background: #e60012; border-color: #e60012; color: #fff;} #turn_page img{ width: auto;} #turn_page .prev img{ margin-right: 10px;} #turn_page .next img{ margin-left: 10px;} #turn_page .page_button, #turn_page .page_noclick{ padding: 0 26px; width: auto;} #turn_page font.page_item{ border: 0;} #turn_page .page-form{ display: flex; justify-content: start; align-items: center; margin-left: 20px;} #turn_page .page-form .count{ font-size: 14px; color: #666; } #turn_page .page-form .page{ display: flex; justify-content: center; align-items: center; margin-left: 8px; font-size: 14px; color: #666;} #turn_page .page-form .page input[type=text]{ margin: 0 4px; width: 40px; height: 40px; border: 1px solid #e5e5e5; font-size: 14px; color: #666; text-align: center;} #turn_page .page-form .btn{ margin-left: 10px; width: 60px; height: 40px; line-height: 0; border: 1px solid #e5e5e5;} #turn_page .page-form .btn input[type=submit]{ width: 100%; height: 100%; line-height: 40px; font-size: 14px; color: #666; cursor: pointer;} /* it图标 */ .it{ display: flex; justify-content: start; align-items: center; height: 44px;} .it .it_item{ z-index: 15; margin-right: 20px;} .it .it_item .qrcode{ top: 100%; left: 50%; padding: 10px; width: 120px; background: rgba(0, 0, 0, .5); transform: translateX(-50%); border-radius: 5px;} .it .it_item .qrcode img{ max-width: 100%;} .it .it_item:hover .qrcode{ display: block;} /* 头部 */ #header {} .m-head{display: none;} #header .head-top{width: 100%; padding: 0 220px 54px;display: flex; justify-content: space-between;} /* #header .head-top .right{line-height: 64px;} */ #header .head-top .right .icon{ margin: 26px 22px 0;} #header .head-top .right .icon::after{content:""; display: block; width: 1px;height: 11px; background: #d6d6d6; position: absolute; top: 50%; right: -22px; transform: translateY(-50%);} #header .head-top .right .lang .list{ left: 50%; top: 150%; width: 100px; padding: 10px 0; background: #fff; transform: translateX(-50%); box-shadow: 0 0 10px rgba(0, 0, 0, .3); border-radius: 5px;} #header .head-top .right .lang .list .item{ line-height: 30px; text-align: center;} #header .head-top .right .phone{margin-left: 20px;} #header .head-top .right .phone .img{margin-top: 21px;} #header .head-top .right .phone .p1{font-size: 24px; font-weight: bold; color: #1f4785; line-height: 64px; margin-left: 9px;} #header .cw1920{ } #header .posbox{z-index: 20;} #header .posbox.fixed{background: #f5f5f5;box-shadow: 0 1px 0 0 rgba(0,0,0,.1);} #header .nav-list{width: 100%;} #header .nav-list ul{width: 100%; display: flex;} #header .nav-list ul li{ width: 14.2857%; z-index: 10;} #header .nav-list ul li .nav-item{ width: 100%; padding: 33px 0 30px; font-size: 16px; color: #333; text-align: center;} #header .nav-list ul li .nav-item::before{content: ""; display: inline-block; width: 1px; height: 25px; background: #d6d6d6; position: absolute; top: 50%; right: 0; transform: translateY(-50%);} #header .nav-list ul li.cur .nav-item, #header .nav-list ul li:hover .nav-item{ /*background: #1f4785;color: #fff;*/color: #1f4785;font-weight: bold;} #header .nav-list ul li:last-child .nav-item::before{display: none;} #header .nav-list ul li .list{ display: none; left: 50%; top: 100%; z-index: 1; width: 100%; background: #fff; transform: translateX(-50%); box-shadow: 0 0 10px rgba(0, 0, 0, .1);} #header .nav-list ul li .list .item-a{ padding-bottom: 15px; width: 100%; font-size: 16px; text-align: center;} #header .nav-list ul li .list .item-a:first-child{ padding-top: 15px;} #header .nav-list ul li .list .item-a:hover{ color: #1f4785;} #header .nav-list ul li:hover .list{ display: block;} /* banner */ #index-swiper.mb-banner{ display: none;} #index-swiper {width: 100%;} #index-swiper .cont{width: 100%;} #index-swiper .cont .images img{max-width: 100%; max-height: 100%;} #index-swiper .swiper-pagination{margin-bottom: 47px;} #index-swiper .swiper-pagination-bullet.circle-bar-btn{ font-size: 0;} #index-swiper .swiper-pagination-bullet.circle-bar-btn::before, #index-swiper .swiper-pagination-bullet.circle-bar-btn.swiper-pagination-bullet-active::before{ margin: 0; width: 12px; height: 12px; background: #fff; transform: translate(-50%, -50%);} /* banner */ .banner{width: 100%;} .second-nav{ z-index: 5; background: #1f4785;} .second-nav .list{width: 100%; display: flex; color: #fff; justify-content: center; align-items: center;} .second-nav .list .item:before{ display: none; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #ce2820;} .second-nav .list .item.cur, .second-nav .list .item:hover{background: #193765;} .second-nav .list .item.cur:before, .second-nav .list .item:hover:before{ display: block;} .second-nav .list .item .back{ display: flex; justify-content: center; align-items: center; margin-right: 17px; width: 20px; height: 20px;} .second-nav .list .item .back img{ max-width: 100%; max-height: 100%;} .second-nav .list .item a{ padding: 27px 44px; font-size: 14px; color: #fff; display: flex;} /* footer */ #footer{padding: 100px 0; background: #222; color: #fff;} #footer .it .it_item .qrcode{ top: inherit; bottom: 100%;} #footer .fot-top{width: 100%; display: flex; margin-bottom: 50px;} #footer .fot-top .m-f-nav{display: none;} #footer .fot-top .left{width: 30.5634%;} #footer .fot-top .left .message{margin-bottom: 20px;} #footer .fot-top .left .mail{margin-bottom: 35px;} #footer .fot-top .left .code_list{ display: flex; justify-content: start; align-items: start;} #footer .fot-top .left .code{ margin-left: 30px; width: 100px;} #footer .fot-top .left .code img{ width: 100%;} #footer .fot-top .left .code:first-child{ margin-left: 0;} #footer .fot-top .left .code .txt{ margin-top: 15px; font-size: 12px; line-height: 35px; text-align: center;} #footer .fot-top .left .message .p1{font-size: 16px; line-height: 25px;} #footer .fot-top .left .message .p2{font-size: 14px; line-height: 20px; color: #909090;} #footer .fot-top .cen{width: 41.1972%; display: flex; flex-wrap: wrap;} #footer .fot-top .cen .na{width: 33%;} #footer .fot-top .cen .na .one{font-size: 16px; color: #fff; line-height: 29px; margin-bottom: 9px;} #footer .fot-top .cen .na .two a{font-size: 14px; line-height: 24px; color: #909090; margin-bottom: 8px; } #footer .fot-top .right{width: 28.4507%;} #footer .fot-top .right .slogen{font-size: 25px; line-height: 34px; margin-bottom: 28px;} #footer .fot-top .right .form {width: 100%;} #footer .fot-top .right .form .in-txt{width: 100%; border: 1px solid #4e4e4e; padding: 23px 30px; display: flex; margin-bottom: 20px; font-size: 12px;} #footer .fot-top .right .submit{background: #1f4785; padding: 25px 0; font-size: 14px;} #footer .fot-top .right .submit:hover{background: #1a3e74} #footer .fot-bot{width: 100%; display: flex; justify-content: space-between; font-size: 12px;} #footer .fot-bot .copy{ color: #5e5e5e;} #footer .fot-bot .link {width: 28.4507%; display: flex; color: #a3a3a3;} #footer .fot-bot .link .txt{ color: #fff; white-space: nowrap;} #footer .fot-bot .link .link-list{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; color: #5e5e5e;} #footer .fot-bot .link .link-list .item{ margin: 0 0 15px 30px;} /* 首页产品 */ #index{} #index .in-product {padding: 100px 0;} #index .in-product .main{width: 100%; margin-bottom: 75px;} #index .in-product .main .pro-nav1{display: flex; justify-content: center; margin-bottom: 55px;} #index .in-product .main .pro-nav1 li{font-size: 16px; color: #1a1a1a; margin: 0 30px; padding-bottom: 11px;} #index .in-product .main .pro-nav1 li:hover, #index .in-product .main .pro-nav1 li.cur{ border-bottom: 3px solid #ce2820;} #index .in-product .main .pro-nav1 li:hover a, #index .in-product .main .pro-nav1 li.cur a{ color: #ce2820; font-weight: bold;} #index .in-product .main .pro-nav1 li a::after{ content:""; display: inline-block; width: 1px; height: 19px; background: #cccccc; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);} #index .in-product .main .pro-nav1 li:last-child a::after{display: none;} #index .in-product .main .pro-nav2 .cont{/* margin-right: 55px; width: 430px !important;*/background: #edf1f2;} #index .in-product .main .pro-nav2 .cont .images{ text-align: center; height: 324px;} #index .in-product .main .pro-nav2 .cont .images img{ width: auto; max-width: 100%; max-height: 100%;} #index .in-product .main .pro-nav2 .cont .text{width: 100%; text-align: center; padding: 45px 0px;} #index .in-product .main .pro-nav2 .cont .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;} #index .in-product .main .pro-nav2 .cont .text .brief{ margin: 20px auto 0; width: 92%; line-height: 28px; font-size: 16px; color: #999;} #index .in-product .main .pro-nav2 .cont:hover .images{transform: translateY(-20px);} #index .in-product .main .pro-nav2 .cont:hover .text{background: #1f4785;} #index .in-product .main .pro-nav2 .cont:hover .text .name, #index .in-product .main .pro-nav2 .cont:hover .text .brief{ color: #fff;} #index .in-product .main .container{ padding: 0 30px;} #index .in-product .main .pro-nav2 .btn-list{ display: flex; justify-content: space-between; align-items: center; top: 50%; left: 50%; z-index: 1; width: 100%; transform: translate(-50%, -50%);} #index .in-product .main .pro-nav2 .btn-list .btn-item{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, .3);} #index .in-product .main .pro-nav2 .btn-list .btn-item.prev{ margin-left: 10px; transform: rotate(180deg);} #index .in-product .main .pro-nav2 .btn-list .btn-item.next{ margin-right: 10px;} #index .in-product .main .pro-nav2 .btn-list .btn-item img{ height: 60%;} #index .in-product .more-btn{ margin: 0 auto; width: 180px; line-height: 55px; border: 1px solid #333; color:#333; text-align: center;} /* 首页应用 */ #index .in-application{width: 100%; background: #f5f5f5; padding: 100px 0;} #index .in-application .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #index .in-application .app-swiper{width: 100%;} #index .in-application .app-swiper .type-list{width: 100%; margin-bottom: 36px;} #index .in-application .app-swiper .type-list .type {display: flex; height: 120px; line-height: 120px; justify-content: center;} #index .in-application .app-swiper .type-list .type::after{content: ""; width: 1px; height: 77px; background: #ccc; position: absolute; top: 22px; right: 0px;} #index .in-application .app-swiper .type-list .type:last-child::after{display: none;} #index .in-application .app-swiper .type-list .type .name{margin-left: 30px; font-size: 16px; color: #333; height: 110px;} #index .in-application .app-swiper .type-list .type .icon{ width: 25%;} #index .in-application .app-swiper .type-list .type .icon img{ top: 50%; left: 50%; transform: translate(-50%, -50%);} #index .in-application .app-swiper .type-list .type .icon img:last-child{ display: none;} #index .in-application .app-swiper .type-list .type.swiper-slide-thumb-active{background: #1f4785; margin-bottom: 15px;} #index .in-application .app-swiper .type-list .type.swiper-slide-thumb-active .icon img:last-child{ display: block;} #index .in-application .app-swiper .type-list .type.swiper-slide-thumb-active::after{display: none;} #index .in-application .app-swiper .type-list .type.swiper-slide-thumb-active .name{color: #fff;} #index .in-application .app-swiper .type-list .type.swiper-slide-thumb-active:before{content:""; width: 26px; height: 26px; background: #1f4785; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%) rotate(45deg);} #index .in-application .app-swiper .type-info .app-info .desc{width: 100%; bottom: 0; left: 0; background: rgba(0,0,0,0.5); padding: 18px 0 16px; color: #fff;} #index .in-application .app-swiper .type-info .app-info .desc .desc-name{margin: 0 74px 0 62px; font-size: 18px; font-weight: bold;} #index .in-application .app-swiper .type-info .app-info .desc .desc-info{font-size: 14px;} #index .in-application .app-swiper .type-info .app-info .desc .desc-btn{margin-right: 72px; border: 1px solid #fff; padding: 0 62px;} #index .in-application .app-swiper .type-info .app-info .desc .desc-name, #index .in-application .app-swiper .type-info .app-info .desc .desc-info, #index .in-application .app-swiper .type-info .app-info .desc .desc-btn{ line-height: 53px; font-size: 14px; color: #fff;} #index .in-application .app-swiper .type-info .app-info .desc .desc-btn.trans:hover{background-color: white;color: #333;} /* 首页-关于我们 */ #index .in-about{padding: 100px 0;} #index .in-about .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #index .in-about .main{width: 100%; display: flex; justify-content: space-between;} #index .in-about .main .left{width: 40%;} #index .in-about .main .left .com-name{margin-bottom: 30px;} #index .in-about .main .left .com-name .name_cn{font-size: 36px; color: #333; font-weight: bold; margin-bottom: 17px;} #index .in-about .main .left .com-name .name_en{font-size: 14px; color: #333; font-weight: bold;line-height: 20px;text-transform: uppercase;} #index .in-about .main .left .com-info{font-size: 16px; color: #999; line-height: 30px; margin-bottom: 45px;} #index .in-about .main .left .com-data{width: 100%; display: flex;} #index .in-about .main .left .com-data .data{margin: 0 0 55px 50px;} #index .in-about .main .left .com-data .data:first-child{margin: 0;} #index .in-about .main .left .com-data .data .nums{display: flex; align-items: flex-end; margin-bottom: 36px;} #index .in-about .main .left .com-data .data .nums .num{font-size: 50px; color: #1f4785; font-weight: bold;} #index .in-about .main .left .com-data .data .nums span{ margin-bottom: 11px;} #index .in-about .main .left .com-data .data .txt{font-size: 15px; color: #a9a9a9; line-height: 24px;} #index .in-about .main .left .com-more{ display: inline-block; border: 1px solid #000; padding: 20px 45px;} #index .in-about .main .right{width: 52.1429%;} /* 首页-企业优势 */ #index .in-adv{width: 100%; background: #f5f5f5; padding: 100px 0;} #index .in-adv .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #index .in-adv .adv-main{width: 100%; display: flex; justify-content: space-between;} #index .in-adv .adv-main .advantage{overflow:hidden; width: 19.2143%;} #index .in-adv .adv-main .advantage .info{width: 100%; height: 100%; top:268px; left: 0; color: #fff; text-align: center; padding: 0 62px ; background: #1f4785;} #index .in-adv .adv-main .advantage .info .txt{font-size: 16px; padding: 22px 0 23px;} #index .in-adv .adv-main .advantage:hover .info{animation: move1 .2s ease forwards;} #index .in-adv .adv-main .advantage:hover .info .txt{font-weight: bold;} @keyframes move1{ 0%{top: 268px; background: #1f4785;padding: 0 62px;} 100%{top: 0; background: rgba(22,63,128,0.9); padding: 107px 62px 0;} } /* 首页-新闻资讯 */ #index .in-news{padding: 100px 0;} #index .in-news .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #index .in-news .main .news-nav1{display: flex; justify-content: center; margin-bottom: 55px;} #index .in-news .main .news-nav1 li{font-size: 16px; color: #1a1a1a; margin: 0 30px; padding-bottom: 11px;} #index .in-news .main .news-nav1 li:hover, #index .in-news .main .news-nav1 li.cur{ border-bottom: 3px solid #ce2820;} #index .in-news .main .news-nav1 li:hover a, #index .in-news .main .news-nav1 li.cur a{ color: #ce2820; font-weight: bold;} #index .in-news .main .news-nav1 li a::after{ content:""; display: inline-block; width: 1px; height: 19px; background: #cccccc; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);} #index .in-news .main .news-nav1 li:last-child a::after{display: none;} #index .in-news .main .news-nav2 li.cur .container {overflow: visible !important;} #index .in-news .main .news-nav2 .i-con{ display: flex; justify-content: space-between; align-content: start; margin-top: 55px;} #index .in-news .main .news-nav2 .i-con .big-item{ width: 35.7143%; box-shadow: 0px 11px 35px 0px rgba(0, 0, 0, 0.15);} #index .in-news .main .news-nav2 .i-con .big-item .img{ width: 100%; overflow: hidden;} #index .in-news .main .news-nav2 .i-con .big-item .info{ padding: 60px 30px; width: 100%; background: #1f4785;} #index .in-news .main .news-nav2 .i-con .big-item .info .date{ width: 100%; line-height: 21px; font-size: 16px; color: #fff; font-weight: bold;} #index .in-news .main .news-nav2 .i-con .big-item .info .name{ margin-top: 6px; width: 100%; line-height: 27px; font-size: 18px; color: #fff; font-weight: bold;} #index .in-news .main .news-nav2 .i-con .big-item .info .brief{ margin-top: 12px; width: 100%; height: 44px; line-height: 22px; font-size: 14px; color: #fff;} #index .in-news .main .news-nav2 .i-list{ width: 58.5714%; height: 484px; background: #fff;margin-top: 50px;} #index .in-news .main .news-nav2 .i-list .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background: #ddd;} #index .in-news .main .news-nav2 .i-list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #1f4785;} #index .in-news .main .news-nav2 .i-list .i-list-in{padding: 0 44px; width: 100%;} #index .in-news .main .news-nav2 .i-list .i-row{ display: flex; align-items: center; padding: 27px 0; width: 100%; border-top: 1px solid #ddd;} #index .in-news .main .news-nav2 .i-list .i-row:first-child{ border-top: 0;} #index .in-news .main .news-nav2 .i-list .i-row .info{ width: 61.9048%;} #index .in-news .main .news-nav2 .i-list .i-row .info .name{ width: 100%; height: 26px; line-height: 26px; color: #333; font-weight: bold;font-size: 17px;} #index .in-news .main .news-nav2 .i-list .i-row .info .brief{ margin-top: 10px; width: 100%; height: 22px; line-height: 22px; font-size: 14px; color: #333;} #index .in-news .main .news-nav2 .i-list .i-row .date{font-weight: bold; padding: 0 47px 0 36px; margin-right: 47px; border-right: 1px solid #b2b2b2;} #index .in-news .main .news-nav2 .i-list .i-row .date .day{font-size: 24px; } #index .in-news .main .news-nav2 .i-list .i-row .date .year{font-size: 18px;} #index .in-news .main .news-nav2 .i-list .i-row:hover .info .name{ color: #1f4785; font-weight: bold;} #index .in-news .main .news-nav2 .i-list .i-row:hover .info .brief{ color: #1f4785;} #index .in-news .main .news-nav2 .i-list .i-row:hover .date{ color: #1f4785; border-right: 1px solid #1f4785;} #index .in-news .main .i-btn{ margin: 58px auto 0; width: 178px; height: 50px; line-height: 50px; border: 1px solid #000; font-size: 14px; color: #333333; text-align: center;} /* 产品 */ #products{margin: 100px auto;} #products .pro-cont .list{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; width: 100%;} #products .pro-cont .item{ width: 30.7143%; background: #ebeff1; margin: 0 3.92857% 3.92857% 0;} #products .pro-cont .item .images{ width: 100%; height: 321px; text-align: center;} #products .pro-cont .item .images img{ width: auto; max-width: 100%; max-height: 100%;} #products .pro-cont .item:nth-child(3n){margin-right: 0;} #products .pro-cont .item .text{width: 100%; text-align: center; padding: 45px 0px;} #products .pro-cont .item .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;} #products .pro-cont .item .text .brief{ margin: 0 auto; width: 92%; font-size: 16px; line-height: 28px; color: #999;} #products .pro-cont .item:hover .images{transform: translateY(-20px);} #products .pro-cont .item:hover .text{background: #1f4785;} #products .pro-cont .item:hover .text .name, #products .pro-cont .item:hover .text .brief{ color: #fff;} /* 产品详情 */ #pro-detail{margin: 100px auto 0;} /* #pro-detail .detail{margin-bottom: 100px;} #pro-detail .detail .img{ width:58%; display: flex; align-items: flex-start;} #pro-detail .detail .img .big-img{ width:78.4706%; border:1px solid #e9e9e9; background: #f7f7f7; margin-right: 20px;} #pro-detail .detail .img .big-img i{ padding-top:100%;} #pro-detail .detail .img .small-img{ width:18.9412%; position:relative;} #pro-detail .detail .img .small-img::before{ width:100%; display:block; padding-top:290%; content:''; } #pro-detail .detail .img .small-img .fa-absolute{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;} #pro-detail .detail .img .small-img .ites{ width:100%; height:82%; padding-bottom:20px; padding-right:1px;} #pro-detail .detail .img .small-img .ites .slide{ width:100%; cursor:pointer; border:1px solid #e9e9e9; margin-bottom:10px;} #pro-detail .detail .img .small-img .ites .slide img{ max-width:80%; max-height:80%;} #pro-detail .detail .img .small-img .ites .slide i{ padding-top:100%;} #pro-detail .detail .img .small-img .ites .slide.cur{ border-color:#1f4785;} #pro-detail .detail .img .small-img .ites .slide.none{ margin-bottom:0;} #pro-detail .detail .img .small-img .arrow{ width:100%; height: 82px; border:1px solid #e9e9e9; margin-top:30px; display: flex;} #pro-detail .detail .img .small-img .arrow div{ width:50%; cursor:pointer;} #pro-detail .detail .img .small-img .arrow div i{ padding-top:100%;} #pro-detail .detail .img .small-img .arrow .prev{ width: 50%; background:url(/images/swiper_btn_icon0.png) no-repeat center;} #pro-detail .detail .img .small-img .arrow .next{width: 50%; background:url(/images/swiper_btn_icon0.png) no-repeat center; border-right:1px solid #e9e9e9; transform: rotate(180deg);} #pro-detail .detail .img .small-img .arrow .next:hover{ background:url(/images/swiper_btn_icon1.png) no-repeat center; background-color: #1f4785; transform: rotate(0deg);} #pro-detail .detail .img .small-img .arrow .prev:hover{ background:url(/images/swiper_btn_icon1.png) no-repeat center; background-color: #1f4785; transform: rotate(180deg);} */ /*产品详情 products_detail*/ #pro-detail{margin:5% auto 100px;} #pro-detail .title{border:1px solid #f1f1f1;padding:60px 0px;} #pro-detail .detail-img{width:53.25%;height:430px;margin-bottom: 100px;} #pro-detail .detail-img .detail-img-top{height:430px;width:75.61%;margin: 0;float:left;background-color: #f7f7f7;} #pro-detail .detail-img .detail-img-top .swiper-slide.video{ cursor: pointer;} #pro-detail .detail-img .detail-img-top .swiper-slide.video span{ display: flex; justify-content: center; align-items: center; bottom: 21px; left: 32px; width: 42px; height: 42px; border: 2px solid #3d3d3d; text-align: center; border-radius: 50%;} #pro-detail .detail-img .detail-img-top .swiper-pagination{display: none;} #pro-detail .detail-img .detail-img-thumbs-bg{height:430px;width:18.3%;float:left;margin-left: 2.5%;} #pro-detail .detail-img .detail-img-thumbs{height: 350px;width:100%;} #pro-detail .detail-img .detail-img-thumbs .swiper-slide{width: 100%;height:120px;} #pro-detail .detail-img .detail-img-thumbs .swiper-slide .img{width: calc(100% - 2px);height: calc(100% - 2px);border:1px solid #e6e6e6;} #pro-detail .detail-img .detail-img-thumbs .swiper-slide.swiper-slide-active .img{border-color:#333;} #pro-detail .detail-img .detail-img-thumbs-bg .button_white{width:50%;height:65px;bottom:0px;background:none;top:auto;border:1px solid #e4e4e4;} /*#pro-detail .detail-img .detail-img-thumbs-bg .but-box{position: relative;}*/ /*#pro-detail .detail-img .detail-img-thumbs-bg .but-box:before{content: "";width: 1px;height: 100%;background-color: #e4e4e4;position: absolute;left: 50%;top: 0;}*/ #pro-detail .detail-img .detail-img-thumbs-bg .swiper-button-next{right:0;background:url(/images/swiper_btn_icon0.png) no-repeat center; transform: rotate(180deg);width:calc(50% + 1px);} #pro-detail .detail-img .detail-img-thumbs-bg .swiper-button-prev{left:0;background:url(/images/swiper_btn_icon0.png) no-repeat center;} #pro-detail .detail .contents{ width:39%;} #pro-detail .detail .contents .brief {width:100%; margin:54px 0 24px; font-size: 14px; color: #828282; border-bottom: 1px solid #ededed; padding-bottom: 16px;} #pro-detail .detail .contents .apply{font-size: 14px; color: #333; font-weight: bold; line-height: 22px;} #pro-detail .detail .contents .submit{ width:100%; margin-top:40px;} #pro-detail .detail .contents .submit .btn{ padding:16px 46px; background:#1f4785; color:#fff;} #pro-detail .detail .contents .submit .btn .txt{margin-left: 19px;} #pro-detail .detail .contents .submit .btn:hover{background: #1a3e74;} /* 产品详情-产品参数 */ #pro-detail .parameter{ margin-bottom: 100px;} #pro-detail .parameter .desc table{ margin: 0 auto; width: 100% !important;} #pro-detail .parameter .desc table tr td{ padding: 5px 10px; border: 1px solid #ccc;} /* 产品详情-样品图片 */ #pro-detail .sample{ margin-bottom: 100px;} #pro-detail .sample .sample-list{width: 100%; display: flex; justify-content: start;} #pro-detail .sample .sample-list .item{ width: 23.8571%;margin-right: 23px; background: #f0f3f4;} #pro-detail .sample .sample-list .item:last-child{margin-right: 0;} #pro-detail .sample .sample-list .text{width: 100%; text-align: center; padding: 15px 0px;background-color: #fcfdfd;} #pro-detail .sample .sample-list .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;} #pro-detail .sample .sample-list .text .brief{ margin: 0 auto; width: 92%; font-size: 16px; line-height: 28px; color: #999;} #pro-detail .sample .sample-list .item:hover .images{transform: translateY(-20px);} #pro-detail .sample .sample-list .item:hover .text{background: #1f4785;} #pro-detail .sample .sample-list .item:hover .text .name, #pro-detail .sample .sample-list .item:hover .text .brief_cn{color: #fff;} #pro-detail .sample .content_box{width:100%;display:flex;align-items:center;position:relative;} #pro-detail .sample .content_box .item{background: #f0f3f4;} #pro-detail .sample .content_box .text{width: 100%; text-align: center; padding: 15px 0px;background-color: #fcfdfd;} #pro-detail .sample .content_box .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;} #pro-detail .sample .content_box .text .brief{ margin: 0 auto; width: 92%; font-size: 16px; line-height: 28px; color: #999;} #pro-detail .sample .content_box .item .images img{width:100%;object-fit:contain;} #pro-detail .sample .content_box .item:hover .images{transform: translateY(-20px);} #pro-detail .sample .content_box .item:hover .text{background: #1f4785;} #pro-detail .sample .content_box .item:hover .text .name, #pro-detail .sample .content_box .item:hover .text .brief_cn{color: #fff;} #pro-detail .sample .content_box .pn{top:50%;transform:translateY(-50%);z-index:2;width: 60px;height: 60px;border: 1px solid #404040;border-radius:50%;transition:0.3s;} #pro-detail .sample .content_box .pn.prev{left:-30px;} #pro-detail .sample .content_box .pn.next{right:-30px;} #pro-detail .sample .content_box .pn.next img{transform:rotate(180deg);} #pro-detail .sample .content_box .pn:hover{background-color:#1f4785;border-color:#1f4785;} #pro-detail .sample .content_box .pn.prev:hover img{transform:rotate(180deg);} #pro-detail .sample .content_box .pn.next:hover img{transform:rotate(0);} #pro-detail .sample .content_box .pn:hover .i1{display:none;} #pro-detail .sample .content_box .pn:hover .i2{display:inline-block;} .wrap {position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);z-index: 2;width: 100%;height: 100%;display: none;} /* 产品详情-相关产品 */ #pro-detail .relevant{width: 100%; background: #f7f7f7; padding: 100px 0;} #pro-detail .relevant .rel-pro {width: 100%; display: flex; justify-content: start; flex-wrap: wrap;} #pro-detail .relevant .rel-pro a{width: 31% !important; background-color: #ebeff1;margin: 0 3.5% 3.5% 0;} #pro-detail .relevant .rel-pro a:last-child{margin-right: 0;} #pro-detail .relevant .rel-pro a .cont{width: 100%;background: #ebeff1; margin: 0 55px 55px 0;} #pro-detail .relevant .rel-pro .cont:nth-child(3n){margin-right: 0;} #pro-detail .relevant .rel-pro .cont .images{ text-align: center; height: 324px;} #pro-detail .relevant .rel-pro .cont .images img{ width: auto; max-width: 100%; max-height: 100%;} #pro-detail .relevant .rel-pro .cont .text{width: 100%; text-align: center; padding: 45px 0px;} #pro-detail .relevant .rel-pro .cont .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;} #pro-detail .relevant .rel-pro .cont .text .brief{ margin: 0 auto; width: 92%; font-size: 16px; line-height: 28px; color: #999;} #pro-detail .relevant .rel-pro .cont:hover .images{ transform: translateY(-20px);} #pro-detail .relevant .rel-pro .cont:hover .text{background: #1f4785;} #pro-detail .relevant .rel-pro .cont:hover .text .name, #pro-detail .relevant .rel-pro .cont:hover .text .brief{ color: #fff;} #application>#pro-detail{margin:0 auto;} #application>#pro-detail .relevant{ padding: 40px 0 0;background: #fff;} /* 行业应用 */ #application{margin: 100px auto;} #application .app-cont .cont .title{font-size: 45px; color: #333; font-weight: bold; text-align: center; margin-bottom: 80px;} #application .app-cont .cont .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #application .app-cont .cont .slogen{font-size: 16px; line-height: 26px; text-align: center; margin-bottom: 65px;} #application .app-cont .cont .main .desc{width: 100%; display: flex; margin-bottom: 50px;} #application .app-cont .cont .main .desc .left{width: 48.7857%; } #application .app-cont .cont .main .desc .info{width: 51.0714%; } #application .app-cont .cont .main .desc:nth-child(2n){flex-direction: row-reverse;} #application .app-cont .cont .main .info{font-size: 16px; color: #828282; line-height: 30px; padding: 160px 105px; background: url(/images/service_item_bg.png) repeat top left;} /* 服务-视频中心 */ #video{ margin: 50px 0 100px;} #video .type-list{display: flex; justify-content: center;} #video .type-list .item{margin: 0 22px 50px 0; padding: 0 43px; font-size: 14px; line-height: 60px; color: #333; border: 1px solid #d6d6d6; } #video .type-list .item.cur, #video .type-list .item:hover{background: #1f4785; color: #fff; font-weight: bold; border: 0;} #video .type-item .cont{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap;} #video .type-item .cont .vid{ margin: 0 2.0715% 28px 0; width: 31.9286%; border: 1px solid #ccc;} #video .type-item .cont .vid:nth-child(3n){margin-right: 0;} #video .type-item .cont .vid .z-pic:after{padding-top: 69.56%;} #video .type-item .cont .vid .z-pic img{ position: static; max-width: 100%; max-height: 100%;} #video .type-item .cont .vid .z-pic .ico{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/images/play.svg) no-repeat center center rgba(31, 71, 133, .8); z-index: 2; } #video .type-item .cont .vid .con{padding: 35px 25px;width: 100%;} #video .type-item .cont .vid .con .name{color: #333333;font-size: 18px;font-weight: bold;} #video .type-item .cont .vid .con .desc{ width: 100%; color: #898989;font-size: 16px;margin-top: 6px;} #video .type-item .cont .vid:hover{box-shadow: 0 0 10px 1px #eee;} #video .type-item .cont .vid:hover .con{background-color: #1f4785;} #video .type-item .cont .vid:hover .con .name, #video .type-item .cont .vid:hover .con .desc{color: #fff;} #video .type-item .cont .vid:hover .z-pic .ico{display: block; background-size: 5%;} /* 服务-服务中心 */ #service{margin-bottom: 100px;} #service .ser{margin-top: 100px;} #service .ser .main .desc{width: 100%; display: flex; margin-bottom: 50px;} #service .ser .main .desc .left{ display: flex; justify-content: center; align-items: center; width: 48.7857%;} #service .ser .main .desc .left img{max-width: 100%; max-height: 100%;} #service .ser .main .desc .info{width: 51.0714%; } #service .ser .main .desc:nth-child(2n){flex-direction: row-reverse;} #service .ser .main .info{ display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 16px; color: #828282; line-height: 30px; padding: 0 105px; background: url(/images/service_item_bg.png) repeat top left;} #service .ser .main .info .p1{width: 100%; display: flex; align-items: center; font-size: 36px; color: #333; font-weight: bold; margin-bottom: 40px;} #service .ser .main .info .p1 .txt{margin-left: 27px;} /* 新闻资讯 */ #news{margin: 100px auto;} #news .news-cont{overflow: visible;} #news .news-cont .cont{width: 100%;} #news .news-cont .cont .top-swiper .slide{background: #fafafa;} #news .news-cont .cont .top-swiper .z-pic{ width: 48.6429%;} #news .news-cont .cont .top-swiper .z-pic:after{content: "";padding-top: 66.06%;} #news .news-cont .cont .top-swiper .z-pic img{ width: 100%;} #news .news-cont .cont .top-swiper .z-pic:hover img{transform: scale(1.1);} #news .news-cont .cont .top-swiper .slide{ display: flex; justify-content: space-between; align-content: center;} #news .news-cont .cont .top-swiper .msg{ display: flex; justify-content: center; align-items: start; flex-direction: column; margin-left: 3.5715%; width: 53.57%;padding: 0 3.71% 0 0;} #news .news-cont .cont .top-swiper .txt{width: 100%;color: #1a1a1a;font-size: 24px;font-weight: bold;} #news .news-cont .cont .top-swiper .desc{margin: 20px auto;color: #333333;font-size: 16px;line-height: 26px;height: 78px;} #news .news-cont .cont .top-swiper .more{color: #cccccc;font-size: 16px;} #news .news-cont .cont .top-swiper .txt:hover, #news .news-cont .cont .top-swiper .more:hover{color: #1f4785;} /* #news .news-cont .cont .top-swiper .swbtn{width: 19px;height: 37px;top: 0;bottom: 0;margin: auto;background-repeat: no-repeat;background-position: center center;} */ #news .news-cont .cont .swbtn{top: 170px; width: 19px;height: 37px; z-index: 10;} #news .news-cont .cont .prev{left: -63px; background: url(/images/swiper_btn_icon2.png) no-repeat center center;transform: rotate(180deg);} #news .news-cont .cont .next{right: -63px; background: url(/images/swiper_btn_icon2.png) no-repeat center center;} #news .news-cont .cont .prev.swiper-button-disabled{left: -63px; background: url(/images/swiper_btn_icon3.png) no-repeat center center;transform: rotate(0);} #news .news-cont .cont .next.swiper-button-disabled{right: -63px; background: url(/images/swiper_btn_icon3.png) no-repeat center center;transform: rotate(180deg);} #news .news-cont .cont .top-swiper .page{margin: 50px 0 70px;text-align: center;position: static;} #news .news-cont .cont .top-swiper .page span{width: 11px;height: 11px;opacity: 1;margin: 0 10px;background: #e8e8e8;} #news .news-cont .cont .top-swiper .page span.swiper-pagination-bullet-active{background: #1f4785;} #news .news-cont .cont .two{width: 100%; display: flex; justify-content: start; flex-wrap: wrap;} #news .news-cont .cont .two .item{ width: 32.2143%; margin: 0 1.669% 20px 0; border: 1px solid #eee;} #news .news-cont .cont .two .item:nth-child(3n){ margin-right: 0;} #news .news-cont .cont .two .item .txt{width: 100%;padding: 0 27px;} #news .news-cont .cont .two .item .txt .date{font-size: 16px; color: #828282; font-weight: bold;margin: 30px 0 13px;} #news .news-cont .cont .two .item .txt .tit{ font-size: 20px; font-weight: bold; line-height: 30px; color: #333; margin-bottom: 9px;} #news .news-cont .cont .two .item .txt .desc{font-size: 14px; line-height: 24px; color: #999; height: 48px;} #news .news-cont .cont .two .item .txt .more{margin: 21px 0 21px; padding-top: 20px; border-top: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: #ccc;} #news .news-cont .cont .two .item .txt .more .jt{font-size:20px;} #news .news-cont .cont .two .item:hover{box-shadow: 0 0 25px rgba(0,0,0,0.1)} #news .news-cont .cont .two .item:hover .txt .date, #news .news-cont .cont .two .item:hover .txt .more, #news .news-cont .cont .two .item:hover .txt .more .jt{color: #1f4785;} /* 新闻详情 */ #news-detail{margin: 100px auto;} #news-detail .detail .detail-info {margin-bottom: 87px;} #news-detail .detail .detail-info .info_top {padding-bottom: 30px;border-bottom: 1px solid #ccc;margin-bottom:40px} #news-detail .detail .detail-info .info_top .title_cn{font-size: 36px; font-weight: bold;line-height: 48px;margin-bottom: 56px;} #news-detail .detail .detail-info .info_top .bot{width: 100%;display: flex; justify-content: space-between;} #news-detail .detail .detail-info .info_top .bot .left{width: 50%;display: flex;} #news-detail .detail .detail-info .info_top .bot .left .time{ display: flex; justify-content: start; align-items: center; color: #666666;margin-right: 35px;font-size: 14px; line-height:18px} #news-detail .detail .detail-info .info_top .bot .left .view{ display: flex; justify-content: start; align-items: center; color: #666666;font-size: 14px; line-height:18px} #news-detail .detail .detail-info .info_top .bot .left .time img, #news-detail .detail .detail-info .info_top .bot .left .view img{ margin-right: 6px;} #news-detail .detail .detail-info .info_top .bot .right{ display: flex; justify-content: start; align-items: center;} #news-detail .detail .detail-info .info_top .bot .right span{margin-right: 20px;} #news-detail .detail .detail-info .info_top .bot .right a{ width: 21px; height: 17px; margin-right: 10px; cursor: pointer;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='wechat']{background: url(/images/icon76.png) no-repeat center left 0;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='sina']{background: url(/images/icon76.png) no-repeat center left -35px;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='facebook']{background: url(/images/icon76.png) no-repeat center left -69px;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='twitter']{background: url(/images/icon76.png) no-repeat center left -102px;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='linkedin']{background: url(/images/icon76.png) no-repeat center right 0;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='wechat']:hover{background: url(/images/icon89.png) no-repeat center left 0;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='sina']:hover{background: url(/images/icon89.png) no-repeat center left -35px;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='facebook']:hover{background: url(/images/icon89.png) no-repeat center left -69px;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='twitter']:hover{background: url(/images/icon89.png) no-repeat center left -102px;} #news-detail .detail .detail-info .info_top .bot .right a[jqshare='linkedin']:hover{background: url(/images/icon89.png) no-repeat center right 0;} #news-detail .detail .detail-info .info{line-height:36px;font-size: 18px;} #news-detail .detail .detail-info .info .img{margin: 35px 0;} #news-detail .detail .detail-page {width: 100%; height: 185px;display: flex; align-content: start; margin-top: 90px;} #news-detail .detail .detail-page .btn{ display: flex; justify-content: center; align-items: center; width: 50%; border: 1px solid #ccc;} #news-detail .detail .detail-page .btn:first-child{ border-right: 0;} #news-detail .detail .detail-page .btn .img{ font-size: 30px;} #news-detail .detail .detail-page .btn .word{ width: 256px;} #news-detail .detail .detail-page .btn .word .p1{ font-size: 18px; font-weight: bold;} #news-detail .detail .detail-page .btn.prev .word{ margin-left: 75px; text-align: right;} #news-detail .detail .detail-page .btn.next .word{ margin-right: 75px;} #news-detail .detail .detail-page .btn:hover{background-color: #1f4785;} #news-detail .detail .detail-page .btn:hover .word .p1, #news-detail .detail .detail-page .btn:hover .word .p2, #news-detail .detail .detail-page .btn:hover .img{ color: #fff;} /* 展会信息 */ #expo{ margin: 100px auto;} #expo .item{ height: 170px; border-bottom: 1px solid #e9e9e9;} #expo .item:first-child{ border-top: 1px solid #e9e9e9;} #expo .item .bg{ width: 100%; height: 100%; opacity: 0; transition: all .5s;} #expo .item .txt{ display: flex; justify-content: start; align-items: center; top: 0; left: 0; z-index: 1; padding: 0 calc((50 / 1600) * 100%); width: 100%; height: 100%;} #expo .item .txt .date{ margin-right: calc((60 / 1200) * 100%); padding-right: calc((60 / 1200) * 100%); border-right: 1px solid #e9e9e9;} #expo .item .txt .m{ font-size: 28px; font-weight: bold; color: #555; font-family: 'DIN'; transition: all .5s;} #expo .item .txt .y{ font-size: 18px; font-family: 'DIN'; transition: all .5s;} #expo .item .txt .data{ display: flex; justify-content: start; align-items: center; flex-wrap: wrap;} #expo .item .txt .data_item{ margin-top: 15px; width: 50%; font-size: 16px; color: #828282; transition: all .5s;} #expo .item:hover .bg{ opacity: 1;} #expo .item:hover .txt .m, #expo .item:hover .txt .y, #expo .item:hover .txt .data_item{ color: #fff;} /* 联系我们 */ #contact {margin: 50px auto 100px;} #contact .message .form-main{width: 100%;} #contact .message .form-main .welcom { margin-bottom: 90px;/* height: 189px; background: url(/images/contact_img.jpg) no-repeat center center; background-size: 100%;*/} /* #contact .message .form-main .welcom .text{top: 46px;left: 93px; } #contact .message .form-main .welcom .text .p1 span{color: #fff;line-height: 55px; font-size:36px; font-weight: bold; } #contact .message .form-main .welcom .text .p1 span:nth-of-type(2){color:rgba(255,255,255,0.4);margin-left:30px} #contact .message .form-main .welcom .text .p2{line-height:45px; font-size: 24px; font-weight: bold; color: #fff;} */ #contact .message .form-main .form{width: 100%;display: flex;justify-content: space-between;} #contact .message .form-main .form .left{width: 49.2857%;} #contact .message .form-main .form .right{width: 50.5714%;} #contact .message .form-main .form .left .contact .call, #contact .message .form-main .form .left .contact .email, #contact .message .form-main .form .left .contact .fax, #contact .message .form-main .form .left .contact .address{margin-bottom: 44px;} #contact .message .form-main .form .left .contact .call .p1, #contact .message .form-main .form .left .contact .fax .p1, #contact .message .form-main .form .left .contact .email .p1, #contact .message .form-main .form .left .contact .address .p1{width: 100%; display: flex; align-content: center;line-height: 54px;} #contact .message .form-main .form .left .contact .call .p1 .call_cn, #contact .message .form-main .form .left .contact .email .p1 .email_cn, #contact .message .form-main .form .left .contact .fax .p1 .email_cn, #contact .message .form-main .form .left .contact .address .p1 .address_cn{font-size: 18px; font-weight: bold; color: #1f4785;margin-left: 10px; line-height: 44px;} #contact .message .form-main .form .left .contact .call .num, #contact .message .form-main .form .left .contact .fax .num, #contact .message .form-main .form .left .contact .email .num, #contact .message .form-main .form .left .contact .address .num{font-size: 24px; line-height: 43px; color: #333;} #contact .message .form-main .form .right .name , #contact .message .form-main .form .right .number, #contact .message .form-main .form .right .mail, #contact .message .form-main .form .right .com_name, #contact .message .form-main .form .right .info{margin-bottom: 21px;} #contact .message .form-main .form .right .name .pla, #contact .message .form-main .form .right .number .pla, #contact .message .form-main .form .right .mail .pla, #contact .message .form-main .form .right .info .pla, #contact .message .form-main .form .right .com_name .pla{width: 100%;} #contact .message .form-main .form .right .name .pla span:nth-of-type(1), #contact .message .form-main .form .right .number .pla span:nth-of-type(1), #contact .message .form-main .form .right .mail .pla span:nth-of-type(1), #contact .message .form-main .form .right .info .pla span:nth-of-type(1){color: red;} #contact .message .form-main .form .right .name .pla span:nth-of-type(2), #contact .message .form-main .form .right .number .pla span:nth-of-type(2), #contact .message .form-main .form .right .mail .pla span:nth-of-type(2), #contact .message .form-main .form .right .info .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;} #contact .message .form-main .form .right .input{ padding: 0 20px; width: 100%; height: 52px; line-height:52px; border: 1px solid #ececec; border-radius: 7px;} #contact .message .form-main .form .right .input::-webkit-input-placeholder {color: #ccc;} #contact .message .form-main .form .right .name .input{width: 100%; height: 52px; line-height:52px; border: 1px solid #ececec; border-radius: 7px;} #contact .message .form-main .form .right .com_name .pla span{font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;} #contact .message .form-main .form .right .info .input{ padding: 10px 20px; width: 100%; height: 140px; line-height: 1.8; border: 1px solid #ececec; border-radius: 7px; resize: none;} #contact .message .form-main .form .right .bot {display: flex;justify-content:space-between;align-items: flex-end} #contact .message .form-main .form .right .bot .submit{width: 183px; height:55px; text-align: center; line-height: 56px;background: #1f4785;cursor: pointer; } #contact .message .form-main .form .right .bot .submit:hover{background: #1a3e74} #contact .message .form-main .form .right .bot .submit input[type=submit]{ display: block; width: 100%; color: #fff; cursor: pointer;} #contact .message .form-main .form .right .bot .req{color: #6e6e6e;} #contact .message .form-main .form .right .bot .req span{color: red;} /* 关于我们-公司介绍 */ #about{margin: 100px auto 0;} #about .com-about {padding-bottom: 100px;} #about .com-about .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #about .com-about .introduce{width: 100%;display: flex;justify-content: space-between; align-items: center;} #about .com-about .introduce .int_left{ margin-right: 42px; width: 50%;} #about .com-about .introduce .int_left .images .name_cn{font-size: 34px;font-weight:bold;top: 75px;} #about .com-about .introduce .int_left .images .name_cn::before{content:"";width: 80px;display: inline-block;border-top: 2px solid #1f4785;position: relative;top: -7px;margin-right: 20px;} #about .com-about .introduce .int_left .brief_cn{ margin: 8px 0 0 21px; padding: 25px 50px 0 78px; font-size: 16px; line-height: 35px; background: url(/images/service_item_bg.png) repeat top left; margin-bottom: 75px; color: #333;} #about .com-about .introduce .int_left .achievement {width: 100%;padding-left: 80px;display: flex;justify-content: space-between;} #about .com-about .introduce .int_left .achievement .ach {width: 18.5714%;} #about .com-about .introduce .int_left .achievement .ach .numadd{display: flex; align-items: flex-end;margin-bottom: 20px;} #about .com-about .introduce .int_left .achievement .ach .numadd .num{color: #1f4785;font-size: 40px;font-weight: bold;} #about .com-about .introduce .int_left .achievement .ach .numadd .add{ margin: 0 0 8px 5px; color: #333;font-size: 13px;} #about .com-about .introduce .int_left .achievement .ach .explain{line-height: 25px;font-size: 14px;color: #333;} #about .com-about .introduce .int_right{ margin: 0 7.3125% 34px 0; width: 39.625%;} #about .com-about .introduce .int_right:before{ display: block; content: ''; position: absolute; top: 28px; left: 28px; width: 100%; height: 100%; background: #1f4785; box-shadow: -20px 10px 50px rgba(0, 0, 0, 0.3);} #about .com-about .introduce .int_right .images{ width:100%; overflow: hidden; overflow: hidden;} #about .com-about .introduce .int_right .images img{max-width: 100%;max-height:100%;} /* 关于我们-发展历程 */ #about .com-history{background: #f5f5f5; padding: 100px 0;} #about .com-history .history .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #about .com-history .history .cont1 {margin-bottom: 60px;} #about .com-history .history .cont1 .main{width: 100%; display: flex;} #about .com-history .history .cont1 .main .left{width: 50%;} #about .com-history .history .cont1 .main .right{width: 50%;padding: 192px 56px 0;} #about .com-history .history .cont1 .main .right .byear{font-size: 248px; font-weight: bold; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(0, 0, 0, 0.03);} #about .com-history .history .cont1 .main .right .info{font-size: 18px; line-height: 28px; color: #333; margin-bottom: 42px;} #about .com-history .history .cont1 .main .right .info::before{content:""; display: block; width: 6px; height: 6px; background: #e60012; border-radius: 100%; position: absolute; top: 50%; left: -14px; transform: translateY(-50%);} #about .com-history .history .cont2{width: 86.8571%; height: 60px;} #about .com-history .history .cont2:before{content: ""; display: block; width: 100%; height: 1px; background: #d8d8d8; position: absolute; top: 40%; left: 0; transform: translateY(-50%);} #about .com-history .history .cont2 .years .bot{width: 11px; height: 11px; background: #6d6d6d; border-radius: 100%;top: 30%; left: 60px;} #about .com-history .history .cont2 .years .num{font-size: 16px; font-weight: bold; color: #CCC; bottom: 0; left: 50px;} #about .com-history .history .cont2 .years.swiper-slide-thumb-active .bot{width: 23px; height: 23px; background: #e60012; top: 20%;} #about .com-history .history .cont2 .years.swiper-slide-thumb-active .num{ font-size: 20px; color: #e60012;} #about .com-history .history .cont .btn{width: 60px; height: 60px; border: 1px solid #404040; border-radius: 100%; bottom: 10px;} #about .com-history .history .cont .prev{background: url(/images/swiper_btn_icon0.png) no-repeat center center;} #about .com-history .history .cont .next{right: 0; background: url(/images/swiper_btn_icon0.png) no-repeat center center; transform: rotate(180deg);} #about .com-history .history .cont .prev:hover{background-color: #1f4785; background-image: url(/images/swiper_btn_icon1.png);transform: rotate(-180deg);} #about .com-history .history .cont .next:hover{background-color: #1f4785; background-image: url(/images/swiper_btn_icon1.png);transform: rotate(0);} /* 关于我们-荣誉资质 */ #about .com-honor{padding: 100px 0;} #about .com-honor .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} /*.scroll-outer{ margin: 100px 0 0; background: rgba(206, 40, 32, .3);}*/ .scroll-outer{ opacity: 0;} .scroll-btn{ height: 10px; background: #ce2820;} /* .carousel-outer{ margin: 0 auto; padding: 50px 0; width: 1400px; overflow: hidden;} .carousel{ display: flex; justify-content: start; align-items: center; position: relative;} .carousel .item{ position: relative; width: 430px; height: 430px; flex-shrink: 0; perspective: 430px; transform-style: preserve-3d; } .carousel .item .images{width: 430px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.5); padding: 40px 100px;} .carousel .item .images .img{padding-bottom: 40px;} .carousel .item .images .t1{font-size: 20px;color: #191919;} .scroll-outer{ margin: 100px 0;} .scroll-btn{ height: 10px; background: #000;} */ .mb-car{ display: none;} .carousel-outer{ margin: 0 auto;/* padding: 50px 0;*/ width: 1400px;/* overflow: hidden;*/} .carousel-outer .carousel{ display: flex; justify-content: start; align-items: center; position: relative;} .carousel-outer .carousel .item{ position: relative; width: 470px; flex-shrink: 0; perspective: 470px; transform-style: preserve-3d;} .carousel-outer .carousel .item .images{ padding: 40px; box-shadow: 0 0 20px rgba(0, 0, 0, .05);} .carousel-outer .carousel .item div{ background: #fff; font-size: 20px; text-align: center; color: #fff;} .carousel-outer .carousel .item .images .img{} .carousel-outer .carousel .item .images .t1{ margin-top: 20px; font-size: 20px;color: #191919;} .carousel-outer .btn-list{ top: 50%; z-index: 10; width: 100%; pointer-events: none; transform: translateY(-50%);} .carousel-outer .btn-list .btn-a{ left: calc(0px - 80px); width: 60px; height: 60px; border: 1px solid #333; pointer-events: visible; border-radius: 50%;} .carousel-outer .btn-list .btn-a img{ top: 50%; left: 50%; transform: translate(-50%, -50%);} .carousel-outer .btn-list .btn-a img:last-child{ opacity: 0; transform: translate(-50%, -50%) rotate(180deg);} .carousel-outer .btn-list .btn-a:last-child{ left: auto; right: calc(0px - 80px);} .carousel-outer .btn-list .btn-a:last-child img:first-child{ transform: translate(-50%, -50%) rotate(180deg);} .carousel-outer .btn-list .btn-a:last-child img:last-child{ transform: translate(-50%, -50%);} .carousel-outer .btn-list .btn-a:hover{ border-color: #1f4785; background: #1f4785;} .carousel-outer .btn-list .btn-a:hover img:last-child{ opacity: 1;} /* .carousel .item div{ height: 500px; line-height: 300px; background: #f7f7f7; font-size: 20px; text-align: center; color: #fff;} */ /* .carousel .item:nth-child(even) div{ background: #000;} */ /* [swi--2] .item{width:430px; box-shadow: 0 0 10px rgba(0,0,0,0.5);overflow: visible;padding: 40px 110px; background: #fff;} #about .com-honor .con .tent .cont{overflow: visible;} #about .com-honor .con .tent .slide .img{padding-bottom: 40px;} #about .com-honor .con .tent .slide .t1{font-size: 20px;color: #191919;} #about .com-honor .con .tent .cont .btn{width: 60px; height: 60px; border: 1px solid #404040; border-radius: 100%; top: 50%; transform: translateY(-50%);} #about .com-honor .con .tent .cont .hprev{background: url(/images/swiper_btn_icon0.png) no-repeat center center;} #about .com-honor .con .tent .cont .hnext{right: 0; background: url(/images/swiper_btn_icon0.png) no-repeat center center; transform: rotate(180deg);} #about .com-honor .con .tent .cont .hprev:hover{background-color: #1f4785; background-image: url(/images/swiper_btn_icon1.png);transform: rotate(-180deg);} #about .com-honor .con .tent .cont .hnext:hover{background-color: #1f4785; background-image: url(/images/swiper_btn_icon1.png);transform: rotate(0);} */ /* 关于我们-生产基地 */ #about .com-base{background: #f5f5f5; padding: 100px 0;} #about .com-base .base .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #about .com-base .base .base-list .base-item{display: flex;justify-content: space-between;} #about .com-base .base .base-list .base-item .left{width: 49.125%; box-shadow: 4px 0px 16px rgba(51, 51, 51,.27);} #about .com-base .base .base-list .base-item .left .tit{width: 100%; height: 70px; background: #1f4785; color: #fff; font-size: 16px; text-align: center; line-height: 70px; bottom: 0; left: 0;} #about .com-base .base .base-list .base-item .right{width: 49.25%;display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; margin-right: 0 !important ; } #about .com-base .base .base-list .base-item .right .r4 {margin-bottom: 27px; width:48.1013%;} #about .com-base .base .base-list .base-item .right .r4:nth-of-type(3){margin-bottom: 0;} #about .com-base .base .base-list .base-item .right .r4:nth-of-type(4){margin-bottom: 0;} #about .com-base .base .base-list .base-item .right .r4 .text{width: 100%; height: 70px; background: rgba(255,255,255, .8); font-size: 16px; text-align: center; line-height: 70px; bottom: 0; left: 0;} #about .com-base .base .base-list .base-item .right .r4:hover .text{background: #1f4785; color: #fff;} #about .com-base .base .base-list .btn{width: 60px; height: 60px; border: 1px solid #404040; border-radius: 100%; top: 58%;} #about .com-base .base .base-list .prev{left: 165px; background: url(/images/swiper_btn_icon0.png) no-repeat center center;} #about .com-base .base .base-list .next{right: 165px; background: url(/images/swiper_btn_icon0.png) no-repeat center center; transform: rotate(180deg);} #about .com-base .base .base-list .prev:hover{background-color: #1f4785; background-image: url(/images/swiper_btn_icon1.png);transform: rotate(-180deg);} #about .com-base .base .base-list .next:hover{background-color: #1f4785; background-image: url(/images/swiper_btn_icon1.png);transform: rotate(0);} @media screen and (max-width: 1680px){ .cw1920{max-width: 1680px;} .cw1400 {max-width: 1400px !important; width:96%;margin: 0 auto;} #header .head-top{padding: 44px 60px 54px;} #about .com-base .base .base-list .prev{left: 30px;} #about .com-base .base .base-list .next{right: 30px;} } @media screen and (max-width: 1440px){ .cw1920 {max-width: 1440px !important;} .cw1420 {max-width: 1366px !important;} .cw1400 {max-width: 1366px !important;} #header .head-top{padding: 44px 95px 54px;} #index .in-product .main .pro-nav2 .cont{margin: 0 20px 37px;} #index .in-application .app-swiper .type-info .app-info .images img{width: 100%; min-height: 100%;} #index .in-adv .adv-main .advantage .info{top: 255px;} #news .news-cont .cont .top-swiper{width: 1300px;} #news .news-cont .cont .top-swiper .msg{margin: 0; padding: 0 30px;} #news .news-cont .cont .prev, #news .news-cont .cont .prev.swiper-button-disabled{left:-20px;} #news .news-cont .cont .next, #news .news-cont .cont .next.swiper-button-disabled{right:-20px;} #index .in-about .main .left .com-data .data{margin: 0 0 55px 40px;} } @media screen and (max-width: 1366px){ .cw1920 {max-width: 1366px !important;} .cw1420 {max-width: 1280px !important;} .cw1400 {max-width: 1280px !important;} /*#index .in-product .main .pro-nav2 .cont{width: 400px !important;}*/ #index .in-adv .adv-main .advantage .info{top: 234px;} /*#products .pro-cont .cont{width: 400px !important;}*/ .carousel-outer{width: 1280px;} #news .news-cont .cont .top-swiper{width: 1200px;} #about .com-base .base .base-list .btn{z-index: 10;} #video .type-item .cont .vid .con{padding: 35px 10px 35px 15px;} } @media screen and (max-width: 1280px){ .cw1920 {max-width: 1280px !important;} .cw1420 {max-width: 1200px !important;} .cw1400 {max-width: 1200px !important;} #header .head-top{padding: 44px !important;} #header .head-top a{width: 60%;} #header .cw1920{margin-top: 150px;} .carousel-outer{width: 1200px;} #index .in-product .main .pro-nav2 .cont{/*width: 385px !important;*/ margin: 0 9px 37px;} @keyframes move1{ 0%{top: 268px; background: #1f4785;padding: 0 62px;} 100%{top: 0; background: rgba(22,63,128,0.9); padding: 107px 30px 0;} } #index .in-news .main .news-nav2 .i-con .big-item{ width: 37.5%;} #index .in-adv .adv-main .advantage .info{top: 216px;} @keyframes move1{ 0%{top: 216px; background: #1f4785;padding: 0 62px;} 100%{top: 0; background: rgba(22,63,128,0.9); padding: 60px 62px 0;} } /*#products .pro-cont .cont{width: 370px !important;}*/ #video .type-item .cont .vid{ margin-right: 2%; width: 32%;} #contact .message .form-main .form .left{width: 45%;} #news .news-cont .cont .top-swiper{width: 1150px;} } @media screen and (max-width: 1200px){ .cw1920 {max-width: 1200px !important;} .cw1420 {max-width: 1090px !important;} .cw1400 {max-width: 1160px !important;} .carousel-outer{width: 1024px;} .scroll-outer{width: 1024px;} #header .head-top{padding: 30px !important;} #header .cw1920{margin-top: 123px;} #footer .fot-top .left{width: 28%;} /*#index .in-product .main .pro-nav2 .cont{width: 373px !important;}*/ #index .in-about .main .left{ width: 45%;} #index .in-adv .adv-main .advantage .info{top: 210px;} @keyframes move1{ 0%{top: 210px; background: #1f4785;padding: 0 62px;} 100%{top: 0; background: rgba(22,63,128,0.9); padding: 60px 30px 0;} } #index .in-news .main .news-nav2 .i-con .big-item{ width: 38.5%;} #pro-detail .detail .contents .brief{margin: -30px 0 10px; padding-bottom: 0px;} #pro-detail .detail .contents .submit{margin-top: 20px;} #pro-detail .detail .img .small-img .arrow{margin-top: 11px;} #pro-detail .detail .img .small-img .ites{padding:0;} #pro-detail .sample .sample-list .item .images img{max-width: 100%; max-height: 100%;} #pro-detail .sample .content_box .item .images img{max-width: 100%; max-height: 100%;} #pro-detail .relevant .rel-pro .cont .text{padding: 45px 10px;} #about .com-history .history .cont1 .main .right .byear{font-size: 220px;} #video .type-list .item{ padding: 0 20px;} #news .news-cont .cont .top-swiper{width: 1100px;} #news .news-cont .cont .prev, #news .news-cont .cont .prev.swiper-button-disabled{left:-10px;} #news .news-cont .cont .next, #news .news-cont .cont .next.swiper-button-disabled{right:-10px;} } @media screen and (max-width: 1024px){ .cw1920 {max-width: 1024px !important; margin: 0;} .cw1420 {max-width: 980px !important;} .cw1400 {max-width: 750px !important;} .carousel-outer{width: 750px;} .scroll-outer{width: 750px;} #header .head-top .logo{width: 75%;} #header .head-top .right .phone{display: none;} #index-swiper .swiper-pagination{margin:0;} .pro-banner .second-nav .tab-pro li, .app-banner .second-nav .tab-app li, .video-banner .second-nav .tab-video li, .news-banner .second-nav .tab-news li, .about-banner .second-nav .tab-about li{padding: 27px 38px;} #index .in-application .app-swiper .type-list .type{line-height: 25px;} #index .in-application .app-swiper .type-list .type .xicon{width: 50%;} #index .in-application .app-swiper .type-list .type .name{margin-left: 5px; width: 40%; padding-top: 30px;} #index .in-application .app-swiper .type-info .app-info .images img{max-width: 100%; max-height: 100%;} #index .in-application .app-swiper .type-info .app-info .desc .desc-name{margin: 0 20px 0;} #index .in-application .app-swiper .type-info .app-info .desc .desc-btn{margin-right: 45px;} #index .in-about .main{flex-direction: column-reverse;} #index .in-about .main .left, #index .in-about .main .right{ width: 100%;} #index .in-about .main .left {margin-top: 20px;} #index .in-about .main .left .com-data .data{margin: 0 0 40px 35px;} #index .in-about .main .right img{ width: 100%;} #index .in-adv .adv-main{flex-wrap: wrap; justify-content: flex-start;} #index .in-adv .adv-main .advantage{width: 30%; margin: 0 20px 20px 0;} #index .in-adv .adv-main .advantage .info{top: 210px;} @keyframes move1{ 0%{top: 210px; background: #1f4785;padding: 0 30px;} 100%{top: 0; background: rgba(22,63,128,0.9); padding: 60px 30px 0;} } #index .in-news{width: 95%;} #index .in-news .main .news-nav2 .i-con{ margin-top: 0;} #index .in-news .main .news-nav2 .i-con .big-item{width: 43%; box-shadow: 0px 0 0 ;} #index .in-news .main .news-nav2 .i-list .i-list-in{padding: 0;} #index .in-news .main .news-nav2 .i-list .i-row .date{padding: 0 20px 0 36px; margin-right: 20px;} #products .pro-cont .wrapper{width: 750px !important;} #products .pro-cont .list{justify-content: space-between;} #products .pro-cont a{width: 45% !important;} #products .pro-cont .item:nth-child(2n){margin-right: 0;} #products .pro-cont a .cont:nth-of-type(2n){ margin-right: 0;} #products .pro-cont .cont .text{padding: 45px 15px;} #pro-detail .detail .img, #pro-detail .detail .contents{width: 100%;} #pro-detail .detail .img{margin-bottom: 20px;} #pro-detail .detail .img .small-img .arrow{margin-top: 20px;} #pro-detail .detail .img .small-img .ites{padding: 0 0 40px 0;} #pro-detail .sample .sample-list{flex-wrap: wrap; justify-content: flex-start;} #pro-detail .sample .sample-list a{width: 45%; margin-bottom: 20px;} #pro-detail .sample .content_box a{width: 45%; margin-bottom: 20px;} #pro-detail .relevant .rel-pro a{width: 33% !important;} #news .news-cont .cont .top-swiper{width: 750px;} #news .news-cont .cont .top-swiper .z-pic img{width:100%; min-height: 100%;} #news .news-cont .cont .top-swiper .msg{padding: 90px 30px;} #news .news-cont .cont .swbtn{top: 150px;} #news .news-cont .cont .prev, #news .news-cont .cont .prev.swiper-button-disabled{left:-70px;} #news .news-cont .cont .next, #news .news-cont .cont .next.swiper-button-disabled{right:-70px;} #news .news-cont .cont .two .item{width: 49%;} #news-detail .detail .detail-page .btn{padding: 0 20px;} #news-detail .detail .detail-page .btn.prev .word{margin-left: 55px;} #about .com-about .introduce, #about .com-history .history .cont1 .main, #about .com-base .base .base-list .base-item{flex-direction: column;} #about .com-about .introduce .int_left, #about .com-about .introduce .int_right, #about .com-history .history .cont1 .main .left, #about .com-history .history .cont1 .main .right, #about .com-base .base .base-list .base-item .left, #about .com-base .base .base-list .base-item .right{width: 100%;} #about .com-about .introduce .int_right .images img{width: 100%; min-height: 100%;} #about .com-history .history .cont2{width: 80%;} #about .com-honor .con .tent .cont .btn{top: 40%; z-index: 10;} #about .com-base .base .base-list .prev{left: 50px;} #about .com-base .base .base-list .next{right: 50px;} #about .com-base .base .base-list .base-item .left{margin-bottom: 20px;} #video .type-list li{padding: 0 20px;} #video .type-item .cont .vslide{width: 50% !important;} #service .ser .main .desc .left img, #application .app-cont .cont .main .desc .left img{width: 100%; height: 100%;} #service .ser .main .info, #application .app-cont .cont .main .info{padding: 40px;} #service .ser .main .info .p1{margin-bottom: 30px;} .app-banner .second-nav .tab-app li{padding: 27px 10px;} #contact .message .form-main .welcom{margin-bottom: 0;} } /* 移动端 */ @media screen and (max-width: 860px){ .cw1400, .cw1420{ margin: 0 auto; width: 92%;} body{font-size: 26px; max-width: 750px;} .light{ box-shadow: 0 0 10px rgba(0, 0, 0, .7);} .editor *{ line-height: 1.6; font-size: 24px !important;} txt, .editor, .detail{ font-size: 24px !important;} #turn_page{ height: auto; flex-wrap: wrap;} #turn_page .page_button, #turn_page .page_noclick{ padding: 0 10px;} #turn_page span, #turn_page a, #turn_page font, #turn_page .page-form .page, #turn_page .page-form .count, #turn_page .page-form .page input[type=text], #turn_page .page-form .btn input[type=submit]{ font-size: 26px;} #turn_page .page-outer{ margin-bottom: 20px;} #turn_page .page-form{ margin-bottom: 20px;} .title .title_cn{ font-size: 30px;} #index-swiper.pc-banner{ display: none;} #index-swiper.mb-banner{ display: block;} /* header */ #header{display: none;} .m-head{position: fixed; top: 0; left: 0; z-index: 100;width: 100%; display: flex; justify-content: space-between; padding: 20px; background: #fff;} .m-head a{width: 70%;} .m-head a .logo img{width: 100%;min-height: 100%;} .m-head .right{width: 30%;} .m-head .right .showul{display:block; float: right;} .m-head .right .showul .button {display: inline-block;width: 50px;height: 50px;border: 0px;background-color: transparent;display: flex;flex-wrap: wrap;justify-content: end;} .m-head .right .showul .button:hover{cursor: pointer;} .m-head .right .showul .icon-bar {display: block;width: 50px;height: 3px;border-radius: 25px;margin-top: 5px;background-color: #000; } .m-head .heamain{ display: block; display: none; top: 90px; left: 0px; z-index: 20; padding-bottom: 30px; width: 100%; height: auto; background: #fff; } .m-head .heamain .nav{width: 100%; line-height:3em; text-align: center; } .m-head .heamain .nav .one-nav{width: 100%; height: 3em;} .m-head .heamain .nav a{width: auto; text-align: center; color: #000;} .m-head .heamain .nav2{width: 100%; height:auto; display: flex; justify-content: center; align-items: center;padding: 10px 0;} .m-head .heamain .nav2 .icon{ margin-right: 30px; width: 36px; height: 36px;} .m-head .heamain .nav2 .icon img{ width: 100%; height: 100%;} .m-head .heamain .nav2 .icon.lang img{ height: 81%;} .m-head .heamain .nav2 .lang{ display: flex; margin-right: 30px;} .m-head .heamain .nav2 .lang a{ margin-left: 30px; font-size: 24px;} .m-head .heamain .nav2 .lang a:first-child{ margin-left: 0;} .m-head .heamain .nav2 .phone{display: flex;align-self: baseline;} .m-head .heamain .nav2 .phone .img{margin-right: 10px;padding-top: 5px;} /* banner */ .banner{margin-top: 90px} .pro-banner .second-nav .tab-pro li, .app-banner .second-nav .tab-app li, .video-banner .second-nav .tab-video li, .news-banner .second-nav .tab-news li, .about-banner .second-nav .tab-about li{padding: 10px 5px; font-size: 26px;} /* footer */ #footer .it{ justify-content: center;} #footer .it .it_item .it_icon{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px;} #footer .it .it_item .it_icon svg{ width: 100%; height: 100%;} #footer .it .it_item .it_icon img{ width: 100%;} #footer .fot-top{flex-direction: column-reverse;} #footer .fot-bot{flex-direction: column;} #footer .fot-top .left, #footer .fot-top .m-f-nav, #footer .fot-top .right, #footer .fot-top .left .code{width: 100%; margin-bottom: 20px;} #footer .fot-bot .copy{margin-bottom: 20px;} #footer .fot-bot .link{width: 100%;} #footer .fot-top .right .form .in-txt .left{width: 20%; margin-bottom: 0;} #footer .fot-top .cen{display: none;} #footer .fot-top .m-f-nav{display: block;} #footer .fot-top .m-f-nav .f-nav-item{ width: 100%; border-bottom: 1px solid #fff;} #footer .fot-top .m-f-nav .f-nav-item .f-nav-title{ padding: 30px 0; width: 100%; font-size: 26px; color: #fff;} #footer .fot-top .m-f-nav .f-nav-item .f-nav-title .f-nav-title-icon{ display: block; position: absolute; top: 50%; right: 10px; width: 18px; height: 18px; transform: translateY(-50%);} #footer .fot-top .m-f-nav .f-nav-item .f-nav-title .f-nav-title-icon:before, #footer .fot-top .m-f-nav .f-nav-item .f-nav-title .f-nav-title-icon:after{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 100%; width: 100%; height: 3px; background: #fff; transform: translateY(-50%);} #footer .fot-top .m-f-nav .f-nav-item .f-nav-title .f-nav-title-icon:before{ transform: translateY(-50%) rotate(90deg); transition: all .3s;} #footer .fot-top .m-f-nav .f-nav-item.cur .f-nav-title .f-nav-title-icon:before{ transform: translateY(-50%) rotate(0);} #footer .fot-top .m-f-nav .f-nav-item .f-nav-list{ width: 100%; height: 0; overflow: hidden;} #footer .fot-top .m-f-nav .f-nav-item .f-nav-list .f-nav-list-in{ padding-bottom: 50px; width: 100%; line-height: 50px;} /*#footer .fot-top .m-f-nav .f-nav-item .f-nav-list .f-nav-list-in a{ color: #fff;}*/ #footer .fot-top .m-f-nav .f-nav-item .f-nav-list .f-nav-list-in .f-nav-item-a{ margin-top: 20px; width: 100%; font-size: 26px; color: #ccc;} #footer .fot-top .m-f-nav .f-nav-item .f-nav-list .f-nav-list-in .f-nav-item-a:first-child{ margin-top: 0;} #footer .fot-top .left .message .p1{line-height: 60px} #footer .fot-top .left .code .images{width: 100%; text-align: center;} #footer .fot-top .left .code .images img{max-width: 100%; } /* 首页 */ #index .in-product{padding: 100px 10px;} #index .in-product .main .pro-nav2 .cont{margin-right: 10px;} #index .in-product .more-btn{width: 245px;} #index .in-application .app-swiper .type-info{height: 472px !important;} #index .in-application .app-swiper .type-info .app-info .desc{padding: 10px;} #index .in-application .app-swiper .type-info .app-info .desc .desc-name{margin:0;} #footer .fot-bot, #footer .fot-top .left .code .txt, #footer .fot-top .left .message .p1, #footer .fot-top .left .message .p2, #footer .fot-top .right .slogen, #footer .fot-top .right .form .in-txt, #footer .fot-top .right .submit, #index .in-application .app-swiper .type-info .app-info .desc .desc-name, #index .in-application .app-swiper .type-info .app-info .desc .desc-info, #index .in-about .main .left .com-name .name_en, #index .in-about .main .left .com-info, #index .in-about .main .left .com-data .data .txt, #index .in-adv .adv-main .advantage .info .txt, #index .in-news .main .news-nav2 .i-con .big-item .info .date, #index .in-news .main .news-nav2 .i-con .big-item .info .name, #index .in-news .main .news-nav2 .i-con .big-item .info .brief, #index .in-news .main .news-nav2 .i-list .i-row .info .name, #index .in-news .main .news-nav2 .i-list .i-row .info .brief, #about .com-about .introduce .int_left .brief_cn, #news .news-cont .cont .two .item .txt .date, #news .news-cont .cont .two .item .txt .p1, #news .news-cont .cont .two .item .txt .desc, #news .news-cont .cont .two .item .txt .more, #news .news-cont .cont .two .item .txt .more .jt, #application .app-cont .cont .slogen, #application .app-cont .cont .main .info, #video .type-list li, #video .type-item .cont .vid .con .name, #video .type-item .cont .vid .con .desc, #service .ser .main .desc, #contact .message .form-main .form .right .name .pla span:nth-of-type(2), #contact .message .form-main .form .right .number .pla span:nth-of-type(2), #contact .message .form-main .form .right .mail .pla span:nth-of-type(2), #contact .message .form-main .form .right .info .pla span:nth-of-type(2), #contact .message .form-main .form .right .com_name .pla span, #contact .message .form-main .form .left .contact .call .p1 .call_cn, #contact .message .form-main .form .left .contact .email .p1 .email_cn, #contact .message .form-main .form .left .contact .fax .p1 .email_cn, #contact .message .form-main .form .left .contact .address .p1 .address_cn, #contact .message .form-main .form .left .contact .call .num, #contact .message .form-main .form .left .contact .fax .num, #contact .message .form-main .form .left .contact .email .num, #contact .message .form-main .form .left .contact .address .num{font-size: 26px;} #index .in-product .main .pro-nav1 li{ margin: 0 15px; font-size: 20px;} #index .in-product .main .pro-nav2 .cont .text .name{ font-size: 30px;} #index .in-product .main .pro-nav2 .cont .text .brief{ max-height: 170px; line-height: 1.8; font-size: 24px; overflow: hidden;} #index .in-about .main .left .com-data{margin-bottom: 30px;} #index .in-about .main .left .com-info{line-height: 40px;} #index .in-adv .adv-main .advantage{ margin-right: 2%; width: 49%;} #index .in-adv .adv-main .advantage:nth-child(even){ margin-right: 0;} #index .in-adv .adv-main .advantage .info{top: 340px;} #index .in-news .main .news-nav1 li{ font-size: 24px;} #index .in-news .main .news-nav2 .i-con{flex-direction: column;} #index .in-news .main .news-nav2 .i-con .big-item, #index .in-news .main .news-nav2 .i-list{ width: 100%;} #index .in-news .main .news-nav2 .i-con .big-item{margin-bottom: 20px;} #index .in-news .main .news-nav2 .i-con .big-item .info .name{line-height: 35px;} #index .in-news .main .news-nav2 .i-con .big-item .info .brief{height: 66px; line-height:33px;} #index .in-news .main .news-nav2 .i-list .i-list-in{ padding: 33px 25px;} #index .in-news .main .news-nav2 .i-list .i-row .date{ margin-right: 36px; padding: 0 36px;} #index .in-news .main .news-nav2 .i-list .i-row .info .brief{ height: 30px} #index .in-news .main .i-btn{ font-size: 24px;} #index .in-product .main .pro-nav2 .cont{ margin-left: 0;} #index .in-application .app-swiper .type-list .type{ height: auto;} #index .in-application .app-swiper .type-list .type .icon{ display: none;} #index .in-application .app-swiper .type-list .type .name{ margin-left: 0; padding: 15px 0; line-height: 1.6; width: 100%; font-size: 24px; text-align: center;} #index .in-application .app-swiper .type-info .app-info .desc .desc-btn{ font-size: 24px;} #index .in-about .main .left .com-data .data .txt{ font-size: 24px;} /* 产品 */ #products .pro-cont a{width: 375px !important;} #products .pro-cont .cont .text .brief_cn, #products .pro-cont .cont .text .name, #pro-detail .detail .contents .brief, #pro-detail .detail .contents .apply{font-size: 26px;} #products .pro-cont .cont .text .brief_cn, #pro-detail .detail .contents .apply{ line-height: 40px;} #pro-detail .sample .sample-list a{width: 48%; margin-bottom: 20px;} #pro-detail .sample .sample-list a:nth-child(2n){margin-right: 0;} #pro-detail .sample .sample-list .item{ margin: 30px 0 0 0; width: 100%;} #pro-detail .sample .sample-list .item .images img{width: 100%; height: 100%;} #pro-detail .sample .sample-list .text .name{ font-size: 24px;} #pro-detail .sample .content_box a{width: 48%; margin-bottom: 20px;} #pro-detail .sample .content_box a:nth-child(2n){margin-right: 0;} #pro-detail .sample .content_box .item{ margin: 30px 0 0 0; width: 100%;} #pro-detail .sample .content_box .item .images img{width: 100%; height: 100%;} #pro-detail .sample .content_box .text .name{ font-size: 24px;} #pro-detail .sample .content_box .pn{width:70px;height:70px;} #pro-detail .sample .content_box .pn.prev{left:0;} #pro-detail .sample .content_box .pn.next{right:0;} /* 新闻 */ #news .news-cont .cont .top-swiper{width: 690px;} #news .news-cont .cont .prev, #news .news-cont .cont .prev.swiper-button-disabled{left: 0;} #news .news-cont .cont .next, #news .news-cont .cont .next.swiper-button-disabled{right: 0;} #news .news-cont .cont .two .item{width: 100%;} #news .news-cont .cont .two .item .images img{width: 100%; min-height: 100%;} #news .news-cont .cont .two .item .txt .desc{line-height: 40px;} /* 关于我们 */ #about .com-about .introduce{align-items: unset;} #about .com-about .introduce .int_left{margin: 0 0 20px 0;} #about .com-about .introduce .int_left .achievement{ margin-top: 30px; padding-left: 15px;} #about .com-about .introduce .int_left .achievement .ach .numadd .num{ font-size: 50px;} #about .com-about .introduce .int_left .achievement .ach .numadd .add{ font-size: 24px;} #about .com-about .introduce .int_left .achievement .ach .explain{ line-height: 1.6; font-size: 24px;} #about .com-history .history .cont1 .main .right .info{ font-size: 24px;} #about .com-history .history .cont1 .main .left img{width: 100%;} #about .com-history .history .cont2 .years .bot{ left: 36px;} #about .com-history .history .cont2 .years .num{ bottom: -2px; left: 17px; font-size: 20px;} #about .com-history .history .cont2 .years.swiper-slide-thumb-active .num{ font-size: 24px;} .scroll-outer{width: 740px;} #about .com-base .base .base-list .btn{top: 15%;} #about .com-about .introduce .int_left .brief_cn{ margin: 8px 0 0 0; padding: 35px 0 0; line-height: 1.8;} #about .com-base .base .base-list .base-item .left .tit, #about .com-base .base .base-list .base-item .right .r4 .text{ font-size: 24px;} .pc-car{ display: none;} .mb-car{ display: block; margin: 0 auto; width: 60%;} /*.mb-car .slide{ width: 60%;}*/ .mb-car .slide .images{ width: 100%;} .mb-car .slide .images .img{ width: 100%;} .mb-car .slide .images .img img{ width: 100%;} .mb-car .slide .images .t1{ margin-top: 30px; font-size: 30px;} /* 联系我们 */ #contact .message .form-main .form{flex-direction: column-reverse;} #contact .message .form-main .form .left, #contact .message .form-main .form .right{width: 100%;} #contact .message .form-main .form .right, #contact .message .form-main .form .right .name .pla, #contact .message .form-main .form .right .number .pla, #contact .message .form-main .form .right .mail .pla, #contact .message .form-main .form .right .info .pla, #contact .message .form-main .form .right .com_name .pla{margin-bottom: 20px;} .second-nav .list .item a{ padding: 27px 14px;} .second-nav .list .item .back{ display: none;} .second-nav .list .item .back img{ width: 100%; height: 100%;} .second-nav .list .item .txt{ font-size: 21px;} #products .pro-cont .cont{ margin-right: 10px; width: 340px !important;} #products .pro-cont .cont:nth-child(3n){ margin-right: 10px;} #products .pro-cont .cont:nth-child(even){ margin-right: 0;} #products .pro-cont .item .text .brief{ max-height: 170px; line-height: 1.8; font-size: 24px; overflow: hidden;} #pro-detail{ margin-bottom: 0;} #pro-detail .desc{ overflow-x: auto;} #pro-detail .parameter .desc table{ width: 1000px !important;} #pro-detail .parameter .desc table *{ font-size: 24px !important;} #pro-detail .detail-img .detail-img-thumbs-bg{ display: none;} #pro-detail .detail-img{ width: 100%;} #pro-detail .detail-img .detail-img-top{ width: 100%;} #pro-detail .parameter{ margin: 50px auto;} #pro-detail .relevant .rel-pro a{ margin-right: 2%; width: 49% !important;} #pro-detail .relevant .rel-pro a:nth-child(even){ margin-right: 0;} #pro-detail .relevant .rel-pro .cont .text .name{ line-height: 1.6; font-size: 30px;} #pro-detail .relevant .rel-pro .cont .text .brief{ height: 170px; line-height: 1.8; font-size: 24px; overflow: hidden;} #news .news-cont .cont .top-swiper .slide{ flex-direction: column;} #news .news-cont .cont .top-swiper .z-pic{ width: 100%;} #news .news-cont .cont .top-swiper .z-pic img{ position: static;} #news .news-cont .cont .top-swiper .msg{ padding: 30px; width: 100%;} #news .news-cont .cont .top-swiper .txt{ font-size: 30px;} #news .news-cont .cont .top-swiper .desc, #news .news-cont .cont .top-swiper .more{ line-height: 1.8; font-size: 24px;} #news .news-cont .cont .two .item .txt .tit{ font-size: 30px;} #news-detail .detail .detail-info .info_top .title_cn{ margin-bottom: 30px;} #news-detail .detail .detail-info .info_top .bot{ flex-direction: column;} #news-detail .detail .detail-info .info_top .bot .left{ line-height: 1.8; width: 100%; flex-direction: column;} #news-detail .detail .detail-info .info_top .bot .left .time, #news-detail .detail .detail-info .info_top .bot .left .view{ line-height: 1.8; font-size: 24px;} #news-detail .detail .detail-info .info_top .bot .left .time img, #news-detail .detail .detail-info .info_top .bot .left .view img{ width: 30px;} #news-detail .detail .detail-info .info_top .bot .right a{ width: 30px; background-size: auto 100% !important;} #news-detail .detail .detail-info .info{ line-height: 1.6; font-size: 26px;} #news-detail .detail .detail-page .btn.prev .word{ margin-left: 20px;} #news-detail .detail .detail-page .btn.next .word{ margin-right: 20px;} #news-detail .detail .detail-page .btn .word{ width: 220px;} #news-detail .detail .detail-page .btn .word .p1{ font-size: 24px;} #news-detail .detail .detail-page .btn .word .p2{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical; -webkit-line-clamp: 2; white-space: inherit;} #application .app-cont .cont .title::before{ width: 50px;} #application .app-cont .cont .main .desc, #application .app-cont .cont .main .desc:nth-child(2n){ flex-direction: column;} #application .app-cont .cont .main .desc .left, #application .app-cont .cont .main .desc .info{ width: 100%;} #application .app-cont .cont .slogen{ line-height: 1.6;} #service .ser .main .desc, #service .ser .main .desc:nth-child(2n){ flex-direction: column;} #service .ser .main .desc .left, #service .ser .main .desc .info{ width: 100%;} #video .type-list{ flex-wrap: wrap;} #video .type-list.pc{display: none;} #video .type-list.mb{display: block;} #video .type-list .item{ margin-right: 2%; width: 49%; line-height: 80px; font-size: 24px; text-align: center;} /*#video .type-list .item:nth-child(even){ margin-right: 0;}*/ #video .type-item .cont .vid{width: 100%;margin-right: 0;} #video .type-item .cont .vid .z-pic img{ width: 100%;} #contact .message .form-main .welcom img{ width: 100%;} #contact .message .form-main .form{ margin-top: 50px;} } body.en .title .title_cn{ display: none;} body.en .title .title_en{ margin-bottom: 70px;}