@charset "utf-8";

.banner .swiperbtn{ width: 40px; height: 40px; border-radius:50%; text-align:center; background:#333; transition:.2s ease;}
.banner .swiperbtn i{ line-height: 40%; color: #fff; display: inline-block;}
.banner .swiperbtn.swiper-button-prev{ transform: rotateY(180deg);}
.banner .swiperbtn:hover{ background:var(--theme-color);}
.tab{}
.tab-hd {overflow:hidden; zoom:1;}
.tab-hd li{cursor:pointer;}
.tab-bd li{display:none;}
.tab-bd li.thisclass{display:list-item;}
.pro_down{ width: 1400px; position: fixed; left: 50%; margin-left: -700px; top: 127px; background: #fff; padding:40px 50px 50px 40px; display:none;}
.pro_down .left{ width: 320px; border-right:1px solid #dddddd;}
.pro_down .left li a{ display: block; line-height: 40px; font-size: 16px;font-family: 'GothicB'; padding-left: 25px; margin-bottom:15px;}
.pro_down .left li.active a{ background:var(--theme-color);}
.pro_down .left li:hover a{ color:#333;}
.pro_down .right{ width: calc(100% - 380px);}
.pro_down .right .list{ width: calc(100% - 400px); margin-right:auto;}
.pro_down .right .pic{ width: 360px; border-radius:5px; overflow:hidden; position:relative;}
.pro_down .right .pic .imgfd{ padding-top: 71%;}
.pro_down .right .pic .txt{ width: 100%; height: 100%; position: absolute; left:0; top:0; padding:35px 30% 0 30px;}
.pro_down .right .pic .txt h3{ font-size: 32px; color: #fff;font-family: 'GothicB'; line-height: 36px; margin-bottom:20px;}
.pro_down .right .pic .txt span{ display: inline-block; line-height: 28px; border-radius: 14px; background: var(--theme-color); padding:0 10px; font-size:14px;font-family: 'GothicB';}
.pro_down .right .pic .txt span{ font-size: 14px; margin-left: 5px;}
.pro_down .right .pic:hover span{ color:#333;}
.pro_down .right .list a{ display: block; font-size: 16px; line-height: 30px;}
.pro_down .right .list a:hover{ color:var(--theme-color);}
.pro_down .right .list{ position: relative;}
.nav .nav_li.nav_li1:hover .pro_down{ display:block;}
.sup_wrap .tit{ position: relative; padding-top: 20px;}
.sup_wrap .tit:after{ position:absolute; left: 50%; transform: translateX(-50%); height: 3px; top: 0; background: #ffd300; content:''; width:80px;}
.sup_wrap .tit p{margin-top: 10px; font-size:18px;}
.c-flex{display: flex;flex-wrap: wrap;align-items: center}
.t-flex{display: flex;flex-wrap: wrap;align-items: flex-start;}
.sup_box{margin-top: 45px;text-align: center}
.sup_box dt { background: #fff; border-radius: 10px; width: 24%; margin-right: auto; padding:35px 38px 60px;}
.sup_box dt .icon{ transition: 2s ease;}
.sup_box dt:last-child{margin-right:0;}
.sup_box dt .txt{margin-top: 35px; text-align:left;}
.sup_box dt .txt h4{ font-size: 20px;font-family:'GothicB'; color: #333; line-height:1.2; height:48px; overflow: hidden; margin-bottom:5px; text-align:center; padding:0 20px;}
.sup_box dt .txt p{ padding-left: 21px; background: url(/static/images/gou_07.png) no-repeat left 8px;}
.sup_box dt .txt .des{ height: 200px;}
.sup_box dt:hover .icon{ transform:rotateY(360deg);}

.main_center{padding: 40px 0 60px;}
.gray_bg{background: #f1f1f1;}
.fl{ float: left;}
.fr{ float: right;}
.c{ overflow: hidden; clear: both;}
.main_left{ width: 340px;}
.main_right{ width: calc(100% - 390px);}
.pro_nav{ background: #fff; border-radius: 5px; padding: 25px 20px;}
.pro_nav h3{ font-size: 16px;font-family: 'GothicB'; margin-bottom:10px;}
.pro_nav h3 i{ font-size:14px; margin-left:auto; transition: .2s ease; cursor:pointer;}
.pro_nav h3 a{ display: inline-block; position: relative; line-height:40px;}
.pro_nav li.act h3 a,.pro_nav li h3:hover a{ color: var(--theme-color);}
.pro_nav li.act h3 i{ transform: rotate(180deg);  color:var(--theme-color);}
.pro_nav li .list{margin-top: 10px; display:none;}
.pro_nav li .list a{ display:block; font-size: 16px; color: #666; line-height:24px; margin-bottom:10px; padding-left:23px; position:relative;}
.pro_nav li .list a:after{ position:absolute; left: 0; top:7px; width: 10px; height: 10px; border-radius: 3px; content: ''; border: 1px solid #dddddd;}
.pro_nav li .list a:hover,.pro_nav li .list a.on{ color:var(--theme-color);}
.pro_nav li .list a.on:after{ border-color:var(--theme-color);}
.pro_nav li.act .list{ display: block;}
.prolist_top h3{ font-family: 'GothicB'; font-size:40px; margin-bottom:20px;}
.prolist_top{ margin-bottom: 30px;}
.prolist_top p{ font-size:18px; line-height:30px; color:#666;}
.left_msg{margin-top: 40px; border-radius: 5px; overflow: hidden; text-align: center; padding:28px 50px; background:url(/static/images/probg_03.jpg) no-repeat center;}
.left_msg h3{ font-size: 24px; line-height: 30px; color: #fff; margin-bottom:20px;}
.left_msg .amore{ width: 100%; text-align: center;}
.toph{ height: 127px;}
.auth_box .imgfdd{margin-right: 10px; height: 65px;}
.imgfdd{overflow: hidden;}
.imgfdd img{ width: 100%; height: auto;transition: all 0.5s ease;object-fit: cover;display: block;}
.imgfdd:hover img{transform: scale(1.1);}
.auth_box .imgfdd img{ height: 100%;width:auto;}
.auth_box{ margin: 40px 0;}
.social-share .social-share-icon{ width: 28px; height: 28px; line-height:28px; font-size:18px;}
.pd_form form{ width: 40%;}
.pd_form input,.pd_form textarea{ margin-bottom: 20px; width: 100%; border-radius: 5px; background: #fff; border:none; line-height:50px; padding-left:8px;}
.pd_form  button{
    border:none;
    outline: none;
    width:180px;
    height:50px;
    border-radius:100px;
    background: var(--theme-color);
    cursor: pointer;
    font-size:16px;
    transition:all .4s;
    font-family: 'GothicB';
    display: flex;
    justify-content: center;
    align-items: center;
}
.pd_form button i{
    margin-left: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.pd_form button:hover{
    opacity: .8;
    width: 200px;
}
.pd_form .imgfdd{ width: 55%; overflow:visible;}

.pd_detail_intro7 .page_product_list{padding: 0 80px; position: relative; overflow:hidden;}
.pd_detail_intro7 .page_product_list .item .item_w{ border: 1px solid #dddddd; border-radius: 15px;}
.relswiper{ overflow: hidden; padding-top:20px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display:none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display:none;}
.pd_detail_intro7 .page_product_list .swiperbtn{ width: 45px; height: 45px; border-radius: 50%; background: #f1f1f1; font-size:18px; color:#333; transition:.3s ease; z-index:2;}
.pd_detail_intro7 .page_product_list .swiperbtn:hover{ background:var(--theme-color);}
.ny_soltxt{ padding: 30px 0 70px;}
.ny_soltxt h3{ font-size: 40px; font-family: 'GothicB'; margin-bottom:20px;}
.sol_col_list ul li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 30px; background:#fff; border-radius:10px; overflow:hidden;}
.sol_col_list ul li:nth-child(4n){ margin-right:0;}
.sol_col_list ul li .imgfd{ padding-top: 52.6%;}
.sol_col_list ul li .txt{ padding: 25px 20px;}
.sol_col_list ul li .txt h2{font-family: 'GothicB'; font-size:24px; line-height:30px; overflow:hidden; margin-bottom:5px; height:30px;} 
.sol_col_list ul li .txt p{ height: 48px; margin-bottom:10px; overflow:hidden; line-height:24px;}
.sol_col_list ul li .txt span{ display: inline-block; line-height: 26px; border: 1px solid #333; padding: 0 15px; border-radius: 15px; color:#333; font-size:14px;font-family: 'GothicB'; transition:.3s ease;}
.sol_col_list ul li .txt span i{ margin-left: 5px;}
.sol_col_list ul li:hover .txt span{ background:var(--theme-color); border-color:var(--theme-color);}
.sol_col_list ul li:hover .txt h2{ color:var(--theme-color);}
.sol_cus{ padding: 80px 0 40px;}
.sol_cus .imgfdd{ width: 49%; border-radius: 10px;}
.sol_cus .txt{ width: 47%; margin-left: auto;}
.sol_cus .txt h3{ font-size: 40px; line-height: 50px;font-family: 'GothicB'; margin-bottom: 20px;}
.sol_cus .txt .amore{ margin-top: 60px; background: #333333; color: #fff; border-color:#333;}

.news_list .item .item_con .tit{height: 58px;}
.solshow_top{ margin: 30px 0;}
.solshow_top h3{ font-size:40px; font-family: 'GothicB'; margin-bottom:10px;}
.solshow_top b{ display: block; font-size: 24px; line-height: 36px;font-weight:normal;}
.solshow_txt h4{ font-size: 24px; font-family: 'GothicB'; margin-bottom: 25px;}

.suggested_products .item{ width: 20%; float:left;}
.suggested_products .item .item_con{ padding: 15px 25px 20px;}
.swiper-pagination-bullet:focus{ outline:none;}


.genb40{ font-size: 40px;  font-family: 'GothicB'; text-align: center; margin-bottom: 30px;}
.dis_sup{ padding-top: 20px;}
.dis_bring dl dt{ width: 15.5%; margin-right: auto; background:#fff; border-radius:10px; padding:30px 20px 25px; text-align:center; transition:.3s ease;}
.dis_bring dl dt:last-child{ margin-right:0;}
.dis_bring dl dt .icon{ margin-bottom: 22px;}
.dis_bring dl dt h2{ font-size: 20px; font-family: 'GothicB'; line-height:24px; height:48px;}
.dis_bring dl dt:hover img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.dis_bring dl dt:hover{ background:var(--theme-color);}
.userswiper{ position: relative; padding-bottom: 70px; overflow:hidden;}
.userswiper .imgfd{ padding-top: 47.6%; border-radius: 10px; overflow:hidden ;}
.userswiper .swiper-pagination-bullet-active{ background:var(--theme-color) ;}
.dis_user .btnbox{ text-align: center;}
.dis_user .btnbox .amore{ background: #333333; color: #fff; border-color:#333;}
.dis_form{ padding: 0 20%;}
.dis_form .tit{ text-align: center;margin-bottom:30px;}
.dis_form .tit .genb40{ margin-bottom: 0;}
.dis_form .tit b{ font-size: 24px; font-weight: normal;}
.dis_form .msg_box input{ width: 100%; border: 1px solid #dddddd; line-height: 52px; font-size:14px;margin-bottom:15px; border-radius:3px; padding-left:10px;}
.dis_form h4{ font-size: 18px; font-family: 'GothicB'; color: #333; margin-bottom:10px;}
.dis_form h4 i{ font-size: 14px; font-style: italic; color: #e70000; font-weight: normal; font-family:'Gothic';}
.dis_form .checkbox p{margin-bottom: 8px;}
.dis_form .checkbox p input{ background: #fff; margin-right: 5px;}
.dis_form .checkbox .all{ display:block; width: 120px; line-height: 40px; border-radius: 21px; text-align: center; background: #fff; border: 1px solid #666666; font-size:14px; transition:.3s ease; cursor:pointer; margin:25px 0 30px;}
.dis_form .checkbox .all:hover{ background:var(--theme-color);}
.dis_form  button{
    border:none;
    outline: none;
    width:150px;
    height:50px;
    border-radius:100px;
    background: var(--theme-color);
    cursor: pointer;
    font-size:15px;
    transition:all .4s;
    font-family: 'GothicB';
    display: flex;
    justify-content: center;
    align-items: center; margin-top: 30px;
}
.dis_form button i{
    margin-left: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.dis_form button:hover{
    opacity: .8;
    width: 170px;
}
.dis_form .checkbox .provided{ display: none;}

.page_latest_news .imgfd{ padding-top: 61%;}
.lxwm_wrap{ padding-top: 50px;}
.wrap_left{ width: 48%;}
.wrap_left .genb40{ text-align: left;}
.lxwm_wrap dl dt{ width: 49%; margin-right: 2%; margin-bottom: 20px; text-align: center; background: #fff; border-radius: 10px; padding: 35px 30px 25px;}
.lxwm_wrap dl dt:nth-child(2n){margin-right:0;}
.lxwm_wrap dl dt i{ font-size: 50px; line-height: 50px;display:inline-block;}
.lxwm_wrap dl dt h4{ font-size: 20px; font-family: 'GothicB'; line-height: 20px; height: 20px; margin: 18px 0;}
.lxwm_wrap dl dt .box{ line-height: 24px; height: 72px;}
.lxwm_wrap dl dt .box p{ line-height: 24px;}
.lx_msg{ width: 48%;}
.lx_msg .genb40{ text-align: left; margin-bottom: 0;}
.lx_msg p{ font-size: 20px; margin-bottom: 25px;}
.lx_msg input,.lx_msg textarea{ width: 100%; line-height: 50px; border-radius: 5px; border: none; padding-left: 15px; margin-bottom:20px; font-size:16px;}
.lx_msg button{ width: 240px; border-radius:25px; border:none; text-align: center; line-height: 50px; color: #333; background: var(--theme-color); transition: .3s ease; cursor:pointer; font-size:16px;font-family: 'GothicB';}
.lx_msg button i{ margin-left: 15px; font-size:18px;}
.lx_msg button:hover{ width:260px;}

.page_about_banner_con .txt{ width: 70%; margin: 0 auto; text-align:center;}
.page_about_banner_con .txt h3{ font-family:'GothicB' ; color: var(--theme-color); font-size:60px; line-height:60px; margin-bottom:30px;}
.page_about_banner_con .txt p{ color: #fff; font-size: 24px; line-height: 40px;}
.page_about_banner_con .txt p span{ font-style: italic;}
.ab_profile .genb40{ text-align: left; margin-bottom: 20px;}
.ab_profile .box{ margin-bottom: 70px;}
.facswiper{ padding-bottom: 80px; position: relative; overflow: hidden; text-align: center;}
.facswiper .imgfd{ border-radius: 10px; margin-bottom:20px;}
.facswiper p{ font-size: 18px; }
.facswiper .swiperbtn{ position: unset; display: inline-block; width:45px; height:45px; line-height:45px; text-align:center; border-radius:50%; background:#fff; transition:.3s ease; color:#333; font-size:18px; margin:25px 10px 0;}
.facswiper .swiperbtn:hover{ background:var(--theme-color);}
.ab_quality{ padding: 90px 100px 80px; overflow: hidden; border-radius: 10px; text-align:center;}
.ab_quality .tit{ color:#fff ;}
.ab_quality .tit .genb40{ margin-bottom: 15px;}
.ab_quality .tit p{ font-size: 18px;}
.ab_quality dl{ margin-top: 40px;}
.ab_quality dl dt{ width: 31%; margin-right: auto; background:#fff; border-radius:10px; padding:38px 50px;}
.ab_quality dl dt:last-child{ margin-right:0;}
.ab_quality dl dt h4{ font-size: 24px;  font-family:'GothicB' ; line-height:24px; height:24px; overflow:hidden; margin: 18px 0 15px;}
.ab_quality dl dt p{ font-size: 18px; line-height: 30px; height: 120px; color:#666;}
.ab_quality dl dt img{ transition: 2s ease;}
.ab_quality dl dt:hover img{ transform:rotateY(360deg);}
.ab_service{ padding: 80px 0;}
.seritem{margin-bottom: 30px;}
.seritem .pic,.seritem .txt{ float: left; width:49%;}
.seritem .txt{padding:60px 100px 0;}
.seritem:nth-child(2n) .pic,.seritem:nth-child(2n+1) .txt{ float:right;}
.seritem .pic .imgfd{ padding-top: 48.7%; border-radius:10px;}
.seritem .txt h2{ font-family:'GothicB' ; font-size: 24px; margin: 25px 0 15px;}
.seritem .txt p{ font-size: 18px; line-height: 30px;}
.ab_vision dl dt{ width: 33.3%; text-align: center; padding: 0 70px; position: relative;}
.ab_vision dl dt:after{ position:absolute; right: 0; height: 150px; top: 50%; transform: translateY(-50%); width: 1px; background: #999999; content: '';}
.ab_vision dl dt:last-child:after{ display:none;}
.ab_vision dl dt h2{ font-size: 30px; font-family:'GothicB' ; margin:20px 0 10px;}
.ab_vision dl dt p{ font-size: 20px; line-height: 35px; height: 140px;}
.ab_indus{ padding: 80px 0;}
.indus_list ul li{ float:left; width: 24%; margin-right: 1.33%; margin-bottom: 38px; padding-bottom:35px; border-bottom:1px solid #dddddd; text-align:center; position:relative;}
.indus_list ul li:nth-child(4n){ margin-right:0;}
.indus_list ul li .imgfd{ padding-top: 52.6%; border-radius:10px; margin-bottom:25px;}
.indus_list ul li h2{ font-size: 24px;font-family:'GothicB' ; line-height:24px; height:24px;}
.indus_list ul li:after{ position:absolute; width: 0; transition: .3s ease; bottom: -1px; left: 0; content: ''; background: var(--theme-color); height:1px; }
.indus_list ul li:hover:after{ width:100%;}
.indus_list ul li:hover h2{ color:var(--theme-color);}

.footer_logo .img1{ margin-right: auto;}
.footer_contact .contbox{ margin-top: 20px;}
.footer_contact .contbox i{ color: #757f87; margin-right:15px; font-size:20px; display:inline-block; line-height:24px;}
.footer_contact .contbox p{align-items: flex-start; margin-bottom:10px;}
.footer_contact .contbox span{ display: block; width: calc(100% - 40px); margin-left: auto; line-height:24px;}
.footic{margin-top: 50px;}
.footic .imgfdd{margin-right: auto;}
.footic .imgfdd img{ height: 60px;}
.footer_contact .share{ margin-top: 40px;}
.footer_contact .share h4{margin-right: 5px;}
.page_product_list .item{ position: relative;}
.page_product_list .item .prohot{ position: absolute; top: 0; left:35px;}
.page_product_list .item .prohot img{ height: 30px;}
.pd_detail_intro7 .page_product_list .list{ margin-left: 0;}

.pd_detail_hd .pics .mySwiper2 .swiperbtn{ font-size: 32px; color: #333; transition:.2s ease;}
.pd_detail_hd .pics .mySwiper2 .swiperbtn.swiper-button-prev{ left: -30px;}
.pd_detail_hd .pics .mySwiper2 .swiperbtn.swiper-button-next{right: -30px;}
.pd_detail_hd .pics .mySwiper2:hover .swiperbtn.swiper-button-prev{ left:15px;}
.pd_detail_hd .pics .mySwiper2:hover .swiperbtn.swiper-button-next{right: 15px;}

.pd_detail_hd{position: relative;}
.up .finger{width:50%;height:50%;background:rgba(0,0,0,.1);position:absolute;left:0;top:0;display:none}
.bigdiv{box-sizing:border-box;background-color:#fff;width:45%;height:550px;position:absolute;left:40%;top:80px;overflow:hidden;z-index:5;display:none;}
.bigImg{width:200%;position:absolute;left:0;top:0; max-width:200%;}

.jy_item iframe{max-width: 100%!important;}

.page_product_list .item .item_w .linka{ display: block; position: relative;}
.page_product_list .item .item_w .linka .bigimg{ position: absolute; width: 300%; height: 300%; top:0; left:0;}

.contact_list{ position:fixed; bottom:10%; right:20px; z-index:99; height:280px; border-radius:35px;overflow:hidden;}
.contact_list a{ display:block; width:60px; height:60px; overflow:hidden; background:var(--theme-color) url(/static/images/ric_02.png) no-repeat center 0; cursor:pointer; border-radius:30px; margin-bottom:10px; background-size:60px; background-position:center -60px;}
.contact_list a:nth-child(2){ background-position:center top;}
.contact_list a:nth-child(3){ background-position:center -120px;}
.contact_list a:nth-child(4){ background-position:center -240px;}
.contact_list a:hover{ background:#f9e141 url(/static/images/ric_02.png) no-repeat center 0; background-size:60px; background-position:center -60px;}
.contact_list a:nth-child(2):hover{ background-position:center top;}
.contact_list a:nth-child(3):hover{ background-position:center -120px;}
.contact_list a:nth-child(0):hover{ background-position:center -240px;}

.pd_detail_hd .infos .share a.iconfont{ display: inline-block; width:28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; border: 1px solid #333; color:#333; margin:4px; font-size:18px;}
.pd_detail_hd .infos .share a.iconfont:hover{background:#333; color: #fff;}
@media screen and (max-width:1700px){
    .solution_wrap .j_item .j_item_hd{ left: 5%;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con{ left: 26%;}
    .solution_wrap .j_item .j_item_hd .list .item{ margin-bottom: 10px;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{ width: 60%;}
}
@media screen and (max-width:1600px){
    .product_wrap .swiper-button-prev img, .product_wrap .swiper-button-next img{ width: 100px;}
    .product_wrap .swiper-button-prev, .product_wrap .swiper-button-next{ width: 100px;}
    .solution_wrap .j_item .j_item_hd_w{ padding-top: 45px; }
    .solution_wrap .j_item .j_item_hd{ left: 2%; width:24%;}
    .about_data .item .img{padding-right: 30px;}
    .about_data .item{padding: 0 40px;}
    .ab_indus{ padding: 60px 2%;}
    
}
@media screen and (max-width:1441px){
    .product_menu .item .info .tit{ height: 48px;}
    .banner .item .item_con .tit h3{ font-size: 50px;}
    .banner .item .item_con .tit h4{ font-size: 36px;}
    .solution_wrap .j_item .j_item_hd .list .item{ font-size: 20px;}
    .sup_box dt{ padding: 28px 30px 30px;}
    .about_data .item{padding: 0 20px;}
    .about_data .item .img img{ width: 60px;}
    .about_data .item .num span{font-size: 50px;}
    .about_data .item .num sup{ font-size: 36px;}
    .about_data .item .item_w{ padding-bottom: 25px;}
    .page_product_list .item{ padding: 10px;}
    .page_product_list .item .item_con{ padding: 10px 15px 20px;}
    .sol_col_list ul li .txt h2{ font-size: 20px;}
    .page_jteam_list{padding-top: 80px;}
    .sup_box dt .txt .des{ height:230px;}
}

@media screen and (max-width:1281px){
    .page_product_list .item{ width: 33.3%;}
    .suggested_products .item{ width: 25%;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{ padding: 0 0 120px 100px;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{ width: 100px; height: 100px;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{ font-size: 36px;}
.new_more{ margin-top: 10px;}
.solution_wrap .j_item .j_item_hd .j_tit{ margin-bottom: 20px;}
.sup_box dt .txt{margin-top: 20px;}
.sup_box dt .txt .des{height: 260px;}
.news_wrap{background-size: 100%;}
.sol_col_list ul li .txt h2{ height: 60px;}
.sol_cus .txt h3{ font-size: 32px; line-height: 40px;}
.dis_bring dl dt .icon img{height: 60px;}
.dis_bring dl dt h2{ font-size: 18px;}
.ab_quality dl dt{ padding: 30px 35px 40px;}
.seritem .txt{ padding: 40px 60px 0;}
.ab_vision dl dt{padding: 0 45px;}
.ab_vision dl dt p{ font-size: 17px; line-height: 30px; height:120px;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .imgfd{padding-top: 55%;}

}
@media screen and (max-width:1024px){
    .header .logo img.img1{ display: block;-webkit-filter: inherit;}
    .product_wrap .swiper-button-prev img, .product_wrap .swiper-button-next img{ width: 70px;}
    .product_wrap .swiper-button-prev, .product_wrap .swiper-button-next{ width: 70px;}
    .solution_wrap .j_item .j_item_hd .list{ display: none;}
    .solution_wrap .j_item .j_item_hd{ position: unset; margin-bottom:25px; width:100%; left:0;}
    .solution_wrap .j_item .j_item_hd .j_tit{ color: #333; text-align:center;}
    .solution_wrap .j_item .j_item_hd .more{ display: none;}
    .solution_wrap .j_item .j_item_hd_w{ width: 100%;}
    .solution_wrap .j_item_bd .j_item_bd_item{ display: block;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item{ width: 49%; float: left; margin-right: 2%; margin-bottom:20px;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item:nth-child(2n){margin-right:0;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{ width: 100%; left: 0; padding:0 0 60px 60px;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con{left: 0;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .desc{ display: none;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{ width: 80px; height: 80px;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{font-size: 30px; margin-bottom: 30px;}
    .about_data .item{ width: 50%; margin-bottom:20px;}
    .about_data{ flex-wrap: wrap;}
    .sup_box dt{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
    .sup_box dt:nth-child(2n){margin-right:0;}
    .sup_box dt .txt .des{ height: 200px;}
    .tit_box1 .tit h4 sup{ font-size: 28px;}
    .main_left{ display: none;}
    .main_right{ width: 100%; float: none;}
    .page_banner{margin-top: 60px;}
    .main_center{padding: 25px 20px 30px;}
    .toph{ height: 60px;}
    .pd_detail_hd .infos h3{ font-size: 26px; line-height: 35px; margin-bottom:30px;}
    .auth_box .imgfdd{ height: 50px;}
    .pd_detail_intro3{ padding: 40px 0 50px 30px;}
    .pd_detail_intro_tit{ top: 60px;}
    .sol_cus{ display: block; padding:40px 0 30px;}
    .sol_cus .imgfdd{ width: 100%;}
    .sol_cus .txt{ width: 100%; margin-top:30px;}
    .sol_cus .txt .amore{margin-top: 30px;}
    .solshow_top b{ font-size: 20px; line-height: 30px;}
    .dis_bring dl dt{ padding: 20px 15px;}
    .dis_bring dl dt h2{ font-size: 16px; line-height: 22px; height: 66px;}
    .genb40{ font-size: 32px;}
    .dis_form{padding: 0 10%;}
    .page_about_banner_con .txt{ width: 85%;}
    .page_about_banner_con .txt p{ font-size: 20px; line-height: 30px;}
    .ab_quality{ padding: 60px 50px;}
    .ab_quality dl dt{padding: 25px 20px 30px;}
    .ab_quality dl dt p{ font-size: 16px; line-height: 24px; height: 120px;}
    .ab_quality dl dt h4{ font-size: 22px;}
    .seritem .txt{padding: 10px 40px 0;}
    .seritem .txt img{height: 50px;}
    .lxwm_wrap dl dt{ padding: 25px 20px 20px;}
    .lxwm_wrap dl dt .box{height:120px;}
    .page_case_study{ padding-bottom: 40px;}
    .header_wrap .nav_btn{ display: none;}
    .contact_list{ display: none;}
}
@media screen and (max-width:768px){
    .suggested_products .item{ width: 50%;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .imgfd{ padding-top: 60%;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{ width: 60px; height: 60px;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{ font-size: 26px; line-height: 30px;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{ padding: 0 0 40px 40px;}
    .amore{ line-height: 38px; padding:0 10px 0 15px;}
    .tit_box1 .tit h4 sup{ font-size: 20px;}
    .banner .item .item_con .tit h3{ font-size: 36px; }
    .banner .item .item_con .tit h4{ font-size: 28px;}
    .page_banner{ margin-top: 50px;}
    .prolist_top h3{ font-size: 30px; line-height: 1;}
    .pd_detail_hd .pics{ float: none;}
    .pd_detail_hd .infos{ width: 100%; margin-top:30px; float: none; }
    .pd_detail_intro_tit{ top: 50px;}
    .pd_form form{ width: 100%; float: none;}
    .pd_form .imgfdd{ width: 100%; float: none;}
    .sol_col_list ul li{ width: 49%; margin-right: 2%;}
    .sol_col_list ul li:nth-child(2n){margin-right:0;}
    .ny_soltxt h3{ font-size: 30px; line-height: 35px;}
    .dis_bring dl{ display: block;}
    .dis_bring dl dt{ display: flex; align-items: center; flex-wrap: wrap; width:100%; margin-bottom:10px;}
    .dis_bring dl dt h2{height: auto;}
    .dis_bring dl dt .icon{ margin-bottom: 0; margin-right:15px;}
    .page_about_banner_con .txt h3{ font-size: 40px; line-height: 40px;}
    .page_about_banner_con .txt p{ font-size: 18px;}
    .ab_quality dl{ display: block;}
    .ab_quality dl dt{ width:100%; display:flex; align-items:center; flex-wrap:wrap; margin-bottom:15px; text-align:left;}
    .ab_quality dl dt p{height: auto;}
    .ab_quality dl dt h4{margin-top: 0;}
    .ab_quality dl dt .txt{ width: calc(100% - 90px); margin-left: auto;}
    .seritem .pic, .seritem .txt{ width: 100%; float: none;}
    .seritem .txt{padding: 35px 25px;}
    .seritem:nth-child(2n) .pic, .seritem:nth-child(2n+1) .txt{ float:none;}
    .ab_vision dl{ display: block;}
    .ab_vision dl dt{ display: flex; align-items: center; width:100%;}
    .ab_vision dl dt:after{ display:none;}
    .ab_vision dl dt .txt{ width: calc(100% - 100px); margin-left: auto; text-align:left;}
    .indus_list ul li{ width: 49%; margin-right: 2%;}
    .indus_list ul li:nth-child(2n){ margin-right:0;}
    .indus_list ul li{padding-bottom: 20px;}
    .wrap_left{ width: 100%; float: none;}
    .lx_msg{ width: 100%; margin-top: 30px;}
    .lxwm_wrap dl dt .box{height: 72px;}
}

@media screen and (max-width:450px){
    .about_con .btns{ flex-wrap: wrap;}
    .about_con .btns a.btn{margin-bottom: 15px;}
    .about_con .j_desc{ width: 94%;}
    .about_data .item .img img{ width: 40px;}
    .about_data .item .img{ padding-right: 20px;}
    .about_data .item .num span{ font-size: 30px;}
    .about_data .item .num sup{ font-size: 20px;}
    .about_data .item{padding: 0 10px;}
    .about_data .item .con{ width: calc(100% - 60px);}
    .about_data .item .item_w{ padding-bottom: 15px;}
    .sup_box dt{ width: 100%; float: none; margin-right:0;}
    .sup_box dt{padding: 20px;}
    .sup_box dt .icon img{ height: 50px;}
    .sup_box dt .txt h4{height: auto;}
    .sup_box dt .txt .des{height: auto;}
    .sup_box dt .txt h4{ font-size: 18px;}
    .product_wrap .swiper-button-prev img, .product_wrap .swiper-button-next img,.product_wrap .swiper-button-prev, .product_wrap .swiper-button-next{ width: 40px;}
    .product_swiper .item_con .desc{ display: none;}
    .product_swiper .item_con h4{ font-size: 18px; line-height: 26px;height: 52px; margin-bottom:0; display:none;}
    .product_swiper .item_con{padding: 15px 8px 10px;}
    .product_swiper{padding-bottom: 0;}
    .product_swiper .swiper-slide i{ display: none;}
    .solution_wrap .j_item .j_item_hd .j_tit{margin-bottom: 0;}
    .banner .item .item_con .tit h3{ font-size: 30px; }
    .banner .item .item_con .tit h4{ font-size: 20px;}
    .banner .item .item_con .wrapper .amore{ display: none;}
    .page_product_list .item .item_con{ padding: 10px 8px 15px;}
    .page_product_list .item{ width: 50%;}
    .page_product_list .item .item_con .desc{ display: none;}
    .page_product_list .item .item_con .tit{ font-size: 14px; line-height:20px; height:120px;}
    .main_center{ padding: 20px 15px;}
    .page_product_list .item .prohot img{height: 25px;}
    .page_product_list .item .prohot{ left: 20px;}
    .inner_pos{ font-size: 12px;}
    .inner_pos i{ display: none;}
    .toph{height: 50px;}
    .pd_detail_hd .pics .mySwiper{margin-top: 10px;}
    .pd_detail_hd .infos h3{ font-size: 20px; margin-bottom: 10px;}
    .auth_box{ margin: 25px 0;}
    .pd_detail_intro2 table td{ padding-left: 20px; line-height:40px;}
    .pd_detail_intro3{ padding: 30px 15px 20px;}
    .pd_detail_intro3 .pd_detail_intro__tit{margin-bottom: 30px;}
    .pd_detail_intro6 .list .item{padding: 16px 20px;}
    .pd_detail_intro7 .page_product_list{ padding: 0 20px;}
    .pd_detail_intro7 .page_product_list .swiperbtn{ width: 36px; height: 36px; line-height: 36px;}
    .ny_soltxt{padding: 20px 0 35px;}
    .sol_col_list ul li .txt{ padding: 15px 10px;}
    .sol_col_list ul li{ width: 100%; float: none; margin-bottom: 20px;}
    .sol_col_list ul li .txt h2{height: auto;}
    .sol_cus{padding: 25px 0;}
    .sol_cus .txt h3{ font-size: 26px; line-height: 30px;}
    .solshow_top h3{ font-size: 30px; line-height: 38px;}
    .solshow_top b{ font-size: 18px; line-height: 26px;}
    .genb40{ font-size: 26px; line-height: 36px; margin-bottom:20px;}
    .sup_box{margin-top: 20px;}
    .dis_bring dl dt{padding: 15px 10px;}
    .dis_bring dl dt .icon img{ height: 50px;}
    .userswiper{padding-bottom: 40px;}
    .dis_form{padding: 0 5%;}
    .dis_form .tit b{ font-size: 18px; line-height: 26px;}
    .page_about_banner .img img{min-height: 500px; width:130%; max-width:130%; margin-left:-30%;}
    .page_about_banner_con .txt h3{ font-size: 30px; line-height: 30px; margin-bottom:15px;}
    .page_about_banner_con .txt{ width: 95%;}
    .page_about_banner_con .btns{margin-top: 20px;}
    .facswiper .imgfd{margin-bottom: 10px;}
    .facswiper p{ font-size: 16px; line-height: 24px;}
    .facswiper{padding-bottom: 35px;}
    .ab_quality{padding: 35px 20px;}
    .ab_quality .tit p{ font-size: 16px;}
    .ab_quality dl{margin-top: 20px;}
    .ab_quality dl dt p{font-size: 14px; line-height: 20px;}
    .seritem .txt{padding: 25px 20px;}
    .seritem .txt img{ height: 40px;}
    .seritem .txt h2{ font-size: 20px; line-height: 22px; margin:15px 0;}
    .seritem .txt p{ font-size: 16px; line-height: 24px;}
    .seritem{ margin-bottom: 15px;}
    .ab_service{padding: 35px 0;}
    .ab_vision dl dt{padding: 20px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.12); margin-bottom:20px;}
    .ab_vision dl dt p{ font-size: 16px; line-height: 24px; height: auto;}
    .ab_vision dl dt h2{ font-size: 26px; line-height: 30px; margin-top: 0;}
    .indus_list ul li h2{ font-size: 20px; line-height: 28px; height: 56px;}
    .indus_list ul li .imgfd{margin-bottom: 10px;}
    .indus_list ul li{ padding-bottom: 10px; margin-bottom: 20px;}
    .ab_indus{ padding: 35px 2%;}
    .page_case.news_con .arrow{ top: 50px;}
    .lxwm_wrap{ padding-top: 30px;}
    .lxwm_wrap dl dt{width: 100%; float: none;}
    .lxwm_wrap dl dt .box{height: auto;}
    .pd_detail_intro3{margin-top: 40px;}
    .page_solution_tit.about_tit_box1{padding-top: 0;}
    .about_tit_box1{padding-top: 20px;}
    .news_list.page_news_list .list{ margin: 0;}
    .lx_msg p{ font-size: 16px; line-height: 24px;}
    .lxwm_wrap dl dt i{ font-size: 40px; line-height: 40px;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w .amore{ display: none;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{ margin-bottom: 0;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{ font-size: 20px; line-height: 26px;}
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{ width: 50px; height: 50px;}
    .jy_item iframe{ height: 260px;}
    .page_product_list .item .item_con p{  height:36px;}
}