@charset "utf-8";
/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

/*==版心定义↓==*/
.container{width:1600px;}
a{transition: all .4s ease-in-out;}
a:hover{color:#e60039}
video{object-fit: cover;background: #000;}
.UpdatePrompt{font-size:16px;color:#666}


/*==字体↓==*/
@font-face {
  font-family: 'msyhl';
  src: url('../fonts/msyhl.eot');
  src: url('../fonts/msyhl.eot?#iefix') format('embedded-opentype'),
      url('../fonts/msyhl.woff') format('woff'),
      url('../fonts/msyhl.ttf') format('truetype'),
      url('../fonts/msyhl.svg#msyhl') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*==字符串↓==*/
*:before,*:after,em,i,.iof{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}
@font-face {
  font-family: 'iconfont';  /* Project id 1963410 */
  src: url('//at.alicdn.com/t/c/font_1963410_rbjfi5vyirq.woff2?t=1659426873372') format('woff2'),
       url('//at.alicdn.com/t/c/font_1963410_rbjfi5vyirq.woff?t=1659426873372') format('woff'),
       url('//at.alicdn.com/t/c/font_1963410_rbjfi5vyirq.ttf?t=1659426873372') format('truetype');
}


/*==顶部↓==*/
.fixed-top.header{ position: fixed;top:0;width:100%; height:60px;box-shadow: 0 0 10px #ddd;  }
.fixed-top.header .logo img{height: 50px;}
.fixed-top.header .nav > li > a{height:60px;}
/*--*/
.header{position: relative; z-index:5;/* padding:20px 0; */height:80px; background:#e60039;}
.header .long{ display: flex; justify-content: space-between; align-items: center;}
.header .logo{float:left}
.header .logo a{display: flex;    align-items: center; justify-content: center;}
.header .logo img{ height: 60px; }
.header .tel{position: relative;float: right;margin: 10px 0 0 60px;font-weight: bold;font-size: 24px;color: #333;}
.header .tel:before{content: "\e675";font-family: "iconfont";/* position: absolute; *//* left:0; */margin-right: 10px;font-weight: 400;color: #e60039;}
.header .nav{display:flex;height: 100%;}
.header .nav > li{/* flex: 1; */float: left;margin-left: 1px;position: relative;}
.header .nav > li > a{position: relative;z-index: 1;display: flex;height: 80px;color:#fff;font-size:18px;padding: 10px 25px;text-align: center;align-items: center;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;z-index: -1;width:100%;height: 100%;background:#fff;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color: #e60039;font-weight:bold}
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.header .sub{display:none;width: max-content;position:absolute;left:0;top: 100%;z-index: 9;}
.header .sub:before{content:"";position:absolute;left:25%;top: -31px;right: 0;display: table; border: 15px solid white;border-color: transparent transparent #e60039 transparent;}
.header .sub > li:hover .tert{display:block;}
.header .level{border:1px #eee solid;background: #fff; }
.header .level li{border-bottom:1px #dfdfdf solid}
.header .level li:last-child{boder-bottom:0px}
.header .level a{display: flex;color: #666;font-size: 16px;padding: 10px 30px;align-items: center;    justify-content: space-between;}
.header .level em{display: flex;margin-left: 50px;width: 35px;height: 35px;color: #666;font-size: 28px;overflow: hidden;align-items: center;justify-content: center;}
.header .level em img{filter: drop-shadow(0px 35px #fff);transition: all .0s ease-in-out;}
.header .level a:hover,.header .sub > li.on > a{color:#fff; background: #e60039;}
.header .level a:hover em,.header .sub > li.on > a > em{color:#fff}
.header .level a:hover em img,.header .sub > li.on > a > em img{transform: translateY(-100%); }
.header .tert{display: none; position: absolute;left: 100%;top: 0;width: max-content;min-height:100%}
.header .tert > li{}
.header .tert > li > a{}
/*.header .nav li:last-child .sub{display: none !important;}*/
.header .right{}
.header .right .linked{position: relative;display: inline-block;margin-right:40px;color:#fff}
.header .right .linked:after{content:"";position: absolute;right: -20px;top:0;bottom:0;width:2px;height:20px;margin: auto;background: #fff;}
.header .right .linked:last-child{margin-right:0px}
.header .right .linked:last-child:after{display:none}
.header .right .search{font-size:20px;}
.header .right .lang{position: relative;padding-left: 30px;}
.header .right .lang:before{content: "\e668";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;height: max-content;font-size: 20px;margin-right: 10px;}
.header .right .lang a{font-size:16px;color: #fff;}
.header .right .lang .tip{display:none; position: absolute;top: 40px;left:-15px;/* right: 0; */z-index: 2;width: max-content;padding: 8px 10px;color:#666;border-radius: 5px;box-shadow: 1px 1px 10px #ddd;background: #fff;}
.header .right .lang .tip:before{content:"";position:absolute;left:0;top: -20px;right: 0;display: table;margin: auto;border: 10px solid white;border-color: transparent transparent #fff transparent;}
.header .right .lang:hover .tip{display:block}
.header .right .contact{font-size:18px;}
.header .right .contact:hover{text-decoration: underline;}



/*==弹出背景↓==*/
.offer-bg{ display:none; position: fixed;left:0;top:0;z-index:5; width:100%;height:100%; background:rgba(0,0,0,0.5)  }


/*==弹出搜索↓==*/
.search-top{display: none; position:fixed;left:0;top:0px;right:0;z-index: 3;padding:140px 50px 50px 50px;border: 1px #ddd solid;background: #fff;}
.trol-top .search-top{padding-top:100px;}
.search-top .long{position:relative; padding:30px 0;display: flex;width: max-content;margin: auto;flex-direction: column;}
.search-top .top{position:relative;display: flex;width: max-content;flex-direction: row-reverse;align-items: center;}
.search-top .close{display: flex;margin-left: 30px;width: 40px;height: 40px;text-align: center;color: #666;font-size: 22px;background: #fafafa;justify-content: center;align-items: center;cursor: pointer;}
.search-top .close::before{content:"\e731";}
.search-top .close:hover{color:#fff;background: #999;}
.search-top .close:hover:before{color:#fff}
.search-top .trol form{position: relative;display: flex;margin: auto;width: max-content;border: 1px #ddd solid;border-radius: 5px;overflow: hidden;}
.search-top .trol i{position: absolute;left: 15px;top:0;bottom:0;margin:auto;height:fit-content;color:#999;font-size: 22px;}
.search-top .trol input{float: left;width:500px;color:#666;font-size: 15px;padding:0 20px 0 50px;}
.search-top .trol button{float:right;color:#fff;font-size:13px;padding: 0px 40px;background: #666;border: none;/* border-radius: 50%; */cursor: pointer;}
.search-top .trol input,.searchBox .trol button{line-height:50px;height:50px;border:none;}
.search-top .trol button:hover{ background:#000002}
.search-top .link{display:flex;font-size: 15px;margin-top: 20px;text-align: center;flex-wrap: wrap;justify-content: flex-start;}
.search-top .link h4{color: #5a5a5a;font-weight:bold;margin-right:20px;}
.search-top .link a{margin:0 10px 10px 0}


/*==次级导航↓==*/
.menu-item{width:100%;box-shadow: 0 0 10px #ddd; overflow: hidden;}
.menu-item .fine{position: relative; display: flex;padding: 20px 0;text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;justify-content: center;}
.menu-item .fine li{/*! flex: 1; */display: flex;margin: 0 30px;}
.menu-item .fine a{position:relative;z-index:0;display: flex;color:#666;font-size:18px;overflow: hidden;flex-direction: column;justify-content: flex-end;}
.menu-item .fine em{display: flex;margin: auto;width: 40px;height: 40px;margin-bottom:5px;overflow: hidden;align-items: center;justify-content: center;}
.menu-item .fine em img{height:40px;filter: drop-shadow(0px 40px #e60039);transition: all .0s ease-in-out;}
.menu-item .fine li:hover a,.menu-item .fine li.active a{ color:#e60039;  }
.menu-item .fine li:hover em img,.menu-item .fine li.active em img{transform: translateY(-100%); }
.menu-item .stage{padding:0px}
.menu-item .stage:after{content:""; position: absolute;left:-100%;top:0;right:-100%;height:1px;background:#ddd;}
.menu-item .stage li{margin:20px 40px;}
.menu-item .stage:nth-child(n+3){display: none !important;}


/*==**↓==*/
.genre-item{margin-bottom:40px}
.genre-item a{position: relative; display: inline-block;color:#666;font-size:24px;margin-right:30px}
.genre-item a:after{content:"";position: absolute;left:0;right: 0;bottom: -5px;z-index: -1;margin: auto;width:80%;height: 2px;background:#e60039;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.genre-item a:hover,.genre-item a.active{color:#e60039}
.genre-item a:hover:after,.genre-item a.active:after{transform: scale(1);transform-origin:left;}


/*==面包屑↓==*/
.site{display: flex;margin-top:40px;}
.site .container{}
.site .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site a{float: left; display: flex;color:#666;font-size:14px;align-items: center;}
.site a:after{content:"\e65b";display: inline-block;color:#666;font-size:20px;}
.site a:hover{color:#e60039}
.site .bc:after{display:none}
.site .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site .more:hover{color:#fff; background: #e60039;}


/*==标题↓==*/
.titleAx{color:#e60039;font-size:44px;line-height: 1;}  
.titleAx span{margin-top: 20px;display: block;color: #6d6d6d;font-size:20px;text-transform: Uppercase;}
.titleAx font{color:#e60039}
.titleAx u{position: relative;display: flex;width: max-content;font-size: 40px;margin: auto;margin-top: 20px;height: 20px;border: none;align-items: center; text-decoration: none; background: none;}
.titleAx u:before,.titleAx u:after{content:"";position:absolute;left: -110px;top: 12px;width:100px;height:2px;/* transform: rotateZ(-45deg); */ background:#e60039}
.titleAx u:after{left:auto;right: -110px;/* top: 50px; */}
.titleAx hr{display: block;margin: 10px auto 0;width: 40px;height: 3px;border:none;background: #e60039;}
.titleAx.cen{text-align: center;margin-bottom:50px;}
.titleAx.cen u{/* margin:auto; */}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white hr{background:#fff}
/*--*/
.titleBx{color:#e60039;font-size:36px;margin-bottom:50px; text-align: center;line-height: 1;}
.titleBx:after{content: "";}
.titleBx span{display: block;margin: auto; margin-top:20px;color:#727272;font-size:18px;font-weight:400;line-height: initial;}
.titleBx hr{display: block;margin: 10px auto 0;width: 40px;height: 2px;border:none;background: #e60039;}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.tTop{margin:50px 0 -20px 0;}
.titleBx.m30{margin-bottom:30px;}
.titleBx p{color:#727272;font-size:18px;margin-top:20px;line-height:30px;text-align: center;}
.titleBx.tf{text-align: left;}
.titleCx{display: table;margin: auto;color:#333;font-size:32px;font-weight:bold; margin-bottom:50px;text-align: center;}
.titleCx hr{display: block;margin: 0 -20px;margin-top: 15px;width: auto;height: 2px;border:none;background: #e60039;}
.titleCx.white{color:#fff}


/*==边距↓==*/
.ptm60{padding:60px 0}
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.pt60{padding-top:60px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}
.pm60{padding-bottom:60px}
.pm80{padding-bottom:80px}
.pm100{padding-bottom:100px}
/*--*/
.mtm60{margin:60px 0}
.mtm80{margin:80px 0}
.mtm100{margin:100px 0}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mm60{margin-bottom:60px}
.mm80{margin-bottom:80px}
.mm100{margin-bottom:100px}


/*句段限制*/
.abbr{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lcp{-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}


/*===内页框↓==*/
.rack{float:left;width:100%;padding:70px 0 80px 0;}
.rackWor{}


/*==产品左右分局↓==*/
.orso-pro{}
.orso-pro .wrap{display: flex;}
.orso-pro .lefter{width:200px;margin-right:20px}
.orso-pro .righter{flex: 1;}


/*==左侧导航↓==*/
.leftNav{}
.leftNav em{display: none;}
.leftNav .titleTop{position: relative;display: flex;width: max-content;color:#e60039;font-size: 24px;margin-bottom: 20px;align-items: flex-end;}
.leftNav .titleTop:after{content:"\e65a"; color:#e60039;font-size: 35px;margin-left:10px;}
.leftNav .titleTop:before{content: "";position: absolute;left:0;bottom:-5px;right: 40px;height:2px;background: #e60039;}
.leftNav .senior > li{margin-bottom: 15px;}
.leftNav .senior > li > a{display: flex;color:#666;font-size: 18px;align-items: center;margin-bottom:10px}
.leftNav .senior > li > a:after{content:"\e65b"; color:#666;font-size: 26px;margin-left: 5px;}
.leftNav .senior > li.active > a,.leftNav .senior > li:hover > a{color:#e60039}
.leftNav .senior > li:hover > a:after{color:#e60039;}
.leftNav .senior > li.active > a:after{color:#e60039;transform:rotate(90deg);}
.leftNav .senior > li.active .stage{display: block !important;opacity: 1 !important;height: auto !important;}
.leftNav .stage{display: none; }
.leftNav .stage > li{margin-bottom:10px;margin-left:20px;}
.leftNav .stage > li > a{color:#999;font-size:15px}
.leftNav .stage > li:hover > a,.leftNav .stage > li.active > a{color:#e60039; text-decoration: underline;}


/*==更多按钮↓==*/
.more-1{display: table;margin-top:30px;color:#fff;font-size:16px;padding: 11px 40px;border-radius: 5px;background: #ee924a;}
.more-1:hover{color:#fff;background:#e60039}
/*--*/
.more-2{display: table; margin:auto;margin-top:50px;color:#e60039;font-size:14px;border:1px #e60039 solid; padding:5px 20px;border-radius: 5px;}
.more-2:hover{color:#fff;background: #e60039;}


/*==切换效果↓==*/
.cut-item .btn {position:absolute;top:50%;left:-75px;display:block;width: 50px;line-height: 50px;text-align:center;color: #fff;font-size: 22px;font-weight:bold;transform:translateY(-50%);cursor:pointer;border: 1px #fff solid;border-radius: 50%;/*background:#fff;*/}
.cut-item .btn.sNext {left:auto;right:-75px;}
.cut-item .btn:hover {color:#e60039;border-color: #e60039;}
.cut-item .btn:hover:before {color:#e60039}
.cut-item .sPrev:before {content:"\e662";}
.cut-item .sNext:before {content:"\eb9b";}


/*-切换点1-*/
.spot-dot {}
.spot-dot {position:initial;margin:40px auto 0;text-align:center;}
.spot-dot span {opacity:1;width:15px;height:15px;margin:0 10px;border:1px #ddd solid;background:#fff;}
.spot-dot span.swiper-pagination-bullet-active {background:#e60039;}
/*-切换点2-*/
.spot-forte{position:initial;margin:40px auto 0;text-align:center;}
.spot-forte span{opacity:0.8;width:25px;height:6px;border-radius:0px;margin:0 6px;background:#fff;}
.spot-forte span.swiper-pagination-bullet-active{opacity:1;background:#e60039;}
/*-切换点3-*/
.spot-square{position:initial;margin:auto; margin-top:40px;text-align:center;}
.spot-square span{opacity: 1; width:10px;height:10px;border-radius:0px;margin:0 6px;background:#ddd;}
.spot-square span.swiper-pagination-bullet-active{width:20px;background:#e60039;}


/*-视频窗口-*/
.vdos{position:relative;}
.vdos:before{opacity:0.8; content:"\e628";position: absolute;left:0;top:0;bottom:0;z-index: 2;right:0;margin: auto;height: max-content;text-align: center;color:#fff;font-size:60px;font-weight:bold;}
.vdos:after{opacity: 0.1;content: "";position: absolute;left:0;top:0;bottom:0;right:0;background: #000;}
.vdos:hover:before{opacity:1;}
.vdos:hover:after{opacity:0.1;}


/*==首页关于↓==*/
.aboutHome{background:url(../images/aboutBg.png) no-repeat center}
.aboutHome .long{display: flex;align-items: flex-start;}
.aboutHome .title{margin-bottom:60px}
.aboutHome .title b{color:#333;font-size: 40px;font-weight:bold;border-bottom: 5px #e60039 solid;}
.aboutHome .title span{display: inline-block;margin-left: 15px;color:#999;font-size: 20px;}
.aboutHome .wx{color:#666;font-size: 16px;line-height: 28px;}
.aboutHome .more{display: table;margin-top:40px;color:#fff;font-size:14px;padding: 5px 30px;border-radius: 20px; background:#e60039}
.aboutHome .more:hover{ background:#333}
.aboutHome .left{flex:1;width: 50%;margin-right: 50px;}
.aboutHome .right{position:relative; padding:15px;/* flex:1; */width: 50%;}
.aboutHome .right:before,.aboutHome .right:after{content:"";position: absolute;right: 0;top: 0;z-index:-1;width: 60%;height:50%; background:#e60039}
.aboutHome .right:after{top:initial;bottom:0;right:auto;left:0}
.aboutHome .right .video{width:100%;height:100%;object-fit: cover;cursor: pointer;}
.aboutHome .number-item{margin-top:100px;}


/*===数字滚动↓==*/ 
.number-item {  margin-top:50px;display: flex;flex-flow: row wrap;align-content: flex-start;justify-content: space-around;}
.number-item li {line-height:1;text-align: center;}
.number-item em{display: table;margin: auto;margin-bottom: 10px;}
.number-item span{font-size:36px;color:#e60039;}
.number-item font{font-size:36px;color:#e60039;}
.number-item h5 {display: block;margin-top: 12px;color:#999;font-size:16px;text-transform: uppercase;}
.number-item li:hover{ transform:translateY(-5px);  }
.number-item li:hover h5{color:#e60039}


/*==首页关于-滚动图↓==*/
.srll-about{position:relative;}
.srll-about li{z-index:2;padding: 20px;}
.srll-about li:before,.srll-about li:after{content:"";position: absolute;right: 0;top: 0;z-index:-1;width: 60%;height:50%; background:#e60039}
.srll-about li:after{top:initial;bottom:0;right:auto;left:0}
.srll-about a{display: block; position:relative}
.srll-about a:before{opacity:0.9; content:"\e628";position: absolute;left:0;top:0;bottom:0;z-index: 2;right:0;margin: auto;height: max-content;text-align: center;color:#fff;font-size:50px;font-weight:bold;}
.srll-about a:after{opacity: 0;content: "";position: absolute;left:0;top:0;bottom:0;right:0;background: #000;}
.srll-about .spot-square{margin-top:20px;}


/*==首页产品↓==*/
.productHome{background: url(../images/productBg.jpg) no-repeat center;background-size:cover ;}
.productHome02{background: url(../images/productBg02.jpg) no-repeat center;background-size:cover ;}


/*==产品tab↓==*/
.pro-ti-1{}
.pro-ti-1 .shelf{overflow: hidden;}
.pro-ti-1 .shelf .pic{margin: auto;display: table;}
/*--*/
.pro-ti-2{}
.pro-ti-2 .shelf{overflow: hidden;}
.pro-ti-2 .frame{display: none;/*height:530px;*/}
.pro-ti-2 .frame.on{display:block;}


/*==切换点导航↓==*/
.roll-item{display: flex;margin-top: 60px;padding: 0 10%;justify-content: space-between;}
.roll-item li{flex: 1;border-right:2px #848077 solid}
.roll-item li:last-child{border-right:0px;}
.roll-item a{position: relative;z-index:1;display: flex;padding: 30px 20px;line-height: 1;align-items: center;justify-content: center;overflow: hidden;}
.roll-item a:after{content: "";opacity: 0;position: absolute;left:0;right: 0;top:0;bottom:0;z-index: -1;transform: translateY(20px);background: #e60039;}
.roll-item em{margin-right: 15px;width: 42px;height: 42px;overflow: hidden;}
.roll-item em img{filter: drop-shadow(0px 42px #fff);transition: all .0s ease-in-out;}
.roll-item .size{color:#fff;}
.roll-item h4{color:#333;font-size: 22px;}
.roll-item span{display: block;margin-top: 10px; color:#333;font-size: 14px;}
.roll-item li.active a:after{ opacity:1; transform: translateY(0px);}
.roll-item li.active h4{color:#fff;}
.roll-item li.active span{color:#eee;}
.roll-item li.active em img{transform: translateY(-100%); }



/*==tab产品滚动↓==*/
.srll-pro .swiper-container{padding-bottom:20px}
.srll-pro .list{}
.srll-pro .list a{display: block;overflow: hidden;}
.srll-pro .list .pic{height: 460px;display: flex;align-items: flex-end;justify-content: center;}
.srll-pro .list .pic img{height:70%;}
.srll-pro .list h4{-webkit-line-clamp: 1;position: relative;width:fit-content;color:#2B2C31;font-size:18px;margin: auto;margin-top:20px;text-align: center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.srll-pro .list h4:after{opacity:0; content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#e60039}
.srll-pro .list .swiper-slide-active h4{color:#e60039;font-size:22px; }
.srll-pro .list li.swiper-slide-active .pic img{height:initial;max-height:100%;}
.srll-pro .list li.swiper-slide-active:hover h4:after{opacity:1}


/*==首页新闻↓==*/
.newsHome .long{padding:0 8%}
.newsHome .tone{text-align: center;margin-bottom:50px;}
.newsHome .tone li{display:inline-block;cursor: pointer;}
.newsHome .tone a{position: relative;z-index: 1;display: block;color: #666;font-size:16px;padding: 8px 30px;margin:0 15px;border-radius: 30px;overflow:hidden;}
.newsHome .tone a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background: #d90000;transition:transform .5s;transform:scale(0,1);transform-origin:right;}
.newsHome .tone .active a,.tone li:hover a{color:#fff; }
.newsHome .tone .active a:after,.newsHome .tone li:hover a:after{transform:scale(1);transform-origin:left;}
.newsHome .frame{display: none;}
.newsHome .frame.on{display:block;}
.newsHome .trol{display: flex;}
.newsHome .srll-news{width:60%;}
/*--*/
.newsHome .list_2{margin:0 0 -10px 60px;}
.newsHome .list_2 li{margin-bottom: 20px;}
.newsHome .list_2 .pic{height:130px;}
.newsHome .list_2 .pic img{height: 100%;object-fit: cover;}
.newsHome .list_2 .time{display: block;margin-top:10px; color:#666;font-size:14px}
.newsHome .list_2 h4{margin-top: 10px;color:#333;font-size:18px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsHome .list_2 p{-webkit-line-clamp: margin-top:10px;;margin-top: 5px;color:#666;font-size: 16px;}
.newsHome .list_2 li:hover h4{color:#e60039; text-decoration: underline;}

/*==首页新闻滚动↓==*/
.srll-news{position: relative;}
.srll-news .list .pic{height: 370px;}
.srll-news .list .pic img{height: 100%;object-fit: cover;}
.srll-news .list .box{padding:30px;border:1px #eee solid}
.srll-news .list .time{color:#666;font-size:14px}
.srll-news .list h4{margin-top: 30px;color:#333;font-size:18px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.srll-news .list p{-webkit-line-clamp: 1;margin-top: 5px;color:#666;font-size: 15px;}
.srll-news .list li:hover h4{color:#e60039; text-decoration: underline;}
.srll-news .list li:hover .box{box-shadow: 0 0 10px #ddd;}
.srll-news .spot{position: absolute;top: 315px;left: 0;right: 0;z-index: 2;margin: auto;width: max-content;}
.srll-news .spot span {opacity:1;width:12px;height:12px;margin:0 8px;border:1px #ddd solid;background:none}
.srll-news .spot span.swiper-pagination-bullet-active {background:#fff;}


/*==新闻列表↓==*/
.news-list{display: flex;    flex-wrap: wrap;}
.news-list li{display: inline-block;width: calc(33.3% - 30px);margin:0 0 30px 30px}
.news-list a{display:block;padding:20px;border:1px #eee solid;}
.news-list .pic{padding-top:65%;}
.news-list .box{}
.news-list .title{margin-top:20px;font-size: 20px;color:#333}
.news-list .txt{height:50px;margin-top:20px;font-size: 15px;color:#666}
.news-list .under{margin-top: 30px;display: flex;justify-content: space-between;align-items: center;}
.news-list .time{font-size:16px;font-weight:bold;color:#e5e5e5}
.news-list .more{ opacity: 0; color:#e60039;font-size:16px;text-decoration: underline;}
.news-list li:hover a{box-shadow: 0 0 10px #ddd;}
.news-list li:hover .title{color:#e60039}
.news-list li:hover .more{opacity: 1;}
.news-list li:hover .time{color:#e60039}


/*==详情页↓==*/
.detailEs{}
.detailEs .titleTop{margin-bottom:60px}
.detailEs .titleTop .theme{color:#000000;font-size:28px;margin-bottom:30px;text-align:center}
.detailEs .titleTop .tool{font-size:14px;color:#333;display:flex;justify-content: space-between;}
.detailEs .titleTop .tool span{display: inline-block;border-left:1px #333 solid;padding:0 8px; line-height: 12px;}
.detailEs .titleTop .share{display: flex;}
.detailEs .titleTop .share h4{margin-right: 20px;}
.detailEs .content{}
.detailEs .site-es{margin-top:100px}
.detailEs .site-es a:nth-child(n+5){display: none;}
.detailEs .relevant{margin-top: 20px;padding-top: 20px;border-top:1px #ddd solid}
.detailEs .relevant .tit{color:#666;font-size:24px;margin-bottom: 20px;}
.detailEs .relevant .list{display: flex;flex-wrap: wrap;flex-direction: column;}
.detailEs .relevant .list li{margin-bottom: 15px;}
.detailEs .relevant .list a{position: relative;display: flex;color:#6c6c6c;font-size: 15px;justify-content: space-between;}
.detailEs .relevant .list h4{flex: 1;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.detailEs .relevant .list a:before{content:"";width:2px;height:2px;background:#ddd}*/
.detailEs .relevant .list .time{display:block;font-size:13px;color:#999;margin-left: 10px;}
.detailEs .relevant .list li:hover .more{background:#0072dc}
.detailEs .relevant .list li:hover h4{color:#e60039}
.detailEs .relevant .list li:hover a{color:#e60039;transform:translateX(5px)}


/*==视频列表↓==*/
.VideoHome .more-2{margin:50px auto 0;}
.video-list{display: flex;margin: 0 0 -40px -30px;flex-wrap: wrap;}
.video-list li{display: inline-block;width: calc(33.3% - 30px);margin: 0 0 40px 30px;}
.video-list a{position:relative;z-index:1;display: block;height: 100%;border: 1px #e8e8e8 solid; box-shadow: 12px 5px 10px #eee;}
.video-list .pic{padding-top:60%;z-index:1;}
.video-list .pic:before{opacity:0.6; content:"\e628";position: absolute;left:0;top:0;bottom:0;z-index: 2;right:0;margin: auto;height: max-content;text-align: center;color:#fff;font-size:50px;font-weight:bold;}
.video-list .pic:after{opacity: 0.4;content: "";position: absolute;left:0;top:0;bottom:0;right:0;background: #000;}
.video-list h4{color: #6a6a6a;font-size:20px;padding:30px 20px; text-align: center; }
.video-list li:hover a{    box-shadow: 12px 5px 10px #e1e1e1;}
.video-list li:hover .pic:before{opacity:1;}
.video-list li:hover .pic:after{opacity:0.4;}
.video-list li:hover h4{color:#e60039}


/*==相册列表↓==*/
.album-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.album-list li{display: inline-block;width: 40%;margin-bottom: 30px;}
.album-list a{display: flex; color:#333;font-size:24px;align-items: center;padding-bottom: 10px;border-bottom: 1px #999 dashed;justify-content: space-between;}
.album-list h4:before{content: "\e677";color:#333;font-size: 28px;margin-right: 15px;}
.album-list a:after{content:"\e8c7"; color:#aaa;font-size:24px;}
.album-list li:hover a{color:#e60039}
.album-list li:hover a:after{color:#e60039}
.album-list li:hover h4:before{color:#e60039}


/*==联系我们↓==*/
.contactIn{}
.contactIn #dituContent{height:500px}
.contactIn #dituContent img{max-width:initial;}
.contactIn .mode{margin-top:60px}
.contactIn .mode .box{margin:auto;display:table;text-align:center}
.contactIn .mode .title{margin-top:40px;color:#333;font-size:30px;}
.contactIn .mode .title span{display: block;margin-bottom: 8px;}
.contactIn .mode .wx{margin-top: 60px;color:#666;font-size:18px;}
.contactIn .mode .wx p{margin-bottom:10px;}
.contactIn .mode .wx .f1{font-size:24px}
.contactIn .message{display:none;z-index:1;position: relative;margin-top:30px;}
.contactIn .message .tele{color:#e60039;display: table;margin: 20px auto;font-size: 24px;padding: 10px 30px;background: #eee;}
.contactIn .message .title{display:none}
.contactIn .message .report{box-shadow:initial;}
.contactIn .message .close{display:none}
.contactIn .message .report form{padding:0px;}


/*==下载列表↓==*/
.download-list{display: flex;margin:0 0 -30px -10%;flex-wrap: wrap;justify-content: space-between;}
.download-list li{display: inline-block;width: 40%;margin:0 0 30px 10%;}
.download-list a{display: flex; color:#333;font-size:18px;align-items: center;padding-bottom: 10px;border-bottom: 1px #999 dashed;justify-content: space-between;}
.download-list h4:before{content: "\e677";color:#333;font-size: 28px;margin-right: 15px;}
.download-list font{color:#e60039}
.download-list li:hover a{color:#e60039}
.download-list li:hover a:after{color:#e60039}
.download-list li:hover h4:before{color:#e60039}
.download-list.d2 a:after{content:"\e8c7"; color:#aaa;font-size:24px;} 
 


/*==搜索框↓==*/
.search-pe{position:relative;display:table;margin-bottom: 40px;}
.search-pe form{display: flex;width: 100%;position: relative;border: 1px #e60039 solid;padding: 10px 20px;border-radius: 30px;justify-content: space-between;}
.search-pe input{width: 100%;font-size: 16px;color:#3a3a3a;border: none;background: none;}
.search-pe input::input-placeholder{color:#e60039}
.search-pe button{color: #e60039;font-size: 22px;font-weight: bold;background: none;border: none;cursor: pointer;}


/*==右侧悬浮按钮↓==*/
.kefu-2{ position:fixed;bottom:100px;right:0;z-index: 2;box-shadow: 0 0 10px #ddd;}
.kefu-2 a{display: block;padding: 15px 40px;font-size: 24px;color:#fff;background: #e60039;}
.kefu-2 a:nth-child(3n){color:#e60039; background: #fff;}
.kefu-2 a:hover{color:#fff;background: #333;}
.kefu-2 .u2{display:none;}
.kefu-2.kefu-2-top{opacity:0;}
.kefu-2.kefu-2-fixed{opacity:1;}
/*--*/
.kefu-3{ position:fixed;bottom:40%;right:30px;z-index: 1; }
.kefu-3 a{display: block;padding: 8px 20px;margin-bottom:15px;font-size: 15px;color:#e60039;border:1px #e60039 solid;border-radius: 5px;background: #fff;}
.kefu-3 a:hover{color:#fff;background: #e60039;}
.kefu-3 .u2{display:none;}

/*==留言弹出框-通用↓==*/
.offer-item{display: none;position: fixed;top:0;left:0;right:0;bottom:0;z-index:6;margin:auto;width: 600px;height:max-content;overflow: hidden;border-radius: 5px;/* border: 1px #d1d1d1 solid; */}
/**/
.offer-item .report { width:100%;border-radius:5px;box-shadow:0 0 10px #333; background: #fff;}
/*.offer-item .report .title{color:#191919;font-size:28px;padding-bottom:20px;margin-bottom:35px;border-bottom:2px #191919 solid;text-align:center;}*/
.offer-item .close{position: absolute;right:10px;top:10px;display: flex;width: 30px;height: 30px;text-align: center;color:#fff;font-size:12px;border-radius: 50%;background: #2a2a2a;justify-content: center;align-items: center;cursor: pointer;}
.offer-item .close::before{content:"\e731";}
.offer-item .close:hover{transform:rotate(90deg); background: #191919;}
.offer-item .success{display:none;position:fixed;top:0;left:0;right: 0;bottom: 0;width: 350px;height: 249px;margin: auto;text-align:center;padding: 50px;border-radius: 10px;box-shadow: 3px 3px 10px #666;overflow: hidden;background: #fff;}
.offer-item .success h4{color: #1f7fe8;font-size:30px;}
.offer-item .success h4:before{content:"\e638";color: #1f7fe8;margin-right: 10px;}
.offer-item .success span{color: #7f7f7f;font-size: 16px;display: block;margin-top: 10px;}
.offer-item .success .btn{position: absolute;left: 0;right: 0;bottom: 0;display: block;color:#fff;font-size:16px;padding: 12px 10px;transition: all .4s ease-in-out;background: #1f7fe8;}
.offer-item .success .btn:hover{background: #0883ab;}


/*==留言弹出-滚动条↓==*/
.kf-popup .wor::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);background-color: #f5f5f5;}
.kf-popup .wor::-webkit-scrollbar{width: 4px;background-color: #f5f5f5;}
.kf-popup .wor::-webkit-scrollbar-thumb{background-color: #666;}


/*==留言弹出-联系我们-↓==*/
.message-popup .report .title{padding:20px 20px;margin-bottom:30px;background: #e60039;}
.message-popup .report .title h3{display:table;margin:auto;position:relative; color:#fff;font-size: 28px; text-align: center;}
.message-popup .report .title h3:before,.message-popup .report .title h3:after{content:"";position:absolute;left: -80px;top:0;bottom: 0;margin: auto;width:60px;height:2px;background:#fff}
.message-popup .report .title h3:after{left:auto;right:-80px}
.message-popup .report .title h3 span{display: block;font-size:16px}
.message-popup .report form{padding: 0px 80px 120px 80px;}
.message-popup .report .choice{display: flex;margin-left: -15px;margin-bottom: 30px;justify-content: space-between;}
.message-popup .report .choice label{flex:1;color:#333;font-size: 18px;padding: 5px 10px;margin-left: 15px;text-align: center; cursor: pointer; background: #ddd;}
.message-popup .report .choice label input{position:absolute;opacity: 0;}
.message-popup .report .choice label.active{color:#fff;background: #e60039;}
.message-popup .report h5 {width: 110px;flex-shrink: 1;text-align: right;color:#353535;font-size: 18px;margin-bottom:10px;}
.message-popup .report i {font-style:normal;color:red}
.message-popup .report .shelf{display: flex;margin-bottom: 20px;}
.message-popup .report .fill{flex: 1;width:100%;line-height: 25px;color:#666;padding: 10px 20px;margin-left: 15px;border-radius: 5px;border: 1px #ccc solid;/* background: #f9f9f9; */}
.message-popup .report textarea {height:100px;}
.message-popup .report .tips {color: #999;font-size: 14px;}
.message-popup .report .wor{font-size:15px;line-height:26px;height: 500px;padding-right:20px;overflow: auto;}
.message-popup .report .submit {display: table;margin: auto;margin-top: 30px;color:#fff;font-size: 16px;padding: 10px 30px;border:none;border-radius: 5px;cursor: pointer;background: #e60039;}
.message-popup .report .submit:hover {background:#333;}


/*==解决方案↓==*/
.solu-item{position:relative;}
.solu-item .roll{position: absolute;top:40px;left:10%;z-index: 5;}
.solu-item .roll li{padding: 8px 30px;color:#333;font-size: 20px;margin-bottom:20px;cursor: pointer; background: #d9d9d9;}
.solu-item .roll li.active{color:#fff;background: #e60039;}
.solu-item .shelf{}
.solu-item .shelf .frame{display: flex;}
.solu-item .shelf .frame img{flex: 1;}


/*==案例↓==*/
.caseIn{}
.caseIn .relation{display:table;margin:auto;margin-top: 60px;padding-bottom: 15px;color:#666;font-size: 22px;border-bottom: 1px #aaa solid;}
.caseIn .relation:hover{color:#e60039;border-color:#e60039}


/*==案例列表↓==*/
.case-list{margin:0 0 -50px -50px;}
.case-list li{display: inline-block;width:calc(33.3% - 50px);margin:0 0 50px 50px;box-shadow: 0 0 10px #ddd;}
.case-list a{display: block; }
.case-list .box{padding:20px 20px;text-align: center;}
.case-list .pic{padding-top:80%}
.case-list h4{display: table;margin: auto;transform:translateY(10px);color:#333;font-size:20px}
.case-list h4:after{opacity: 0; content:"";display: block;width: 140%;height:2px;margin: 10px -20% 0 -20%;margin-top: 10px;background: #fff;}
.case-list span{opacity: 0;display: block;margin-top: 10px;}
.case-list li:hover .box{ background: #e60039;}
.case-list li:hover *{color:#fff}
.case-list li:hover h4{transform:translateY(0px)}
.case-list li:hover h4:after{opacity: 1;}
.case-list li:hover span{opacity: 1;}


/*==案例详情↓==*/
.case-detail{}
.case-detail .introTit{color:#666;font-size:36px;margin-bottom:30px;padding-top: 20px;text-align: center;border-top: 2px #aaa dashed;}
.case-detail .introTit span{display: block;margin-top: 1px;font-size: 20px;}
.case-detail .titleTop{color:#666;font-size: 36px;font-weight:bold;margin-bottom:30px;padding-bottom:20px;text-align: center;border-bottom: 2px #aaa dashed;}


/*==合作预约↓==*/
.treatyIn{padding:120px 0;background: url(../images/treatyBg.jpg) no-repeat center;background-size: cover;}
.treatyIn .box{display: table;margin: auto;width: 550px;}
.treatyIn .titleTop{color:#e60039;font-size:32px;text-align: center;display: table;margin: auto;}
.treatyIn .titleTop font{display: block;padding-left: 85px;background:url(../images/iocn_101.png) no-repeat left;}
.treatyIn .titleTop span{display: block;color:#999;font-size: 16px;margin-top: 10px;margin-bottom: 40px;}
.treatyIn .tel{display: block;color:#666;font-size: 24px;margin-top: 30px;text-align:center;}
.treatyIn h5 {width: 110px;flex-shrink: 1;text-align: right;color:#333;font-size: 18px;}
.treatyIn .bak{flex: 1;display: flex;margin-left: 15px;}
.treatyIn .shelf{display: flex;margin-bottom: 20px;align-items: center;}
.treatyIn i {font-style:normal;color:red}
.treatyIn .fill{width:100%;line-height: 25px;color:#666;font-size: 15px;padding: 10px 20px;border-radius: 5px;border: 1px #ccc solid;}
.treatyIn label{display: inline-block;margin-right:20px;color:#333;font-size: 15px;cursor: pointer;}
.treatyIn label input{margin-right: 8px;}
.treatyIn select{display: inline-block;width: 30%;margin-right:20px;font-size: 15px;line-height: 25px;color: #666;padding: 10px 10px;border-radius: 5px;border: 1px #ccc solid;cursor: pointer;}
.treatyIn .submit {display: table;margin: auto;margin-top: 30px;color:#fff;font-size: 16px;padding: 8px 40px;border:none;border-radius: 3px;cursor: pointer;background: #e60039;}
.treatyIn .submit:hover {background:#333;}


/*==加盟合作↓==*/
.joinIn{padding-bottom:0px !important}

.joinIn .point{position: relative;}
.joinIn .point u{position: absolute;top:-80px;}
.joinIn .video{width: 800px;height: 450px;display: table;margin:auto;object-fit: cover;cursor: pointer;}
.joinIn .video iframe{width: 800px;height: 450px;display: table;margin:auto;object-fit: cover;}
/*--*/
.joinIn .support{}
.joinIn .support .long{display: flex;}
.joinIn .support .long .pic{flex-shrink: 1;width:50%;margin-right: -20px;}
.joinIn .support .long .pic img{width:100%;height: 100%;object-fit: cover;}
.joinIn .support .long .box{flex: 1;padding: 80px;box-shadow: 0 0 10px #ddd;background: #fbfbfb;}
.joinIn .support .long ul{display: flex;flex-wrap: wrap;margin: 0 0 -60px 0;justify-content: space-between;/* column-count: 2; */}
.joinIn .support .long ul li{display: flex;width: calc(50% - 40px);margin: 0 20px 60px 20px;align-items: center;}
.joinIn .support .long ul em{display: flex;width: 70px;height: 70px;overflow: hidden;border-radius:50%;justify-content: center;align-items: center;}
.joinIn .support .long ul em img{height:50px;filter: drop-shadow(0px 70px #fff);transition: all .0s ease-in-out;}
.joinIn .support .long ul h4{margin-left:10px;color:#333;font-size:22px;}
.joinIn .support .long ul li:hover h4{color:#e60039}
.joinIn .support .long ul li:hover em{background: #e60039;}
.joinIn .support .long ul li:hover em img{transform: translateY(-140%); }
/*--*/
.joinIn .condi{ background:url(../images/condiBg01.png) no-repeat center; background-size:cover;}
.joinIn .condi ul{display: flex;justify-content: space-between;}
.joinIn .condi ul li{/* flex: 1; */display: flex;width: 48%;padding: 60px 80px;box-shadow: 0 0 10px #ccc;background: #fff;align-items: center;}
.joinIn .condi ul em{flex-shrink: 1;margin-right: 50px;}
.joinIn .condi ul .box{flex: 1;}
.joinIn .condi ul h4{color:#333;font-size: 26px;margin-bottom: 30px;}
.joinIn .condi ul span{display: block;margin-bottom: 20px;color:#666;font-size: 18px;}
/*--*/
.joinIn .map{}
.joinIn .map .long{display: flex;align-items: flex-start;}
.joinIn .map .long .box{width: 410px;padding: 50px 35px;box-shadow: 0 0 10px #ddd;border:1px #ddd solid;background: #fff;}
.joinIn .map .long .explain{color:#666;font-size:16px;display: block;margin-bottom: 15px;}
.joinIn .map .long .explain i{color:red;margin-right:1px;}
.joinIn .map .long .title{color:#333;font-size:24px;margin-bottom: 20px;}
.joinIn .map .long .wx{font-size:16px;color:#666;line-height: 30px;}
.joinIn .map .long .pic{margin-top:0px;}


/*==优势列表↓==*/
.advant-list{display: flex;margin: 0px 0 -60px -40px;padding-top:60px;flex-wrap: wrap;}
.advant-list li{display: flex;width: calc(50% - 40px);margin: 0 0 60px 40px;}
.advant-list .tit{padding:12px;font-size:26px; box-shadow: 0 0 10px #ccc; width:24%;text-align: center;}
.advant-list .tit em{display: flex;width: 90px;height: 90px;margin: auto;margin-top: -60px;margin-bottom: 5px;border-radius: 50%;border: 10px rgba(255,255,255,0.4) solid;box-shadow: 0 0 10px #ddd;align-items: center;justify-content: center;background: #fff;}
.advant-list .tit h4{font-size: 20px;color:#666}
.advant-list .txt{margin-left:10px;flex: 1;display: flex;padding: 20px 30px;color: #666;font-size:20px;box-shadow: 0 0 10px #ccc;align-items: center;}
.advant-list li:hover .tit{background:#e60039}
.advant-list li:hover .tit em{box-shadow: 0 0 0 8px rgba(255,255,255,0.5);}
.advant-list li:hover .tit h4{color:#fff}
.advant-list li:hover .txt{color:#e60039;font-weight:bold}


/*==加盟登记表单↓==*/
.register-item{ position:relative;z-index: 1; background:url(../images/registerBg01.jpg) no-repeat center; background-size:cover ;}
.register-item:before{display: none; content: "";position: absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color: rgb(0 0 0 / 10%) !important;backdrop-filter: blur(5px);}
.register-item .box{display: table;margin: auto;width: 550px;}
.register-item .titleTop{color:#e60039;font-size:32px;text-align: center;display: table;margin: auto;}
.register-item .titleTop font{display: block;padding-left: 85px;background:url(../images/iocn_101.png) no-repeat left;}
.register-item .titleTop span{display: block;color:#999;font-size: 16px;margin-top: 10px;margin-bottom: 40px;}
.register-item .explain{display: block;color:#fff;font-size: 20px;margin-top: 30px;text-align:center;}
.register-item h5 {width: 110px;flex-shrink: 1;text-align: right;color:#fff;font-size: 18px;}
.register-item .bak{flex: 1;display: flex;margin-left: 15px;}
.register-item .shelf{display: flex;margin-bottom: 20px;align-items: center;}
.register-item i {font-style:normal;color:red}
.register-item .fill{width:100%;line-height: 25px;color:#fff;font-size: 15px;padding: 10px 20px;border-radius: 5px;border: 1px #fff solid;background: rgba(255,255,255,0.3);outline:none}
.register-item input::-webkit-input-placeholder{color:#fff}
.register-item textarea{height:120px}
.register-item select{ display: inline-block;width:48%;margin-right:20px;font-size: 15px;line-height: 25px;color: #fff;padding: 10px 10px;border-radius: 5px;border: 1px #fff solid;cursor: pointer;background: rgba(255,255,255,0.3);}
/*.register-item select *{background: #000;}*/
.register-item select:last-child{margin-right:0px;}
.register-item select.w100{width: 100%;margin-right:0px;}
.register-item select option{color:#666;background: rgba(255,255,255,0.3);}
.register-item .submit {display: table;margin: auto;margin-top: 30px;color:#fff;font-size: 16px;padding: 8px 40px;border:none;border-radius: 3px;cursor: pointer;background: #e60039;}
.register-item .submit:hover {background:#333;}
/**/
/*select>option{background: #000;}
select{background-color: #000;}
select>option{background-image:linear-gradient(direction, color-stop1, color-stop2, ...);;}
.register-item>select{background: #000;}*/
/*==产品栏目列表↓==*/
.pro-list{display: flex;flex-wrap: wrap;margin:0 0 -30px -30px;}
.pro-list li{display: inline-block;width:calc(33.3% - 30px);margin:0 0 30px 30px;}
.pro-list .pack{ display: block; box-shadow: 0 0 10px #ddd;}
.pro-list .box{padding:30px;}
.pro-list .title{display: block; color:#333;font-size:24px;margin-bottom:20px;}
.pro-list .title:after{opacity:0; content:"";display: block;margin-top: 10px;width: 80px;height:2px;background: #e60039;}
.pro-list p{height:50px;color:#666;font-size: 15px;}
.pro-list .pack:hover p{color:#e60039}
.pro-list .pack:hover .title{color:#e60039}
.pro-list .pack:hover .title:after{opacity:1;width: 100px;}
.pro-list li:hover .title{color:#e60039}


/*==app下载↓==*/
.appDow{font-size:20px; display: block; margin-top:40px;}
.appDow:hover{color:#e60039;text-decoration:underline;transform:translateX(2px)}

/*==产品列表↓==*/
.product-list{margin:0 0 -30px -30px;display: flex;    flex-wrap: wrap;}
.product-list li{display: inline-block;width:calc(25% - 30px);margin:0 0 30px 30px;}
.product-list a{display: block;height:100%;}
.product-list .pic{}
.product-list h4{color:#333;font-size:16px;text-align: center; margin: 20px 10px;}
.product-list li:hover a{box-shadow: 1px 1px 10px #ccc;}
.product-list li:hover .pic{ }
.product-list li:hover h4{color:#e60039; }
.product-list.lx3{width:calc(33.3% - 30px);}

/*==公司介绍↓==*/
.introIn{padding-bottom:0px !important;background: #f5f5f5;}


/*==关于-介绍↓==*/
.intro-list{}
.intro-list li{position: relative;display: flex;margin-bottom: 60px;clear: both;overflow: hidden;z-index: 0;flex-direction: row;    align-items: flex-start;}
.intro-list li:last-child{margin-bottom:0px;}
.intro-list .pic{flex-shrink: 1; width:55%;/*min-height:400px;*/ /*height:495px;*/ z-index: -1;cursor:pointer}
.intro-list .pic .video{width:100%;height: y;object-fit: cover;}
.intro-list .box{flex:1;padding: 40px 0 0 80px;  }
.intro-list .title{color:#e60039;font-size: 50px;font-weight:bold;margin-bottom: 30px;}
.intro-list .tit{color:#e60039;font-size:28px;margin-bottom:80px;}
.intro-list h3:after1{content:"";display: block;margin:20px 0 0 0;width:40px;height:2px;background:#c52720;}
.intro-list .txt{color:#666;font-size: 15px;line-height:30px}
.intro-list li:nth-child(2n){flex-direction: row-reverse;}
.intro-list li:nth-child(2n) .pic{left:auto;right:0;}
.intro-list li:nth-child(2n) .box{padding: 40px 80px 0 0;}


/*==关于-产品列表↓==*/
.ab-product{padding:0 80px}
.ab-product .list{ display: flex;}
.ab-product .list li{width: 50%;display: inline-block; margin-left: 5px;}
.ab-product .list a{ position: relative; display: block;}
.ab-product .list .pic{overflow: hidden;}
.ab-product .list .pic img{width:100%;}
.ab-product .list .box{display: flex;position: absolute;left:0;right:0;bottom:0;padding: 30px 30px;transition: all .4s ease-in-out;background: rgba(0,0,0,0.5);}
.ab-product .list .in{display: flex; position: relative;margin: auto;padding-left: 20px;align-items: flex-start;justify-content: center;flex-direction: column;transition: all .4s ease-in-out;}
.ab-product .list .in:before{content: "";position: absolute;left:0;top:0;bottom:0;width: 2px;background: #e60039;}
.ab-product .list h4{color:#fff;font-size:20px;margin-bottom:10px;}
.ab-product .list p{color:#fff;font-size:16px;}
.ab-product .list li:hover .pic img{transform:scale(1.02)}
.ab-product .list li:hover .box{ background:rgba(0,0,0,0.7)}
.ab-product .list li:hover .in{transform:translateY(-5px)}


/*==关于-文化↓==*/
.ab-culture{padding: 100px 0 200px 0;background: url(../images/cultureBg02.png) no-repeat center; background-size:cover;}
.ab-culture .titleBx{text-align: left;}
.ab-culture .box{float: right;width: 60%;}
.ab-culture ul{display: flex;margin: 0 0 -60px -20px;flex-wrap: wrap;}
.ab-culture ul li{position:relative;width: calc( 50% - 20px);margin:0 0 60px 20px; }
.ab-culture ul h4{color:#333333;font-size: 26px;}
.ab-culture ul p{margin-top: 1px;color:#999;font-size:16px;line-height:30px;}
.ab-culture ul li:hover{transform: translateY(-5px);}
.ab-culture ul li:hover h4{color:#e60039}


/*==研发实力↓==*/
.studyIn{padding-top:0px !important}
/*--*/
.sd-range{background: #fbfbfb;}
.sd-range .long{display: flex;align-items: center;justify-content: space-between;}
.sd-range .long .pic{flex-shrink: 1;width: 50%;}
.sd-range .long .box{/* flex: 1; */width: 35%;/* margin-left:200px; */}
.sd-range .long p{color:#666;font-size:16px;line-height: 30px;;}
/*--*/
.sd-honor{}
.sd-honor .list{display: flex;margin:0 0 -40px -40px;flex-wrap: wrap;}
.sd-honor .list li{position:relative;width: calc(33.3% - 53px);margin:0 0 40px 40px; }
.sd-honor .list a{display:block;box-shadow: 0 0 10px #ddd;border:1px solid rgba(255,255,255,0)}
.sd-honor .list li:hover a{box-shadow: 0 0 10px #aaa;border-color:#e60039}
/*--*/
.sd-invent{}
.sd-invent .frame{margin-bottom:50px}
.sd-invent .frame:last-child{margin-bottom:0px}
.sd-invent .frame .title{color:#333;font-size:30px;margin-bottom:30px;text-align: center;}
.sd-invent .list{display: flex;margin: auto;justify-content: center;}
.sd-invent .list li{float: left;width: 10%;position:relative;margin-left: -5%;}
.sd-invent .list a{position: relative; display:block; }
.sd-invent .list li:hover a{z-index:2;box-shadow: 0 0 10px #aaa;border-color:#e60039}
/*--*/
.sd-labora{}
.sd-labora .list{display: flex;margin: auto;justify-content: center;}
.sd-labora .list li{float: left;width: 50%;}
.sd-labora .list img{width: 100%;}
.sd-labora .list a{display:block; }
.sd-labora .list li:hover a{box-shadow: 0 0 10px #aaa;border-color:#e60039}
/*--*/
.sd-team{}
.sd-team .list{display: flex;margin:0 0 -40px -40px;flex-wrap: wrap;}
.sd-team .list li{position:relative;width: calc(50% - 40px);margin:0 0 40px 40px; }
.sd-team .list img{width: 100%;}
.sd-team .list a{display:block; }
.sd-team .list li:hover a{box-shadow: 0 0 10px #aaa; }
/*--*/
.sd-help .titleBx{}
.sd-help .long{display: flex;margin-top:60px;align-items: center;justify-content: space-between; padding-left: 80px;padding-right: 80px;}
.sd-help .long .pic{flex-shrink: 1;width: 40%;margin-right:20px;}
.sd-help .long .box{ flex: 1;}
.sd-help .long .title{color:#e60039;font-size:28px}
.sd-help .long .title:after{content: ""; ;}
.sd-help .long p{color:#666;font-size:18px;line-height: 32px}


/*==生产实力↓==*/
.sg-base{}
.sg-base .list{display: flex;margin:0 0 -30px -30px;flex-wrap: wrap;}
.sg-base .list li{position:relative;width: calc(33.3% - 30px);margin:0 0 30px 30px; }
.sg-base .list img{width: 100%;}
.sg-base .list a{display:block; }
.sg-base .list li:hover a{box-shadow: 0 0 10px #aaa; }
/*--*/
.sg-automa .list{display: flex;margin:0 0 -30px -30px;flex-wrap: wrap;    justify-content: center;}
.sg-automa .list li{position:relative;width: calc(50% - 30px);margin:0 0 30px 30px; }
.sg-automa .list img{width: 100%;}
.sg-automa .list a{display:block; }
.sg-automa .list li:hover a{box-shadow: 0 0 10px #aaa; }


/*==荣誉资质↓==*/
.honor-pic{text-align:center;}
.honor-pic img{display: block;margin: auto;}
/*--*/
.ho-run{}
.ho-run .list{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;    justify-content: center;}
.ho-run .list li{position:relative;width: calc(20% - 20px);margin:0 0 20px 20px;}
.ho-run .list .pic{transition: all .4s ease-in-out;}
.ho-run .list img{width: 100%;}
.ho-run .list a{display:block; }
.ho-run .list li:hover a{box-shadow: 0 0 10px #aaa; }
.ho-run .list li:hover .pic{transform:scale(1.05);}
/*--*/
.ho-witness{}
.ho-witness .list{display: flex;margin:0 0 -10px -10px;flex-wrap: wrap;    justify-content: center;}
.ho-witness .list li{position:relative;width: calc(25% - 10px);margin:0 0 10px 10px;}
.ho-witness .list img{width: 100%;}
.ho-witness .list a{display:block; }
.ho-witness .list li:hover a{box-shadow: 0 0 10px #aaa; }
/*--*/
.ho-prodcut{}
.ho-prodcut .list{display: flex;margin:0 0 -30px -30px;flex-wrap: wrap;    justify-content: center;}
.ho-prodcut .list li{position:relative;width: calc(20% - 30px);margin:0 0 30px 30px;}
.ho-prodcut .list img{width: 100%;}
.ho-prodcut .list a{display:block;border:1px #eee solid; }
.ho-prodcut .list li:hover a{box-shadow: 0 0 10px #aaa; }


/*==发展历程↓==*/
.historyIn{padding-top:0px !important}


/*==发展历程-列表↓==*/
.srll-history{position: relative; background: url(../images/historyBg.png) no-repeat center;}
.srll-history .upper{position: relative;padding: 0 15%;background: #f5f5f5;}
.srll-history .upper:before{content:"";position: absolute;left: -100%;right: -100%;top:0;bottom:0;z-index: -1;box-shadow:0px 5px 5px #e9e9e9;  background: #f5f5f5;}
.srll-history .gallery-thumbs{padding:0 0px;}
.srll-history .gallery-thumbs li{text-align: center;color:#666;padding:10px 0;margin-right: 2px;margin-left: 0px;cursor: pointer;}
.srll-history .gallery-thumbs li:after{content: ""; position: absolute;right:0;top:0;bottom:0;margin:auto;width: 2px;height: 60%; background: #ddd;}
.srll-history .gallery-thumbs h4{font-size:24px}
.srll-history .gallery-thumbs span{display: block; margin-top:10px;font-size:14px} 
.srll-history li.swiper-slide-thumb-active{color:#e60039}
.srll-history .btn{opacity:0.3; position:absolute;left: 15%;top:0;bottom:0;height: max-content;margin:auto;margin-left: -60px;z-index:2; color:#999;font-size:60px;transform:rotate(180deg); cursor:pointer;}
.srll-history .btn.sNext{left:auto;right: 15%;margin-right: -60px;margin-left: 0;transform:rotate(0deg);}
.srll-history .btn.swiper-button-disabled{opacity: 0.2;  cursor:initial;}
.srll-history .btn.swiper-button-disabled:hover{color:#ddd}
.srll-history .btn:hover{opacity:1; color:#e60039}
.srll-history .gallery-top{/* padding-top: 200px; */margin-top: 50px;}
.srll-history .gallery-top:before{content:"";position: absolute;left:0;top:0; right:0;bottom:0;background: url(../images/curve.png) no-repeat center;}
.srll-history .gallery-top .list{display: flex;height: 1065px;/* background: #ef9898; */}     
.srll-history .gallery-top .list li{position: relative;  width:20%;/* background: #eee; */}
.srll-history .gallery-top .list .pack{position: absolute;display: flex;width: 100%;height: 500px;flex-direction: column;justify-content: flex-end;/*background: #dddddd6b;*/}
.srll-history .gallery-top .list .box{opacity: 0; display:flex;margin: 40px 0;flex-direction: column;transition: all .6s ease-in-out;}
.srll-history .gallery-top .list .pic{margin:8px 0;display: flex;max-height: 205px;justify-content: center;align-items: center;background: #fff;}
.srll-history .gallery-top .list .wx{-webkit-line-clamp: 5;color:#666;font-size:14px;line-height: 24px;}
.srll-history .gallery-top .list li:hover .box{opacity: 1;}
.srll-history .gallery-top .list li:nth-child(2n) .pack{flex-direction: column-reverse;/* display: flex; */}
.srll-history .gallery-top .list li:nth-child(2n) .dot{ flex-direction: column-reverse;}
.srll-history .gallery-top .list li:nth-child(2n) .box{flex-direction: column-reverse;}
.srll-history .gallery-top .list li:nth-child(1) .pack{top: 209px;}   
.srll-history .gallery-top .list li:nth-child(2) .pack{top: 499px;}
.srll-history .gallery-top .list li:nth-child(3) .pack{top: 51px;}
.srll-history .gallery-top .list li:nth-child(4) .pack{top: 398px;}
.srll-history .gallery-top .list li:nth-child(5) .pack{top: -65px;}
.srll-history .gallery-top .dot{color:#e60039;font-size: 20px;display: flex;width: max-content;margin: 10px auto;flex-direction: column;cursor: pointer;}
.srll-history .gallery-top .dot:before{content:"";display: block;width: 20px;height: 20px;margin: 5px auto;clear: both;/* border: 4px solid rgba(9,9,9,0.5); */border-radius: 50%;box-shadow: 0 0 0 3px rgb(255 255 255 / 50%) inset;background: #e60039;}


/*==产品详情↓==*/
.ProductShow {}
.DetailCont{padding-bottom:0px !important}
.DetailCont .top {}
/*--*/
.DetailCont .pst-left {float:left;width: 47%;}
.DetailCont .pst-right {float:right;width: 50%;}
/*--*/
.pst-right .title {color:#191919;font-size:30px;margin-bottom: 20px;}
.pst-right .frame{border-top: 2px #ccc dashed;padding-top: 20px;margin-top: 20px;}
.pst-right .frame .tit{color:#666;font-size:20px;margin-bottom: 12px;}
.pst-right .wx {column-count: 2;color:#666;line-height: 32px;font-size: 15px;}
.pst-right .rok {/*-webkit-line-clamp:3;*/}
/*--*/
.psc-content {margin-top:70px;padding:60px 10%; background: #f5f5f5;}
.psc-content .wx {}
.psc-content .wor {color:#666;line-height:30px;font-size:16px;}
.psc-content .long {position:relative;display:flex;}
.psc-content .psd-left {flex:1;min-width:50%}
.psc-content .frame{margin-bottom:50px}
.psc-content .frame:last-child{margin-bottom: 0px;}
.psc-content .theme {position:relative;color:#333;font-size:22px;margin-bottom:30px;padding-left:20px}
.psc-content .theme:before {content:"";position:absolute;left:0;top:20%;width:3px;height:60%;background:#e60039;}
/*--*/
.srll-recom {position:relative;}
.srll-recom .swiper-container {padding:6px;}
.srll-recom .product-list li {}
/*--*/
.psd-right {}
.is-affixed .info {margin-top:50px}


/*==左右图片切换↓==*/
.srllOrso {display:flex}
.srllOrso .leftPic {width:80%;float:left;border:2px #efefef solid;background:#fff;}
.srllOrso .leftPic img {display:block;margin:auto;max-width:100%;height:100%;object-fit:cover;}
.srllOrso .rightPic {width:20%;float:right;margin-left:15px;}
.srllOrso .rightPic li {height:20%;margin-bottom:20px;border:2px #efefef solid;cursor:pointer;background:#fff;}
.srllOrso .rightPic li img {display:block;max-width:100%;height:100%;margin:auto}
.srllOrso .rightPic li.swiper-slide-thumb-active {border-color:#e60039;}
.srllOrso .leftPic,.srllOrso .rightPic {height:550px;}
.srllOrso .leftPic .look {opacity:0;position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:10px;color:#fff;font-size:16px;height:40px;text-align:center;transform:translateY(40px);background:rgba(0,0,0,0.5);}
.srllOrso .leftPic .look i {margin-right:10px;display:inline-block;font-size:20px;}
.srllOrso .leftPic:hover .look {opacity:1;transform:translateY(0px);}
.srllOrso .rightPic:hover .btn {opacity:1 !important;}
.srllOrso .btn {opacity:0;position:absolute;top:0;left:0;right:0;z-index:2;margin:0px;padding:5px 0;cursor:pointer;text-align:center;background:rgba(0,0,0,0.4);transition:all .4s ease-in-out;}
.srllOrso .btn:before {color:#fff;font-size:32px;display:block;}
.srllOrso .sPrev:before {content:"\ebd1";}
.srllOrso .sNext:before {content:"\eb9c";}
.srllOrso .btn.sNext {top:auto;bottom:0;}
.srllOrso .btn:hover {opacity:1;background:rgba(0,0,0,0.6)}


/*==滚动大图↓==*/
.srllPho{ position: relative;;width: 100%;margin: auto;}
.srllPho .gallery-top{border: 1px #ddd solid; background:#fff ;}
.srllPho .gallery-top .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}
.srllPho .gallery-top .look i{ margin-right:10px; display:inline-block;font-size:20px;}
.srllPho .gallery-top:hover .look{opacity:1 ; transform: translateY(0px);}
.srllPho .gallery-top li{height:500px;}
.srllPho .gallery-top li img{max-width:initial;max-height:100%;width:auto;display: block;margin:auto;}
.srllPho .gallery-thumbs{margin-top:15px;padding: 0 50px;}
.srllPho .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer; background:#fff;}
.srllPho .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #e60039 solid;}
.srllPho .gallery-thumbs li img{max-width:100%;display: block;margin:auto;height:80px}
.srllPho .btn{opacity: 1;position: absolute;top:0;left:0;bottom: 0;margin: auto;width: 40px;display:table;text-align:center; /*! border-radius: 5px; */color: #333;font-size:40px;cursor:pointer}
.srllPho .btn.sNext{left:auto;right:0;}
/*.srllPic .btn.next{transform:rotate(180deg);}*/
.srllPho .btn:hover{color:#e60039; }
.srllPho .swiper-button-disabled{opacity: .5;}
/*.srllPic .btn:hover{ opacity: 1;}*/
.srllPho .gallery-top li a{height:100%; display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}


/*==视频容器样式==*/
.vdo-a{ position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 10000000;transition: top .4s ease-in-out;}
.vdo-a.show{top: 0;}
.vdo-a.show .vdo-e{visibility: visible;}
.vdo-a.show .vdo-f{display: block;}
.vdo-b{ position: absolute;left: 20%;top: 50%;width: 60%;max-height: 100%; transform: translate(0,-50%);     background-color: #000; }
.vdo-c{display: block;width: 40px;height: 40px;background-color: #0280CC;position: absolute;right: 20px;top:100px;cursor: pointer;z-index: 10000;}
.vdo-d{display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.vdo-e{visibility: hidden;width: 100%;height: 60%;   }
.vdo-f{display: none;width: 100%;   }


/*==list-box 图片列表↓==*/
.list-box{margin:0 0 -20px -20px}
.list-box li{display:inline-block; width: calc(25% - 20px);margin: 0 0 20px 20px; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block; }
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #e60039 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#e60039;}
.list-box.lx5 li{width: calc(20% - 15px);}


/*==分页点击更多↓==*/
.moreload{}
.moreload .more{margin-top:80px; text-align: center;}
.moreload .more a{display: table;margin:auto;padding:12px 60px;color:#fff;font-size:14px;border-radius:5px;cursor: pointer; background: #e60039;}
.moreload .more a:hover{ background: #333;}
.moreload .more span{display: table;margin:auto; color:#888;border:1px #eee solid;padding:10px 20px; border-radius:5px;background: #f5f5f5;}


/*==底部===*/
.footer {position:relative;z-index:0;padding:80px 0 40px 0;background:#f9faf6;overflow:hidden;}
.footer .long{padding: 0 8%;}
.ft-pur{display: flex;justify-content: space-between;}
.ft-pur .title{display: flex;color:#333;font-size:20px;margin-bottom: 30px;margin-right:40px;align-items: center;}
.ft-pur .title:after{content:"";display: block;margin-left: 12px;width:2px;height: 18px;background:#e60039}
.ft-pur .shop{display:flex;align-items: flex-start;}
.ft-pur .shop .link{flex: 1;/* display: flex; *//* flex-wrap: wrap; */column-count: 2;column-gap: 20px;}
.ft-pur .shop .link a{/* width: 50%; */display: block;color:#666;font-size:16px;padding: 10px 0 10px 45px;margin-bottom: 10px;background-repeat:no-repeat;background-position: left center; background-size:35px;}
.ft-pur .shop .link a:hover{color:#e60039; text-decoration: underline;}
.ft-pur .shop .link a.tm{background-image:url(../images/iocn_tm.png);}
.ft-pur .shop .link a.jd{background-image:url(../images/iocn_jd.png);}
.ft-pur .social{}
.ft-pur .social .link{}
.ft-pur .social .link a{position: relative; display:inline-block;margin-right:30px;}
.ft-pur .social .link em{display: block;overflow: hidden;}
.ft-pur .social .link em img{height:30px;filter: drop-shadow(0px 30px #e60039);transition: all .0s ease-in-out;}
.ft-pur .social .link a:hover em img{transform: translateY(-100%);    }
.ft-pur .social .link a:hover em{transform:translateY(-5px)}
.ft-pur .social .link .ewm{ opacity:0;position: absolute;right: 0;top: 30px;width: max-content;max-width: 120px;line-height: initial;display: block;border: 1px #ddd solid;padding: 10px 10px;z-index: 9;border: 1px #ddd solid;transform-origin: 100% 0%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;background: #fff;}
.ft-pur .social .link a:hover .ewm{opacity:1;transform: scale(1);}
.footer .nav {position: relative;display: flex;margin-top:60px;padding-top:50px;justify-content: space-between;}
.footer .nav:before{content:"";position:absolute;left: -8%;top:0;right: -8%;height:2px;background:#969594;}
.footer .nav h3 {color:#333;font-size: 18px;margin-bottom:15px;}
.footer .nav li a {display:block;color:#999;font-size: 15px;margin-bottom: 15px;}
.footer .nav li a:hover {color:#e60039}
.footer .contact {margin-top:80px;color:#666;font-size:15px}
.footer .contact a{color:#666;}
.footer .contact a:hover{color:#e60039}
.footer .contact .tel {display:block; font-size:26px;}
.footer .contact .tel font{font-weight:bold}
.footer .contact .link{margin-top:15px;}
.footer .contact .link .ed{position: relative; margin-right:30px;display: inline-block;}
.footer .contact .link .ed:after{content:"";position: absolute;right:-15px;top:0;bottom:0;margin: auto;width: 1px;height: 15px;background: #666;}
.footer .contact .link .ed:last-child{margin-right:0px;}
.footer .contact .link .ed:last-child:after{display:none}
.footer .contact .link a:hover{color:#e60039}
.footer .contact .copy {margin-top:15px; display:block}
.footer .friend {position:relative;}
.footer .friend h3 {color:#eee;font-size:14px;}
.footer .friend h3 i {display:inline-block;color:#eee;margin-left:5px;font-size:12px;}
.footer .friend .box {display:none;position:absolute;bottom:100%;right:0;left: -20%;width: 140%;padding:10px;text-align:center;border: 1px #ddd solid;background:#fff;}
.footer .friend a {color: #8a8a8a;font-size: 14px;display:block;padding:5px 0px;border-bottom:1px #bbb dotted;}
.footer .friend a:last-child {border:none;}
.footer .friend:hover h3 i {transform:rotateX(180deg);}
.footer .friend:hover .box {display:block;}
.footer .down a:hover {color:#ccc}