/* 
               (0 0)
   +=====oOO====(_)=========+
   |   Powered By Anxin     |
   |   Tel: 0572-5220701    |
   |   Creation:2023.03.15  | 
   +=================oOO====+
             |__|__|
              || ||
             ooO Ooo
*/
body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,s,td,textarea,th,ul{margin:0;padding:0;list-style:none;font-family:Microsoft YaHei,sans-serif;font-weight:400;}body,html{position:relative;}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-transform:capitalize}button,input,select,textarea{font-size:100%;outline:0}a{color:#369;text-decoration:none}.clearfix:after{content:"\0020";display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{zoom:1}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left}.fl,.fr{display:inline}.fr{float:right}em,i{font-style:normal}.none{display:none}.block{display:block}.inline{display:inline-block!important;margin-right:10px}img{border:0;object-fit:cover}table{border-collapse:collapse;border:0;border-collapse: collapse;}::selection{background:#ddd;color:#111}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.25);border:2px solid transparent;border-radius:0px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(50, 50, 50, 0.5)}::-webkit-scrollbar-track{background-color:rgba(50,50,50,.05)}*{box-sizing:border-box}input,textarea{border:0}input::placeholder,textarea::placeholder{opacity:.5}input:focus{border:0;outline:0;box-shadow:0}.tipMain{position:fixed;bottom:0;left:0;z-index:9999;width:100%;border-top:1px solid #ccc;background:#fff;font-size:13px;line-height:40px}.tipMain,.tipMain .close{height:40px;text-align:center}.tipMain .close{position:absolute;top:0;right:10px;width:40px;color:red;font-weight:400;font-size:18px;font-family:Arial,Helvetica,sans-serif;cursor:pointer}
/*超出的文字省略，要定义宽度*/
span.spanleft{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
a,a:hover, :after, :before, .iconfont, .images, .images img, .list-li, .list-txt, .list-txt .name, .mobilemenu b, header, header *, #footer *, .wrapper, #banner, #banner img,.arrow { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/*页面*/
* { font-size: 14px; font-weight: 400; box-sizing: border-box; }
body { background-color: #fff; overflow-x: hidden;}
.wrapper { margin: 0 auto; position: relative; }
.text { padding: 0; }
.text, .text * { color: #444; font-size: 14px; line-height: 2; word-wrap: break-word; }
.text p { margin-bottom: 10px;}
.text p:last-child { margin-bottom: 0; }
.text img { max-width: 100%; margin: 20px auto; display: block; opacity: 1 !important; }
.text:after{content:""; display:table; clear: both;}
.txt-info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/
.txt-info * { -webkit-box-orient: horizontal; width: auto; display: inline; padding: 0; margin: 0; white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important; font-family: sans-serif !important;word-break:break-all !important; }
.txt-info img { display: none !important; opacity: 0; }
.arrow{position:relative; z-index: 2; width: 10px; height: 10px;}
.arrow:before,.arrow:after{content: ""; position: absolute; display: block;}
.arrow:before { width: 6px; height: 6px; border-right: 1px solid #999; border-top: 1px solid #999; pointer-events: auto; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.arrow:after{width: 12px; height: 0; border-top: 1px solid #999; top: 50%; left: 50%; margin-top: -1px; margin-left: -9px;}
.arrow.arrow-white:before{border-right-color: #fff; border-top-color: #fff;}
.arrow.arrow-white:after{border-top-color: #fff;}
/*更多*/
.more { position: relative;width: 100%; padding-top: 60px;}
.more a { position: relative;margin-left: auto; margin-right: auto; overflow: hidden; width: 162px; height: 40px; background-color: #F44321; display: flex; justify-content: center; align-items: center;}
.more a:after {content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 100%; background: rgba(0, 0, 0, 0.1);}
.more span { position: relative; z-index: 2; font-size: 14px; font-weight: 400; color: #fff; text-transform: uppercase; display: block; text-align: center; }
.more a:hover:after{width: 100%;}
/*******************************
  -------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 9; bottom: 0px; right: 0px; border-radius: 4px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important; }
.toTop:before { content: ""; margin-top: 22px; margin-left: 18px; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; pointer-events: auto; transform: rotate(-45deg); }
.toTop:hover { background: #F44321; opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
  -------[=select-------
********************************/
.select { position: relative;height: 36px; }
.select:after { content: "";  display: block; width: 6px; height: 6px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; position: absolute; z-index: 2; right: 20px; top: 16px; }
.select .placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; line-height: 46px;  padding: 0 15px; box-sizing: border-box; cursor: pointer; text-align: left }
.select.is-open:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.select ul { position: absolute; z-index: 100; overflow: hidden; width: 100%; top: 100%; left: 0; margin: 0 0 0 -1px; padding: 0 ; max-height: 240px; overflow-x: hidden; overflow-y: auto;transition: all 0.3s ease; opacity: 0; visibility: hidden;}
.select.is-open ul {opacity: 1; visibility:visible; }
.select ul li { display: block; float: none !important; width: 100% !important; margin: 0; cursor: pointer; border-bottom: solid 1px #ECECEC; padding: 0 0 0 15px; box-sizing: border-box !important; text-align: left; font-size: 15px; line-height: 46px; }
.select ul li a { color: #333; display: block;}
/*******************************
  -------[=图片切换-------
********************************/
.swiper-container{width: 100%; height: 100%;}
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-btn {position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); display: block; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; background:#F4F4F4;}
.swiper-btn:hover{background:#ddd}
.swiper-btn .arrow:before{width: 10px; height: 10px; border-color: #999; border-width: 2px;}
.swiper-btn.swiper-button-disabled {opacity: 0.4; cursor: not-allowed }
.swiper-btn.next {right: 0;padding-right: 7px;}
.swiper-btn.prev {left: 0; padding-left: 7px;}
.swiper-btn.prev .arrow {transform: rotate(180deg);}
.swiper-btn .arrow:after{display:none}
.swiper-tool{ display: flex; justify-content: center;transition: all 0.3s ease; }
.swiper-tool .swiper-btn{position: relative; margin: 0 8px; top: 0; transform: translateY(0);}
/*******************************
  -------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.list {position: relative; z-index: 1;}
.list .list-ul { margin-right: -36px; margin-bottom: -36px;}
.list .list-ul:after { content: ""; display: table; clear: both; }
.list .list-li { float: left;margin-right: 36px; margin-bottom: 36px; position: relative; }
.list-txt { box-sizing: border-box; position: relative; z-index: 1; text-transform: capitalize;}
.list-txt .name {font-size: 14px; font-weight: 600; color: #999; text-transform: uppercase; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.list-txt .txt-info {-webkit-line-clamp: 2; margin-bottom: 20px;}
.list-txt .txt-info, .list .list-txt .txt-info * {font-size: 14px; line-height: 22px; color: #999;}
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/*******************************
  -------[=页码-------
********************************/
.main-page {position:relative; z-index: 1; width: 100%; padding: 0; margin: 0; text-transform: capitalize; display: flex; justify-content:flex-start; align-items: center; margin-top: 50px; margin-bottom: 0px;}
.main-page a{ padding: 6px 12px; background: #FFFFFF; border: 1px solid #EEEEEE; color: #333; margin-right: 10px; border-radius: 4px;}
.main-page a.disabled{ border: 0; cursor: not-allowed;}
.main-page a.disabled:hover{background-color: #fff; color: #333;}
.main-page a.active,.main-page a:hover{background-color: #F44321; border-color: #F44321; color: #fff;}
/*******************************
  -------[=页面底部------
********************************/
#footer{background-color: #000; position: relative; z-index: 2;}
#footer #footer-top{border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.footer-top,.footer{display: flex; justify-content: space-between; width: 100%;}
.footer-top{align-items: center; padding-top: 40px;}
.footer-top .logo{background: url(../images/logo-white.png) center center no-repeat; background-size: contain; width: 135px; height: 50px;}
.footer-top .footer-nav{flex:1; text-align: right;}
.footer-top .footer-nav a{text-transform: uppercase; margin-left: 3%; color: #fff;}
.footer{align-items: flex-start; padding-top: 32px; padding-bottom: 32px;}
.footer .left{width: 240px;}
.footer .left .p1{margin-bottom: 7px; font-size: 16px; font-weight: 500; line-height: 22px; color: #fff;}
.footer .left .p2{ font-size:10px; line-height: 14px; color:rgba(255,255,255,0.5);}
.footer .right{flex:1; padding-left: 11%;}
.footer .right .footer-info{ display: flex; align-items: flex-start; justify-content: space-between;}
.footer .right .footer-info .items{display: flex; justify-content: space-between; flex-flow: row wrap; width: 600px;}
.footer .right .footer-info .items .item{color:rgba(255,255,255,0.7); white-space: nowrap; margin-bottom: 22px; min-width: 50%;}
.footer .right .footer-info .qrcode{width: 110px;}
.footer .right .footer-info .qrcode img{ display: block; width: 100%; height: auto;}

#footer #copyright{border-top:1px solid rgba(255, 255, 255, 0.1);}
#footer .copyright {width: 100%;display:flex; justify-content: space-between; padding-top:22px; padding-bottom: 22px;position:relative;}
#footer .copyright p,#footer .copyright a {font-size:12px; color:rgba(255,255,255,0.5);display:flex; align-items: center; }
#footer .copyright a:hover{color:#fff}
#footer .record,#footer .record a{display:flex; align-items: center; justify-content: center;}
#footer .record a{margin-left: 24px;}
#footer .record img{margin:0 8px !important;}

@media screen and (max-width: 1366px){
  #footer .copyright{flex-direction: column; align-items: center; padding-top: 12px; padding-bottom: 0;}
  #footer .copyright p{text-align: center; margin-bottom: 12px;}
  #footer .record{margin-bottom: 12px;}
}
@media screen and (max-width: 700px){
  #footer .copyright{padding-top: 12px; padding-bottom: 0; margin-bottom: 0;}
  #footer .copyright p,.record p a{text-align: center;}
  #footer .record{margin-bottom: 0px;display:flex; flex-direction: column; align-items: center;}
  #footer .record a{margin-bottom: 10px};
}
/*******************************
  -------[=页面------
********************************/
header, #header { width: 100%;}
#header .wrapper,#nav,.nav, .nav .nav-ul, .nav .mainlevel, .nav .mainlevel a{ height: 100%; }
#header .wrapper, .nav .nav-ul { display: flex; justify-content: space-between; align-items: center; }
header{position: fixed; top: 0; z-index: 20;}
#header {height: 88px; background-color: #fff;}
#logo { width: 135px; height: 50px; overflow: hidden; background-image: url(../images/logo.png); background-position: center left; background-size: contain; background-repeat: no-repeat;}
.logo,.logo a{display:block;width: 100%; height: 100%;}

#nav {position: absolute; right: 0; top: 0; height: 88px; display: flex; justify-content: space-between; align-items: center;}
#nav .nav{flex:1; display: flex; justify-content: space-between;}
.nav .nav-ul { flex:1;}
.nav .mainlevel {position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: center;margin-left: 70px;}
.nav .mainlevel .mainlevel-a {text-decoration: none; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; text-transform: capitalize;}
.nav .mainlevel:after,.nav .mainlevel:before{content: ""; z-index: 1; position: absolute;}
.nav .mainlevel:after { width: 1px; height: 12px;right: 0; top: 50%; transform: translate(0px, -50%);background:#000; opacity: 0;}
.nav .mainlevel:last-child:after{display: none;}
.nav .mainlevel:before{width: 0px; height: 1px; background-color: #F44321; left: 0px;  bottom: 18px;}
.nav .mainlevel .mainlevel-a span { position: relative; z-index: 2; font-size: 14px; font-weight: 400; white-space: nowrap; color:#000; opacity: 0.5; text-transform:uppercase;}
.nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span,.nav .mainlevel:hover span,.nav .mainlevel.active.cuf, .mainlevel-a:hover span,.nav .mainlevel.active:hover .mainlevel-a span {opacity: 1; color: #F44321;}
.nav .mainlevel.active:before, .nav .mainlevel:hover:before,.nav .mainlevel.active.cuf:hover:before{width: 100% ;}
.nav .mainlevel.active.cuf:before {width: 0;}
.nav .mainlevel ul {position:absolute;z-index: 999; top:68px;width:100%;left:0;text-align:center;transition:all 0.3s; opacity: 0; visibility: hidden;}
.nav .mainlevel ul:before,.nav .mainlevel ul:after{content:""; display: block;position: fixed; z-index: 3; }
.nav .mainlevel ul:before{z-index: 11; width: 76%; height:1px; background-color: #f5f5f5; left: 50%; top: 64px; margin-left: -38%; display: none;}
.nav .mainlevel ul:after{left: 0; top: 67px; width: 100%; height: 0px; background-color: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);border-color:#F44321;}
.nav .mainlevel:hover{z-index: 1000;}
.lang{display: flex; align-items: center;}
.lang:before{content:""; display: block; width: 1px; height: 10px; background-color: rgba(0,0,0,0.05); margin-left: 36px; margin-right: 36px;}
.lang .select{width: 80px; height: 20px; display: flex; align-items: center; justify-content: flex-end;}
.lang .select .placeholder{padding: 0; line-height: 20px; color: #000;}
.lang .select:after{position: relative; right: 0; top: 0;}
.lang .select ul{top:49px; background-color: #fff; margin-left: -16px; padding-left: 16px; width: 120px;box-shadow:1px 2px 5px 1px rgba(0,0,0,0.05)}
.lang .select ul li{border-bottom: 0; font-size: 14px; padding: 0; text-align: left;}
header{transform: translateY(0);}
header.baion{box-shadow:1px 2px 5px 1px rgba(0,0,0,0.05)}
header.transformY{transform: translateY(-100%);}

.web-title {width: 100%; align-items: flex-start; padding-top: 42px; padding-bottom: 16px; margin-bottom: 60px;  border-bottom: 1px solid #F2F2F2; background-color: #fff;}
.web-title .main,.web-title .secondary{white-space: nowrap; text-transform:capitalize;}
.web-title .main{font-size: 16px; font-weight: 500;line-height: 22px; color: #555;}
.web-title .secondary{color: #ccc; margin-top: 1px; }
.web-title .sub-nav{position: absolute; right: 0; bottom: 0; z-index: 2; width:calc(100% - 150px);}

.sub-nav.swiper-container{height: 60px;}
.sub-nav .swiper-wrapper{justify-content:flex-end}
.sub-nav .swiper-slide{width: auto; margin-left: 50px;}
.sub-nav .swiper-slide a{display: block; color: #333; opacity: 0.5;white-space: nowrap; text-transform: capitalize;}
.sub-nav .swiper-slide a:after{content:""; display: block; width: 0; height: 1px; margin-top: 40px; background-color: #F44321;}
.sub-nav .swiper-slide.active a,.sub-nav .swiper-slide a:hover{opacity: 1; color: #F44321;}
.sub-nav .swiper-slide.active a:after,.sub-nav .swiper-slide a:hover:after{width: 100%;}

.place,.place a{display: flex; flex-flow: row wrap; align-items: center;}
.place{ color: #333; text-transform: capitalize; padding-top: 48px; padding-bottom: 48px; border-bottom: 1px solid #f2f2f2;}
.place a{color: #666; margin-left: 8px;}
.place a:after{content:""; width: 4px; height: 4px; border-right: 1px solid #666; border-top: 1px solid #666; pointer-events: auto; transform: rotate(45deg); margin-left: 10px; margin-right: 10px;}
.place a:hover{color: #000;}
.spl-header{transform:translateY(0)}
.spl-theme{display:none !important; opacity: 0;}
.spl-header div{opacity: 1;}
#spotlight.white .spl-footer, #spotlight.white .spl-header{background-color: rgba(0, 0, 0, 0.05);}
.spl-pane video{width: 100%; height: auto; max-width: 1280px;}
#banner{width: 100%;height: 330px; overflow: hidden; position: relative; z-index: 1; background-color: #fff; margin-top: 78px;}
#banner img{width:100%; height: 100%; display:block; position: absolute; z-index: 1; left: 0; top:0;animation: bannerImg 2s 1;}
#banner .wrapper{height: 100%; display:block; position: absolute; z-index: 2; left: 50%; top:0; transform: translateX(-50%); display: flex; align-items: center; justify-content: center;}
#banner .banner-txt{display: flex; flex-direction: column; align-items: center; justify-content: center;animation: bannertxt 0.5s 1;}
#banner .banner-txt .chs{font-size: 20px; font-weight: 500; color: #000;}
#banner .banner-txt .en{font-size: 14px; font-weight: 400; color: #000; margin-top: 12px; text-transform: uppercase; display: flex; align-items: center; margin-top: 12px;}
#banner .banner-txt .en:before{content:"/"; font-size: 30px; color: rgba(255, 255, 255, 0.2); font-size: 30px; margin-left: 14px; margin-right: 6px; display: none;}
@keyframes bannerImg{ 0%{opacity:0; scale: 1.1;} 100%{opacity:1;scale: 1} }
@keyframes bannertxt{ 0%{margin-top:100px; opacity: 0;} 100%{margin-top:0px; opacity: 100%;} }
.float-right{position: fixed; right: 0; bottom: 0; margin-right: 0; z-index: 100; width: 180px; height: 150px; border-radius: 4px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden;transition: all 0.5s ease;}
.float-right.hide{margin-right: -100%;}
.float-right .t{background-color: #F44321; height: 56px; display: flex; align-items: center; padding-left: 19px; font-size: 14px; color: #fff; text-transform: capitalize;}
.float-right .t .close{ position: absolute; right: 18px; top: 22px; cursor: pointer;}
.float-right .m{background-color: #fff; height: 94px; display: flex; flex-direction: column; justify-content: center; padding-left: 19px;text-transform: capitalize;}
.float-right .m span{ display: flex; align-items: center; font-size: 14px; color: #999;}
.float-right .m span img{margin-right: 14px;}
.float-right .m span:nth-child(2){font-size: 15px; color: #666; margin-top: 13px;}
/*关于我们*/
.about1 .text img{float:left; margin-right: 50px; margin-bottom: 32px; margin-top: 0; width: 38%;}
.about1 .t{font-size: 18px; font-weight: 600; color: #333; margin-bottom: 40px;}
.about1 .t span{display:block;font-size: 14px; font-weight: 400; color: rgba(51,51,51,0.5);}
.about2 .workshop{display:block;width: 100%;}
.about2,.list.about2-list{margin-top: 40px;}
.list.about2-list .list-li{width: calc(25% - 38px);}
.list.about2-list .images{padding-top: 71%;}
/*产品*/
.list.product-list .list-li{overflow: hidden; width: calc(25% - 36px); border: 1px solid #ECECEC;}
.list.product-list .images{ padding-top: 100%;}
.list.product-list .images img{height: 98%; width: 98%; width: auto \9; left: 1%; top: 1%; object-fit: contain;}
.list.product-list .list-txt{padding: 15px; width: 100%; background-color: #F44321; display: flex; flex-direction: column; align-items: center; transform: translateY(0%); opacity: 0; position: absolute;}
.list.product-list .list-txt .name,.list.product-list .list-txt .info{font-size: 14px; line-height: 20px; color: #fff;}
.list.product-list .list-txt .info{opacity: 0.5; margin-top: 3px; margin-bottom: 8px;}
.list.product-list .list-txt .arrow:before,.list.product-list .list-txt .arrow:after{border-width: 1px;}
.list.product-list .list-txt .arrow:before{border-right-color: #fff; border-top-color: #fff;}
.list.product-list .list-txt .arrow:after{border-top-color: #fff;}
.list.product-list .list-li:hover{border-color: #F44321;}
.list.product-list .list-li:hover .list-txt{transform: translateY(-100%); opacity: 1;}
/*产品详细*/
.product-detailed{width:100%; display: flex; justify-content: space-between; flex-flow: row wrap; padding-top: 50px;}
.view-pro {width:50%; border: solid 1px #fff; position: relative;}
.view-pro .PhotoBig { height: 500px; overflow: hidden; text-align: center;}
.view-pro .PhotoBig img { width: 100%; object-fit:contain; display:block; }
.view-pro .PhotoList {height:100px;}
.view-pro .swiper-slide img{object-fit: contain;}
.view-pro .PhotoList .swiper-slide{cursor: pointer; padding-bottom: 12px;}
.view-pro .PhotoList .swiper-slide:after{content:""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #F44321;}
.view-pro .PhotoList .swiper-slide.swiper-slide-thumb-active:after{width: 100%;}

.product-detailed .pro-txt{width: 43%;}
.product-detailed .pro-txt .name{font-size:22px; font-weight: 600; color:#333; padding-bottom: 20px;border-bottom: 1px solid #F1F1F1;}
.product-detailed .pro-txt .txt p{color:#333; border-bottom: 1px solid #F1F1F1; padding: 15px 0;}
.product-detailed .pro-txt .txt p:last-child{ border-bottom: 0;}
.product-detailed .pro-txt .txt p span{color:#666; margin-right: 23px;}

@media screen and (max-width: 1024px) {
  .product-detailed{padding-top:20px;}
  .view-pro .propicbig img{height:50vh;}
  .product-detailed .pro-txt{width: 46%;}
  .view-pro .PhotoBig{height: calc(100vh - 240px);}
}
@media screen and (max-width: 900px) {
  .view-pro,.product-detailed .pro-txt{width: 100%}
  .product-detailed .pro-txt{margin-top: 32px;}
  .product-detailed{padding-top:0px; margin-top: -1px;}
}
/*新闻资讯*/
.news-a .list-txt .name{font-size: 16px; font-weight: 600; color: #333;}
.news-a .list-txt .date {font-size: 14px; font-weight: 600; color: #999; display: flex; margin-bottom: 50px;}
.news-a .list-txt .date .day{font-size: 50px; font-weight: 600; color: #000; transform: translateY(-15%); margin-right: 10px;}

.news-a .list-txt .txt-info{margin-top: 8px; margin-bottom: 20px; -webkit-line-clamp: 3;}
.news-a .list-txt .txt-info,.news-a .list-txt .txt-info *{font-size: 14px !important; line-height: 1.7 !important; color: #666 !important;}
.news-a .list-txt .more-btn{position: relative; padding-top: 22px; font-size: 12px; font-weight: 500; color: #666; text-transform: uppercase;}
.news-a .list-txt .more-btn:before{content:""; display: block; position: absolute; left: 0; top: 0; width: 0; height: 1px; background-color: #F44321;}
.news-a:hover .list-txt>div,.news-a:hover .list-txt .date .day{color: #F44321;}
.news-a:hover .list-txt .more-btn:before{width: 100%;}
.article{display:flex; flex-direction: column; position: relative; width: 100%; border-top:solid 1px #ECECEC; padding: 0 24px 24px 24px;}
.article .article-info{width: 100%; border-bottom: 1px solid #ececec; position: fixed; left: 0; top: 0; background-color: #fff; padding-top: 24px;}
.article .article-info .h1{ font-size: 24px; font-weight: 600; text-align: center; color: #333; line-height: 34px;}
.article .article-info .date{ margin-top: 15px; margin-bottom: 32px; text-align: center; font-size: 14px; font-weight: 600; color: #444; line-height: 20px;}
.article-body{width: 100%; padding-top: 140px;}
.article-txt,.article-txt *{font-family:Microsoft YaHei,sans-serif ; font-size:14px;line-height: 30px; color:#444;}
.article-txt p{margin-bottom: 20px; text-indent: 2em;}
.article-txt img{width: auto !important; height: auto !important; margin: 40px auto !important; max-width: 100%; display: block;}
/*联系*/
.contact{width: 100%; display: flex; flex-direction: column;}
.contact-info{flex:1; display:flex; margin-top: 30px; margin-bottom: 60px;}
.contact-info .item{flex:1; display:flex}
.contact-info .item .icon{width: 32px; height: 32px;}
.contact-info .item .icon img{display:block; width: 100%; height: 100%;}
.contact-info .item .icon img{display:block; width: 100%; height: 100%;}
.contact-info .item .txt{flex:1; display:flex; flex-direction: column; padding-left: 27px; font-size: 20px; color: #333;}
.contact-info .item .txt span{margin-top: 14px; font-size: 16px; color: #333;}

.contact-map{width:100%; flex:1;}
.contact-map #gaodi-map{width: 100%; z-index: 1;height: 400px;}
.contact-map .amap-info { width: 360px; }
.contact-map .amap-info-content{ padding: 20px 28px 20px 20px; }
.mapInfo{width:100%;}
.contact-map .mapInfo h6 { font-size: 16px; line-height: 1.5; margin-bottom: 12px; color: #333; font-weight: 600; }
.contact-map .mapInfo p { font-size: 12px; line-height: 1.5; color: #666 }
.amap-icon{background:url(../images/amap-icon.png) center center no-repeat; width: 35px !important; height: 35px !important; transform: translate(-10px,0);}
.amap-icon img{display: none !important; opacity: 0 !important;}
@media screen and (max-width: 800px){
    .map #gaodi-map{height:50vh}
    .map .amap-info-content{width: 80vw}    
}
@media screen and (max-width: 600px) {
    .map .amap-info { width: 80vw; }
}
/*******************************
  -------[=首页------
********************************/
#index-section1{position: relative; z-index: 1; width: 100%; height: calc(100vh - 80px);margin-top: 80px;}
#index-section1 .swiper-container{margin-bottom: 80px; height: calc(100% - 80px);}
#index-section1 img.bg{width: 100%; height: 100%; object-fit: cover;}
#index-section1 .index-section1-txt{position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 60px; opacity:0; transition:all 1s;}
#index-section1 .ani-slide .index-section1-txt{opacity:1; margin-top: 0;}
#index-section1 .index-section1-txt .p1,#index-section1 .index-section1-txt .p2{text-transform: capitalize; text-align: center;}
#index-section1 .index-section1-txt .p1{font-size: 46px; font-weight: 600; color: #fff; letter-spacing: 4px;}
#index-section1 .index-section1-txt .p2{font-size: 20px; font-weight: 400; color: rgba(255, 255, 255, 0.5); margin-top: 20px;}
#index-section1 .index-section1-txt.index-section1-txt-en .p1{font-size: 32px; letter-spacing: 0;}
#index-section1 .index-section1-txt.index-section1-txt-en .p2{font-size: 16px;}
#index-section1 .swiper-btn{background: rgba(0,0,0,0.5);}
#index-section1 .swiper-btn .arrow:before{border-right-color: #fff;border-top-color: #fff;}
#index-section1 .swiper-btn.prev{left: 60px;}
#index-section1 .swiper-btn.next{right: 60px;}
#index-section1 .swiper-pagination {bottom: 50px; height: 20px;}
#index-section1 .swiper-pagination-bullet {opacity: 1;position: relative;width: 4px;height: 4px;border-radius: 50%;margin: 0 17px !important;background: #000;}
#index-section1 .swiper-pagination-bullet:after {content:"";display: block; border: 1.5px solid #000; border-radius: 50%; position: absolute; left: 0; top: 0; width: 18px; height: 18px; margin-left: -8px; margin-top: -8px;transform: scale(0);}
#index-section1 .swiper-pagination-bullet:hover:after,#index-section1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {transform: scale(1);}
#index-section1 .wrapper{position: absolute; bottom: 0; z-index: 2; left: 50%; transform: translateX(-50%); padding-bottom: 10px;}
.index-section1-card{background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.1);border-radius:4px; display: flex; height: 150px; padding: 40px;}
.index-section1-card .item{flex:1; padding-left: 100px; padding-right: 40px; position: relative;}
.index-section1-card .item:before{content:""; display: block; width: 1px; height: 62px; background-color: #ECECEC; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.index-section1-card .item:last-child:before{display: none;}
.index-section1-card .item img{position: absolute; left: 46px; top: 0;}
.index-section1-card .item .txt{font-size: 16px; font-weight: 500; color: #000; text-transform: capitalize;}
.index-section1-card .item .txt span{display:block; margin-top: 8px; font-size: 14px; line-height: 1.5; color: #999;}

.index .web-title{padding-top: 100px; padding-bottom: 60px;margin-bottom: 0; border-bottom: 0; background: none;}
.index .web-title .main,.index .web-title .secondary{text-align: center;}
.index .web-title .main{font-size: 24px; font-weight: 400;line-height: 34px; color: #000; }
.index .web-title .secondary{font-size: 14px; font-weight: 400; line-height: 20px; color: #BEBEBE; text-transform: capitalize; margin-top: 11px; }

.index-section2{position: relative;}
.index-section2 .swiper-btn{top: auto; transform: translateY(0); bottom: 97px;}
.index-section2 .swiper-slide{height: 240px;}
.index-section2 .index-section2-a{display: block; width:100%; height: 100%; background-color: #f4f4f4; position: relative; overflow:hidden;}
.index-section2 .index-section2-a:before{ content:'';width:0;height:100%;left: 0; left: 0; background-color:rgba(0,0,0,0.1);position:absolute;}
.index-section2 .index-section2-a img{width: 44%; height:auto; display: block; position: absolute; z-index: 1; right: 11%; top: 55px;}
.index-section2 .index-section2-a .txt{ position: absolute; z-index: 2; left: 8.8%; top: 50%; transform: translateY(-50%);}
.index-section2 .index-section2-a .txt .p1{font-size: 24px; color: #232323;}
.index-section2 .index-section2-a .txt .p2{font-size: 14px; color: #999999; margin-top: 8px;}
.index-section2 .index-section2-a:hover:before{width: 100%;}
.index-section2 .swiper-btn.prev{margin-left: -105px;}
.index-section2 .swiper-btn.next{margin-right: -105px;}
#index-section3{background: url(../images/index-section3.jpg) center center no-repeat; background-size: cover; margin-top: 100px; padding-bottom: 60px;}
.index-section3,.index-section3-card{display:flex; flex-flow: row wrap; justify-content: space-between; width: 100%;}
.index-section3-card{background-color: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); align-items: center;}
.index-section3-card img{width: 31%; height: 350px; display:block;}
.index-section3-card .right{flex: 1; padding: 0 4.4% ;}
.index-section3-card .right .t{font-size: 18px; font-weight: 600; color: #333;}
.index-section3-card .right .t span{display:block; margin-top: 5px; font-size: 14px; font-weight: 400; color: rgba(51,51,51,0.5);}
.index-section3-card .right .txt-info{margin-top: 40px; -webkit-line-clamp: 5;}
.index-section3-card .right .txt-info,.index-section3 .right .txt-info *{color: #666;}
.index-section3-card .right .txt-info p{display: block;}
.index-section3 .more a{background-color: #F4F4F4;}
.index-section3 .more a span{color: #999;}
.index-section4{position: relative;display:flex; flex-flow: row wrap; justify-content: space-between; width: 100%;}
.index-section4-swiper{display: flex; align-items: flex-start; width: 100%; margin-bottom: -36px;}
.index-section4-swiper .swiper-container{width: calc(100% - 236px); margin-left: 236px; margin-right: 0;}
.index-section4-swiper .swiper-pagination{width: 200px; border: 1px solid rgb(236, 236, 236);}
.index-section4-swiper .swiper-pagination .swiper-pagination-bullet{flex:1; width: 100%; height: 60px; display: flex; align-items: center; color: #333; position: relative; border-radius: 0; opacity: 1; font-size: 16px; padding-left: 20px; background: none;}
.index-section4-swiper .swiper-pagination .swiper-pagination-bullet:hover{color: #000;}
.index-section4-swiper .swiper-pagination .swiper-pagination-bullet:after{content:""; display: block; width: 0; height: 100%; background: rgba(244, 67, 33, 0.1); position: absolute; left: 0; top: 0;}
.index-section4-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #F44321;}
.index-section4-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width: 100%;left: 0;}
.index-section4 .list.product-list .list-li{width: calc(33.33% - 36px);}
#index-section5{background: url(../images/index-section5.png) center center no-repeat; background-size: cover; margin-top: 100px; padding-top: 150px; padding-bottom: 130px;}
.index-section5{display:flex;}
.index-section5 .item{flex:1; display:flex; flex-direction: column; align-items: center; position: relative; padding-left: 50px; padding-right: 50px;}
.index-section5 .item:after{content:""; display:block; position: absolute; right: 0; bottom: 0; width: 1px; height: 80px; background: rgba(255, 255, 255, 0.3);}
.index-section5 .item:last-child:after{display:none}
.index-section5 .item img{width: 36px; height: 36px;}
.index-section5 .item .p1,.index-section5 .item .p2{text-align: center;}
.index-section5 .item .p1{margin-top: 18px; margin-bottom: 15px; font-size: 16px; font-weight: 500; color: #fff;}
.index-section5 .item .p2{margin-top: 14px; line-height: 2; color: rgba(255, 255, 255, 0.7);}
/*******************************
  -------[=自适应------
********************************/
.wrapper {width: 1300px;}
#body{position: relative; z-index: 2; padding-bottom: 120px; background-color: #fff;}
#body.main{margin-top: 0;}
#body.main .web-title{border-top: 0}
#nav{right: 50%; margin-right: -650px;}

@media screen and (max-width: 1660px){
  .float-right{margin-right: -130px;}
  .float-right:hover{margin-right: 0px;}
  .index-section2 .swiper-btn.next{margin-right: -60px;}
  .index-section2 .swiper-btn.prev{margin-left: -60px;}
}
@media screen and (max-width:1440px){  
  .index-section2{padding-bottom: 80px;}
  .index-section2 .swiper-btn{bottom: 0;}
  .index-section2 .swiper-btn.next{right: 50%;}
  .index-section2 .swiper-btn.prev{left: 50%;}
}

@media screen and (max-width: 1340px) {   
  .wrapper {width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; overflow: hidden;}
  #nav{right: 16px; margin-right: 0px;}
  .list .list-ul{margin-right: -24px; margin-bottom: -24px;}
  .list .list-li{width: calc(33.33% - 24px); margin-right: 24px; margin-bottom: 24px;}
  .list.product-list .list-li{width: calc(33.33% - 24px);}
  .list.product-list .list-txt{padding: 16px 12px;}
  .footer .right{padding-left: 32px;}
  .main-page{margin-top: 32px;}
  #body{padding-bottom: 60px;}
  .nav .mainlevel{margin-left: 50px;}
  .web-title{padding-top: 24px; margin-bottom: 24px;}
  .web-title .more{top: 25px;}
  .place{padding-top: 32px; padding-bottom: 32px;}
  .sub-nav.swiper-container{height: 52px;}
  .sub-nav .swiper-slide{margin-left: 24px;}
  .sub-nav .swiper-slide a:after{margin-top: 32px;}
  .more{padding-top: 32px;}
  .news-a .list-txt .date{margin-bottom: 24px;}
  .news-a .list-txt .date .day{font-size: 32px;}
  #index-section1 .swiper-btn.next{right: 16px;}
  #index-section1 .swiper-btn.prev{left: 16px;}
  .index-section3 img{width: 40%;}
  .index-section4 .list.news-list .list-ul{padding-bottom: 60px;}
  .list.about2-list .list-li{width: calc(25% - 24px);}  
  .list.news-list .list-ul{margin-right: -60px; margin-bottom: -20px;}
  .list.news-list .list-li{width: calc(50% - 60px); margin-right: 60px; margin-bottom: 20px;}
  .float-right{display:none}
  .index .web-title{padding-top: 80px; padding-bottom: 30px;}
  #index-section3{margin-top: 80px;padding-bottom: 30px;}
  #index-section5{margin-top: 80px;padding-top: 100px;padding-bottom: 100px;}
  .index-section1-card{padding: 24px; height: auto;}
  .index-section1-card .item{padding-left: 70px; padding-right: 16px;}
  .index-section1-card .item img{left: 16px; width: 36px; height: 36px; object-fit: contain;}
  .index-section4 .list.product-list .list-li{width: calc(33.33% - 24px);}
  .index-section4-swiper{margin-bottom: -24px;}
  .index-section5 .item{padding-left: 24px; padding-right: 24px;}
}

@media screen and (max-width: 1024px) { 
  .body-overlay{position:fixed;left:0;top:60px;right:0;bottom:0;z-index:1;width:100%;height:calc(100vh - 60px);display:none;background:rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
  .top .close{width:25px;height:25px;position:absolute;z-index:1001;top:16px;right:16px;display:none;cursor:pointer;}
  .mobilemenu{width:30px;height:30px;padding:0;position:absolute;z-index:1001;left:20px;top:20px;display:none;cursor:pointer;}
  .mobilemenu b{width:30px;height:1px;background-color:#999;display:block;margin-bottom:15px;}
  .mobilemenu.close{top: 30px;}
  .mobilemenu.close b{position:absolute;width:25px; background-color: #F44321;}
  .mobilemenu.close b:nth-child(1),.top .close b:nth-child(1){-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
  .mobilemenu.close b:nth-child(2),.top .close b:nth-child(2){-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
  .nav .mainlevel a:before,.nav .mainlevel:after,.nav .mainlevel ul:before,.nav .mainlevel ul li a:after{display:none;opacity:0}
  header{transform:none;}
  .mobilemenu{display:inline-block;}
  .mobilemenu.hide{display:none;}
  #index-section1,#banner{margin-top: 60px;}
  header{background-color: #fff;}
  header #header{position: relative; z-index: 102; box-shadow:1px 2px 5px 1px rgba(0,0,0,0.05);}
  #header,header.index-header #header{height:60px;}
  #header .wrapper{justify-content:center;}
  #nav{position:fixed;display:block;width:80%;height:calc(100vh - 60px);left:-100%;top:60px;padding:0;margin:0;background:rgba(255,255,255,1);z-index:101;overflow:hidden;}
  .nav .nav-ul{flex-direction:column;justify-content: flex-start;}
  .nav .mainlevel{position:relative;z-index:10;display:flex;justify-content:center;margin-left:0;margin-right:0;width:100%;height:46px;border-bottom:1px solid rgba(0,0,0,0.1);}
  .nav .mainlevel:before{bottom: 0;}
  .nav .mainlevel .mainlevel-a{text-decoration:none;width:100%;display:flex;justify-content:flex-start;padding-left:18px;align-items:center;position:relative;z-index:2;text-transform:capitalize;}
  .nav .mainlevel .mainlevel-a span{color:#000; opacity: 0.6;}
  .nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span, .nav .mainlevel:hover span, .nav .mainlevel.active.cuf, .mainlevel-a:hover span{color: #000; opacity: 1;}
  #nav .nav{flex-direction: column; height: auto;}
  .nav .nav-ul{flex:none}
  header.dark .nav .mainlevel .mainlevel-a span{color: #333;}  
  header.dark #nav .lang .select .placeholder,header.dark #nav .select ul li a{color: #000;}
  .lang:before,.lang .select:after{display:none;}
  .lang{margin-top: 32px; height: 32px; padding-left: 16px;}
  .lang .select{width: 100%; height: 100%; display:flex; align-items: center; justify-content: flex-start;}
  .lang .select .placeholder,.lang .select ul{width: auto; position: relative; line-height: 32px;}
  .lang .select ul{opacity: 1; visibility: visible; top: 0; box-shadow: none; margin-left: 24px; padding-left: 0; width: auto;}
  .main-page{margin-top: 16px;}
  .more{padding-top: 16px;}
  .news-a .list-txt .date{margin-bottom: 16px; font-weight: 400;}
  .news-a .list-txt .txt-info{margin-bottom: 15px;}
  .news-a .list-txt .more-btn{padding-top: 15px;}
  .index-section4 .sub-nav{width: 100%;}
  .place{padding-top: 16px; padding-bottom: 16px;}
  .about1 .t{margin-bottom: 16px;}
  .contact{flex-direction: column;}
  .contact-info{width: 100%;}
  .contact-map{padding-left: 0; padding-top: 32px;}
  .footer{padding-top: 24px; padding-bottom: 24px;}
  .footer .left,.footer-top{display: none;}
  .footer .right {padding-left: 0;}
  .footer .right .footer-nav{text-align: center; display: flex; justify-content: space-between; margin-bottom: 24px;}
  .footer .right .footer-nav a{margin-left: 0; font-size: 14px;}
  .footer .right .footer-info{align-items: center;}
  .footer .right .footer-info .items{flex-direction: column; width: auto; flex:1; padding-right: 16px;}
  .footer .right .footer-info .items .item{width: 100%; margin-bottom: 8px; white-space: normal; word-break:normal; font-size: 12px; line-height: 1.5; display: flex; align-items: flex-start;color: rgba(255,255,255,1);} 
  .footer .right .footer-info .items .item span{font-size: 12px; white-space: nowrap; margin-right: 10px;color: rgba(255, 255, 255, 0.7);}
  .contact-info{margin-top: 10px; margin-bottom: 24px; flex-flow: row wrap;}
  .contact-info .item{width: 50%; flex:none; margin-bottom: 24px;}
  .index .web-title{padding-top: 32px; padding-bottom: 24px;}
  #index-section3{margin-top: 32px;padding-bottom: 24px;}
  #index-section5{margin-top: 32px;padding-top: 50px;padding-bottom: 50px;}
  .index-section5 .item{padding-left: 16px; padding-right: 16px;}
  .index-section5 .item .p1{margin-top: 10px;margin-bottom: 8px;}
}

@media screen and (max-width: 900px) {  
  .list .list-ul{margin-right: -16px; margin-bottom: -16px;}
  .list .list-li{width: calc(50% - 16px);margin-right: 16px; margin-bottom: 16px}
  .list.product-list .list-li{width: calc(50% - 16px);}
  .list.product-list .images{padding-top: 100%;}
  .list.product-list .category-a{display:none;}
  .contact-info .p{margin-bottom: 3px;}
  .contact-map{padding-top: 16px;}
  #banner{height: 20vh;} 
  .web-title .sub-nav{position: relative; width: 100%; margin-top: 24px; margin-bottom: -16px; height: 50px;}
  .sub-nav .swiper-wrapper{justify-content: flex-start;}
  .sub-nav .swiper-slide{margin-left: 0; margin-right: 24px;}
  .sub-nav .swiper-slide a:after{margin-top: 30px;}
  .about1 .t,.about1 .t span{ font-size: 16px;}
  .about1 .t:after{margin-top: 8px; margin-bottom: 16px;}
  .about1 .text img{margin-top: 16px; width: 100%; margin-left: 0px; margin-bottom:16px;}
  .about2,.list.about2-list{margin-top: 24px;}
  .list.about2-list .list-li{width: calc(50% - 16px);}
  .article-txt p{margin-bottom: 15px;}
  #index-section1{height: calc(100vh - 60px);}
  #index-section1 .swiper-pagination{bottom: 20px;}
  .index-section2 .swiper-slide{height: 200px;}  
  .index .web-title{padding-top: 24px; padding-bottom: 16px;}
  .index .web-title .secondary{white-space: normal;}
  #index-section1{height:auto}
  #index-section1 .swiper-container{margin-bottom: 0; height: 100%;}
  #index-section1 img.bg{height:50vh}
  #index-section1 .wrapper{position: relative;margin-top: -50px; padding-bottom: 20px;}
  #index-section1 .index-section1-txt .p1{font-size: 32px;}
  #index-section1 .index-section1-txt .p2{font-size: 14px;}
  #index-section1 .index-section1-txt.index-section1-txt-en .p1{font-size: 22px;}
  #index-section1 .index-section1-txt.index-section1-txt-en .p2{font-size: 14px;}
  #index-section3{margin-top: 24px;padding-bottom: 16px;}
  #index-section5{margin-top: 24px;padding-top: 32px;padding-bottom: 32px;}
  .index-section4 .list.product-list .list-li{width: calc(33.33% - 16px);}
  .index-section4-swiper{margin-bottom: -16px; flex-direction: column;}
  .index-section4-swiper .swiper-container{width: 100%; margin-left: 0; order:2;}
  .index-section4-swiper .swiper-pagination{width: 100%; display: flex; position: relative; border-top: 0; border-left: 0; border-right:0; margin-bottom: 16px;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch; white-space: nowrap;}
  .index-section4-swiper .swiper-pagination::-webkit-scrollbar{display:none}
  .index-section4-swiper .swiper-pagination .swiper-pagination-bullet{width: auto; flex:none; height: 36px; padding-right: 20px; font-size: 14px;}
}

@media screen and (max-width: 800px) {
  .place{line-height: 24px;}
  .web-title{padding-top: 16px; margin-bottom: 16px;}
  .web-title .more{top:20px;}
  #body{padding-bottom: 24px;}
  .contact .txt-wrap .txt{width: 100%;}
  .list.product-list .list-txt{padding: 12px; position: relative; opacity: 1; background-color: #fff;}
  .list.product-list .list-txt .name{color: #333;}
  .list.product-list .list-li:hover .list-txt{transform: translateY(0%);}
  .list.product-list .list-txt .info,.list.product-list .list-txt .arrow{display: none;}
  .list-txt .name{font-size: 16px; font-weight: 400; text-transform: capitalize;}
  .footer{padding-top: 16px; padding-bottom: 16px;}
  .list.news-list .list-ul{margin-right: 0;}
  .list.news-list .list-li{width: 100%}
  .article .article-info{padding-top: 16px;}
  .article .article-info .h1{font-size: 18px;}
  .article .article-info .date{margin-bottom: 16px;}
  .article-body{padding-top:110px}
  .index-section1-card{flex-flow: row wrap;padding: 16px 16px 0 16px;}
  .index-section1-card .item{width: 50%; flex:none; margin-bottom: 16px;}
  .index-section1-card .item:before{display:none}
  .index-section2{padding-bottom: 60px;}
  .index-section2 .swiper-slide{height: 120px;}
  .index-section2 .index-section2-a img{width: 40%; height: 160px; object-fit: contain; right: 16px; top: 16px;}
  .index-section2 .index-section2-a .txt .p1{font-size: 18px;}
  .index-section3-card{flex-direction: column;}
  .index-section3 img{width: 100%; height: 200px;}
  .index-section3-card .right{padding: 16px;}
  .index-section4 .list.product-list .list-li{width: calc(50% - 16px);}
}

@media screen and (max-width: 700px) {
  #body{padding-bottom: 16px;}
  .contact-info{margin-top: 0px; margin-bottom: 0px;}
  .contact-info .item{width: 100%; border-bottom: 1px solid #D8D8D8; padding-bottom: 24px;}
  .contact-info .item .txt{font-size: 16px;}
  .contact-info .item .txt span{font-size: 14px; margin-top: 8px;}
  .index-section3 .right,.index-section3 .right .txt-info{margin-top: 16px;}
  .index-section5{flex-direction: column; margin-bottom: -24px;}
  .index-section5 .item{margin-bottom: 24px;}
  .index-section5 .item:after{display: none;}
}

@media screen and (max-width: 600px) {  
  .index-section1-card .item{width: 100%;}
}

@media screen and (max-width: 480px) {
}

/* IE10或或IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .list.product-list .images img{width: auto; left: 50%; transform: translateX(-50%);}
  .list.product-list .list-li:hover .images img { -webkit-transform: scale(1.1) translateX(-50%); -moz-transform: scale(1.1) translateX(-50%); -ms-transform: scale(1.1) translateX(-50%); -o-transform: scale(1.1) translateX(-50%); transform: scale(1.1) translateX(-50%); }
}