@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{margin:0px;padding:0px;font-family:微软雅黑;color:#000;}
body{background:#ffffff;}
ul{list-style:none;}
img,a img{border:0px;border:none;}
a{text-decoration:none;}
a.hidefocus{outline:none}
a:hover{text-decoration:underline;text-decoration:none;}
label{ margin-bottom:0; font-weight:normal;}
input{border:0;outline:none;/*去除蓝色边框*/}
select::-ms-expand { display:none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color:#fff; }
.white{ background:#fff;}
.center{ max-width:1640px;width:94%; margin:0 auto; font-size:12px; color:#333;}
.flex{ display: flex;}
.align-center{ align-items: center;}
.align-start{ align-items: flex-start;}
.justify-center{ justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-end{justify-content: flex-end;}
.flex-wrap{flex-wrap: wrap;}
.flex-1{flex: 1;}
.flex-cnter{  display: flex; align-items: center; justify-content: center;}
.flex-cnter-space{  display: flex; align-items: center; justify-content: space-between;}
.flex-end{  display: flex; align-items: flex-end;}
/*****以上样式不可更改*****/

.search_Box{ width:100%;font-size:12px;text-align:center;color:#666666;position:relative;cursor:pointer;line-height:50px;background:#f5f6f9; display: none !important;}
.search_Box .right_box{ display: flex;}
.search_Box .right_box a{display:block; padding-left: 10px; font-size:12px;text-align:left;color:#333333;position:relative;padding-right:10px;}
.search_Box .right_box a.zw{margin-left:30px;padding-left:25px;}
.search_Box .right_box a.en{  padding-left: 0; margin-left: 10px; padding-right: 0px;}
.search_Box .right_box a.zw::before{ content:'';width:16px;height:16px;background-image:url(../images/dq.png);position:absolute;left:0;top:50%;transform:translateY(-50%);background-size:100% 100%;background-repeat:no-repeat;background-position:center;}
.pc_nav{position:fixed;width:100%;left:0;top:0px;z-index:99;transition:all .5s;background:rgba(255,255,255,1);box-shadow: 0.000000px 5.000000px 30px rgba(15, 91, 183, 0.1);}
/* .pc_nav.on{background: rgba(0, 0, 0, 1); top: 0;} */
.header{ display: flex; align-items: center;}
.header .logo{ width: 245px; height:43px;overflow: hidden; display: flex; align-items: center;}
.header .logo img{max-width: 100%; width: auto; height: auto;}
.header .navbar_nav .nav{ display: flex; align-items: center;}
.header .navbar_nav .nav li{ position: relative;}
.header .navbar_nav .nav li a.home-dec{display:block; position:relative; transition: color 0.5s; line-height:90px; font-size:16px;color:#333; padding:0 1.2vw;}
.header .navbar_nav .nav li a.home-dec:before,.header .navbar_nav .nav li.active a.home-dec:before{content:'';position:absolute;left:0;bottom:0;width:0%;height:3px;background:#ff9900;transition:all .5s ease;}
.header .navbar_nav .nav li:hover a.home-dec:before,.header .navbar_nav .nav li.active a.home-dec:before{width:100%;}
.header .navbar_nav .nav li a:hover,.header .navbar_nav .nav li.active a {color:#ff9900;}

.header .navbar_nav .nav li .nav-sub {border:none;background:#fff;width:auto;left:50%;margin-left:-73px;padding:0;border-radius:0.2em;box-shadow:0 0 0;position:absolute;min-width:146px;opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);transition:opacity .5s ease,transform .5s ease;max-height:0;overflow:hidden;box-shadow:1px 1px 10px rgb(0 0 0 / 50%);}
.header .navbar_nav .nav li:hover .nav-sub {opacity:1;transform:none;max-height:100vh;}
.header .navbar_nav .nav li:hover .nav-sub a {border:none;padding:0;text-align:center;line-height:42px;height:42px;font-size:14px;color:#333;display:block;white-space:nowrap;}
.header .navbar_nav .nav li:hover .nav-sub a:hover {background-color:#ff9900;color:#fff;}
.header .search_form{height:90px;display:flex;align-items:center;justify-content:space-between;width:17vw;margin-left:2vw;text-align:right;}
.header .search_form .search_form_box{ border: 1px solid #333; display: flex; align-items: center; width: 100%;}
.header .search_form .search_form_box .text{height: 100%; width: 100%; line-height: 42px; height: 42px;font-size: 14px;background: transparent; color: #333; padding: 0px 20px;}
.header .search_form .search_form_box .button{ padding: 0px 10px; width:57px; height: 42px; border: none; background: none;}
.header .search_form .search_form_box .button i{ color: #333; font-size: 20px;}
.banner { position: relative; overflow: hidden; min-height:100vh;}
.banner .swiper-button-prev{left:20px;color:#fff;}
.banner .swiper-button-next{right:20px;color:#fff;}
.banner img{ width: 100%; display: block;  min-height:100vh; object-fit: cover;}
.banner .swiper-pagination-bullet{display:inline-block; width:60px; height:4px;background:#fff;margin-right:10px;cursor:pointer;border-radius:0;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ff9900;}
.wab_nav,.m_menu{ display: none;}
.p60{ padding:60px 0px;}
.index_product_swiper{position: relative;}
.index_product_swiper .mySwiper2 .swiper-slide{position: relative; overflow: hidden; display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between;}
.index_product_swiper .mySwiper2 .swiper-slide img{ max-width: 550px; height: auto !important; width: 50%;}
.index_product_swiper .mySwiper2 .swiper-slide .text{ width: 50%; display: flex; flex-wrap: wrap; align-content: center;transition-duration: 2s;  transform: translate(0, 80px); opacity: 0;}
.index_product_swiper .mySwiper2 .swiper-slide .text .text_title{margin-bottom: 15px; font-size: 24px;}
.index_product_swiper .mySwiper2 .swiper-slide .text .text_title a{ color: #ff9900; font-size: 36px; font-weight: 700; text-align: left; word-break: break-word; margin-bottom: 0;  white-space: normal !important; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.index_product_swiper .mySwiper2 .swiper-slide .text .text_summary{font-size: 14px; line-height: 28px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333333; margin-top: 0; margin-bottom: 5%;}
.index_product_swiper .mySwiper2 .swiper-slide .text .more{display: block; width: 150px; height: 40px; background: #ff9900; border: 1px solid #ff9900; line-height: 38px; color: #fff; text-align: center;}
.index_product_swiper .mySwiper2 .swiper-slide.swiper-slide-active .text{transform: translate(0, 0); opacity: 1;}
.index_product_swiper .mySwiper{ margin-top:50px; overflow: hidden; width: 100%; position: relative;}
.index_product_swiper .mySwiper .swiper-slide{ text-align: center; position: relative; padding-bottom: 50px; cursor: pointer;}
.index_product_swiper .mySwiper .swiper-slide img{width: 120px; height: auto; border-radius: 10px;}
.index_product_swiper .mySwiper .swiper-slide h3{font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap !important; -o-text-overflow: ellipsis;text-overflow: ellipsis; text-align: center; color: #333333;overflow-wrap: break-word; margin-top: 40px;}
.index_product_swiper .mySwiper .swiper-slide::before{content: ''; position: absolute; right: 0px; background: #959595; height: 53px; width: 1px; top: 30%; transform: translateY(-50%);}
.index_product_swiper .mySwiper .swiper-slide h3::before{content: ''; display: block; width: 71px; height: 3px; background: transparent; position: absolute; left: 50%; bottom:0px; transform: translateX(-50%); transition: .5s; border-radius: 2px;}
.index_product_swiper .mySwiper .swiper-slide.swiper-slide-thumb-active h3::before{ background: #ff9900;}
.index_product_swiper .swiper-button-next,.index_product_swiper .swiper-button-prev{ display: none;}
.index_title{text-align: center;}
.index_title h2{ color: #ff9900; font-size: 30px; line-height: 1.3; font-weight: bold; position: relative;}
.index_title img{ width: 38px;}
.index_title p{ color: #333333; font-size: 18px; line-height: 1.7;}
.index_title span{color: #000; font-size: 34px; line-height: 1.3; font-weight: bold; opacity: .1; display: block;width: 100%; text-align: center;text-transform: uppercase;}
.index_client_list li{ margin-top: 30px;}
.index_client_list li .item{ display: block; overflow: hidden;}
.index_client_list li .item .imgbox{ width: 100%; height:auto; overflow: hidden;}
.index_client_list li .item .imgbox img{ width: 100%;-webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.index_client_list li .item:hover .imgbox img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.index_client_list li .item .txtbox{ margin-top: 12px;}
.index_client_list li .item .txtbox h4{ text-align: center; color: #ff9900; font-size: 18px; line-height: 1.7;}
.index_client_list li .item .txtbox p{ text-align: left; margin-top: 4px; font-size: 14px; color: #666666;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.index_contact{ background: url(../images/bans.jpg) no-repeat; background-size: 100% 100%; width: 100%;}
.index_contact_box{ background:#fff;box-shadow: 0.000000px 5.000000px 30px rgba(15, 91, 183, 0.1); overflow: hidden; display: flex;}
.index_contact_box .txtbox{ width: 50%; padding: 45px;}
.index_contact_box .txtbox .index_title{ text-align: left;}
.index_contact_box .txtbox .txt h3{ font-size: 20px; line-height: 1.8; font-weight: bold; color: #333333; margin-top: 8px;}
.index_contact_box .txtbox .txt p{ font-size: 18px; line-height: 1.8; color: #666666; margin-top: 8px;}
.index_contact_box .map_us{ width: 50%; height:355px;}
.footerUp{ background:#f8f8f8;}
.footerUp_flex{ display: flex; align-items: flex-start; justify-content: space-between;}
.footerUp_flex .item .logo{ width: 200px; display: block;}
.footerUp_flex .item .logo img{ width: 100%;}
.footerUp_flex .item p{ color: #000; font-size: 14px; margin-top:12px;}
.footerUp_flex .item p a{ color: #666666;}
.footerUp_flex .item h4{display: block; font-size: 18px; margin-bottom: 15px; color: #1a1a1a; font-weight: 700;}
.footerUp_flex .item .text a{display: block; font-size: 16px; line-height: 2; margin-bottom: 0px; color: #999999;}
.footerUp_flex .item .text a:hover,.copyright_flex p a:hover{ color: #333;}
.copyright{ background: #ffffff;}
.copyright_flex{ display: flex; align-items: center; justify-content: space-between; padding: 20px 0px;}
.copyright_flex p{ color: #666666; font-size: 14px; line-height: 1.8;}
.copyright_flex p a{ color: #666666; }

.piaofu{ position:fixed; right:0; bottom:90px; z-index:999;}
.piaofu .imgbox{ position:relative;cursor:pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #000;}
.piaofu .imgbox .icon{ width:24px; height:24px; position:relative; z-index: 9;}
.piaofu .imgbox .icon img{ width: 24px; height: 24px;}
.wap_footer{ display: none;}

.page_banner{ position: relative;}
.page_banner img{ width: 100%; height: 500px; object-fit: cover;}
.page_banner .text{position:absolute;width:96%;color:#fff;text-align:left;top:45%;left:50%;line-height:1.6;transform:translate(-50%,-50%);z-index:4;max-width:1400px;}
.page_banner .text h4{font-weight:normal;font-size:26px;line-height:1;opacity:0.9;font-family:'Arial';text-align:center;letter-spacing:2px; color: #ffffff}
.page_banner .text span{font-weight:normal;font-size:16px;line-height:1;margin-top:1rem;text-align:center;text-transform:uppercase; color: #ffffff; text-align: center; display: block;}
.page_banner .icon{position: absolute; bottom:1%; height: 70px; left: 50%; transform: translate(-50%); max-width: 1400px;  width: 96%;}
.page_banner .icon .img{-webkit-animation: myyun1 3s forwards infinite linear; width: 30px; margin: 0 auto;}
.page_banner .icon .img img{ width: 30px; height: 30px;}




@keyframes myyun1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* 向上移动10px */
  }
  100% {
    transform: translateY(0); /* 回到原始位置 */
  }
}

.mbx_nav{ background: rgba(242, 242, 242, 1); display: none;}
.mbx_nav_flex{ display: flex; align-items: center; justify-content: space-between;}
.mbx_nav_flex .nav{ display: flex; align-items: center;}
.mbx_nav_flex .nav li a{position: relative; font-size: 16px; height: 80px; line-height: 80px; padding: 0px 30px; color: #222; display:block;}
.mbx_nav_flex .nav li a::before{  position:absolute;left:50%;width:0%;height:3px;background:var(--theme-color);bottom:0;content:"";transform:translateX(-50%);transition:all 0.5s;display:block;}
.mbx_nav_flex .nav li:hover a::before,.mbx_nav_flex .nav li.active a::before{ width: 80%; background: #ff9900;}
.mbx_nav_flex .nav li:hover a,.mbx_nav_flex .nav li.active a{ color: #ff9900;}
.mbx_nav_btn{ display: flex; align-items: center;}
.mbx_nav_btn img{ width: 16px; margin-right:6px;}
.mbx_nav_btn a{ color: #A1A1A1; font-size: 16px; padding-right: 20px; font: normal normal normal 14px/1 FontAwesome; position: relative; line-height:80px;}
.mbx_nav_btn a::before { content: "\f105"; position: absolute; right:8px; top: 0px;}
.mbx_nav_btn a:last-child:before{ display: none;}
.mbx_nav_btn a:hover{ color: #ff9900;}

.page_title{ text-align: left;}
.page_title h2{ font-size: 30px; line-height: 1.5; color: #333333;}
.page_title p{ font-size: 24px; line-height: 1.5; color: #ff9900; font-weight: bold;text-transform: uppercase;}
.About_page{ background: #ffffff;}
.About_page_flex{ display: flex; align-items: flex-start; justify-content: space-between;}
.About_page_flex .txtbox,.About_page_flex .imgbox{ width: 49%;}
.About_page_flex .txtbox .text {margin-top: 20px;}
.About_page_flex .txtbox .text p{ font-size: 16px; color: #333333; line-height: 2; text-indent: 2em;}
.About_page_flex .imgbox img{ width: 100%;}
.About_page2 .page_title,.About_page3 .page_title,.About_page4 .page_title{ text-align: center;}
.About_page2_list{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0px -15px;}
.About_page2_list li{ width: 33.3333%; margin-top: 30px; padding: 0px 15px;}
.About_page2_list li .item{ background:#fff;box-shadow: 0.000000px 5.000000px 30px rgba(15, 91, 183, 0.1); padding: 24px; height: 100%;}
.About_page2_list li .item h4{ text-align: center;  font-size: 24px; line-height: 1.5; color: #ff9900; font-weight: bold; text-align: center;}
.About_page2_list li .item .text{ margin-top: 12px;}
.About_page2_list li .item .text p{font-size: 16px; line-height: 2; color: #666666; margin-top: 8px;}
.About_page3{ background: ;}
.About_page3_swiper{ position: relative; overflow: hidden; margin-top: 60px;}
.About_page3_swiper .swiper-slide{ position: relative; background:rgba(241, 245, 251, 0.95);}
.About_page3_swiper .swiper-slide img{ width: 100%; border: 1px solid rgba(241, 245, 251, 0.95);}
.About_page3_swiper .swiper-slide .txt{ background: #fff; padding: 12px; text-align: center;}
.About_page3_swiper .swiper-slide .txt span{ display: block; line-height: 1.8; color: #333; font-size: 16px;}
.aboutBg{ background: url(../images/at3.jpg) center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: none;}
.About_page4{ background: #fff;}
.product_flex{ display: flex; justify-content: space-between;}
.product_flex_left{ width:20%;}
.product_flex_left_title{ background:#ff9900; padding: 6px 15px;}
.product_flex_left_title h3{ color: #fff; font-size: 24px; line-height: 1.6; font-weight: bold;}
.product_flex_left_title span{ color: #fff; font-size: 16px; list-style: 1.7;}
.product_nav .main_menu li a{display: flex; align-items: center; padding: 5px 10px 5px 15px; border-top: 1px solid #fff; font-size: 14px; width: 100%; line-height: 35px; color: #333; background: #eee; position: relative; }
.product_nav .main_menu li a i{ position: absolute; right:10px; top: 50%;transform: translateY(-50%);}
.product_nav .main_menu li.active a,.product_nav .main_menu li .dropdown_menu a.active{background:#ff9900; color: #fff;}
.product_nav .main_menu li .dropdown_menu{ display: none;  background: #eee; padding-left: 15px;}
.product_nav .main_menu li .dropdown_menu a{ background: #eee; color: #333; font-size: 14px; line-height: 30px;}
.product_flex_right{ width: 78%; margin-left: 2%;}
.product_flex_list li .item{width: 100%; padding: 14px; margin-bottom: 30px; border-radius: 4px; border: 1px solid #f2f2f2; display:flex; align-items: center;}
.product_flex_list li .item .imgbox{border-radius: 4px; width: 25%; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-right: 5%;}
.product_flex_list li .item .imgbox img{ max-width: 100%; max-height: 100%;-webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.product_flex_list li .item:hover .imgbox img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.product_flex_list li .item .txtbox{ flex: 1; width: 100%;}
.product_flex_list li .item .txtbox h3{ font-size: 20px; color: #333333; font-weight: bold; line-height: 1.6; margin-bottom: 12px;}
.product_flex_list li .item .txtbox p{font-size: 14px; color: #999; line-height:1.8; font-weight: normal; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.product_flex_list li .item .txtbox span{ border-radius: 4px; border: 1px solid #f2f2f2; display:flex; align-items: center; color: #999; font-size: 14px; width: 90px; height: 30px; margin-top: 32px; justify-content: center;}
.product_flex_list li .item:hover .txtbox h3{ color: #ff9900;}
.product_flex_list li .item:hover .txtbox span{border: 1px solid #ff9900; background: #ff9900; color: #fff;}
.product_flex_list li .item:hover {background: #fcfcfc; box-shadow: 0px 10px 20px 5px rgb(0 0 0 / 10%); transition: all 0.6s ease;}

.fanye{ display: flex; margin-bottom: 40px; justify-content: center;}
.fanyeBox{ background: #f7f7f7; padding: 12px; display: flex; align-items: center;}
.fanyeBox a,.fanyeBox span{color: #BCBBBB; font-size: 14px; line-height:34px; padding: 0px 8px; display: block; border:1px solid #eeeeee; border-radius: 2px; background: #ffffff; margin: 0px 4px; min-width: 34px; text-align: center;}
.fanyeBox a.active{ background: #ff9900; color: #ffffff;}
.fanyeBox .pagination{ display: flex;}
.fanyeBox .pagination li.active span{ background: #ff9900; color: #ffffff;}
.product_flex_right_box{display: flex; justify-content: space-between;}
.product_flex_right_box .imgbox{ width: 45%;border: 1px solid #f2f2f2; position: relative; overflow: hidden;}
.product_flex_right_box .imgbox img{ max-width: 100%; max-height: 100%;}
.product_flex_right_box .txtbox{ width: 50%;}
.product_flex_right_box .txtbox h3{color: #333; font-size:24px; font-weight: 700; text-align: left;}
.product_flex_right_box .txtbox .label{ padding: 10px 0px; border-bottom:1px solid #eeeeee; padding: 8px 0px; font-size: 14px; line-height: 30px; color: #BCBBBB;}
.product_flex_right_box .txtbox .label span{ color: #333;}
.product_flex_right_box .txtbox .text{border-bottom:1px solid #eeeeee; padding: 8px 0px;}
.product_flex_right_box .txtbox .text p{color: #666; font-size: 14px; line-height:1.8; }
.fanpian{ margin-top: 60px; display: flex; align-items: center; justify-content: space-between;}
.fanpian a{color: #333; font-size: 14px; line-height:1.8;}
.fanpian a span{ color: #BCBBBB;}
.hot_pinpai{ padding-top: 10px; padding-bottom: 30px; margin: 0px -15px; display: flex; flex-wrap: wrap;}
.hot_pinpai li{ width: 25%; padding:0px 15px; margin-top: 30px;}

.hot_pinpai li .item{ border: 1px solid rgb(0 0 0 / 10%); width:100%; padding: 12px; display: flex; align-items: center; justify-content: center; background: #ffffff; height:120px;transition:0.6s; }
.hot_pinpai li .item img{ max-width: 100%; max-height: 100%;}
.hot_pinpai li .item:hover{ border: 1px solid #ff9900; }
.lianxi{ background:#fff; background-size: 100% 100%;}
.wrapTop{ padding-top: 90px;}
.index_product_list{display: flex; flex-wrap: wrap;}
.index_product_list li{ width:33.333%;}
.index_product_list li .item{  display: block; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: flex-end; background: #f8f8f8; height: 260px;}
.index_product_list li .item img{ width:100%; height:100%; -webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.index_product_list li .item .text{ position: absolute; left: 0; top: 0; width: 100%; padding: 16px;}
.index_product_list li .item .text h3{ color: #333; font-size: 18px; line-height: 1.5;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_product_list li .item .text p{ color: #ff9900; font-size: 14px; line-height: 1.5; margin-top: 12px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.index_product_list li .item:hover img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.index_product_list li .item:hover{ background: #fff;}
.index_product_img{ margin-top: 30px;}
.index_product_img img{ width: 100%;}
.wap_show{ display: none;}
.wrap{ padding-top: 90px; min-height: calc(100vh - 270px);}
.index_flex_chanpin,.new_cp_flex{ display: flex; justify-content: space-between;}
.index_flex_chanpin_left,.new_cp_flex_left{  width: 20%;}
.index_flex_chanpin_left h2,.new_cp_flex_title{ color: #000; font-weight: bold; border-bottom:1px solid #eeeeee; font-size: 28px; line-height: 40px; padding-bottom: 12px;}
.index_flex_chanpin_left_ul{ padding-top: 20px;}
.index_flex_chanpin_left_ul li{ margin-top: 5px;}
.index_flex_chanpin_left_ul li a{ padding: 12px; display: block;   background:#666666; color: #fff; font-size: 14px; position: relative; line-height: 26px;}
.index_flex_chanpin_left_ul li a i{ position: absolute; right:10px; top: 50%;transform: translateY(-50%);}
.index_flex_chanpin_left_ul li.active a{ background: #ff9900;}
.index_flex_chanpin_right{ width: 78%;}
.index_flex_chanpin_right_ul{ display: flex; flex-wrap: wrap; margin: 0px -10px;}
.index_flex_chanpin_right_ul li{ margin-top: 20px; width: 33.333%; padding: 0px 10px;}
.index_flex_chanpin_right_ul li .item,.new_cp_list li .item{ display: block;}
.index_flex_chanpin_right_ul li .item .imgbox{ width: 100%; height: 220px; display: flex; align-items: center; justify-content: center; border:1px solid #eeeeee;  overflow: hidden;}
.index_flex_chanpin_right_ul li .item .imgbox img{ max-width: 100%; max-height: 100%;  -webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.index_flex_chanpin_right_ul li .item .txtbox{ margin-top: 8px; padding: 0px 12px;}
.index_flex_chanpin_right_ul li .item .txtbox span{ font-size: 14px; color: #333; line-height: 24px; text-align: center; display: block;}
.index_flex_chanpin_right_ul li .item:hover .imgbox img,.new_cp_list li .item:hover .imgbox img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.index_flex_chanpin_right_ul li .item:hover .txtbox span{ color:#ff9900;}

.new_cp_list{ display: flex; flex-wrap: wrap; margin: 0px -15px;}
.new_cp_list li{ width: 33.333%; padding: 0px 15px; margin-top: 30px;}
.new_cp_list li .item{ border:1px solid #eeeeee;  overflow: hidden;}
.new_cp_list li .item .imgbox{ width: 100%; overflow: hidden; height: 300px;}
.new_cp_list li .item .imgbox img{max-width: 100%; height: 300px;  -webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.new_cp_list li .item .txtbox{ background: rgb(102, 102, 102); padding: 12px;}
.new_cp_list li .item .txtbox p{ font-size: 13px; line-height: 1.6; color: #fff; white-space: pre-line;}
.p20{ padding: 20px 0px;}
.yuyan_cut{ display: block; margin-left: 24px;text-decoration: none;color:inherit;}
.yuyan_cut img{ width: 24px;}

@media screen and (max-width:1439px) {
	.About_page2_list li{ width: 50%; }
	.page_banner img{ height: 440px;}
	.banner,.banner img{min-height: calc( 50vh - 50px);}

}

@media screen and (max-width:992px) {
	.pc_nav,.search_Box{ display: none;}
	.wab_nav{ display: block;position: fixed; background: #fff; z-index: 100; top: 0px; width: 100%;}
	.m_nav{height:70px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);}
	.m_nav .logo{height: 50px; margin-top: 0px; overflow: hidden; position: relative; display: flex; align-items: center; width: 160px;}
	.m_nav .logo img{max-width: 100%; width: auto !important; height: auto !important;}
	#navToggle {height:25px; width: 25px; display: block;}
	#navToggle span {position:relative;width:25px;height:2px; margin-top: 12px;}
	#navToggle span:before,#navToggle span:after {content:'';position:relative;width:100%;height:2px;left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#333;}
	#navToggle span:before {top:8px;}
	#navToggle span:after {bottom:10px;}
	#navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after {bottom:13px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
	#navToggle.open span {background:none;}
	#navToggle.open span:before,#navToggle.open span:after { background: #ff9900;}
	.m_menu{width:100%;padding:0 3%; position:fixed;left:0px;top:-200%;z-index:2;overflow-y:auto;background-color: #f5f5f5; height: calc(100vh - 70px); transition:0.5s; display: block; z-index: 991;}
	.m_menu.open{ top: 70px;}
	.m_menu .ul li{border-bottom: 1px solid #dcdcdc; font-size: 16px; padding: 0 20px;}
	.m_menu .ul li a{width: 100%; line-height: 60px; color: #333; position: relative; box-sizing: border-box; display: block;}
	.m_menu .ul li .dropdown_menu{ display: none; padding-left: 20px;}
	.m_menu .ul li .dropdown_menu a{color: #666; display: block; position: relative; padding-left: 20px; line-height: 40px;}
	.m_menu .ul li .dropdown_menu a:before{ width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; left: 0; top: 50%;transform: translateY(-50%); content: '';}
	.m_menu .ul li .icon{ position: absolute; right: 0; top: 50%;transform: translateY(-50%); background: url(../images/jia.png) no-repeat; width: 22px; height: 22px; background-size: 100% 100%;}
	.m_menu .ul li.active .icon{background: url(../images/jian.png) no-repeat; background-size: 100% 100%;}
	.p60{ padding: 30px 0px;}
	.index_product_swiper .mySwiper2 .swiper-slide .text .text_title a{ font-size: 26px;}
	.index_contact_box .txtbox{ padding: 22px;}
	.index_contact_box .txtbox .txt p{ font-size: 16px;}
	.footerUp_flex .item .text a{ font-size: 14px;}
	.footerUp_flex .item p{ margin-top: 8px;}
	.wrap{ padding-top: 70px;}
	.footerUp { display: none;}
	.wap_footer{ display: block; position:fixed; left: 0; bottom: 0; width: 100%; background: #ff9900; z-index: 99;}
	.wap_footer ul{ display: flex;}
	.wap_footer ul li{ width: 25%; border-right: 1px solid #ffffff;}
	.wap_footer ul li:last-child{ border-right: none;}
	.wap_footer ul li a{ display: block; padding: 12px; text-align: center;}
	.wap_footer ul li a img{ width: 20px; margin: 0 auto; display: block;}
	.wap_footer ul li a span{ display: block; color: #ffffff; font-size: 12px; line-height: 1.5; margin-top:6px;}
	.footer{ margin-bottom: 68px;}

	.page_banner img{ height: 330px;}
	.index_product_list li{ width: 50%;}

	.mbx_nav_flex .nav li a{ padding: 0px 20px;}
	.index_flex_chanpin_left h2, .new_cp_flex_title{ font-size: 18px; line-height: 30px;}
	.index_flex_chanpin, .new_cp_flex{ display: block;}
	.index_flex_chanpin_right,.index_flex_chanpin_left, .new_cp_flex_left,.product_flex_left,.product_flex_right{ width: 100%;}
	.index_flex_chanpin_left_ul li{ margin-top: 1px;}
	.index_flex_chanpin_left_ul li a{ padding:6px 12px; font-size: 13px;}
	.index_flex_chanpin_right_ul li,.new_cp_list li{ width: 50%;}
	.product_flex{ display: block;}
	.product_flex_right{ margin: 0px; margin-top: 25px;}

}



@media ( max-width:767px) {
	.index_product_swiper .mySwiper2 .swiper-slide{ display: block; text-align: center;}
	.index_product_swiper .mySwiper2 .swiper-slide img{ width: 100%; margin: 0 auto;}
	.index_product_swiper .mySwiper2 .swiper-slide .text{ width: 100%; margin-top: 22px;}
	.index_contact_box{ display: block;}
	.index_contact_box .map_us,.index_contact_box .txtbox{ width: 100%;}
	.mbx_nav_flex{}
	.mbx_nav_flex .nav{ display: none; justify-content: space-between;}
	.mbx_nav_flex .nav li a{ font-size: 13px; padding: 0px; line-height: 40px; height: auto;}
	.About_page_flex{ display: block;}
	.About_page2_list li,.About_page_flex .txtbox, .About_page_flex .imgbox,.product_flex_right_box .imgbox,.product_flex_right_box .txtbox{ width: 100%;}
	.product_flex_right_box,.product_flex{ display: block;}
	.product_flex_left{ width: 100%;}
	.product_flex_right{ width: 100%; margin: 0px; margin-top: 20px;}
	.product_flex_right_box .txtbox{ margin-top: 20px;}
	.wap_show{ display:block;}
	.wap_nav{ display: flex; flex-wrap: wrap; background: rgba(242, 242, 242, 1);border-bottom:1px solid #f9f9f9; border-top:1px solid #f9f9f9;}
	.wap_nav li{ width: 50%; text-align: center; height: 40px; line-height: 40px; font-size: 13px;}
	.wap_nav li a{ color: #000;}
	.wap_nav li.active{ background: #fff;}
	.wap_nav li.active a{ color: #ff9900;}
	.banner,.banner img{min-height: calc( 30vh - 50px);}


}

@media ( max-width:640px) {
	.index_product_swiper .mySwiper2 .swiper-slide .text .text_title a{ font-size: 16px;}
	.index_product_swiper .mySwiper2 .swiper-slide .text .text_title{ margin-bottom: 8px; width: 100%;}
	.index_product_swiper .mySwiper{ margin-top: 25px;}
	.index_product_swiper .mySwiper .swiper-slide{ padding-bottom: 25px;}
	.index_product_swiper .mySwiper .swiper-slide h3{ margin-top: 12px;}
	.p60{ padding: 15px 0px;}
	.index_title h2,.page_title h2,.page_banner .text h4,.product_flex_right_box .txtbox h3,.index_title span{ font-size: 20px;}
	.index_title p,.page_title p{ font-size: 15px;}
	.index_client_list li .item .txtbox h4,.product_flex_list li .item .txtbox h3{ font-size: 16px;}
	.index_client_list li{ margin-top: 20px;}
	.index_contact_box .txtbox .txt h3,.About_page2_list li .item h4{ font-size: 16px;}
	.index_contact_box .txtbox .txt p,.About_page_flex .txtbox .text p,.About_page2_list li .item .text p,.page_banner .text span,.About_page3_swiper .swiper-slide .txt span{ font-size: 14px;}
	.copyright_flex{ display: block; text-align: center; padding: 8px 0px;}
	.copyright_flex p{ font-size: 12px;}
	.banner .swiper-pagination-bullet{ width: 20px;}
	.mbx_nav_btn a{ line-height: 40px;}
	.page_banner img{ height: 220px;}
	.About_page2_list li .item{ padding: 12px;}
	.About_page2_list li{ margin-top: 20px;}
	.page_banner .icon{ height: 40px;}
	.page_banner .icon .img img{ width: 20px; height: 20px;}
	.About_page3_swiper{ margin-top: 20px;}
	.product_flex_left_title{ display: none;}
	.product_flex_list li .item{ display: block; margin-bottom: 20px;}
	.product_flex_list li .item .imgbox{ width: 100%; height: 200px;}
	.hot_pinpai { margin: 0px -6px;}
	.hot_pinpai li{ width: 50%; margin-top: 15px; padding: 0px 6px;}
	.index_product_list li{ width: 100%;}
	.index_product_img{ margin-top: 15px;}
	.index_product_list li .item,.index_product_list li .item img{ height: 180px;}
	.product_flex_list li .item .txtbox span{ margin-top: 12px;}
	.index_flex_chanpin_right_ul li, .new_cp_list li{ width: 100%;}
}