@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:#F1F7FF;}
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,textarea{border:0;outline:none;/*去除蓝色边框*/}
.white{ background:#fff;}
/************弹性布局***********/
.flex{display: flex;}
.flex-center{display: flex; align-items: center; justify-content: center;}
.flex-between{display: flex; align-items: center; justify-content: space-between;}
.flex-items{display: flex; align-items: center;}
.flex-wrap{flex-wrap: wrap;}
.flex-1{flex:1; width: 100%;}
.mt30{ margin-top: 30px;}
.mt10{ margin-top: 10px;}
/*****以上样式不可更改*****/
.indexFlex{ display: flex;}
.title{ display: flex; justify-content: space-between; align-items: center; padding-right:10px;}
.title h3{font-size: 18px; font-weight: bold; line-height: 24px; color: #333333; padding-left:15px; position: relative;}
.title h3::before{width: 4px; height: 24px; background: #0077CD; content: ""; position: absolute; left: 0; top: 0;}
.w340{ background: #fff; width: 340px; padding-top:8px; padding-bottom: 3px; margin-right: 10px;}
.xinpin { width: 100%; height:315px; position:relative; padding:5px;}
.xinpin .mySwiper2{ width: 100%; height: 100%; padding-bottom:10px;}
.mySwiper2 .swiper-slide {height: calc((100% - 10px) / 3);  padding: 5px;}
.mySwiper2 .swiper-slide .item{background: linear-gradient(135deg, #DCE3E9 0%, #FFFFFF 100%); box-shadow: 0px 0px 2px rgba(51, 51, 51, 0.16); display: block; padding: 5px; height: 100%; position: relative;}
.mySwiper2 .swiper-slide .item h5{font-size: 12px; font-weight: bold; line-height: 18px; color: #333333;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.mySwiper2 .swiper-slide .item  img{ position: absolute; right:5px; bottom:5px; height: 44px; width:auto;}
.mySwiper2 .swiper-horizontal > .swiper-pagination-bullets,.mySwiper2 .swiper-pagination-bullets.swiper-pagination-horizontal,.mySwiper2 .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0px;}
.banner{ flex: 1; width: 100%; overflow: hidden;}
.mySwiper3 .swiper-slide img{ width: 100%; height: 350px; object-fit: cover;}
.mySwiper3 .swiper-horizontal > .swiper-pagination-bullets,.mySwiper3 .swiper-pagination-bullets.swiper-pagination-horizontal,.mySwiper3 .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;background: rgba(255, 255, 255, 0.5); text-align: left; padding: 0px 17px; height: 30px; padding-top:3px;}
.liuyan,.duanwei{width: 244px; background: #fff; padding: 10px 0px; margin-left: 10px;}
.liuyanList { padding: 8px 10px 0px 10px;}
.liuyanList li{ margin-top: 10px;}
.liuyanList li .text,.liuyanList li .textarea{height: 29px; background: #fff; border: 1px solid #E3E4E5; padding: 0px 10px; color:#000; width: 100%;}
.liuyanList li .textarea{ height: 83px; padding: 8px 10px;}
.liuyanList li button{ width: 100%; height: 34px; background:#FC7C00; color: #fff; font-size: 14px; border: none;}
.hezuo{ padding-top:10px; padding-bottom: 5px; background: #fff;}
.more{font-size: 12px; line-height: 16px; color: #4A4A4A; position: relative; padding-right:9px;}
.more::before{ position: absolute; right: 0; top: 50%; background: url(../images/more.png) no-repeat; width: 5px; height: 9px;transform: translateY(-50%); content: "";}
.more:hover,.hezuoList li a:hover,.product_list li .text .ht:hover{ color: #0077CD;}
.more:hover::before{ background: url(../images/morehv.png) no-repeat;}
.hezuoList { display: flex; flex-wrap: wrap; padding: 0px 10px; padding-top: 4px;}
.hezuoList li{ width: 50%; padding:4px 10px;}
.hezuoList li a{font-size: 14px; line-height:20px; color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block;}
.guanggao{ width: 100%; background: #fff; padding: 10px 0px; flex: 1; width: 100%;}
.guanggaoList{ display: flex; flex-wrap: wrap; padding: 5px;}
.guanggaoList li{ padding:5px; width: 20%;}
.guanggaoList li a img{ width: 100%; height:75px; overflow: hidden; object-fit: cover;}
.duanwei .text{ padding: 0px 10px;}
.duanwei .text p{font-size: 14px; line-height: 24px; color: #333333; margin:7px 0px;}
.duanwei .text a{ height: 32px; width: 100%; display: block; background: #0077CD; text-align: center; line-height: 32px; font-size: 14px; color: #fff;}
.pinpai{ background: #fff; padding: 10px 0px; width: 100%;}
.pinpaiBox{ padding: 7px 18px;}
.pinpaiBox .swiper-slide{ width:20%; height: 130px; display: flex; align-items: center; justify-content: center;}
.pinpaiBox .swiper-slide img{ height: auto; max-width: 100%; display: block;}
.pinpaiBox .swiper-horizontal > .swiper-pagination-bullets,.pinpaiBox  .swiper-pagination-bullets.swiper-pagination-horizontal,.pinpaiBox .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;}
.gongyeWrap{ margin-top: 30px;}
.indexTitle{ position: relative;}
.indexTitle .item{ display: flex; align-items: center; justify-content: center;}
.indexTitle .item i,.indexTitle .item i img{ width:30px;}
.indexTitle .item .text{ padding: 0px 20px;}
.indexTitle .item .text h3{font-size: 24px; line-height: 31px; color: #0077CD; text-align: center;}
.indexTitle .item .text span{font-size: 14px; line-height: 19px; color: #333333; text-align: center;}
.indexTitle .more{ position: absolute; right: 0; bottom:2px;}
.gongyeItem{ margin-top: 30px;}
.indexW1320{ max-width: 1320px; width: 100%; margin: 0 auto;}
.gongyeItemSwiper{ padding: 0px 60px; position: relative;}
.gongyeItemSwiper .swiper-slide{ display: flex;}
.gongyeItemSwiper .swiper-button-prev::after,.gongyeItemSwiper  .swiper-rtl .swiper-button-next::after, .gongyeItemSwiper .swiper-button-next::after,.gongyeItemSwiper  .swiper-rtl .swiper-button-prev::after { display: none;}
.gongyeItemSwiper .swiper-slide .item{ width: 218px; margin-right: 10px; background: url(../images/bg1.png) no-repeat; background-size: cover; padding: 20px 13px;}
.gongyeItemSwiper .swiper-slide .item .text h4{font-size: 18px; font-weight: bold; line-height: 24px; color: #FFFFFF; margin-top:8px; margin-bottom: 4px;}
.gongyeItemSwiper .swiper-slide .item .text span{font-size: 12px; line-height:20px; color: #FFFFFF;}
.gongyeItemSwiper .swiper-slide .item .imgbox{ height: 170px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px;}
.gongyeItemSwiper .swiper-slide .item .imgbox img{ max-width: 100%; max-height: 100%;}
.gongyeItemSwiper .swiper-slide .item .txtbox{ position: relative;}
.gongyeItemSwiper .swiper-slide .item .txtbox p{font-size: 14px; line-height: 24px; color: #FFFFFF; height: 120px; overflow: hidden;}
.gongyeItemSwiper .swiper-slide .item .txtbox .open{font-size: 12px; line-height:20px; color: #FFFFFF; display: flex; align-items: center; position: absolute; right: 0; bottom: -5px;}
.gongyeItemSwiper .swiper-slide .item .txtbox .open:hover{ text-decoration: underline;}
.gongyeItemSwiper .swiper-slide .item .txtbox .open img{ width:24px; height: 16px; margin-left:5px;}
.gongyeItemSwiper .swiper-slide .swiperBox{ flex: 1px; width: 100%; padding: 20px 40px; background: #fff; overflow: hidden; position: relative;}
.gongyeItemSwiper .next{ width: 40px; height: 40px; background:url(../images/t2.png) no-repeat;}
.gongyeItemSwiper .prev{ width: 40px; height: 40px; background:url(../images/t1.png) no-repeat;}
.gongyeItemSwiper .swiperBox .small-next{ width:22px; height: 40px; background:url(../images/t4.png) no-repeat;}
.gongyeItemSwiper .swiperBox .small-prev{ width: 22px; height: 40px; background:url(../images/t3.png) no-repeat;}
.gongyeItemSwiper .swiperBox .swiper-slide{ display: block; width: 25%;}
.gongyeItemSwiper .swiperBox .swiper-slide h4{font-size: 16px; font-weight: bold; line-height: 21px; margin:6px 0px; color: #333333; padding: 0px 15px;}
.gongyeItemSwiper .swiperBox .swiper-slide li{ margin-top:14px;}
.gongyeItemSwiper .swiperBox .swiper-slide li a{ display: block;font-size: 14px; line-height: 19px; color: #333333; overflow: hidden; height: 19px;}
.gongyeItemSwiper .swiperBox .swiper-slide li a:hover{ color: #0077CD;}
.rImgbox{width: 205px; margin-left: 10px; background: #fff;}
.rImgbox img{ width: 100%;}
.myswiper{ overflow: hidden; width: 100%;}
.gongyeItemSwiper .swiperBox .swiper-slide ul{ border-right: 1px dashed #CCCCCC; padding: 0px 15px; height: 330px; overflow: hidden;}
.xuangou{ margin-top: 10px; padding:5px 20px; background: #fff; display: flex; overflow: hidden; align-items: center;}
.xuangou .logo{ width: 130px;}
.xuangou .logo img{ width: 100%;}
.xuangouSwiper{ flex: 1; width: 100%; overflow: hidden; padding: 0px 30px;}
.mySwiper6 { padding-bottom: 15px;}
.mySwiper6 .swiper-slide{height: 103px; border-radius: 11px; background: #0077CD; padding: 5px 5px 12px 5px;}
.mySwiper6 .swiper-slide span{font-size: 16px; line-height: 21px; color: #FFFFFF; display: block; text-align: center;}
.mySwiper6 .swiper-slide .imgBox{ width: 100%; display: flex; align-items: center; justify-content: center; height: 57px; margin-top: 10px;}
.mySwiper6 .swiper-slide .imgBox img{ max-width: 100%; max-height: 100%; background: #fff;}
.mySwiper6 .swiper-pagination{ bottom:-3px;}
.mySwiper6 .swiper-pagination .swiper-pagination-bullet{ background:#666666; border-radius: 50%; width:8px; opacity:1; margin: 0px 5px;}
.mySwiper6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #0077CD;}
.xuangou .tel{ width: 135px;}
.xuangou .tel img{ width: 100%;}
.xuangou .tel span{font-size: 16px; line-height: 21px; color: #0077CD; display: block;}
.chanpin,.xinwenFenxiang{ padding: 15px 0px;}
.chanpinList{grid-column-gap:17px; grid-row-gap:17px; display: grid; grid-template-columns: 1fr 1fr; margin-top: 30px;}
.chanpinList li{ background: #fff; padding: 20px 0px;}
.chanpinList li .title .more{ margin-right: 10px;}
.chanpinList li .imgBox{ margin-top: 20px; padding:0px 20px; display: block; overflow: hidden; width: 100%; height: 288px;}
.chanpinList li .imgBox img{ width: 100%; height: 288px;-webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.chanpinList li .imgBox:hover img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.xinwenTab{ background: #fff; padding:18px 0px; margin-top: 30px; display: flex; align-items: center;}
.xinwenTabList{ display: flex; align-items: center;}
.xinwenTabList li{ margin-left: 58px;font-size: 16px; line-height:43px; color: #333333; cursor: pointer;}
.xinwenTabList li.active{ color: #0077CD; font-weight: bold; border-bottom: 1px solid #0077CD;}
.xinxiPage{ padding: 0px 30px 20px 30px; margin-top: 10px; background: #fff;}
.xinxiPageList li{border-bottom: 1px solid #DDDDDD; padding:20px 0px; display: flex; overflow: hidden;}
.xinxiPageList li:last-child{ border: none;}
.xinxiPageList li .headline{font-size: 14px; line-height: 19px; color: #0077CD; width: 80px;}
.xinxiPageList li .text{ flex: 1; width: 100%; overflow: hidden;font-size: 14px; font-weight: bold; line-height: 19px; color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.xinxiPageList li .time{font-size: 14px; line-height: 19px; color: #333333; margin-left: 20px;}
.xinxiPageList li .open{font-size: 14px; line-height: 19px; color: #333333; margin-left: 60px; position: relative; padding-right:15px;}
.xinxiPageList li .open::before{ background: url(../images/news_open.png) no-repeat; width: 10px; height: 10px; position: absolute; right:0; top:50%;transform: translateY(-50%);  content: "";}
.xinxiPageList li .open:hover{ color:#0077CD;}
.fanye{ padding: 10px 0px; display: flex; align-items: center; justify-content: center;}
.fanyeList{ display: flex; align-items: center;}
.fanyeList li a{height: 36px; background:#fff; border: 1px solid #DCDEE3; min-width: 36px; display: block; text-align: center; line-height: 34px; padding: 0px 10px; color: #0A2227; font-size: 14px;}
.fanyeList li.active a,.fanyeList li:hover a{ background: #0077CD; border: 1px solid #0077CD; color: #fff;}
.fanyeList li.on a{ color: #ADB5B7;}
.formBox{ display:flex; align-items: center; padding: 0px 5px;}
.formBox .select,.formBox .text,.formBox button{width: 70px; height: 36px; background:#fff; border: 1px solid #DCDEE3; margin: 0px 5px; color:#4A4A4A; font-size: 14px;}
.formBox em{font-size: 14px; line-height: 19px; color: #ADB5B7; margin: 0px 5px;font-style:normal}
.formBox .text,.formBox button{ width: 50px; text-align: center;}
.jishu_fenxiang{ padding: 15px 0px;}
.jishu_fenxiang_Box{ background: #fff; padding: 30px 50px; margin-top: 30px; position: relative;}
.jishu_fenxiang_Box .swiper-slide .imgBox{ width: 100%; height:215px; background: #F1F7FF; padding: 5px;}
.jishu_fenxiang_Box .swiper-slide .imgBox img{ width:100%; height: 208px;}
.jishu_fenxiang_Box .swiper-slide span{font-size: 18px; font-weight: bold; line-height: 24px; color: #333333; display: block; text-align: center; margin-top: 13px;}
.jishu_fenxiang_Box .swiper-button-prev{ left: 0; background: url(../images/js_next.png) no-repeat; width: 30px; height: 60px;}
.jishu_fenxiang_Box .swiper-button-prev::after{ display: none;}
.jishu_fenxiang_Box .swiper-button-next{ right: 0; background: url(../images/js_prev.png) no-repeat; width: 30px; height: 60px;}
.jishu_fenxiang_Box .swiper-button-next::after{ display: none;}
.footer{ margin-top: 15px;}
.footerUp{ padding-top: 25px; padding-bottom: 18px; background: #323C45;}
.footerUpBox{ display: flex;}
.footerLeft .footLogo,.footerLeft .footLogo img{ width: 210px;}
.footerLeft{ width: 340px;}
.footerLeft .item{ display: flex; margin-top: 30px;}
.footerLeft .item .erweima{ text-align: center; margin-right:35px;}
.footerLeft .item .erweima img{ width: 86px; margin-bottom: 5px;}
.footerLeft .item .erweima p{font-size: 14px; line-height: 19px; color: #FFFFFF;}
.footerLeft .item .text i{ width: 55px; height: 55px; margin-right:20px;}
.footerLeft .item .text i img{ width: 100%;}
.footerLeft .item .text p{font-size: 14px; line-height:20px; color: #FFFFFF; margin-top: 2px;}
.footerUpBox em{ width: 1px; height:176px; margin: 0px 30px; background: #999999; margin-top: 10px;}
.footerUpBox .link{ flex: 1; width: 100%;}
.footerUpBox .link dl{ display: flex; margin-top: 15px;}
.footerUpBox .link dl dt{font-size: 16px; line-height:20px; color: #FFFFFF; margin-top: 10px;}
.footerUpBox .link dl dd{ flex: 1; width: 100%; display: flex; flex-wrap: wrap;}
.footerUpBox .link dl dd a{font-size: 14px; line-height:20px; color: #999999; margin-left: 40px; margin-top: 10px;}
.footerUpBox .link dl dd a:hover{ color: #fff;}
.footerCopyright{ padding: 10px 15px; background: #333333;}
.footerCopyright p{ color: #fff;font-size: 12px; line-height: 15px; padding: 2px 0px; text-align: center;}
.footerCopyright p a{ color: #fff;}
.footerCopyright p a:hover{ text-decoration: underline;}
.right_floating{width: 179px; background:#fff; border: 2px solid #DFDFDF; border-radius: 17px; right:4%; top:10%; position: fixed; z-index: 999;}
.qqBtn{ display: block; position: relative;border-bottom:2px solid #D7D7D7; height: 164px; width: 100%; display: flex; align-items: center; justify-content: center;}
.qqBtn img{ width: 145px;}
.qqBtn p{font-size:20px; line-height:26px; color: #0077CD; position: absolute; bottom:8px; left: 0; text-align: center; width: 100%;}
.right_floating .text{ padding: 7px 10px 2px 10px; border-bottom: 2px solid #D7D7D7;}
.right_floating .text h4{font-size: 18px; font-weight: bold; line-height:24px; color: #333333; margin-bottom: 8px; text-align: center;}
.right_floating .text p{font-size: 16px; line-height:21px; color: #0077CD; margin-bottom: 12px; text-align: center;}
.floating_btn{ display: flex;}
.floating_btn .erweima,.floating_btn .top{ flex: 1; width: 100%; text-align: center; height: 80px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;}
.floating_btn .top img{ width: 34px;}
.floating_btn .top{border-left:1px solid #D7D7D7; cursor: pointer;}
.floating_btn .erweima{border-right:1px solid #D7D7D7;}
.floating_btn .erweima:hover .erweimaShow{ display: block;}
.erweimaShow{ position: absolute; left:50%; top: 90px; width: 130px; padding-top: 28px;transform: translateX(-50%);  display: none;}
.erweimaShow::before{ background:url(../images/ma_before.png) no-repeat; width: 27px; height: 15px; position: absolute; left: 50%; top:7px;transform: translateX(-50%); content: "";}
.erweimaShow .text{ width: 100%; padding: 12px ;border: 1px solid #DFDFDF; border-radius: 13px; background: #fff;}
.erweimaShow .text img{ width: 100%;}
.erweimaShow .text p{font-size: 17px; font-weight: bold; line-height: 24px; color: #333333; text-align: center; margin: 0px;}
.wrapFlex{ margin-top: 30px; padding-bottom: 15px; display: flex;}
.wrapLeft{ flex:1; width: 100%; background: #fff; overflow: hidden;}
.wrapRight{ width: 335px; margin-left:10px; overflow: hidden;}
.chanpinNav{ padding: 20px 0px;}
.wraptitle{ padding: 10px 0px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.chanpinWrap{ padding:0px 30px;}
.product_list { padding-bottom: 20px;}
.product_list li{ padding: 20px 0px; border-bottom:1px solid rgba(0, 0, 0, 0.1); display: flex; overflow: hidden;}
.product_list li .imgBox{ width: 208px; height: 173px; margin-right:20px; overflow: hidden;}
.product_list li .imgBox img{ width: 100%; height: 173px; object-fit: cover;}
.product_list li .text{ flex: 1; width: 100%; overflow: hidden;}
.product_list li .text .ht{font-size: 16px; font-weight: bold; line-height: 24px; color: #333333; margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block;}
.product_list li .text p{font-size: 14px; line-height: 24px; color: #666666;}
.product_list li .morebtn{ margin-left: 35px;}
.product_leibie{ background:#fff; padding:20px 0px;}
.leibieBox{ padding:10px 10px 0px 10px;}
.leibieBox .text{ width: 100%;height: 36px; border: 1px solid #E5EEFF; background: #F3F8FF; padding: 0px 10px; color: #000; font-size: 14px;}
.leibieBox .accordion{ padding-left: 10px; padding-right: 5px;}
.leibieBox .accordion li{ margin-top:19px;}
.leibieBox .accordion li .link{ display: flex; align-items: center; cursor: pointer; overflow: hidden;}
.leibieBox .accordion li .link .icon{ background: url(../images/lei1.png) no-repeat; width: 20px; height: 17px; background-size: 100% 100%; margin-right: 10px;}
.leibieBox .accordion li .link h5{font-size: 14px; line-height:20px; color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.leibieBox .accordion li.open .link h5{ color:#0077CD;}
.leibieBox .accordion li.open .icon{ background: url(../images/lei2.png) no-repeat;}
.leibieBox .accordion li .submenu{ padding-left: 20px; padding-top:10px; display:none;}
.leibieBox .accordion li .submenu a{ height: 34px; display: block; color: #666666; font-size: 14px; padding-left:32px; position: relative; line-height: 34px;}
.leibieBox .accordion li .submenu a::before{ background: url(../images/lei3.png) no-repeat; width: 16px; height: 15px; content: ""; position: absolute; left:10px; top:9.5px;}
.leibieBox .accordion li .submenu a:hover,.leibieBox .accordion li .submenu a.on{ background: #C7E5FA; color: #0077CD;}
.leibieBox .accordion li .submenu a:hover::before,.leibieBox .accordion li .submenu a.on:before{ background: url(../images/lei4.png) no-repeat;}
.yingyongList{ padding: 0px 10px;}
.yingyongList li{ margin-top: 10px;}
.yingyongList li .item{ display: block;}
.yingyongList li .item .imgBox{ width: 100%; height: 162px; overflow: hidden;}
.yingyongList li .item .imgBox img{ width: 100%; height: 162px; object-fit: cover;-webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.yingyongList li .item:hover .imgBox img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.yingyongList li .item h5{font-size: 16px; line-height: 24px; color: #333333; margin-top: 5px; text-align: center;}
.title h3 a{ color:#333333;}
.title h3 a.on{ color: #0077CD;}
.detailsWrap{ padding:30px;}
.detailsWrap .imgBox img{ width: 100%;}
.details_item{ background: #F1F7FF; border: 2px dashed #0077CD; margin-top: 20px; padding: 20px 0px; border-radius: 3px;}
.details_title h4{ position: relative; padding-left: 16px;font-size: 18px; font-weight: bold; line-height: 24px; color: #333333;}
.details_title h4::before{width: 6px; height: 24px; position: absolute; left: 0; top: 0; background: #0077CD; content: "";}
.details_text{ padding:10px 20px;}
.details_text h3{font-size: 24px; font-weight: bold; line-height: 31px; color: #333333;}
.details_text dl{ margin-top: 15px; display: flex;}
.details_text dl dt{font-size: 18px; line-height: 24px; color: #333333; font-weight: normal; width: 90px; display: flex;}
.details_text dl dd{flex: 1; width: 100%;font-size: 18px; line-height: 24px; color: #333333;}
.f80707{ color: #F80707;}
.details_text p{font-size: 18px; line-height: 24px; color: #333333; margin-top: 15px;}
.details_item_flex{display: flex; margin-left: -10px; margin-right: -10px;}
.details_item_flex .item{ width: 50%; padding: 0px 10px;}
.details_item .table{ padding:15px 10px 0px 10px;}
.details_item .table table{ width: 100%; border: 1px solid #DCE3E9;}
.details_item .table table tr {background: linear-gradient(90deg, #0077CD 0%, #36A7F9 100%);}
.details_item .table table tr th{ border: 1px solid #DCE3E9; color: #FFFFFF; font-size: 18px; height: 40px; text-align: center; font-weight: normal;}
.details_item .table table tr td{ background: #fff; border: 1px solid #DCE3E9; line-height:20px; text-align: center; font-size: 16px; color: #333; padding: 10px;}
.zixun_list li,.xiazai_list li{border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 0px; display: flex; overflow: hidden;}
.zixun_list li .text,.xiazai_list li .name,.xiazai_list li .ziliao{font-size: 16px; line-height: 21px; color: #333333; flex: 1; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position: relative; padding-left: 27px;}
.zixun_list li .text::before{ background:url(../images/hy_icon.png) no-repeat; width: 17px; height: 20px; position: absolute; left: 0; top:2px; content: "";}
.zixun_list li time{font-size: 14px; line-height: 24px; color: #666666; margin-left: 20px;}
.zixun_list li .text:hover{ color: #0077CD;}
.xiazai_list li .name::before{ background:url(../images/download.png) no-repeat; width: 17px; height:17px; position: absolute; left: 0; top:2px; content: "";}
.xiazai_list li .download{width: 60px; height: 23px; background: #0077CD; text-align: center; line-height: 23px; color: #fff; font-size: 14px;}
.xiazai_list li .ziliao{ padding: 0px; margin: 0px 20px; text-align: center;}
.cpyingyong_list{ margin-left: -10px; margin-right: -10px; padding-top: 30px;display: flex; flex-wrap: wrap;}
.cpyingyong_list li{ width: 33.333%; margin-bottom: 20px; padding: 0px 10px;}
.cpyingyong_list li .item{ display: block; background: #F1F7FF; padding: 5px;}
.cpyingyong_list li .item .imgBox{ width: 100%; height:201px; overflow: hidden;}
.cpyingyong_list li .item .imgBox img{ width: 100%; height: 201px; object-fit: cover;-webkit-transition: -webkit-transform .5s;transition: transform .5s}
.cpyingyong_list li .item:hover .imgBox img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.cpyingyong_list li .item .txtBox{ text-align: center;font-size: 16px; font-weight: bold; line-height: 21px; color: #333333; margin-top: 5px;}
.xiangqingText{ padding:5px 30px;}
.xiangqingText img{ width: 100%; display: block; margin: 10px 0px;}
.xiangqingText p{font-size: 16px; line-height: 24px; color: #0A2227; padding: 10px 0px;}
.qiyewh img{ margin-top: 20px; width: 100%; display: block;}
.floating_btn .erweima img{ width: 42px;}	
.gongyeItem .swiper-pagination{ display: none;}
@media ( max-width:1440px) {	
	.right_floating{ width: 120px;}
	.qqBtn img{ width: 90px;}
	.qqBtn p{ font-size: 14px;}
	.qqBtn{ height: 120px;}
	.right_floating .text h4{ font-size: 14px;}
	.right_floating .text p{ font-size: 11px;}
	.floating_btn .erweima img{ width:22px;}	
	.floating_btn .top img{ width:22px;}
	.right_floating{ right: 0;}
	.floating_btn .erweima, .floating_btn .top{ height: 60px;}
	.erweimaShow{ top: 60px; width: 115px;}
	.erweimaShow .text img{ width:80px;}
}
@media ( max-width:1199px) {	
	.gongyeItemSwiper .swiperBox .swiper-slide h4{ font-size: 14px;}
	.wrapRight{ width: 220px;}
	.details_item .table table tr td{ font-size: 14px;}
	.title h3{ font-size: 16px;}
	.wrapFlex{ margin-top: 10px;}
	.xiangqingText{ padding: 5px 15px;}
}
@media ( max-width:991px) {	
	.right_floating{ display: none;}
	.mt30{ margin-top: 10px;}
	.indexFlex { display: block;}
	.w340{ width: 100%; margin-right: 0px;}
	.liuyan, .duanwei{ width: 100%; margin-left: 0px; margin-top: 10px;}
	.pinpaiBox .swiper-slide{ height: 100px;}
	.gongyeItemSwiper .swiperBox .swiper-slide{ width:50%;}
	.xuangou{ padding: 5px 15px;}
	.xuangou .logo{ width: 100px;}
	.xuangou .tel{ width: 110px;}
	.xuangou .tel span{ display: block; font-size: 12px;}
	.footerUpBox .link dl dd a{ margin-left: 15px;}
	.wrapFlex{ margin-top: 0px; display: block;}
	.chanpinWrap{ padding: 0px 20px;}
	.wrapRight{ width: 100%; margin: 0px; margin-top: 10px;}
}

@media ( max-width:767px) {	
	.gongyeItemSwiper { padding: 0px 15px;}
	.gongyeItemSwiper .swiper-slide{ display: block;}
	.gongyeItemSwiper .swiper-slide .item,.rImgbox{ width: 100%; margin: 0px;}
	.gongyeItemSwiper .next,.gongyeItemSwiper .prev{ display:none;}
	.gongyeItemSwiper .swiper-slide .swiperBox{ margin: 10px 0px;}
	.gongyeItem .swiper-pagination{ display:block;}
	.fanye .formBox{ display: none;}
	.footerUpBox{ display:block;}
	.footerUpBox em{ display: none;}
	.cpyingyong_list li{ width: 50%;}
	
}

@media ( max-width:640px) {	
	.app_search .formBox{ padding: 0px;}
	.app_search .formBox .text,.app_search .formBox .but{ margin: 0px;}
	.mySwiper3 .swiper-slide img{ height:auto;}
	.guanggaoList li{ width: 50%;}
	.gongyeWrap{ margin-top:10px;}
	.indexTitle .item .text h3{ font-size: 18px;}
	.indexTitle .item .text span{ font-size: 12px;}
	.indexTitle .item .text{ padding: 0px 10px;}
	.indexTitle .item i, .indexTitle .item i img{ width: 20px;}
	.gongyeItem{ margin-top: 15px;}	
	.gongyeItemSwiper .swiperBox .swiper-slide{ width: 100%;}
	.gongyeItemSwiper .swiperBox .swiper-slide h4{ font-size: 16px;}
	.xuangou{ display: block;}
	.xuangou .logo,.xuangou .tel{ margin: 0px auto;}
	.xuangouSwiper{ padding: 10px;}
	.chanpinList{grid-template-columns:1fr; margin-top: 15px;}
	.chanpin, .xinwenFenxiang{ padding: 10px 0px;}
	.xinwenTab{ display: block;}
	.xinwenTabList li{ margin-left:0px; font-size: 14px; width:25%; text-align: center;}
	.xinxiPage{ padding: 0px 10px 10px 10px;}
	.xinxiPageList li .text{ flex: auto;}
	.xinxiPageList li{ flex-wrap: wrap; justify-content: space-between; padding: 10px 0px;}
	.xinxiPageList li .time{ margin-left: 0px;}
	.xinxiPageList li .open{ margin-left: 0px;}
	.fanyeList li a{ font-size: 12px; padding: 0px 5px; min-width:30px; height:30px; line-height: 30px;}
	.jishu_fenxiang_Box .swiper-slide span{ font-size: 16px;}
	.indexTitle .more{ font-size: 12px; bottom: -10px;}
	.chanpinWrap{ padding: 0px 10px;}
	.product_list li{ padding: 10px 0px; display: block;}
	.product_list li .text .ht{ margin-bottom: 5px; font-size: 14px;}
	.product_list li .text p{ font-size: 12px; line-height: 1.5;}
	.product_list li .morebtn{ margin-left: 0px; text-align: center;}
	.title h3{ font-size: 14px;}
	.detailsWrap{ padding: 10px;}
	.details_title h4{ font-size: 16px;}
	.details_text h3{ font-size: 18px;}
	.details_text dl dt,.details_text dl dd,.details_text p{ font-size: 14px; line-height: 20px;}
	.details_text dl dt i{ width: 28px !important;}
	.details_item_flex { display: block;}
	.details_item_flex .item{ width: 100%;}
	.details_item .table table tr th{ font-size: 16px;}
	.zixun_list li, .xiazai_list li{ padding: 10px 0px; display: block;}
	.zixun_list li time{ margin: 0px; font-size: 12px; text-align: left; width: 100%; display: block;}
	.zixun_list li .text, .xiazai_list li .name, .xiazai_list li .ziliao{ font-size: 14px; display: block;}
	.yingyongList li .item h5{ font-size: 14px;}
	.chanpinNav{ padding: 10px 0px;}
	.xiazai_list li .ziliao{ display: inline-block; width: auto;}
	.xiazai_list li .download{display: inline-block; float: right;}
	.cpyingyong_list{ padding-top: 10px;}
	.cpyingyong_list li{ width:100%;}
	.cpyingyong_list li .item .txtBox{ font-size: 14px;}
	.xiangqingText{ padding: 0px;}
	.xiangqingText p{ font-size: 13px; padding: 5px 0px;}
	.qiyewh img{ margin-top: 10px;}
	.zixun_list li .text::before {background-size: 100% 100%; width:16px; height:18px;}
	
	
	
	}