@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:#F7F7F7;}
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;/*去除蓝色边框*/}
select::-ms-expand { display:none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color:#fff; }
.white{ background:#fff;}
@keyframes xb1 {
  0% {
    transform: translate(0%,0%);
  }
  25% {
    transform: translate(7%,-7%);
  }
  50% {
    transform: translate(14%,0%);
  }
  75% {
    transform: translate(7%,7%);
  }
  100% {
    transform: translate(0%,0%);
  }
}
/*****以上样式不可更改*****/
.langs_icon{
    width: 30px;
    height: 20px;
}
.header {width:100%;position:fixed;top:0;left:0;z-index:999;background:#fff; display: flex; align-items: center; justify-content: space-between; padding: 0px 8%;}
.header .logo{ display: block; width: 100px;}
.header .logo img{ width: 100%;}
.header .nav .navbar_nav{ display: flex; align-items: center; justify-content: center;}
.header .nav .navbar_nav li{ margin: 0px 30px; padding: 20px 0px;}
.header .nav .navbar_nav li a{font-size: 16px; color: #292929; line-height: 25px; padding-bottom: 12px; position: relative;}
.header .nav .navbar_nav li.active a::before,.header .nav .navbar_nav li:hover a::before{width: 24px; height: 4px; background: #65B1F8; border-radius: 6px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: '';}
.header .nav .navbar_nav li:hover a,.header .nav .navbar_nav li.active a{ font-weight: bold;}
.header .nav .navbar_nav li .dropdown_menu{ position: absolute; left: 0; top:65px; background: #E4E6EC; padding: 25px 150px; width: 100%; display: none;}
.header .nav .navbar_nav li .dropdown_menu_box{ display: flex;}
.header .nav .navbar_nav li .dropdown_menu_box .txtbox{ flex: 1; width: 100%;}
.header .nav .navbar_nav li .dropdown_menu_box .txtbox h2{font-size: 32px; color: #242424; line-height: 45px;}
.header .nav .navbar_nav li .dropdown_menu_box .txtbox p{font-size: 14px; color: #242424; line-height: 30px; margin-top: 15px;}
.header .nav .navbar_nav li .dropdown_menu_box .txtbox .menu_box_list{ display: flex; flex-wrap: wrap;}
.header .nav .navbar_nav li .dropdown_menu_box .txtbox .menu_box_list a{width: 157px; height: 39px; background: rgba(255,255,255,0.38); padding: 0px 15px; display: flex; align-items: center; justify-content: space-between; color: #242424; font-size: 14px; margin-top: 20px; margin-right: 40px;}
.header .nav .navbar_nav li:hover .dropdown_menu_box .txtbox .menu_box_list a::before{ display: none;}
.header .nav .navbar_nav li:hover .dropdown_menu_box .txtbox .menu_box_list a{ font-weight: 400;}
.header .nav .navbar_nav li .dropdown_menu_box .txtbox .menu_box_list a i{ display: none;}
.header .nav .navbar_nav li .dropdown_menu_box .txtbox .menu_box_list a:hover{background: linear-gradient( 260deg, #65B1F8 0%, #2E679C 100%); color: #ffffff}
.header .nav .navbar_nav li .dropdown_menu_box .txtbox .menu_box_list a:hover i{ display: block;}
.header .nav .navbar_nav li .dropdown_menu_box .imgbox{background: #E4E6EC; box-shadow: 0px 8px 6px 1px rgba(0,0,0,0.02); overflow: hidden; border-radius: 0px  49px  0px  49px; width: 516px; margin-left: 150px;}
.header .nav .navbar_nav li .dropdown_menu_box .imgbox img{ width: 100%;}
.header .nav .navbar_nav li:hover .dropdown_menu{ display: block;}

.wrap{ padding-top:65px;}
.banner img{ width: 100%;}
.m_nav{ display: none;}
.rightBox{display: flex; align-items: center;}

.language{ position: relative; margin-left: 30px;}
.languageon{ display: flex; align-items: center; height:35px; color:#8D8D8D; font-size: 18px; cursor: pointer; justify-content: center;}
.languageon i{ margin-right: 12px;}
.languageon span{ color:#8D8D8D; font-size: 16px;}
.language:hover .languageShow{ display: block;}
.languageShow{ position: absolute; left:0; top:35px; background:#fff;min-width:100%; display: none; width: 120px;}
.languageShow a{ color: #8D8D8D; line-height:35px; font-size: 14px; display: block; padding:5px 10px;}
.languageShow a:hover{ background: #65B1F8; color: #ffffff;}
.search{ cursor: pointer;}
.search i{ font-size: 18px; color:#8D8D8D;}
.searchshow{position: fixed; top:-200%; left:0; width: 100%; background: #ffffff; display: block; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);transition:0.4s; z-index: 99994;} 
.searchshow.open{ top: 0;}
.searchshow .container{position: relative; padding: 24px;}
.searchshow .item{ display: flex; align-items: center; justify-content: space-between;}
.searchshow .item .text{color: #777777; font-size:16px; line-height:30px; flex: 1; width: 100%;}
.searchshow .item .close{ width:30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 1;}
.searchshow .item .close i,.searchshow .search-btn i{pointer-events: none; font-size: 18px; color: #333; opacity: 1;}
.searchshow .searchFlex{border-bottom:1px solid #eceaea; display: flex; align-items: center;margin-top:12px;}
.searchshow .search-input{ position: relative; background:transparent;font-size:16px;border:none;padding:12px 32px 12px 0vh;width:100%;color:#333333; flex: 1;}
.searchshow .search-btn{border: none; background: transparent; width: 30px; height: 30px;}
.navToggle{ display: none;}
.header.on{box-shadow: 0 6px 6px rgba(33,37,41,.075);}
.banner .swiper-pagination-bullet{ width: 20px; height: 20px; background: transparent; position: relative; opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{ width: 20px; height: 20px; border-radius: 50%; border: 1px solid #fff; content: ''; position: absolute; left: 0; top: 0;}
.banner .swiper-pagination-bullet::after{ width: 4px; height: 4px; border-radius: 50%; background: #ffffff; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); content: '';}
.indexPage{ background: #ffffff; padding: 50px 0px;}
.title{ text-align: center;}
.title h2{font-weight: bold; font-size: 32px; color: #000000; line-height: 55px;text-shadow: 3px 6px 6px rgba(0,0,0,0.16);}
.title p{font-size: 14px; color: #5F5F5F; line-height: 24px; margin-top:15px;}
.indexPage1{ padding: 0px 10%; margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexPage1 li{ width: 23%;}
.indexPage1 li .item{background: #FFFFFF; box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.04); border-radius: 13px; text-align: center; padding: 30px; width: 100%;}
.indexPage1 li .item img{ width: 40px; height: 40px; margin: 0 auto;}
.indexPage1 li .item .t1{ text-align: center; color: #1C1C1C; font-size: 26px; margin-top:12px;}
.indexPage1 li .item .t1 span{ color: #2B7ECC; font-size: 43px; font-weight: bold; margin-right: 12px;}
.indexPage1 li .item .t2{font-size: 19px; color: #1C1C1C; line-height:30px; margin-top: 8px;}
.moreBox{margin-top: 50px; display:flex; align-items: center; justify-content: center;}
.moreBox .more{background: #4095E5; border-radius: 7px; display: flex; overflow: hidden; transform: translateX(0);transition:0.6s;  }
.moreBox .more:hover{transform: translateX(5px);transition:0.6s;  }
.moreBox .more span{ padding: 0px 20px; color: #FFFFFF; font-size: 18px; line-height:54px;}
.moreBox .more .icon{ background: #2B7ECC;width: 47px; height: 54px; background: #2B7ECC; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 20px;}
.indexPageProduct{ background:#F1F3F5 url(../images/icon_08.jpg) no-repeat; background-size: 100% 100%; width: 100%;}
.product_ul{ height: 540px; position: relative;}
.product_ul li{width: 177px; height: 177px; background: #FFFFFF; box-shadow: 0px 3px 15px 1px rgba(36,43,71,0.16); border-radius: 50%; padding: 30px; display: flex; align-items: center; justify-content: center;}
.product_ul li img{ height:50px; margin: 0 auto; display: block;}
.product_ul li span{font-size: 14px; color: #5A5A5A; line-height: 34px; margin-top:13px; display: block; text-align: center;}
.product_ul li:nth-child(1){ position: absolute; left:90px; top: 50px;animation: xb1 6s linear infinite;-webkit-animation: xb1 6s linear infinite;}
.product_ul li:nth-child(2){ position: absolute; right:0px; top: 30px;animation: xb1 6.5s linear infinite;-webkit-animation: xb1 6.5s linear infinite;}
.product_ul li:nth-child(3){ position: absolute; left: calc((100% - 340px) / 2); top:130px;width: 330px; height: 330px; background: linear-gradient( 356deg, #4095E5 0%, #4B93D5 100%); box-shadow: inset 0px -4px 6px 1px rgba(0,0,0,0.16);animation: xb1 6s linear infinite;-webkit-animation: xb1 6s linear infinite;}
.product_ul li:nth-child(3) span{ color: #ffffff}
.product_ul li:nth-child(4){ position: absolute; left:0px; bottom:30px;width: 170px; height: 170px; padding:30px 25px;animation: xb1 5.6s linear infinite;-webkit-animation: xb1 5.6s linear infinite;}
.product_ul li:nth-child(5){ position: absolute; right:120px; bottom:60px; width: 160px; height: 160px; padding: 16px;animation: xb1 6.9s linear infinite;-webkit-animation: xb1 6.9s linear infinite;}

.product_ul li:nth-child(6){ position: absolute; left:140px; top: 210px;animation: xb1 4.6s linear infinite;-webkit-animation: xb1 4.6s linear infinite;}
.product_ul li:nth-child(7){ position: absolute; right:130px; top: 140px;animation: xb1 4.5s linear infinite;-webkit-animation: xb1 4.5s linear infinite;}

.indexPage3{ background: #f7f7f7;}
.footer{ background: #2E323B; padding: 45px 0px;}
.footerFlex{ display: flex; justify-content: space-between;}
.footerFlex .logo img{ height: 130px;width:130px}
.footerFlex .left p{font-size: 12px; line-height: 30px; margin-top: 30px; color: #ffffff}
.footerFlex .left p span{ color: #A5A5A5;}
.footerFlex .right{ display: flex;}
.footerFlex .right .item{ margin-left:120px; text-align: left;}
.footerFlex .right .item h3{font-size: 14px; color: #FFFFFF; line-height:25px;}
.footerFlex .right .item a{font-size: 12px; color: #CDCDCD; line-height: 20px; display: block; margin-top: 20px; position: relative;}
.footerFlex .right .item a::before {  width: 0px; height:2px; background:#fff; position: absolute; left: 0; top: 50%; content: ''; transition:0.3s; }
.footerFlex .right .item a span{ transition: all .3s ease; display: block; color: #FFFFFF;}
.footerFlex .right .item a:hover span{-webkit-transform:translate(16px, 0); -ms-transform:translate(16px, 0); transform:translate(16px, 0);}
.footerFlex .right .item a:hover::before { width:10px;}


.Copyright{font-size: 12px; color:#6C6C6C; line-height:28px; text-align: center;  background: #22252C; padding:20px;}
.Copyright a{ color:#6C6C6C; }
.Copyright a:hover{ color: #ffffff;}
.page_banner{ position: relative;}
.page_banner img{ width: 100%;}
.page_banner_text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.page_banner_text .t1{font-size: 30px; color: #FFFFFF; line-height: 44px; text-align: center;}
.page_banner_text .mbx{ display: flex; align-items: center; justify-content: center; font-size: 16px; color: #FFFFFF; line-height: 25px; margin-top: 20px;}
.page_mbxnav .mbx{ display: flex; align-items: center;}
.page_banner_text .mbx a,.page_mbxnav .mbx a{ color: #ffffff; position: relative; padding-right: 24px;}
.page_banner_text .mbx a::before,.page_mbxnav .mbx a::before{ content: '-'; position: absolute; right:10px; top: 50%;transform: translateY(-50%); }
.page_banner_text .mbx a:last-child,.page_mbxnav .mbx a:last-child{ padding-right: 0px;}
.page_banner_text .mbx a:last-child::before,.page_mbxnav .mbx a:last-child::before{ display: none;}
.page_mbxnav .mbx{font-size: 16px; color: #FFFFFF; line-height: 25px;}

.page_banner_text img,.page_mbxnav .mbx img{ width: 22px; margin-right:8px;}
.Productpage{ background: #F7F7F7;}
.Product_list{ display: flex; flex-wrap: wrap; width: 1650px; margin: 0 auto;}
.Product_list li{ width:25%; padding: 0px 23px; margin-top: 60px;}
.Product_list li .item{background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.03); border-radius: 14px; padding: 24px; display: block;transform: translateY(0%);transition:0.6s; }
.Product_list li .item .imgbox{background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.03); border-radius: 14px;height: 246px; padding: ; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.Product_list li .item .imgbox img{ width: 100%;}
.Product_list li .item .txtbox h4{font-size: 24px; color: #242424; line-height:35px; margin-top: 12px;}
.Product_list li .item .txtbox p{font-size: 16px; color: #8A8A8A; line-height:24px; margin-top:18px;}
.Product_list li .item:hover{transform: translateY(-5px);}
.wrapbox{position: relative; z-index: 1; padding-bottom: 50px; width: 1650px; margin: 0 auto;}

.wrapmt320{ margin-top: -320px; }
.wrapmt45{ margin-top: -45px;}
.product_details_1{background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.03); border-radius: 14px; padding: 45px 70px; margin-top: 20px; display: flex; align-items: flex-start;}
.product_details_1 .imgbox{width: 695px;border-radius: 14px; overflow: hidden; margin-right:130px;}
.product_details_1 .imgbox img{ width: 100%;}
.product_details_1 .txtbox{ flex: 1; width: 100%;}
.product_details_1 .txtbox .txt_top{ display: flex; align-items: center; justify-content: space-between;}
.product_details_1 .txtbox .txt_top .txt{font-size: 29px; color: #242424; line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product_details_1 .txtbox .txt_top .link{width: 124px; height: 38px; background: #4894D9; border-radius: 15px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 16px;}
.product_details_1 .txtbox .txt_top .link img{ width: 18px; margin-right: 6px;}
.product_details_1 .txtbox .text p,.product_details_2 .text p{font-size: 18px; color: #8A8A8A; line-height: 26px; margin-top: 30px;}
.product_details_1 .txtbox .rexian{ border-bottom: 1px dashed  #CDCDCD; border-top: 1px dashed  #CDCDCD; padding: 14px 0px; margin-top: 30px; color: #8A8A8A; font-size: 18px;}
.product_details_1 .txtbox .rexian a{font-size: 32px; color: #4894D9; line-height: 45px;}
.product_details_2{ padding: 40px;background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.03); border-radius: 14px; margin-top: 50px;}
.product_details_2 .txt{ border-bottom: 1px solid #F1F1F1;}
.product_details_2 .txt span{font-weight: bold; font-size: 26px; color: #65B1F8; line-height:48px; padding-bottom:20px; position: relative; display: block;}
.product_details_2 .txt span::before{ width:160px; height: 1px; background: #65B1F8; position: absolute; bottom: 0; left: 0; content: '';}
.product_details_2  .flexList{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.product_details_2  .flexList .flexitem{ width: 100%; margin-top: 30px;}
.product_details_2  .flexList .flexitem.w45{ width: 45%;}
.product_details_2  .input{height: 50px; background: #F7F7F7; border-radius: 4px; width: 100%; padding: 0px 15px; font-size: 14px; color: #333; border: none;}
.product_details_2  .textarea{height: 169px;  line-height:50px; background: #F7F7F7; border-radius: 4px; width: 100%; padding: 0px 15px; font-size: 14px; color: #333; border: none;}
.product_details_2  .button{width: 187px; height: 53px; background: #4894D9; border-radius: 4px; margin: 0 auto;display: block; margin-top: 50px; color: #fff; font-size: 14px; border: none;}
.tabBox{ display: flex; align-items: center; justify-content: center;}
.tabBox li{ padding:0px 75px;}
.tabBox li .item{ display: flex; align-items: center;height: 94px; background: #FFFFFF; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.16); border-radius: 6px; justify-content: center; width: 238px; color: #393939; font-size: 24px;}
.tabBox li .item img{ width:24px; margin-right: 12px;}
.tabBox li .item img.icon{ display: block;}
.tabBox li .item img.iconon{ display: none;}
.tabBox li.active .item img.icon{ display: none;}
.tabBox li.active .item img.iconon{ display:block;}
.tabBox li.active .item{background: linear-gradient( 269deg, #4894D9 0%, #7CC0FF 100%);}
.tabBox li.active .item{ color: #ffffff;}
.zhiyeBox {background: #FFFFFF; box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.05); border-radius: 14px; padding: 60px; margin-top: 60px;}
.zhiyeBox .tit,.xiaoyuanLeft .tit{font-weight: bold; font-size: 28px; color: #393939; line-height: 82px; text-shadow: 3px 6px 6px rgba(0,0,0,0.16); text-align: center;}
.zhiyeBox .imgbox{ max-width:850px; width: 100%; margin:30px auto;}
.zhiyeBox .imgbox img{ width: 100%;}
.zhiyeBox .imgbox p{font-size: 16px; color: #666666; line-height: 42px; margin-top: 50px;}
.xiaoyuan{ display:flex; margin-top: 65px;}
.xiaoyuanLeft{ flex: 1; width: 100%;background: #FFFFFF; box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.05); border-radius: 14px; padding: 60px 50px;}

.xiaoyuanTh{ padding:25px 45px;background: #4694DD; border-radius: 14px;}
.xiaoyuanTh .flex,.xiaoyuanTd li .item .flex{ display: flex;}
.xiaoyuanTh .th{font-size: 16px; color: #FFFFFF; line-height:30px;}
.xiaoyuanTd li{ margin-top: 15px;}
.xiaoyuanTd li .item{background: #FFFFFF; border-radius: 14px; border: 1px solid #E2E2E2; padding:12px 45px;cursor: pointer;}
.xiaoyuanTd li .item .td{font-size: 16px; color: #3F3F3F; line-height: 34px;}
.xiaoyuanTd li .itemShow{background: #F9F9F9; border-radius: 14px; padding: 35px; margin-top: 40px; display: none;}
.xiaoyuanTd li .itemShow .flexww{ display: flex;  flex-wrap: wrap;}
.xiaoyuanTd li .itemShow .flexww p{font-size: 18px; color: #484848; line-height:35px; padding: 15px 0px;}
.xiaoyuanTd li .itemShow h4{font-weight: bold; font-size: 18px; color: #484848; line-height:30px; margin-top: 24px;}
.xiaoyuanTd li .itemShow .text{font-size: 16px; color: #9A9A9A; line-height: 30px; margin-top: 24px;}
.xiaoyuanTd li .itemShow .open{width: 118px; height: 45px; background: linear-gradient( 269deg, #4894D9 0%, #7CC0FF 100%); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.16); border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 14px; margin-top: 20px;}
.xiaoyuanRight{ width: 425px; margin-left: 20px;}
.xiaoyuanRight .ul li{ margin-bottom:35px;background: #FFFFFF; box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.05); border-radius: 14px; padding: 40px; display: flex; align-items: center;}
.xiaoyuanRight .ul li img{ width: 70px; height: 70px; margin-right:20px;}
.xiaoyuanRight .ul li .text{ flex: 1; width: 100%;}
.xiaoyuanRight .ul li .text h4{font-size: 16px; color: #363636; line-height:28px;}
.xiaoyuanRight .ul li .text p{font-size: 16px; color: #363636; line-height: 24px; margin-top: 8px;}
.xiaoyuanRight .ul li:hover{background: linear-gradient( 258deg, #0D71D1 0%, #4090DB 100%);}
.xiaoyuanRight .ul li:hover .text h4,.xiaoyuanRight .ul li:hover .text p{ color: #FFFFFF;}

.mask{background: rgba(0,0,0,0.28); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9991; display: none;}
.pop_jianli{ position: fixed; top:50%; left:50%; z-index: 9992; max-width: 966px; width: 100%; padding: 45px; background: #FFFFFF;transform: translate(-50%,-50%);border-radius: 14px; display: none;}
.pop_jianli h4{font-size: 24px; color: #4694DD; line-height:36px; text-align: center;}
.pop_jianli p{font-size: 14px; color: #747474; line-height: 26px; margin-top: 45px; border-bottom: 1px dashed #747474; padding-bottom: 8px;}
.pop_jianli .guanbi{ position: absolute; right:40px; top: 40px; width: 24px; cursor: pointer;}
.pop_jianli .item{ display: flex; margin-top: 40px;}
.pop_jianli .item .label{font-size: 18px; color: #2B2B2B; line-height:45px; width:130px;}
.pop_jianli .item .text{ flex: 1; width: 100%;}
.pop_jianli .item .text .input{height: 45px; background: #FFFFFF; border-radius: 6px; border: 1px solid #BEBEBE; width: 100%; padding: 0px 16px; font-size: 16px; color: #333;}
.pop_jianli .item .text .ainput{ display:flex; align-items: center; justify-content: center;}
.pop_jianli .item .text .ainput img{ width: 24px; margin-right: 8px;}
.pop_jianli .item .text .textarea{height: 85px; line-height: 40px;}
.pop_jianli .butt{width: 184px; height: 60px; background: #4095E5; border-radius: 30px; display: flex; align-items: center; justify-content: center; border: none; color: #FFFFFF; font-size: 16px; margin: 0 auto; margin-top: 60px;}
.pop_jianli .list{ max-height: 58vh; overflow: auto;}
.jianjie{background: #FFFFFF; border-radius: 14px; margin-top: 40px; padding: 50px; display: flex;}
.jianjie .txtbox{ flex: 1; width: 100%;}
.jianjie .txtbox h3{font-weight: bold; font-size: 28px; color: #0A0A0A; line-height: 40px;}
.jianjie .txtbox p{font-size: 16px; color: #0A0A0A; line-height: 44px;}
.jianjie .imgbox{ margin-left: 40px;width: 699px;}
.jianjie .imgbox img{ width: 100%;}
.videoPlayer{ width: 100%; display: block; height: 100%;}
.rongyu{ padding-top: 50px; padding-bottom: 200px; position: relative;}
.rongyu img{ max-width: 100%;}
.rongyu .swiper-slide{ transform: scale(0.8); padding: 20px;filter: blur(5px);}
.rongyu .swiper-slide-active,.rongyu .swiper-slide-duplicate-active{ transform: scale(1);filter: blur(0px);}
.rongyuSwiper{ margin-top: 80px;}
.rongyu .swiper-slide .tit{height: 61px; background: #4694DD; border-radius: 8px; width: 148px; text-align: center; line-height: 61px;font-weight: bold;
font-size: 20px; color: #FFFFFF; margin: 0 auto; margin-bottom: 40px; opacity: 0;}
.rongyu .swiper-slide .txt{font-weight: bold; font-size: 20px; color: #0A0A0A; line-height: 29px; text-align: center; margin-top: 40px; opacity: 0;}

.rongyu .swiper-slide-active .tit,.rongyu .swiper-slide-duplicate-active .tit,.rongyu .swiper-slide-active .txt,.rongyu .swiper-slide-duplicate-active .txt{ opacity: 1;}
.rongyu .swiper-button{ position: absolute; bottom:100px; left: 50%;transform: translateX(-50%); max-width: 640px; width: 100%;}



.fazhanBox{ margin-top:70px;}
.fazhanBox .title p{ font-size: 18px; line-height: 45px;}
.sortSwiper{ position: relative; padding: 0px 100px; margin-top: 90px;}
.rongyu .swiper-button-prev,.rongyu .swiper-button-next,.rongyu .swiper-button-prev img,.rongyu .swiper-button-next img{ width: 50px; height: 50px;}
.sortSwiper .swiper-button-prev,.sortSwiper .swiper-button-next,.sortSwiper .swiper-button-prev img,.sortSwiper .swiper-button-next img{ width: 50px; height: 50px;}
.sortSwiper .swiper-slide{ padding-bottom: 10px;}
.sortSwiper .swiper-slide a{ text-align: center;font-size: 36px; color: #666666; line-height: 82px; display: block; padding-bottom: 12px; border-bottom: 1px solid #C6C6C6 ;transition:0.4s;}
.sortSwiper .swiper-slide a::before{width: 10px; height: 10px; background: #AEAEAE; position: absolute; bottom:6px; left:50%; z-index: 1; content: ''; border-radius: 50%;transition:0.4s;transform: translateX(-50%); }
.sortSwiper .swiper-slide.active a{font-size: 46px; color: #4995DA; line-height: 82px; text-shadow: 3px 6px 6px rgba(0,0,0,0.16);}
.sortSwiper .swiper-slide.active a:before{width: 22px; height: 22px; background: rgba(255,255,255,0); bottom:0px; border: 2px solid #4995DA;}

.sortSwiper .swiper-slide:hover a{font-size: 40px; color: #4995DA; line-height: 82px; text-shadow: 3px 6px 6px rgba(0,0,0,0.16);}
.sortSwiper .swiper-slide:hover a:before{width: 18px; height: 18px; background: rgba(255,255,255,0); bottom:0px; border: 2px solid #4995DA;}


.fazhanBox_list{background: #FFFFFF; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.03); border-radius: 14px; padding: 90px 120px; margin-top: 90px;}
.fazhanBox_list li .item{ display: flex; align-items: flex-start;border-bottom: 1px solid #C6C6C6 ; padding:45px 0px;}
.fazhanBox_list li .item .txtbox{ flex:1; width: 100%;}
.fazhanBox_list li .item .txtbox h2{font-size: 36px;color: #1C1C1C; line-height: 42px;}
.fazhanBox_list li .item .txtbox p{font-size: 16px; color: #666666; line-height: 42px; margin-top: 40px;}
.fazhanBox_list li .item .imgbox{width: 402px; margin-left: 90px;}
.fazhanBox_list li .item .imgbox img{ width: 100%;}
.scroll-floor.onfalse{ display: none;}
.scroll-floor{ display: block;}
.tuandui{ margin-top: 100px;}


.tuandui_list{ display: flex; flex-wrap: wrap;}
.tuandui_list li{ width:33.333%; padding: 0px 23px; margin-top: 60px;}
.tuandui_list li .item{background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.03); border-radius: 14px; display: block;transform: translateY(0%);transition:0.6s; overflow: hidden;}
.tuandui_list li .item .imgbox{background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.03);padding: ; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.tuandui_list li .item .imgbox img{ width: 100%; height:300px; object-fit: cover;}
.tuandui_list li .item .txtbox{ padding:24px;}
.tuandui_list li .item .txtbox h4{font-size: 24px; color:#4095E5; line-height:35px; margin-top: 12px;}
.tuandui_list li .item .txtbox p{font-size: 16px; color: #666666; line-height:40px; margin-top:18px;}
.tuandui_list li .item:hover{transform: translateY(-5px);}

.tuandui_details{background: #FFFFFF; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.03); border-radius: 14px; margin-top: 60px; padding: 80px;}
.tuandui_details_text{ margin-top: 40px;}
.tuandui_details_text img{ width: 100%;}
.tuandui_details_text p{ont-size: 18px; color: #393939; line-height: 42px; margin-top: 40px;}
.tuandui_details_img{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.tuandui_details_img img{ width: 48%; margin-top:60px;}
.lianxi_box{background: #65B1F8; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.03); border-radius: 14px; margin-top: 50px; display: flex;}
.map_us{ flex: 1; width: 100%; height:665px;}
.lianxiWrap{ padding: 50px 0px;}
.map_text{ width: 575px; padding: 45px;}
.map_text h4{font-size: 32px; color: #FFFFFF; line-height: 45px; padding-bottom: 18px; border-bottom:1px dashed #FFFFFF;}
.map_text .text{ border-bottom:1px dashed #FFFFFF; padding:25px 0px;}
.map_text .text p{font-size: 14px; color: #FFFFFF; line-height: 35px; padding: 8px 0px;}
.map_text .rexian{ padding: 20px 0px;}
.map_text .rexian p{font-size: 16px; color: #FFFFFF; line-height: 35px; padding: 8px 0px;}
.map_text .rexian span{font-size: 30px; color: #FFFFFF; line-height:45px; display: block;}
.lianxi_list{ display: flex; flex-wrap: wrap; margin: 0px -25px; justify-content: center;}
.lianxi_list li{ padding: 0px 25px; width: 20%; margin-top: 85px;}
.lianxi_list li .item{background: #FFFFFF; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.03); border-radius: 14px; overflow: hidden;}
.lianxi_list li .item .tit{height: 86px; background: linear-gradient( 180deg, #65B1F8 0%, #4095E5 100%); box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.03); display: flex; align-items: center; padding: 0px 25px; color: #FFFFFF; font-size: 26px;}
.lianxi_list li .item .text{ padding:25px;}
.lianxi_list li .item .text p{font-size: 14px; color: #3F3F3F; line-height: 30px; margin-bottom: 10px;}
.lianxi_list li .item .text .img{ display: flex; justify-content: flex-end;}
.lianxi_list li .item .text .img img{ height: 65px;}
.lianxi_fangshi{ margin-top: 50px;}
.lianxi_fangshi_form{background: #FFFFFF; border-radius: 14px; margin-top: 55px; padding: 30px 100px;}

.lianxi_fangshi_form  .flexList{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.lianxi_fangshi_form  .flexList .flexitem{ width: 100%; margin-top: 30px; display: flex;}
.lianxi_fangshi_form  .flexList .flexitem.w45{ width: 45%;}
.lianxi_fangshi_form  .flexList .flexitem .label{font-size: 18px; color: #2B2B2B; line-height: 45px; margin-right: 30px; width: 60px; text-align: right;}
.lianxi_fangshi_form  .flexList .flexitem .label em{ color: #CD0808; font-style: normal; margin-right: 4px;}
.lianxi_fangshi_form  .input{height: 45px; border: 1px solid #DDDDDD; border-radius: 4px; width: 100%; padding: 0px 15px; font-size: 14px; color: #333; flex: 1; width: 100%;}
.lianxi_fangshi_form  .textarea{height: 169px;  line-height:45px; border: 1px solid #DDDDDD; border-radius: 4px; width: 100%; padding: 0px 15px; font-size: 14px; color: #333; flex: 1; width: 100%;}
.lianxi_fangshi_form  .button{width: 187px; height: 53px; background: #4894D9; border-radius: 4px; margin: 0 auto;display: block; margin-top: 50px; color: #fff; font-size: 14px; border: none;}

.more_chanpin_box{ margin-top: 60px;background: #FFFFFF; border-radius: 14px; border: 1px solid #CFCFCF;}

.more_chanpin_list{ position: relative; padding: 30px 80px;}
.more_chanpin_list .swiper-slide .item{ display: block; cursor: pointer; padding: 12px;}
.more_chanpin_list .swiper-slide .item .icon{ width:55px; height: 55px; display: flex; align-items: center; justify-content: center; margin:0 auto;}
.more_chanpin_list .swiper-slide .item .icon img{ max-width: 100%; max-height: 100%;}
.more_chanpin_list .swiper-slide .item .icon .img1{ display: block;}
.more_chanpin_list .swiper-slide .item .icon .img2{ display: none;}
.more_chanpin_list .swiper-slide .item .text{ text-align:center; margin-top: 6px; line-height: 24px;font-size: 14px; color: #686868; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.more_chanpin_list .swiper-slide.active .item,.more_chanpin_list .swiper-slide:hover .item{ background: url(../images/bg.png)no-repeat; background-size: 100% 100%;;}
.more_chanpin_list .swiper-slide.active .item .icon .img1,.more_chanpin_list .swiper-slide:hover .item .icon .img1{ display: none;}
.more_chanpin_list .swiper-slide.active .item .icon .img2,.more_chanpin_list .swiper-slide:hover .item .icon .img2{ display: block;}
.more_chanpin_list .swiper-slide.active .item .text,.more_chanpin_list .swiper-slide:hover .item .text{ color: #fff;}

.more_chanpin_list .swiper-button-prev,.more_chanpin_list .swiper-button-next,.more_chanpin_list .swiper-button-prev img,.more_chanpin_list .swiper-button-next img{ width: 50px; height: 50px;}


.more_chanpin_page{ margin-top: 100px;}
.more_chanpin_page.onfalse{ display: none;}
.more_chanpin_page_list{ display: flex; flex-wrap: wrap; margin: 0px -23px;}
.more_chanpin_page_list li{ width: 25%; padding: 0px 23px; margin-top: 36px;}
.more_chanpin_page_list li .item{background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.11); border-radius: 14px; position: relative; overflow: hidden; padding: 24px; display: block;}
.more_chanpin_page_list li .item .imgbox{height: 220px; border-radius: 14px; width: 100%; overflow: hidden;background: linear-gradient( 149deg, #002B73 0%, #2BB0EE 100%); display: flex; align-items: center; justify-content: center;}
.more_chanpin_page_list li .item .imgbox img{ width: 100%; max-height: 100%;}
.more_chanpin_page_list li .item .txtbox h4{font-size: 24px; color: #242424; line-height:35px; text-align: center; margin-top: 4px;}
.more_chanpin_page_list li .item .txtbox p{ text-align: center;font-size: 16px; color: #8A8A8A; line-height:24px; margin-top:14px;}
.more_chanpin_page_list li .item .txtbox span{ display: flex; align-items: center; justify-content: center; color: #616161; font-size: 14px; margin-top: 14px;height: 50px; background: #F3F3F3; border-radius: 12px;transition:0.6s; }
.more_chanpin_page_list li .item .item_show{ position: absolute; left:0; top: 0; width: 100%; height:100%;background: linear-gradient( 149deg, rgba(0, 43, 115, .75) 0%, rgba(43, 176, 238, .75) 100%); border-radius: 14px; padding: 40px; display: flex; align-items: center; opacity: 0;transition:0.6s; }
.more_chanpin_page_list li .item .item_show .text h5{font-size: 22px; color: #FFFFFF; line-height:35px;}
.more_chanpin_page_list li .item .item_show .text p{font-size: 18px; color: #FFFFFF; line-height: 24px; margin-top: 15px;}
.more_chanpin_page_list li:hover .item .txtbox span{ background: rgba(43, 176, 238, .75); color: #fff;}
.more_chanpin_page_list li:hover .item .item_show{ opacity: 1;}







@media screen and (max-width:1650px) {
	.indexPage1,.wrapbox,.Product_list{ width: 1200px; margin: 0 auto; padding-left:0px; padding-right: 0px;}
	.title h2,.indexPage1 li .item .t1 span{ font-size: 28px;}
	.indexPage1 li .item .t1,.moreBox .more span{ font-size: 16px;}
	.indexPage1 li .item .t2,.Product_list li .item .txtbox h4{ font-size: 18px;}
	.Product_list li{ padding: 0px 15px;}
	.Product_list li .item .imgbox{ height: 180px;}
	.Product_list li .item{ padding: 14px;}
	.Product_list li .item .txtbox p{ font-size: 14px; margin-top: 5px;}
	.product_details_1,.product_details_2{ padding: 24px;}
	.product_details_1 .imgbox{ width: 45%; margin-right: 3%;}
	.product_details_1 .txtbox .txt_top .txt{ font-size: 24px;}
	.product_details_1 .txtbox .txt_top .link{ font-size: 14px;}
	.product_details_1 .txtbox .text p, .product_details_2 .text p{ font-size: 14px; line-height: 30px; margin-top: 5px;}
	.product_details_1 .txtbox .rexian{ margin-top: 14px; padding: 12px 0px; font-size: 14px;}
	.product_details_1 .txtbox .rexian a{ font-size: 20px; list-style: 35px;}
	.product_details_2 .txt span{ font-size: 18px; line-height: 35px; padding-bottom: 5px;}
	.product_details_2 .flexList .flexitem{ margin-top: 15px;}
	.product_details_2 .button{ height: 45px; margin-top:15px;}
	.wrapmt45{ margin-top:-40px;}
	.tabBox li{ padding: 0px 25px;}
	.tabBox li .item{ height: 80px; font-size: 18px;}
	.xiaoyuan{ margin-top: 35px;}
	.xiaoyuanRight{ width: 330px;}
	.xiaoyuanRight .ul li{ padding: 24px;}
	.xiaoyuanRight .ul li img{ width: 55px; height: 55px; margin-right: 8px;}
	.xiaoyuanRight .ul li .text h4{ font-size: 14px;}
	.xiaoyuanRight .ul li .text p{ font-size: 12px; margin-top: 0px;}
	.xiaoyuanTh{ padding: 24px;}
	.xiaoyuanTd li .item{ padding: 12px 24px;}
	.xiaoyuanTd li .item .td{ font-size: 14px;}
	.xiaoyuanTd li .itemShow{ margin-top: 20px; padding: 14px;}
	.xiaoyuanTd li .itemShow .flexww p{ font-size: 14px; padding: 8px 0px;}
	.xiaoyuanTd li .itemShow h4{ font-size: 16px; margin-top: 12px;}
	.xiaoyuanTd li .itemShow .text{ font-size: 14px; margin-top: 12px;}
	.pop_jianli{ max-width: 640px; padding: 24px;}
	.pop_jianli h4{ font-size: 18px;}
	.pop_jianli .guanbi{ top: 12px; right: 12px; width: 18px;}
	.pop_jianli .item{ margin-top: 15px;}
	.pop_jianli .item .label{ font-size: 14px; width: 90px;}
	.pop_jianli .item .text .input{ font-size: 14px; padding: 0px 8px;}
	.pop_jianli .butt{ height: 45px; font-size: 15px; margin-top: 15px;}
	.pop_jianli p{ margin-top: 15px;}
	.jianjie{ padding: 24px; margin-top: 40px;}
	.jianjie .txtbox h3{ font-size: 18px;}
	.jianjie .txtbox p{ font-size: 14px; line-height: 2;}
	.jianjie .imgbox{ width: 45%; margin-left: 2%;}
	.rongyu .swiper-slide .txt{ font-size: 16px; margin-top: 12px;}
	.rongyu .swiper-slide .tit{ margin-bottom: 12px; height: 45px; font-size: 14px; line-height: 45px;}
	.rongyuSwiper{ margin-top: 15px;}
	.rongyu .swiper-button{ bottom: 80px;}
	.rongyu{ padding-top: 25px; padding-bottom: 100px;}
	.tuandui_list li .item .imgbox{ height: 180px;}
	.tuandui_list li .item .txtbox{  padding: 18px;}
	.tuandui_list li .item .txtbox h4{ font-size: 16px; margin-top: 0px;}
	.tuandui_list li .item .txtbox p{ font-size: 14px; margin-top: 8px; line-height: 2;}
	.tuandui_details{ padding: 24px;}
	.map_us{ height:460px;}
	.map_text{ padding: 24px;}
	.map_text h4{ font-size: 18px; line-height: 40px; padding-bottom: 10px;}
	.map_text .text p{ padding: 4px 0px; line-height: 25px;}
	.lianxi_list li{ padding: 0px 12px;}
	.lianxi_list li .item .tit{ height: 55px; font-size: 18px;}
	.lianxi_list li .item .text{ padding: 12px;}
	.lianxi_list li .item .text .img img{ height: 45px;}
	.lianxi_fangshi_form{ padding: 45px;}
	.lianxi_fangshi_form .flexList .flexitem .label{ font-size: 14px;}
	.map_text .rexian p{ font-size: 14px; line-height: 24px;}
	.map_text .rexian span{ font-size: 28px; line-height: 40px;}
	.fazhanBox .title p{ font-size: 15px; line-height: 2;}
	.sortSwiper .swiper-slide a{ font-size: 18px; line-height: 50px;}
	.sortSwiper .swiper-slide.active a{ line-height: 50px; font-size: 20px;}
	.fazhanBox_list{  padding: 24px; margin-top: 20px;}
	.tuandui_list li{ padding: 0px 12px;}
	.fazhanBox_list li .item{ padding: 24px 0px;}
	
	.fazhanBox_list li .item .txtbox h2{ font-size: 18px;}
	.fazhanBox_list li .item .txtbox p{ font-size: 14px; line-height: 2; margin-top: 12px;}
	.fazhanBox_list li .item .imgbox{ width: 33%; margin-left: 2%;}
	
	.more_chanpin_box{ padding: 14px;}
	.more_chanpin_list li .item .icon{ width: 45px; height: 45px;}
	.more_chanpin_page{ margin-top: 0px;}
	.more_chanpin_page_list { margin: 0px -12px;}
	.more_chanpin_page_list li{ padding: 0px 12px;}
	.more_chanpin_page_list li .item .item_show{ padding: 12px;}
	.more_chanpin_page_list li .item .imgbox{ height: 120px;}
	.more_chanpin_page_list li .item .item_show .text h5{ font-size: 14px; line-height: 24px;}
	.more_chanpin_page_list li .item .item_show .text p{ font-size: 12px; line-height: 20px;}
	.more_chanpin_page_list li .item .txtbox h4{ font-size: 16px;}
	.more_chanpin_page_list li .item .txtbox p{ font-size: 14px; margin-top: 10px;}
	.more_chanpin_page_list li .item .txtbox span{ height: 40px;}
	.more_chanpin_list{ white-space: nowrap;}
	.more_chanpin_page_list li .item{ padding: 12px;}
	
	
}
@media screen and (max-width:1199px) {
	.footerFlex .right .item{ margin-left: 20px;}
	.indexPage1, .wrapbox, .Product_list{ width: 970px;}
	.header .nav .navbar_nav li .dropdown_menu_box .imgbox{ width: 33%; margin-left: 2%;}
	.header .nav .navbar_nav li .dropdown_menu_box .txtbox h2{ font-size: 22px;}
	.header .nav .navbar_nav li .dropdown_menu_box .txtbox p{ margin-top: 8px; list-style: 1.8;}
	.Product_list li{ margin-top: 20px; width: 50%;}
	.xiaoyuanLeft{ padding: 24px;}
	.lianxi_list li{ width: 33.3333%; margin-top: 30px;}
	
}

@media screen and (max-width:992px) {
	.wrap{ padding-top: 59px;}
	.header{ padding: 12px 15px;}
	.languageon span{ display: none;}
	.language{ margin: 0px 20px;}
	.languageon i{ margin: 0px;}
	.languageShow{ left:auto; right:0px;}
	.header #navToggle {height:25px; width: 25px; display: block;}
	.header #navToggle span {position:relative;width:25px;height:2px; margin-top: 12px;}
	.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:2px;left:0;}
	.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#333;}
	.header #navToggle span:before {top:8px;}
	.header #navToggle span:after {bottom:10px;}
	.header #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);}
	.header #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);}
	.header #navToggle.open span {background:none;}
	.header #navToggle.open span:before,.header #navToggle.open span:after {background:rgb(68, 73, 87);}
	.header .nav {display:none;}
	.m_nav {position:fixed;width:100%;height:100%;background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms; left:0px; top: -200%; z-index: 99; display: block;padding:70px 15px 15px 15px;}
	.m_nav.open { top: 0;}
	.m_nav .ul li{  padding: 8px 0px;}
	.m_nav .ul li a{font-size: 16px; line-height: 45px; color: #333; position: relative; box-sizing: border-box; display: block;}
	.m_nav .ul li a i{ position: absolute; right: 0; top: 50%;transform: translateY(-50%); }	
	.m_nav .ul li .dropdown_menu,.m_nav .ul li .sub_sub_menu{ display: none; padding-left: 15px;}
	.m_nav .ul li .dropdown_menu a{color: #666; display: block; position: relative; padding-left:15px; line-height: 40px;}
	.m_nav .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_nav .ul li .dropdown_menu li,.m_nav .ul li .sub_sub_menu li{ padding: 0px;}
	.indexPage1, .wrapbox, .Product_list{ width: 100%; padding: 0px 15px;}
	.indexPage{ padding: 25px 0px;}
	.product_ul{ height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.product_ul li{ margin-top: 20px; height: 168px !important;}
	.product_ul li:nth-child(1){ position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 48%; border-radius: 4px; animation: xb2 6s linear infinite;   -webkit-animation:xb2 6s linear infinite;}
	.product_ul li:nth-child(2){ position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 48%; border-radius: 4px; animation: xb2 6s linear infinite;   -webkit-animation:xb2 6s linear infinite;}
	.product_ul li:nth-child(3){ position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 48%; border-radius: 4px; animation: xb2 6s linear infinite;   -webkit-animation:xb2 6s linear infinite; background: #fff;box-shadow: 0px 3px 15px 1px rgba(36,43,71,0.16);}
	.product_ul li:nth-child(4){ position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 48%; border-radius: 4px; animation: xb2 6s linear infinite;   -webkit-animation:xb2 6s linear infinite;}
	.product_ul li:nth-child(5){ position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 48%; border-radius: 4px; animation: xb2 6s linear infinite;   -webkit-animation:xb2 6s linear infinite;}
	
	.product_ul li:nth-child(6){ position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 48%; border-radius: 4px; animation: xb2 6s linear infinite;   -webkit-animation:xb2 6s linear infinite;}
	.product_ul li:nth-child(7){ position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 48%; border-radius: 4px; animation: xb2 6s linear infinite;   -webkit-animation:xb2 6s linear infinite;}
	
	.product_ul li:nth-child(3) span{color: #5A5A5A;}
	.product_details_2{ margin-top: 24px;}
	.zhiyeBox{ padding: 24px; margin-top: 24px;}
	.map_text{ width: 45%;}
	.more_chanpin_page_list li{ width: 33.333%;}
	.more_chanpin_list li{ width: 120px; display: block;}
	.more_chanpin_list li .item{ width: 120px;}
}



@media ( max-width:740px) {	
	.title h2, .indexPage1 li .item .t1 span{ font-size: 20px; line-height: 36px;}
	.indexPage1 li{ width: 48%; margin-top: 15px;}
	.indexPage1 li .item{ padding: 13px;}
	.indexPage1 li .item img{ width: 34px; height: 34px;}
	.indexPage1 li .item .t2, .Product_list li .item .txtbox h4{ font-size: 16px;}
	.indexPage1 li .item .t2{ margin-top: 4px;}
	.indexPage1 li .item .t1{ margin-top: 6px;}
	.moreBox{ margin-top: 24px;}
	.moreBox .more span{ font-size: 14px; line-height: 44px;}
	.moreBox .more .icon{ width: 44px; height: 44px;}
	.product_ul li img{ height: 20px;}
	.product_ul li{ padding: 13px; height:128px !important;}
	.product_ul li:nth-child(3) span{ font-size: 12px; line-height: 22px; margin-top: 4px;}
	.product_ul li:nth-child(1){ padding: 14px;}
	.product_ul li:nth-child(2){ padding: 14px;}
	.product_ul li:nth-child(4){ padding: 14px;}
	.product_ul li:nth-child(5){ padding: 14px;}
	.footer{ padding: 24px 0px;}
	.footerFlex .right{ display: none;}
	.footerFlex .logo img{ height: 45px; margin: 0 auto;}
	.footerFlex .left p{ margin-top: 8px; line-height: 24px;}
	.Copyright{ padding: 12px; line-height: 1.5;}	
	.page_banner img{ height: 120px; object-fit: cover;}
	.page_banner_text .t1{ font-size: 22px; line-height: 35px;}
	.page_banner_text .mbx{ margin-top: 12px; font-size: 14px;}
	.page_banner_text .mbx img{ height: 12px; width: 14px;}
	.Product_list li{ width: 100%; padding: 0px;}
	.Product_list li .item .imgbox{ height: auto;}
	.wrapmt45,.wrapmt320{ margin-top: -20px;}
	.page_mbxnav .mbx{ font-size: 12px;}
	.product_details_1, .product_details_2{ padding: 12px;}
	.product_details_1{ display: block;}
	.product_details_1 .imgbox{ width: 100%; margin: 0px;}
	.product_details_1 .txtbox{ margin-top: 12px;}
	.product_details_1 .txtbox .txt_top .txt{ font-size: 16px;}
	.product_details_2 .input{ height: 40px;}
	.product_details_2 .textarea{ height: 120px;}
	.tabBox li .item{ width: 120px; height: 40px; font-size: 13px;}
	.tabBox li .item img{ width: 18px; margin-right: 6px;}
	.tabBox li{ padding: 0px 10px; margin-top: 10px;}
	.tabBox{ flex-wrap: wrap;}
	.zhiyeBox .tit, .xiaoyuanLeft .tit{ font-size: 18px; line-height: 24px;}
	.zhiyeBox{ padding: 12px;}
	.zhiyeBox .imgbox{ margin-top: 12px;}
	.xiaoyuanLeft{ padding: 12px;}
	.xiaoyuanTh{display: none;}
	.xiaoyuanTd li .item{ padding: 12px;}
	.xiaoyuanTh .flex, .xiaoyuanTd li .item .flex{ flex-wrap: wrap;}
	.xiaoyuan{ display: block; margin-top: 12px;}
	.xiaoyuanTd li .item .td{ line-height: 26px;}
	.xiaoyuanTd li .itemShow .flexww p{ padding: 2px 0px;}
	.pop_jianli{ max-width: 94%;}
	.pop_jianli .item .text .input{ height: 34px;}
	.xiaoyuanRight{ width: 100%; margin: 0px;}
	.xiaoyuanRight .ul li{  padding: 12px; margin-top: 12px; margin-bottom: 0px;}
	.xiaoyuanRight .ul li img{ width: 40px; height: 40px;}
	.xiaoyuanRight{ padding-bottom: 14px;}
	.page_banner_text .t1{ font-size: 18px;}
	.jianjie{ padding: 12px; margin-top: 20px; display: block;}
	.jianjie .txtbox p{ font-size: 14px; line-height: 22px;}
	.jianjie .imgbox{ width: 100%; margin: 0px; margin-top: 12px;}
	.fazhanBox{ margin-top: 20px;}
	.sortSwiper{ margin-top: 20px;}
	.sortSwiper{ padding: 0px 40px;}
	.sortSwiper .swiper-button-prev, .sortSwiper .swiper-button-next, .sortSwiper .swiper-button-prev img, .sortSwiper .swiper-button-next img{ width: 30px; height: 30px;}
	.fazhanBox_list{ padding: 12px;}
	.fazhanBox_list li .item{ padding: 12px 0px; display: block;}
	.fazhanBox_list li .item .txtbox h2{ font-size: 16px; line-height: 24px;}
	.fazhanBox_list li .item .txtbox p{ margin-top: 8px;}
	.fazhanBox_list li .item .imgbox{ width: 100%; margin: 0px; margin-top: 8px;}
	.tuandui{ margin-top:20px;}
	.tuandui_list li{ margin-top: 20px; width: 100%; padding: 0px;}
	.tuandui_details{ padding: 12px;}
	.tuandui_details_text p{ margin-top: 14px; line-height: 24px;}
	.tuandui_details_img img{ margin-top: 12px;}
	.lianxiWrap{ padding: 24px 0px;}
	.lianxi_box{ margin-top: 24px; display: block;}
	.map_us{ height: 220px;}
	.map_text{ padding: 12px; width: 100%;}
	.map_text .rexian span{ font-size: 18px;}
	.lianxi_list li{ width: 100%;}
	.lianxi_list{ margin: 0px -12px;}
	.lianxi_list li .item .text p{ line-height: 24px; margin-bottom: 6px;}
	.lianxi_fangshi{ margin-top: 24px;}
	.title h2, .indexPage1 li .item .t1 span{ font-size: 18px;}
	.lianxi_fangshi_form{ padding: 24px;}
	.lianxi_fangshi_form .flexList .flexitem.w45{ width: 100%;}
	.lianxi_fangshi_form .flexList .flexitem{ margin-top:2px; display: block;}
	.lianxi_fangshi_form .flexList .flexitem .label{ margin-right: 12px; text-align: left;}
	.lianxi_fangshi_form .textarea{ height: 120px;}
	.lianxi_fangshi_form .input{ height: 40px; line-height: 40px; font-size: 12px;}
	.lianxi_fangshi_form .button{ height: 40px; line-height: 40px; margin-top: 12px;}
	.lianxi_list li{ margin-top: 12px;}
	
	.more_chanpin_box{ margin-top:20px;}
	.more_chanpin_page_list li{ width: 100%; margin-top: 12px;}
	.more_chanpin_box{ padding: 12px;}
	.more_chanpin_list{ padding: 0px 40px;}
	.more_chanpin_list .swiper-button-prev, .more_chanpin_list .swiper-button-next, .more_chanpin_list .swiper-button-prev img, .more_chanpin_list .swiper-button-next img{width: 30px;   height:30px;}
	
	.more_chanpin_list .swiper-button-next, .more_chanpin_list .swiper-button-prev{ margin-top: -15px;}
	.more_chanpin_list .swiper-button-next{ right: 5px;}
	.more_chanpin_list .swiper-button-prev{ left: 5px;}
	
	
	.more_chanpin_list li .item .icon{ width: 28px; height: 28px;}
	.more_chanpin_list li,.more_chanpin_list li .item{ width: 100px;}
	.more_chanpin_list li .item{ padding: 6px;}
	.more_chanpin_list li .item .text{ font-size: 12px; margin-top: 2px;}
	.more_chanpin_page{ padding-bottom: 20px;}

}