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

 


/*==版心定义↓==*/
.container{width:1600px;}
.w1200{width:1200px;}
.w1440{width:1440px;}
.w1600{width:1600px;}
.troW1200 .container{width:1200px;}
a:hover{color:#ff0000}
.bga{background:#f8f8f8;}
.bga-2{background: #fbfbfb;}


/*==字符串↓==*/
*: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';
  src: url('//at.alicdn.com/t/c/font_1963410_94dql4smq.woff2?t=1753423946115') format('woff2'),
       url('//at.alicdn.com/t/c/font_1963410_94dql4smq.woff?t=1753423946115') format('woff'),
       url('//at.alicdn.com/t/c/font_1963410_94dql4smq.ttf?t=1753423946115') format('truetype');
}


/*==顶部↓==*/
.fixed-top.header{ position: fixed;top:0;width:100%; height:80px;box-shadow: 0 0 10px #ddd;  }
.fixed-top.header:before{opacity:1; height:100%;}
.fixed-top.header .sub{top:80px} 
/*--*/
.header{position: relative;z-index:5;border-bottom:1px #eee solid; height:100px;}
.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #fff;transition: all .4s ease-in-out;}
.header .container{height:100%;}
.header .logo{float:left;display: flex;height:100%;padding: 20px 0;align-items: center;}
.header .logo a{display: flex;height:100%;align-items: center;}
.header .logo img{max-height:80px;}
.header .logo .txt{color:#181818;font-size:16px;text-align: center;margin-left: 20px;}
.header .logo .txt font{display: block;font-size:28px;color:#ff0000;font-weight:bold;letter-spacing:6px;}
.header .tel{position: relative;float: right;display: flex;font-size: 24px;color: #ff0000;height: 100%;align-items: center;margin-left: 30px;}
.header .tel:before{content: "\e6cb";margin-right: 10px;font-weight: 400;color: #ff0000;}
.header .nav{display:flex;float: right;height: 100%;}
.header .nav > li{ float: left;position:relative; height: 100%;margin-left: 35px;}
.header .nav > li > a{position: relative;z-index:1;display: flex;color: #282828;font-size: 16px;height: 100%;text-align: center;align-items: center;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:2px;background:#ff0000;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#ff0000; }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.header .nav .sub{display:none;width: 200%;left:-50%;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 0;z-index: 999;text-align: center;/*box-shadow: 0 -5px 20px #ccc;*/}
/*.header .nav .sub:before{content:"";position:absolute;top: -20px;left: 0;right: 0;display: block;margin: auto;width: fit-content;height: fit-content;border: 10px solid white;border-color: transparent transparent #fff transparent;}*/
.header .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px}
.header .nav .sub a:hover{color:#fff; background: #ff0000;}


/*==响应区分↓==*/
.res-flat_pc{}
.res-flat_flat{display: none;}
.res-wap_pc{}
.res-wap_wap{display: none;}


/*==弹出背景↓==*/
.offer-bg{ display:none; position: fixed;left:0;top:0;z-index:1; 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: 2;padding:120px 50px 50px 50px;border: 1px #ddd solid;background: #fff;}
.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-each{width:100%;margin-top:60px;margin-bottom:-10px;}
.menu-each ul{display:table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}
.menu-each li{/*! flex: 1; */ display: inline-block;}
.menu-each li a{position:relative;z-index:2;display: block;margin:0 10px 10px 10px;color:#191919;font-size:18px;border: 1px #e9e9e9 solid;overflow: hidden;padding: 10px 40px;border-radius: 5px; background: #f7f7f7;}
.menu-each li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%; background: #ff0000;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu-each li:hover a,.menu-each li.active a{ color:#fff;border-color:#ff0000 }
.menu-each li:hover a:after,.menu-each li.active a:after{transform: scale(1);transform-origin:left;}
 

/*==次级导航↓==*/
.menu-orso{position: relative;margin-top:40px;border-bottom:2px #e8e8e8 solid;}
.menu-orso .long{display: flex;padding-bottom:20px;background: #fff;justify-content: space-between;align-items: center;}
.menu-orso .secon{}
.menu-orso .secon li{display: inline-block;margin-right: 50px;}
.menu-orso .secon a{position:relative;z-index:2;display: block;color: #666666;font-size: 18px;height: 100%;/* overflow: hidden; */background: #fff;}
.menu-orso .secon a::after{content: "";position: absolute;left:0;bottom: -22px;z-index: 2;width:100%;height: 2px;background: #ff0000;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu-orso .secon li:hover a,.menu-orso li.active a{ color:#ff0000; }
.menu-orso .secon li:hover a:after,.menu-orso .secon li.active a:after{transform: scale(1);transform-origin:left;}
/*--*/
.menu-orso.par{margin-top: -80px;height: 80px;border-bottom-width: 1px;}
.menu-orso.par .long{padding: 30px 30px 25px 30px;border-radius: 10px 10px 0 0;}
.menu-orso.par .secon a::after{bottom:-25px}
/*--*/
.menu-orso.cen .long{justify-content: center;}
.menu-orso.cen .secon li{margin:0 40px;}
.menu-orso.cen .site{display: none;}


/*==面包屑↓==*/
.siteGle{margin-top: 40px;}
.siteGle .long{display: flex; padding-bottom: 20px;height: 45px;align-items: center;justify-content: space-between;}
.siteGle .tit{position: relative;color: #666;font-size: 20px;}
.siteGle .tit:after{content: "";position: absolute;left:0;bottom: -21px;z-index: 2;width:100%;height: 2px;background: #ff0000;}
.siteGle .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.siteGle .more:hover{color:#fff; background: #ff0000;}
/*--*/
.site-dot{color: #6a6a6a;font-size: 16px;}
.site-dot .home i{ font-weight:bold;font-size:18px;margin-right:10px;color:#aaa}
.site-dot a{}
.site-dot a:after{content:"\eb9b";margin: 0 5px;font-size:12px;}
.site-dot a:last-child:after{display:none}
.site-dot a:hover{color:#ff0000}


/*==标题↓==*/
.titleAx{margin-bottom:40px;color:#000123;font-size:44px;}
.titleAx b{font-weight: bold;font-style: italic;}  
.titleAx span{margin-top:15px;display: block;color:#6b6b6b;font-size:16px;font-weight: 400;text-transform: Uppercase;}
.titleAx font{color:#ff0000}
.titleAx hr{display: block;margin:0px;margin-top: 12px;width: 40px;height: 3px;border:none;background: #ff0000;}
.titleAx.cen{text-align: center; }
.titleAx.cen{}
.titleAx.cen hr{margin:0px auto;margin-top: 10px;}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white hr{background:#fff}
.titleAx.tTop{margin:50px 0 -20px 0;}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
/*--*/
.titleBx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center;}
.titleBx b{position: relative;display: table;margin: auto;font-weight: bold;}
.titleBx b.line::after{content: "";display: block;margin: auto;margin-top: 10px;width: 70%;height: 2px;background: #6a6a6a;}
.titleBx span{display: block; margin:auto;margin-top:15px;color:#6a6a6a;font-size:18px;font-weight:400;text-transform: Uppercase;}
.titleBx span.bi{font-size:20px;line-height: 30px;}
.titleBx span.stg{font-size:28px;color:#231815}
.titleBx font{color:#ff0000}
.titleBx hr{display: block;margin:0 auto;margin-top:15px;width: 50px;height: 3px;border:none;background: #ff0000;}
.titleBx.lef{text-align: left;}
.titleBx.lef hr{margin:0px;margin-top:15px;}
.titleBx.lef span{margin:0px;margin-top:15px;}
.titleBx.white{color:#fff}
.titleBx.white span{opacity: 0.5; color:#fff}
.titleBx.white font{color:#fff}
.titleBx.white hr{background: #fff;}
.titleBx.white b.line::after{background:#fff}
.titleBx.tTop{margin:50px 0 -20px 0;}
.titleBx.pos{position: absolute;left:0;top:80px;right:0;}
/*--*/
.titleCx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center;}
.titleCx b{position:relative;z-index: 1;font-weight: bold;}
.titleCx hr{display: block;margin:0 auto;margin-top:15px;width: 40px;height: 2px;border:none;background: #5370f6;}
.titleCx font{color:#5370f6}
.titleCx span{display: block;margin:auto;margin-top: 15px;color:#9a9b9c;font-size: 18px;font-weight:400;text-transform: Uppercase;}
.titleCx.small span{display: table;position: relative;font-size: 15px;color: #bbb;padding: 5px 40px;background: #f5f5f5;}
.titleCx.small span::after{content: "";position:absolute;left: -500px;right: -500px;top: 0;bottom: 0;z-index: -1;height: 1px;margin: auto;background: #eee;}
.titleCx.adorn b:before{content: "";position: absolute;left: -20px;bottom: -8px;width: 40px;height: 40px;z-index: -1;background:url(../images/titleCx-bg-1.png) no-repeat center;}
.titleCx.adorn b:after{content: "";position: absolute;right: -60px;top: 0px;width: 40px;height: 40px;background:url(../images/titleCx-bg-2.png) no-repeat center;}
.titleCx.white{color:#fff}
.titleCx.white *{color:#fff}
/*--*/
.titleDx{position: relative;display: table;margin: auto;margin-bottom:50px;text-align: center;}
.titleDx b{position: relative;padding: 0 20px 10px 20px;color:#000123;font-size:40px;font-weight: bold;border-bottom: 1px #ff2741 solid;}
.titleDx b:before,.titleDx b:after{content: "";position: absolute;left:-50px;top:0;bottom:0;width:50px;height: 50px;margin:auto; background:url(../images/titleDx-bg.png) no-repeat center;}
.titleDx b:after{left:auto;right:-50px;transform:rotateY(180deg)}
.titleDx hr{margin: 0 auto;margin-top: 8px;display: block;width: 50px;height: 5px;border: navajowhite;background: #ff2741;}
.titleDx font{color:#ff2741 }
.titleDx span{display: block;margin:auto;margin-top: 25px;color: #6a6a6a;font-size: 18px;text-transform: Uppercase;}
/*--*/
.titleDx-2{position: relative;padding: 0 100px 0 100px; margin-bottom:50px;}
.titleDx-2 b{color:#000123;font-size:40px;font-weight: bold}
.titleDx-2 span{margin-top:10px;display: table;font-size: 18px;color: #8a8a8a;}
.titleDx-2::before,.titleDx-2:after{content: "";display: block;position:absolute;top:0;bottom:0;margin:auto;height:fit-content;}
.titleDx-2::before{left:0;width: 76px;height: 70px;background:url(../images/titleDx-2-bg-1.png) no-repeat center;}
.titleDx-2:after{right:0;width: 111px;height: 70px;background:url(../images/titleDx-2-bg-2.png) no-repeat center;}
/*--*/
.titleFx{color: #1b202e;font-size: 32px;margin-bottom:70px;}
.titleFx b{ font-weight: 300;}
.titleFx span{display: block; margin:auto;margin-top:15px;color:#1b202e;font-size:40px;}
.titleFx.cen{text-align:center}



/*===内页框↓==*/
.rack{width:100%;padding:70px 0 80px 0;}
.rack.t0{padding-top:0px !important}
.rack.b0{padding-bottom:0px !important}
.rack.tb0{padding-top:0px !important;padding-bottom:0px !important}

/*==切换按钮↓==*/
.tone-item{display: flex;text-align: center;margin-bottom:50px;margin-left: -50px;align-items: stretch;justify-content: center;}
.tone-item li{display:inline-block;cursor: pointer;margin: 0px 25px;}
.tone-item a{position: relative;z-index: 1;display: block;height:100%;color: #333;font-size: 22px;padding: 12px 0px;overflow:hidden;}
.tone-item a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height: 2px;background: #ff0000;transition:transform .5s;transform:scale(0,1);transform-origin:right;}
.tone-item .more a{color:#3a3b3c; background: #dddddd;}
.tone-item .active a,.tone-item li:hover a{color: #ff0000;}
.tone-item .active a:after,.tone-item li:hover a:after{transform:scale(1);transform-origin:left;}


/*==在线按钮↓==*/
.online-item{display: flex; margin-top:80px;}
.online-item.cen{    justify-content: center;}
.online-item a{position: relative;z-index: 1;padding:10px 30px;margin-right:10px;font-size:14px;color:#ff0000;border:1px #ff0000 solid;border-radius: 5px;}
.online-item a:after{opacity: 0;content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index: -1;background:#000}
.online-item i{color:#ff0000;margin-right:10px;font-size:16px;}
.online-item .cor{color:#fff;background:-webkit-linear-gradient(left, #cf1f00, #fe2600);}
.online-item .cor i{color:#fff}
.online-item a:hover{color:#fff;border-color:#3a3a3a; }
.online-item a:hover:after{opacity:1}
.online-item a:hover i{color:#fff}


/*==图片通用↓==*/
.chart-item{text-align: center;}


/*==产品项目tab↓==*/
.pro-tab{}
.pro-tab .roll{display: flex;margin-left:-50px;justify-content: center;}
.pro-tab .roll li{margin: 0 30px;}
.pro-tab .roll a{position: relative; display: flex;color:#333333;font-size:22px;padding-bottom:20px;align-items: center;justify-content: center;}
.pro-tab .roll a::before{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height: 2px;background:#ff0000;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.pro-tab .roll em{display: flex;flex-shrink: 0;margin-right: 15px;height: 40px;align-items: center;justify-content: center;overflow: hidden;}
.pro-tab .roll li.active a{color:#ff0000;}
.pro-tab .roll li.active a::before{transform: scale(1);transform-origin:left;}
.pro-tab .shelf{position: relative;z-index: 1;padding: 80px 0;}
.pro-tab .shelf::before{content: "";position: absolute;left: -20%;top:0;right: -20%;bottom:0;z-index:-1;background: url(../images/pro-bg.jpg) no-repeat center;}
.pro-tab .strip{display: flex;}
.pro-tab .info{flex: 1;}
.pro-tab .set{width:50%;margin-left:50px;border-radius: 10px;overflow: hidden;box-shadow:10px 10px 15px #aaa;}
.pro-tab .info .title{margin-bottom:30px;color:#000;font-size:28px;}
.pro-tab .online-item{margin-top:40px;}
.pro-tab .card{display: flex;}
.pro-tab .card .left{flex-shrink: 0;margin-right: 60px;margin-bottom:-40px}
.pro-tab .card .left li{position: relative;margin-bottom: 40px;color:#666666;font-size:18px;}
.pro-tab .card .left li::before{content:"";display: inline-block;width: 12px;height: 12px;margin-right: 10px;border: 2px #999 solid;border-radius: 50%;}
.pro-tab .card .left li::after{content: "";position: absolute;left: 5px;top: 27px;bottom: 0;width:2px;height: 35px;background: #999;}
.pro-tab .card .left li:last-child:after{display:none}
.pro-tab .card .left li:hover{color:#ff0000}
.pro-tab .card .left li:hover::before{border-color:#ff0000}
.pro-tab .card .right{flex: 1;}



/*==产品项目-卡牌↓==*/
.card-row{display: flex;margin: 0 0 -15px -15px;flex-wrap: wrap;}
.card-row li{position: relative;z-index:1; width: calc(33.3% - 15px);margin: 0 0 15px 15px;padding: 30px 20px;text-align: center;border-radius: 10px;box-shadow: 0 0 10px #eee;overflow: hidden; background: #fff;}
.card-row li::after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;transform:translateY(5px);background:-webkit-linear-gradient(bottom, #cf1f00, #fe2600);}
.card-row em{display: flex;margin-bottom:10px;height: 35px;justify-content: center;align-items: center;overflow: hidden;}
.card-row em img{filter: drop-shadow(0px 35px #fff);}
.card-row h4{color:#333333;font-size: 18px;}
.card-row li:hover{transform:translateY(-5px);}
.card-row li:hover::after{opacity: 1;transform:translateY(0px);}
.card-row li:hover h4{color:#fff}
.card-row li:hover em img{transform:translateY(-120%);}


/*==首页案例↓==*/
.caseHome .long{padding:80px 0;background:url(../images/case-bg.jpg) no-repeat center;background-size:cover;}


/*==案例tab↓==*/
.case-tab{/* display: flex; */position: relative;}
.case-tab .roll{display: flex;margin-left:-50px;margin-bottom: -110px;}
.case-tab .roll li{flex: 1;margin-left: 50px;}
.case-tab .roll a{display: flex;color:#000;font-size:20px;padding:18px 30px;border-radius:50px;box-shadow: 0 0 10px #ddd;background: #fff;align-items: center;justify-content: center;}
.case-tab .roll em{display: flex;flex-shrink: 0;margin-right:10px;height: 40px;align-items: center;justify-content: center;overflow: hidden;}
.case-tab .roll em img{filter:drop-shadow(0px 40px #fff);}
.case-tab .roll li.active a{color:#fff;background:#ff0000}
.case-tab .roll li.active em img{transform:translateY(-120%);} 
.case-tab .shelf{margin-bottom:50px;}
.case-tab .shelf .strip{display: flex;}
.case-tab .shelf .info{flex: 1;}
.case-tab .shelf .title{display: flex;font-size:36px;color:#ff0000;font-weight:bold;align-items: center;}
.case-tab .shelf .title em{margin-right:10px;}
.case-tab .shelf .tit{margin-top:10px;color:#000000;font-size:28px;}
.case-tab .shelf .txt{margin-top:10px;color:#666666;font-size:16px;}
.case-tab .shelf .set{width:58%;margin-left:50px;border-radius: 10px; box-shadow: 10px 10px 15px #aaa;overflow: hidden;}
.case-tab .shelf .digital-air{margin-top:50px;}
.case-tab .shelf .online-item{margin-top:60px;}



/*==优势tab↓==*/
.advan-tab{position: relative;}
.advan-tab .roll{display: flex;margin: 0px 0 -30px -30px;width:50%;flex-wrap: wrap;}
.advan-tab .roll li{display: flex;width:calc(33.3% - 30px);height:auto;margin: 0 0 30px 30px;padding: 30px;border-radius: 5px;border:1px solid rgba(255,255,255,0.8);flex-direction: column;justify-content: center;cursor: pointer;}
.advan-tab .roll em{opacity: 0.6;display: table;float: right;text-align: right;margin-bottom: 5px;}
.advan-tab .roll i{color:#fff;font-size:24px;}
.advan-tab .roll h4{color:#fff;font-size:18px;margin-top: 5px;}
.advan-tab .roll li.more{border: none;align-items: center;}
.advan-tab .roll li.more span{color: #ddd;font-size: 40px; letter-spacing: 10px;}
.advan-tab .roll li.more h5{opacity:0; color:#fff;font-size:15px;}
.advan-tab .roll li.more:hover h5{opacity: 1;}
.advan-tab .roll li.active{border-color:#ff0000;background: #ff0000;}
.advan-tab .roll li.active em{opacity:1;}
.advan-tab .shelf{position:absolute;left:0%;top:0;bottom:0;right:0%;z-index:-1;}
.advan-tab .shelf:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;z-index: 1;background: -webkit-linear-gradient(left, rgba(1,2,18,0.8),rgba(1,2,18,0.4), rgba(0,0,0,0));/* background: #000; */}
.advan-tab .shelf .pic{height: 100%;}
.advan-tab .shelf .pic img{display: table;margin: auto;/* width:100%; */height: 840px;object-fit: cover;}
.advan-tab .down{margin-bottom:60px;width:50%;}
.advan-tab .down .title{margin-bottom:30px;color:#fff;font-size:36px;}
.advan-tab .down .wx{-webkit-line-clamp: 4;color:#fff;font-size:16px;line-height: 30px;}


/*==首页方案↓==*/
.solutionHome{background:url(../images/solution-bg.jpg) no-repeat center;background-size:cover;}
.solutionHome .pic{text-align: center;}
.solutionHome .search{display: flex;width: 770px;margin: auto;margin-top: 50px;/* border:1px #ddd solid; */border-radius: 5px;overflow: hidden;}
.solutionHome .search input{flex: 1;color: #000;font-size:15px;padding: 20px 20px;border: 1px #000 solid;border-right: 0;border-radius: 5px 0 0px 5px;}
.solutionHome .search button{flex-shrink: 0;color: #fff;font-size:20px;padding: 0 60px;border: none;cursor: pointer;background: #ff0000;}
.solutionHome .search button:hover{color:#fff;background:#3a3a3a;}



/*==首页新闻↓==*/
.newsHome .long{display: flex;margin-left:-30px}
.newsHome .long .frame{width: calc(33.3% - 30px);margin:0 0 0px 30px;}
.newsHome .titleTop{display: flex;margin-bottom:30px;align-items: center;justify-content: space-between;}
.newsHome .titleTop h3{color:#000;font-size:40px;font-weight:bold;}
.newsHome .titleTop .more{color:#666;font-size:14px;    transition: all .4s ease-in-out;}
.newsHome .titleTop .more:hover{color:#ff0000}


/*==首页新闻列表↓==*/
.news-grid {padding-bottom:10px;border:1px #ddd solid}
.news-grid li{}
.news-grid a {display:block;position:relative;}
.news-grid .box{position: relative;z-index: 1;}
.news-grid .pic{padding-top:55%}
.news-grid .pic img {display:block;width:100%;height:100%;object-fit:cover;}
.news-grid .one .box{margin: 20px;padding-bottom: 20px;border-bottom: 1px #ddd solid;}
.news-grid .one h4 {position:relative;color: #333333;font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-grid .one p{-webkit-line-clamp:2;margin-top: 10px;color: #808080;font-size:14px;line-height: 24px;}
.news-grid .two{margin: 0px 20px 20px 20px;}
.news-grid .two a{display:flex;justify-content: space-between;align-items: center;}
.news-grid .two h4{color:#5b5b5b;font-size:15px;}
.news-grid .two .time{flex-shrink: 0;margin-left:10px; color:#999;font-size:14px;}
.news-grid li:hover h4 {color:#ff0000;transform:translateX(5px);text-decoration: underline;}


/*==首页成功客户↓==*/
.obtainHome{border-top:1px #ddd solid}
.obtainHome .titleTop{display:flex;margin-bottom:60px;align-items: center;justify-content: space-between;}
.obtainHome .titleTop .titleAx{margin-bottom:0px;}
.obtainHome .titleTop .online-item{margin:0px;}
/*--*/
.obtain-row{display: flex;margin:0 0 -50px -30px;flex-wrap: wrap;}
.obtain-row li{width: calc(20% - 30px);margin:0 0 50px 30px;text-align: center;padding: 30px;border-radius: 10px;}
.obtain-row em{display: flex;height: 90px;justify-content: center;align-items: center;}
.obtain-row h4{margin-top:20px;color:#666;font-size: 18px;}
.obtain-row li:hover{transform:translateY(-5px);background:rgba(0,0,0,0.08);}
.obtain-row li:hover em{transform:translateY(-5px);}
.obtain-row li:hover h4{color:#ff0000}

/*==案例广告图切换↓==*/
.srll-adver{margin-bottom:50px;}
.srll-adver .spot{position: absolute;left: auto !important;right: 0;bottom: 0;z-index: 2;width: auto !important;margin: 50px;padding: 15px 30px;background: #fff;}
.srll-adver .spot span{opacity: 1;position: relative;width: auto;height: auto;margin: 0 10px !important;color: #999;font-size:14px;cursor: pointer; background: none;}
.srll-adver .spot span:before{opacity:0; content:"";position:absolute;left:0;bottom:0;right:0;height:1px;background:#000}
.srll-adver .spot span.swiper-pagination-bullet-active{color:#000}
.srll-adver .spot span.swiper-pagination-bullet-active:before{opacity:1}


/*==案例列表↓==*/
.case-list{display: flex;margin:0 0 -50px -40px;position:relative; flex-wrap: wrap;}
.case-list li{position:relative; width:calc(50% - 40px);margin:0 0 50px 40px}
.case-list a{display: block;}
.case-list .pic{padding-top:60%;border-radius:20px;overflow: hidden;box-shadow: 0 0 10px #ddd;}
.case-list .pic::after{opacity: 0;content:"";position: absolute;top: 0;left:0;right:0;bottom:0;z-index:1;margin: auto;background: #000;}
.case-list .pic .more{opacity: 0;position: absolute;top: 0;left:0;right:0;bottom:0;z-index: 2;display: flex;margin: auto;padding: 12px 40px;width: fit-content;height: fit-content;color: #ff0000;font-size: 18px;align-items: center;background: #fff;}
.case-list .pic .more::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: -3px;border: 1px #fff solid;}
.case-list .box{margin-top:20px;text-align: center;}
.case-list .title{color: #282828;font-size: 18px;}
.case-list p{margin-top:10px;color:#6a6a6a;font-size:14px;}
.case-list li:hover .title{color:#f50000}
.case-list li:hover .pic:after{opacity:0.4}
.case-list li:hover .pic .more{opacity:1}


/*==案例详情↓==*/
.caseDet{}
.caseDet .titleTop{margin-bottom:50px;color:#fff;font-size:20px;font-weight:bold;padding:20px;text-align: center; background: #ff0000;}
.caseDet .frame{display: flex;margin-bottom:50px;padding-bottom:50px;border-bottom: 1px #ff0000 solid;}
.caseDet .frame:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;}
.caseDet .frame .set{margin-right: 80px;width:300px;flex-shrink: 0;}
.caseDet .frame .set .tit{position:relative;z-index:1;margin-bottom:20px;color:#fff;font-size:20px;padding: 15px 40px;margin-left: 30px;}
.caseDet .frame .set .tit:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background:-webkit-linear-gradient(left, #cf1f00, #fe2600);transform:skewX(-20deg);}
.caseDet .frame .set .tit:before{content:"";position:absolute;left: -30px;top:0;bottom:0;z-index:-1;width: 20px;background:#ff0000;transform:skewX(-20deg);}
.caseDet .frame .set p{margin-top:10px;color:#6a6a6a;font-size: 16px;}
.caseDet .frame .info{flex: 1;}
.caseDet .frame .in{margin-bottom:20px;display: flex;}
.caseDet .frame h4{flex-shrink: 0; color:#ff0000;font-size: 16px;font-weight:bold;margin-right:20px;}
.caseDet .frame p{color: #3a3a3a;font-size: 16px;line-height: 30px;}


/*==关于==*/
.aboutIn{}


/*==企业文化↓==*/
.ab-culture{position: relative;}
.ab-culture::before{content: "";position: absolute;left:0;bottom:0;right:0;height: 40%;background: #ddd;}
.ab-culture ul{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ab-culture ul li{position:relative;z-index: 1;width: calc( 25% - 20px);min-height: 600px;margin:0 0 20px 20px;padding-bottom:100px}
.ab-culture ul .bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index: -1;display: block;width:100%;height: 100%;object-fit: cover;}
.ab-culture ul .box{margin:50px 40px 0 40px}
.ab-culture ul h4{color:#fff;font-size: 28px;}
.ab-culture ul p{opacity: 0.8;color:#fff;font-size: 18px;margin-top:20px;}
.ab-culture ul li:hover{transform: translateY(-5px);box-shadow: 5px 5px 10px #ddd;}
.ab-culture .tip{opacity: 0.8;position: absolute;left:0;bottom:0;margin:40px;color:#fff;font-size: 20px;}


/*==关于-连接创造价值==*/
.ab-value{}
.ab-value .long{display: flex;}
.ab-value .long .set{flex-shrink: 0;max-width: 50%;}
.ab-value .long .info{flex: 1;margin-left:80px}
.ab-value .long .row{border-right: 2px #eee solid;padding-right: 20px;}
.ab-value .long .row li{margin-bottom:80px;text-align: right; padding-top: 20px;}
.ab-value .long .row li:last-child{margin-bottom:0px;}
.ab-value .long .row h4{position: relative;color:#ff0000;font-size: 30px;}
.ab-value .long .row h4::before{content: "";position: absolute;right: -26px;top: 0;bottom: 0;margin: auto;width:10px;height: 10px;border-radius: 50%;background: #ff0000;}
.ab-value .long .row p{margin-top:10px;color:#231815;font-size: 20px;}


/*==关于-成就品牌==*/
.ab-streng{}
.ab-streng .pic{text-align: center;}
.ab-streng .row{display: flex;margin-left: 45px;}
.ab-streng .row li{flex:1;margin-top:20px;padding:0 50px;text-align: center;}
.ab-streng .row h4{color:#ff0000;font-size: 28px;font-weight: bold;}
.ab-streng .row p{margin-top:10px;color:#231815;font-size: 18px;line-height: 30px;}
.ab-streng .row li:nth-child(2){transform:translateY(-20px)}
.ab-streng .row li:nth-child(3){transform:translateY(-140px)}


/*==品牌理念↓==*/
.idea-air{}
.idea-air .row{position: relative;display: flex;margin: -80px 60px 0 60px;border-radius: 10px;box-shadow: 0 0 10px #ddd;overflow: hidden;background: #fff;}
.idea-air .row li{flex: 1;}
.idea-air .row li{position: relative;flex: 1;display: flex;color:#666;font-size:20px;padding: 50px 30px;cursor: pointer;align-items: center;}
.idea-air .row li.active{color:#ff0000;}
.idea-air .row em{display: flex;flex-shrink: 0;margin-right:20px;height: 57px;overflow:hidden;align-items: center;justify-content: center;}
.idea-air .row em img{filter: drop-shadow(0px 57px #fff);}
.idea-air .row h4{color:#333;font-size:28px;}
.idea-air .row p{margin-top: 10px;color:#666;font-size:16px;}
.idea-air .row li:hover{background:#ff0000}
.idea-air .row li:hover *{color:#fff;}
.idea-air .row li:hover em img{transform: translateY(-100%);}


/*==公司简介↓==*/
.ab-intro{}
.ab-intro .long{display: flex;align-items: flex-end;}
.ab-intro .set{flex: 1;position: relative;margin-left: 80px;}
.ab-intro .set img{max-width:100%;width:100%;}
.ab-intro .info{flex: 1;}
.ab-intro .info .title{color:#000123;font-size: 44px;margin-bottom:30px;}
.ab-intro .info .title span{margin-top: 10px;display:block;color:#ff0000;font-size: 22px;}
.ab-intro .info .wx{color:#666666;font-size: 18px;line-height: 35px;}
.ab-intro .info .chart{display: flex; margin-top:40px;margin-left:-20px}
.ab-intro .info .chart img{flex: auto; width:50%;margin-left:20px}


/*==团队切换↓==*/
.srll-team{}
.srll-team .list li{position: relative;}
.srll-team .list .pic{padding-top:60%;}
.srll-team .list h4{padding:25px 0;color:#3a3a3a;font-size:20px;text-align: center;}
.srll-team .list h4::before{opacity:0; content: "";position: absolute;left:0;bottom:0;right:0;height:2px;background: #ff0000;}
.srll-team .list li:hover h4::before{opacity:1;}



/*==新闻列表↓==*/
.news-list {margin:0px 0 -10px 0;}
.news-list li {clear:both;width:100%;margin-bottom:40px;padding-bottom:40px;border-bottom:1px #ddd solid;overflow:hidden;}
.news-list a {display:block;}
.news-list .pic {float:left;width:400px;height:250px;margin-right:30px;background:#eee;}
.news-list .pic img {width:100%;height:100%;object-fit:cover;}
.news-list .title {color:#333333;font-size:24px;margin-bottom:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .time{margin-top:40px;display:table;color:#999999;font-size:14px;}
.news-list .txt{-webkit-line-clamp:3;color:#666666;font-size:14px;line-height:24px;}
.news-list li:hover .title {color:#ff0000}

/*==新闻详情框↓==*/
.newsDet{}
.newsDet .bgi{margin-bottom:30px;background:#fff;}
.newsDet .bgi:last-child {margin-bottom:0px;}
.newsDet .bgi.p3 {padding:30px 30px 40px 30px;}
.newsDet .bgi.p4 {padding:40px 40px 40px 40px;}
/*--*/
.newsDet .door{display: flex;}
.newsDet .large{flex: 1;}
/*--*/
.newsDet .content .titleTop{padding: 0 0 30px 0;margin: 0 0 40px 0;border-bottom: 1px #e4e4e4 solid;}
.newsDet .content .titleTop.lef{text-align: left;}
.newsDet .content .title{color:#333333;font-size:28px;}
.newsDet .content .msg{margin-top: 15px;color:#a7a7a7;font-size:16px;}
.newsDet .content .msg *,.NewsDetail .msg span,.NewsDetail .msg a{color:#a3a3a3;font-size:16px;}
.newsDet .content .msg span{margin:0 5px;}
.newsDet .content .msg a:hover,.NewsDetail .msg .active{color:#ff0000}
.newsDet .content .msg .active{font-weight:bold;}
.newsDet .content .wor{min-height:300px;font-size:16px;}
/*--*/
.newsDet .secs{width:450px;margin-left:80px;}
.newsDet .secs .shell {width:100%;margin-bottom:30px;}
.newsDet .secs .shell:last-child {margin-bottom:0px;}
.newsDet .secs .shell .tit {position:relative;color:#333333;font-size:28px;margin-bottom:30px;}
.newsDet .secs .shell .tit.bor:before {content:"";position:absolute;left:0;bottom:-1px;width:20%;height:1px;background:#ff0000;}
.newsDet .secs .shell .tit .more{float:right;font-size:14px;color: #999;margin-top: 5px;transition: all .4s ease-in-out;}
.newsDet .secs .shell .tit .more:hover{color:#ff0000}
/*--*/
.newsDet .news {}
.newsDet .news li {clear:both;width:100%;margin-bottom:20px;}
.newsDet .news li:last-child{margin-bottom:0px;}
.newsDet .news a {position:relative;display:flex;}
.newsDet .news .pic{flex-shrink: 0; width:40%;padding-top: 30%;margin-right:20px}
.newsDet .news .box{flex: 1;}
.newsDet .news .title {color:#333;font-size:20px; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsDet .news .time{display:block; margin-top:20px;color:#999;font-size:14px;}
.newsDet .news p{margin-top:20px;color:#6a6a6a;font-size:16px; }
.newsDet .news li:hover a {color:#ff0000;}
/*--*/
/*--*/
.newsDet .pagIng{margin-top: 40px;padding-top: 30px;border-top:1px #ddd  dashed;overflow: hidden;}
.newsDet .pagIng span{ display: inline-block;color:#888888;font-size:15px;}
.newsDet .pagIng a{display: block;width: 100%;margin-bottom: 15px;color:#666666;font-size:15px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsDet .pagIng a:hover{color:#ff0000; }


/*==联系我们↓==*/
.contactIn{}
.contactIn #dituContent{width:100%;height:100%;}
.contactIn #dituContent img{max-width:initial;}
/*--*/
.cta-mode{}
.cta-mode .long{}
.cta-mode .long{display: flex;justify-content: space-between;}
.cta-mode .set{width:40%;}
.cta-mode .info{width:50%;margin:0px 0 50px 50px;}
.cta-mode .title{position:relative;margin-bottom:30px;padding-bottom:25px;color: #000123;font-size:32px;border-bottom:1px #eee solid}
.cta-mode .title:before{content:"";position:absolute;left:0;bottom:-1px;width:20%;height:2px;background: #ff0000;}
.cta-mode .wx{color:#666666;font-size:20px; line-height: 32px;}
.cta-mode .wx span{display: flex;margin-bottom:20px;justify-content: flex-start;}
.cta-mode .wx b{color:#000123;margin-right:5px;font-weight:bold}
.cta-mode .wx i{flex-shrink: 0;margin-right:10px;width: 20px;color:#ff0000;font-size: 18px;text-align: center; padding-top: 8px;}
.cta-mode .ewm{display: flex;margin-top: 50px;}
.cta-mode .ewm span{margin-right: 40px;color:#2a2a2a;font-size: 15px;text-align: center;}
.cta-mode .ewm img{display:block;width:140px;padding: 5px;margin-bottom: 10px;border: 2px #000 solid;border-radius: 10px;}
/*--*/
.cta-message{background:url(../images/message-bg.jpg) no-repeat center; background-size:cover;}
.cta-message form{padding:0 0px;}
.cta-message .long{padding:80px;background: #fff;}
.cta-message .top{display: flex;margin-bottom:30px;align-items: center;justify-content: space-between;}
.cta-message .top h3{float:left;color:#191919;font-size:24px;}
.cta-message .top .tel{display: flex;color:#3a3a3a;font-size:26px;align-items: center;}
.cta-message .top .tel::before{content:"\e6a6"; display:block;margin-right:10px;margin-top:5px;color:#3a3a3a;font-size:28px;}


/*==留言模块↓==*/
.feedback-item form{display: flex;flex-wrap: wrap;margin: 0 0 -20px -20px;}
.feedback-item form .loaf{width: calc(50% - 20px);margin:0 0 20px 20px;}
.feedback-item form .loaf.w33{width:calc(33.3% - 20px);}
.feedback-item form .loaf.w50{width:calc(50% - 20px);}
.feedback-item form .loaf.w100{width:calc(100% - 20px);}
.feedback-item form .shell{display: flex;border: 1px #ddd solid;padding: 12px 20px;align-items: center;background: #fff;}
.feedback-item form .shell.vt{align-items: flex-start;}
.feedback-item form .shell i{color:red;margin-left:5px;}
.feedback-item form h5 {/* width: 60px; */flex-shrink: 0;display: flex;margin-right: 10px;color: #6a6a6a;font-size: 15px;align-items: center;}
.feedback-item form h5 em{display: flex;margin-right:10px;font-size: 18px;color: #999;width: 20px;align-items: center;justify-content: center;}
.feedback-item form .fill{ flex: 1;/* width: 100%; */line-height: 30px;color:#666;font-size: 15px;border: none;background: none;}
.feedback-item form textarea{height:180px}
.feedback-item form .button{position: relative; display: table;margin-right: 20px;color: #fff;font-size: 16px;padding: 16px 80px;border:none;cursor: pointer;border-radius: 5px;background: #ff0000;}
.feedback-item form .button.cor{color:#333;background:#dadde3}
.feedback-item form .button:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}
.feedback-item form .button:hover{color:#fff;background:#ff0000}
.feedback-item form .button:hover:after{opacity:0.2}
.feedback-item form .code{flex-shrink: 0;display: flex;margin-right: 20px;border: 1px #ddd solid;background: #fff;align-items: center;}
.feedback-item form .code input{flex: 1;width: 150px;padding: 18px 20px;font-size: 15px;border: none;}
.feedback-item form .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.feedback-item form .yzm{display: flex;margin-top:20px;align-items: center;}
.feedback-item form .explain{flex-shrink:0;width: 100%;margin-top: 0px;color:#333333;font-size:16px;}
.feedback-item form .explain i{color:red}
.feedback-item form .explain font{color:#ff0000;font-weight:bold;}
.feedback-item form .but{display: flex;margin-top:20px; align-items: center;justify-content: space-between;}
.feedback-item form .but .button{width:49%;margin:0px;}


/*==数字滚动↓==*/
.digital-air{display: flex;margin: 60px 0 0px -20px;justify-content: space-between;flex-wrap: wrap;}
.digital-air li{flex: 1; position:relative;margin-left: 20px;color:#666;line-height: 1;text-align: center;}
.digital-air span{color:#ff0000;font-size:50px;font-weight:bold;}
.digital-air font{color:#ff0000;font-size:16px;margin-left:5px}
.digital-air h4{margin-top: 10px;font-size:16px}
.digital-air.white *{color:#fff}


/*==常见问题列表↓==*/
.problem-list {margin:0px 0 -30px -30px;display:flex;flex-flow:row wrap;align-content:flex-start;}
.problem-list li {float:left;width:calc( 50% - 30px);margin:0 0 30px 30px;padding:30px;border:1px #fff solid;background: #f5f7fa;}
.problem-list a {display:block;}
.problem-list h4 {-webkit-line-clamp:1;position:relative;color:#333;font-size:18px;padding-bottom:2px;}
.problem-list p{position:relative;-webkit-line-clamp:2;color:#666;font-size:15px;margin-top:15px;line-height:24px;}
.problem-list .it{position:relative;display: flex;}
.problem-list em {display:flex;flex-shrink: 0;margin-right:10px;width:25px;height:25px;color: #fff;font-size: 16px;text-align:center;align-items: center;justify-content: center;background: #ff0000;}
.problem-list p em {background: #ee781f;}
.problem-list li:hover {border-color:#ff0000; transform:translateY(-5px);}
.problem-list li:hover h4 {color:#ff0000}
.problem-list li.w100 {width:100%;}


/*==下载列表↓==*/
.download-list {}
.download-list .top{background:#ff0000}
.download-list li {display:flex;color: #5b555a;font-size:15px;margin-bottom:2px;background: #fff;}
.download-list li:nth-child(2n){ background:#f8f8f8}
.download-list .state {padding: 12px 40px;display: flex;border-right: 1px #eee solid;}
.download-list .state:last-child {border-right:none}
.download-list .title {flex:1;color:#333;}
.download-list .block {width:200px;flex-shrink:0;color:#666;text-align: center;justify-content: center;}
.download-list .file:before {content:"\e694";float:left;margin:3px 5px 0 0;font-size:20px;color:#ff0000}
.download-list .file:hover {color:#ff0000}
.download-list .file:hover:before {color:#ff0000}
.download-list .top * {color: #fff;font-size: 20px;}
.download-list a:hover{color:#ff0000}


/*==咨询框架↓==*/
.consult-air{border-top:1px #eee solid; padding: 100px 0;background:url(../images/consult-bg.jpg) no-repeat center;background-size:cover;}
.consult-air .long{display: flex;align-items: center;}
.consult-air .info{flex:1}
.consult-air .set{margin-left:80px;}
.consult-air .tit{color:#8a8a8a;font-size: 40px;font-weight: 300;}
.consult-air .tit span{display: block;font-size:20px;}
.consult-air .title{margin-top: 30px;color:#ff6600;font-size:60px;font-weight:bold;letter-spacing: 10px;} 
.consult-air .btn{display: flex;margin-top: 30px;width: fit-content;border:2px #ff6600 solid;align-items: stretch;border-radius: 5px;}
.consult-air .btn b{color:#fff;font-size: 22px;padding: 15px 30px;background: #ff6600;}
.consult-air .btn span{color:#6a6a6a;font-size:30px;padding: 10px 30px;}
.consult-air .btn span::before{content: "\e603";margin-right:10px;font-size: 38px;}
.consult-air .btn:hover{border-color:#1a1a1a}
.consult-air .btn:hover b{background:#1a1a1a;}
.consult-air .tip{display: block;margin-top: 25px;color:#6a6a6a;font-size: 34px;font-weight: 300;} 


/*==seo-为什么要做seo↓==*/
.why-row{display: flex;margin-left: -40px;flex-wrap: wrap;}
.why-row li{position:relative; width: calc(25% - 40px);margin-left: 40px;padding: 40px 40px;border-radius:10px; text-align: center;background: #ff0000;}
.why-row em{display: flex;justify-content: center;align-items: center;}
.why-row h4{margin-top:20px;color:#fff;font-size: 24px;}
.why-row li:hover{transform:translateY(-5px);}
.why-row li:nth-child(1){background: #3aa5ff;}
.why-row li:nth-child(2){background: #ffb03d;}
.why-row li:nth-child(3){background: #2bbfe4;}
.why-row li:nth-child(4){background: #ff2600;}



/*==seo-服务成果 x0↓==*/
.seo-fruit{background:url(../images/fruit-bg.jpg) no-repeat center;background-size:cover;}
/*x0*/
.fruit-row{display: flex;flex-wrap: wrap;background: #fff;}
.fruit-row li{position:relative;width: 33.3%;padding: 20px 40px;margin: 50px 0;text-align: center;border-right: 1px #eee solid;background: #fff;}
.fruit-row li:last-child:after{display:none}
.fruit-row span{display: flex;margin: auto;width: 220px;height: 220px;color: #ff0000;font-size: 48px;font-weight:bold;line-height: 1;align-items: center;justify-content: center;border-radius: 50%;background: #f5f5f5;}
.fruit-row h4{margin-top: 30px;color: #000000;font-size: 24px;}
.fruit-row .pic{margin-top: 20px;}
.fruit-row li:hover h4{color:#ff0000}
/*-new-*/
.seo-fruit .long{display: flex;justify-content: space-between;}
.seo-fruit .long .frame{width: 49%;padding: 40px;box-shadow: 0 0 10px #ddd;background: #fff;}
.seo-fruit .long .title{margin-bottom:40px;padding-bottom:20px;color:#ff0000;font-size:36px;font-weight:bold;border-bottom:2px #ff0000 solid;}
.seo-fruit .long ul{}
.seo-fruit .long ul li{position:relative;padding-left:50px; margin-bottom:40px;padding-bottom:40px;border-bottom:1px #ddd solid}
.seo-fruit .long ul li:last-child{padding-bottom:0px;margin-bottom:0px;border-bottom:none}
.seo-fruit .long ul em{position: absolute;left:0;top: 0;}
.seo-fruit .long ul h4{color:#424242;font-size:24px;font-weight: bold;}
.seo-fruit .long ul p{margin-top:10px;color:#424242;font-size:18px;}
.seo-fruit .long ul li:hover h4{color:#ff0000}


/*==seo-seo优化流程↓==*/
.process-row{display: flex;margin-left:-30px;flex-wrap: wrap;}
.process-row li{width: calc(16.6% - 50px);margin-left: 50px;text-align: center;}
.process-row .in{padding:50px 10px;box-shadow:0 0 10px #ddd;border-radius: 10px;transition: all .4s ease-in-out;}
.process-row em{display: flex;width: 80px;height: 80px;margin: auto;border-radius: 50%;justify-content: center;align-items: center;background: #fff;}
.process-row h4{margin-top: 20px;color: #282828;font-size: 22px;}
.process-row li:hover{transform:translateY(-5px); }
.process-row li:hover .in{background:#ff0000;}
.process-row li:hover em{background:#fff !important}
.process-row li:hover h4{color:#ff0000}
.process-row li:nth-child(1) em{background: #eee;}
.process-row li:nth-child(2) em{background: #ccf0da;}
.process-row li:nth-child(3) em{background: #e3ebfc;}
.process-row li:nth-child(4) em{background: #d8eefe;}
.process-row li:nth-child(5) em{background: #e7f4ef;}
.process-row li:nth-child(6) em{background: #fbe5e1;}


/*==seo-SEO优化方式↓==*/
.seo-way{background:url(../images/way-bg.jpg) no-repeat center;background-size:cover;}
.seo-way .long{display: flex;justify-content: space-between;}
.seo-way .shell{width: 49%;box-shadow: 0 0 10px #ddd;background: #fff;}
.seo-way .titleTop{position: relative;padding: 30px 40px;color:#2a2a2a;font-size:28px;font-weight: bold;background: #fafdff;}
.seo-way .titleTop::after{content: "";display: block;margin-top: 20px;width: 40px;height:3px;background: #ff0000;}
.seo-way .titleTop font{color:#ff0000}
.seo-way .titleTop .tit{position: absolute;top:0;right:0;}
.seo-way .row{padding:30px;}
.seo-way .row li{margin-bottom:30px;}
.seo-way .row h4{display: flex;color:#000000;font-size: 20px;align-items: center;}
.seo-way .row h4::before{content: "";display: block;width:3px;height: 15px;margin-right: 10px;background: #ff0000;}
.seo-way .row p{margin-top:10px;font-size: 16px;color:#6a6a6a;}
.seo-way .row li:hover h4{color:#ff0000}


/*==row通用-1↓==*/
.row-item-1{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;}
.row-item-1 li{width: calc(25% - 20px);margin:0 0 20px 20px;padding: 30px;border-radius: 20px;box-shadow: 0px 2px 20px #eee;}
.row-item-1 h4{display: flex;color:#282828;font-size: 22px;align-items: center;}
.row-item-1 em{display: flex;width: 40px;height: 40px;margin-right:20px;justify-content: center;align-items: center;background: #ffd4cc;}
.row-item-1 .pic{margin-top:20px;}
.row-item-1 span{display:block;margin-top:30px;color:#282828;font-size: 16px;text-align: center;}
.row-item-1 li:hover{transform:translateY(-5px);background: #ff0000;}
.row-item-1 li:hover *{color:#fff}
.row-item-1 li:hover em{background: #fff;}


/*==说说您的需求↓==*/
.want-air{padding:100px 0;}
.want-air .long{display: flex;flex-direction: column;align-items: center;}
.want-air .title{color:#282828;font-size:44px}
.want-air .btn{display: table;margin-top:20px;color:#fff;font-size:20px;padding: 15px 50px;border-radius: 30px;background: #ff0000;}
.want-air .btn:hover{color:#fff;background: #3a3a3a;}
.want-air .tel{display: block;margin-top:20px;color:#6a6a6a;font-size:20px;}


/*==短视频营销-part排版↓==*/
.dsp-part{}
.dsp-part .titleBx.white span{opacity: 1;}
.dsp-part .titleTop{padding:50px 0;text-align: center;background: #ff0000;}
.dsp-part .titleTop .titleBx{margin-bottom:0px;}
.dsp-part .title-1{margin-bottom: 50px;color:#000;font-size: 38px;text-align: center;}
.dsp-part .title-1 font{color:#ff0000}


/*==短视频营销-列表1↓==*/
.dspIn .list-1{display: flex;margin:0 0 -30px -30px;flex-wrap: wrap;}
.dspIn .list-1 li{width: calc(20% - 30px);margin:0 0 30px 30px;border-radius: 20px;}


/*==短视频营销-视频玩法↓==*/
.method-row{display: flex;margin: 0 0 -30px -30px;flex-wrap: wrap;}
.method-row li{width: calc(20% - 30px);margin: 0 0 30px 30px;padding: 50px 30px;text-align: center;background: #f7f9fb;}
.method-row em{display: flex;margin: auto;width: 90px;height: 90px;color:#fff;font-size:30px;justify-content: center;align-items: center;overflow: hidden;border-radius: 50%;background: #ff0000;}
.method-row em img{filter: drop-shadow(0px 90px #ff0000);}
.method-row h4{margin-top: 15px;color: #161823;font-size: 24px;font-weight: bold;}
.method-row h4:after{content:"";display:block;width: 35px;height:2px;margin: auto;margin-top: 15px;background: #ff0000;}
.method-row span{margin-top:15px;display: block;font-size: 16px;color:#6a6a6a;}
.method-row li:hover{transform:translateY(-5px);background: #ff0000;}
.method-row li:hover *{color:#fff}
.method-row li:hover h4:after{background:#fff}
.method-row li:hover em{background:#fff}
.method-row li:hover em img{transform: translateY(-210%);}


/*==短视频营销-矩阵传播↓==*/
.matrix-row{display: flex;margin:0 0 -30px -30px;flex-wrap: wrap;}
.matrix-row li{width: calc(33.3% - 30px);margin:0 0 30px 30px;box-shadow: 0 0 10px #ddd;text-align: center;}
.matrix-row h4{display: flex;padding:15px 10px;color:#fff;font-size: 28px;background: #333;align-items: center;justify-content: center;}
.matrix-row h4 i{font-size:40px;margin-right:10px}
.matrix-row p{display:block;padding:50px 40px;color: #282828;font-size: 18px;line-height: 30px;}
.matrix-row li:hover{transform:translateY(-5px);}
.matrix-row li:nth-child(1) h4{background:#3cadb8;}
.matrix-row li:nth-child(2) h4{background:#ee781f;}
.matrix-row li:nth-child(3) h4{background:#ff2600;}


/*==短视频营销-网红传播案例↓==*/
.kol-puter{display: flex;align-items: center;}
.kol-puter .info{margin: 20px 0;padding:50px 80px;border-radius: 10px;box-shadow: 0 0 10px #ddd;}
.kol-puter .info h4{color:#000;font-size:28px;margin-bottom: 20px;}
.kol-puter .info p{margin-bottom:20px;color:#6a6a6a;font-size:18px;}
.kol-puter .set{}


/*==短视频营销-广告标题↓==*/
.advert-top{display: flex;padding: 60px 50px;border-radius:20px;background:url(../images/advert-title-bg.jpg) no-repeat center;background-size:cover;align-items: center;justify-content: center;flex-direction: column;}
.advert-top h3{color:#fff;font-size: 32px;}
.advert-top h3:after{content:"";display:block;width: 40px;height: 1px;margin: auto;margin-top: 20px;background: #fff;}
.advert-top span{display:block;margin-top: 20px;color:#fff;font-size: 22px;}


/*==短视频营销-广告投放玩法↓==*/
.advert-row{position: relative;display: flex;margin: 100px 0 -30px -30px;}
.advert-row::before{content: "";position: absolute;left: 0;top: -45px;right: 0;z-index:1;height: 1px;background: #ddd;}
.advert-row li{position: relative;width:calc(33.3% - 30px);padding: 30px;margin:0 0 30px 30px;text-align: center;box-shadow: 0 0 10px #ddd;background: #fff;}
.advert-row li::before{opacity: 0.2;content: "";position: absolute;top:-50px;left:0;right:0;z-index: 1;margin: auto;width:10px;height: 10px;box-shadow: 0 0 0 5px rgba(255,0,0,0.5);border-radius:50%;background: #ff0000;}
.advert-row li::after{opacity: 0;content:"";position:absolute;left:0;right: 0;bottom:0;z-index:1;width:50%;height: 5px;background:-webkit-linear-gradient(left, #ff552e, #ffbb2e);}
.advert-row h4{color:#282828;font-size:28px;}
.advert-row p{margin-top: 15px;color: #999999;font-size: 16px;line-height: 26px;}
.advert-row li:hover:before{opacity:0.6}
.advert-row li:hover:after{opacity:1;width:100%;}


/*==短视频营销-视频拍摄↓==*/
.shot-row{display: flex;margin: 0 0 -40px -20px;flex-wrap: wrap;justify-content: space-between;}
.shot-row li{position: relative;display: flex;width: calc(20% - 20px);margin: 0 0 40px 20px;/* width: 230px; */height: 260px;background:url(../images/circle-bg-1.png) no-repeat center;/* background-size:cover; */align-items: center;justify-content: center;flex-direction: column;}
.shot-row li::before{opacity: 0;content:"";position: absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:url(../images/circle-bg-2.png) no-repeat center;}
.shot-row i{color:#999999;font-size:52px;font-weight:bold;}
.shot-row h4{margin-top: 15px;color:#999999;font-size: 24px;}
.shot-row li:hover *{color:#ff0000}
.shot-row li:hover::before{opacity: 1;}



/*==新媒体营销-我们的服务↓==*/
.xmt-service{background:url(../images/service-bg.jpg) no-repeat center;background-size:cover;}
.service-row{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;}
.service-row li{width: calc(20% - 30px);margin: 0 0 30px 30px;padding: 20px;}
.service-row .in{display: flex;width:200px;height:200px;margin: auto;box-shadow: 0px 5px 20px rgb(255,0,0,0.1);border-radius: 50%;align-items: center;justify-content: center;border: 1px #fff solid;background: #fff;transition: all .4s ease-in-out;}
.service-row em{display: flex;height: 115px;margin: auto;justify-content: center;align-items: center;}
.service-row h4{margin-top: 20px;color:#282828;font-size: 24px;text-align: center;}
.service-row li:hover{transform:translateY(-5px)}
.service-row li:hover .in{border-color:#ff0000}
.service-row li:hover h4{color:#ff0000}


/*==新媒体营销-全方位新媒体营销服务↓==*/
.xmt-omni{background:url(../images/omni-bg.jpg) no-repeat center;background-size:cover;}


/*==新媒体营销-移动营销时代到来↓==*/
.xmt-times{background: url(../images/times-bg.jpg) no-repeat center;background-size:cover;}
.xmt-times .long{display: flex;}
.xmt-times .long .set{flex-shrink: 0;margin-right:50px;}
.xmt-times .long .info{flex: 1;}
.xmt-times ul{display: flex;}
.xmt-times ul li{width:calc(25% - 50px);margin:0 0 50px 50px;color:#333;font-size:20px;}
.xmt-times ul li:hover{color:#fff;background: #ff6600;}
 


/*==新媒体营销-多样的资源覆盖↓==*/
.xmt-various{background:url(../images/various-bg.jpg) no-repeat center;background-size:cover;}


/*==新媒体营销-扩散品牌声量↓==*/
.xmt-times{background: url(../images/times-bg.jpg) no-repeat center;background-size:cover;}
.xmt-times .long{display: flex;align-items: center;}
.xmt-times .long .set{flex-shrink: 0;margin-right:50px;}
.xmt-times .long .info{flex: 1;}
.xmt-times .long .title{color:#000;font-size:28px;font-weight: bold;margin-bottom: 50px;}
.xmt-times ul{display: flex;flex-wrap: wrap;margin: 0 0 -30px -30px;}
.xmt-times ul li{width: calc(25% - 40px);margin: 0 0 40px 40px;color:#333;font-size:20px;padding: 20px 20px;border-radius: 10px;box-shadow: 0 0 10px #ddd;text-align: center;background: #fff;}
.xmt-times ul li:hover{color:#fff;background: #ff0000;}


/*==新媒体营销-资源覆盖↓==*/
.xmt-spread{ }


/*==左右图文-通用↓==*/
.puter-item{display: flex;align-items: center;}
.puter-item .set{flex-shrink: 0;margin-right:80px}
.puter-item .info{flex: 1;}
.puter-item .row{display: flex;flex: 1;flex-direction: column;}
.puter-item .row li{display: flex;position: relative;margin-bottom:30px;padding: 30px 40px;border-radius: 10px;align-items: center;}
.puter-item .row .box{}
.puter-item .row em{display: flex;width: 91px;align-items: center;justify-content: center;margin-right: 30px;overflow: hidden;}
.puter-item .row em img{opacity:0.4; filter: drop-shadow(0px 91px #fff);}
.puter-item .row h4{color:#282828;font-size: 24px;font-weight: bold;} 
.puter-item .row p{display:block;margin-top: 10px;color:#282828;font-size: 16px;line-height: 26px;}
.puter-item .row li:hover em img{opacity:1; transform:translateY(-91px);}
.puter-item .row li:hover{box-shadow: 5px 10px 10px #ffc2c2;background:#ff0000}
.puter-item .row li:hover .box *{color:#fff} 


/*==新媒体营销-全平台达人整合营销↓==*/
.xmt-integra{background: #5470f7;}


/*==新媒体营销-线下探店↓==*/
.stores-row-1{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.stores-row-1 li{display: flex;width: 180px;height: 180px;margin:0 20px;text-align: center;border-radius: 50%;box-shadow: 0 0 10px #ddd;align-items: center;justify-content: center;flex-direction: column;background:#fff;}
.stores-row-1 h4{margin-top: 10px;color:#ff0000;font-size: 18px;}
.stores-row-1 em{overflow:hidden}
.stores-row-1 em img{filter:drop-shadow(0px 90px #fff);}
.stores-row-1 li:hover{transform:translateY(-5px);background: #ff0000;}
.stores-row-1 li:hover h4{color:#fff}
.stores-row-1 li:hover em img{transform:translateY(-100%)}


/*==新媒体营销-线下探店-列表↓==*/
.stores-list{display: flex;margin:0 0 -40px -40px;flex-wrap: wrap;}
.stores-list li{width: calc(33.3% - 40px);margin:0 0 40px 40px;text-align: center;}
.stores-list a{display: block;}
.stores-list li:hover{transform:translateY(-5px)}


/*==新媒体营销-代运营服务↓==*/
.target-tab{display: flex;margin-left: -20px;}
.target-tab li{/* display: flex; */position: relative;width: 6%;height: 360px;margin-left: 20px;}
.target-tab .brand{flex-shrink: 0;position: relative;width: 70px;text-align: center;height: 100%;box-shadow: 0 0 10px #ddd;cursor: pointer;background: #fff;}
.target-tab .brand h4{display: flex;width: 100%;color:#fff;font-size:30px;padding-top: 50px;writing-mode: vertical-rl;align-items: center;letter-spacing: 5px;justify-content: center;}
.target-tab .brand em{position: absolute;bottom:0;left:0;right:0;display: flex;height: 80px;padding: 20px 10px;align-items: center;justify-content: center;}
.target-tab .brand em img{width: 80%;}
.target-tab .info{opacity: 0;position: absolute;left: 80px;right: 0;top: 0;bottom: 0;width: auto;padding:50px 30px;background: #666;}
.target-tab .info h4{color:#fff;font-size: 28px;margin-bottom: 15px;}
.target-tab .info p{color:#fff;font-size:16px;line-height: 30px;}
.target-tab .info .low{margin-top: 15px;display: flex;}
.target-tab .info .low a{display: block;padding:10px 30px;margin-right: 20px;font-size:15px;color:#fff;border:1px #fff solid}
.target-tab .info .low a:hover{color:#333;background: #fff;}
.target-tab .active{width: 50%;}
.target-tab .active .info{opacity:1}
.target-tab .xhs .brand h4{color:#F41B39}
.target-tab .xhs .brand em{background:#F41B39}
.target-tab .xhs .info{background:#F41B39}
.target-tab .dsp .brand h4{color:#000}
.target-tab .dsp .brand em{}
.target-tab .dsp .info{background:#000}
.target-tab .wx .brand h4{color:#77AC42}
.target-tab .wx .brand em{background: #77AC42;}
.target-tab .wx .info{background:#77AC42}
.target-tab .wb .brand h4{color:#FCB040}
.target-tab .wb .brand em{background: #FCB040;}
.target-tab .wb .info{background:#FCB040}
.target-tab .ks .brand h4{color:#77AC42}
.target-tab .ks .brand em{background: #77AC42;}
.target-tab .ks .info{background:#77AC42}
.target-tab .zmt .brand h4{color:#323232}
.target-tab .zmt .brand em{background: #323232;}
.target-tab .zmt .info{background:#323232}
.target-tab .xmt .brand h4{color:#0063A8}
.target-tab .xmt .brand em{background: #0063A8;}
.target-tab .xmt .info{background:#0063A8}


/*==新媒体营销-账号代运营↓==*/
.account-row{display: flex;flex-wrap: wrap;}
.account-row li{position: relative;width: calc(25% - 20px);margin: 0 0 20px 20px;padding:50px;box-shadow: 5px 5px 20px #ddd;background: #fff;}
.account-row em{display: flex;height: 60px;align-items: center;overflow: hidden;justify-content: flex-start;}
.account-row em img{filter: drop-shadow(0px 60px #fff);}
.account-row h4{margin-top:10px;color: #090929;font-size: 22px;}
.account-row p{display:block;margin-top:20px;color: #6a6a6a;font-size: 16px;}
.account-row li:hover{background:#ff0000}
.account-row li:hover::after{opacity: 1;}
.account-row li:hover *{color:#fff}
.account-row li:hover em img{transform:translateY(-100%);}


/*==新媒体营销-各大平台↓==*/
.even-tab{position: relative;z-index: 1;padding: 80px 0;}
.even-tab .long{display: flex;border-radius: 40px;border:1px #eee solid;background: #fdfdfd;align-items: flex-start;}
.even-tab .left{display: flex;width: 470px;border-radius: 30px 0 0 30px;overflow: hidden;border-right:1px #ddd solid;flex-wrap: wrap;}
.even-tab .left li{padding: 40px 40px;width: 50%;height: 100%;cursor: pointer;color: #000000;font-size: 24px;text-align: center;}
.even-tab .left .active{color:#fff;background: #FF2741;}
.even-tab .right{flex: 1;padding: 60px;}
.even-tab .right .frame{height:100%;}
.even-tab .or{display: flex;margin-top: 40px;}
.even-tab .or .box{flex: 1;margin-right: 420px;}
.even-tab .or .pic{flex-shrink: 0;width: 380px;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;height: fit-content;}
.even-tab .or h4{color:#ff0000;font-size:28px;}
.even-tab .or p{margin-top:20px;color:#666666;font-size:16px;}
.even-tab .or .more{display: table;margin-top:40px;color:#fff;font-size:16px;padding:10px 20px;border-radius: 5px;background: #ff0000;transition: all .4s ease-in-out;}
.even-tab .or .more:hover{background:#3a3a3a;}


/*==全网整合营销-数字↓==*/
.number-row{display: flex;flex-wrap: wrap;margin-left: -40px;}
.number-row li{display: flex;flex: 1;position: relative;margin-left: 40px;align-items: center;}
.number-row em{display: flex;margin-right: 20px;overflow: hidden;}
.number-row .box{flex:1;}
.number-row h4{color: #f58220;font-size: 36px;font-weight: bold;}
.number-row span{display:block; margin-top:5px;color:#8a8a8a;font-size: 18px;}



/*==全网整合营销-标题↓==*/
.qwzhIn .titleBx hr{background: #ff6600;}


/*==全网整合营销-一站式网络营销服务↓==*/
.qwzh-serve{background: #f60;overflow: hidden;}
.qwzh-serve .long{position: relative;text-align: center;}
.qwzh-serve .pic{}
.qwzh-serve .long::before{content:"";position:absolute;left: -80px;top:0;right:0;bottom:0;z-index:1;width: 1390px;height: 1390px;margin: auto;background:url(../images/serve-line-1.png) no-repeat center;animation: wheel  40s linear infinite}
.qwzh-serve .long::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:url(../images/serve-line-2.png) no-repeat center;animation: wheel 8s linear infinite}
/*--*/
@keyframes wheel{
0% {transform: rotate(0deg);}
25% { transform: rotate(-90deg);}
50% {transform: rotate(-180deg);}
75% {transform: rotate(-270deg);}
100% {transform: rotate(-360deg);}
}  


/*==全网整合营销-您的烦恼↓==*/
.qwzh-bother{background:url(../images/bother-bg.jpg) no-repeat center;background-size:cover;}
.obtain-row-2{display: flex;flex-wrap: wrap;}
.obtain-row-2 li{display: flex;position: relative;width: 100%;padding:50px;margin-bottom: 20px;border-radius: 10px;background: #eee;}
.obtain-row-2 li:last-child{margin-bottom:0px;}
.obtain-row-2 i{position:absolute;right: 50px;top: 0;bottom: 0;height: fit-content;margin: auto;color: #b9b9b9;font-size: 60px;font-weight: bold;}
.obtain-row-2 em{display: flex;justify-content: center;align-items: center;height: 81px;overflow: hidden;}
.obtain-row-2 em img{filter: drop-shadow(0px 81px #fff);}
.obtain-row-2 .box{flex:1;margin:0 100px}
.obtain-row-2 h4{margin-top:10px;color:#3a3a3a;font-size: 28px;}
.obtain-row-2 p{display:block; margin-top:10px;color:#8a8a8a;font-size: 18px;}
.obtain-row-2 li:hover{background:#ff6600}
.obtain-row-2 li:hover::after{opacity: 1;}
.obtain-row-2 li:hover *{color:#fff}
.obtain-row-2  li:hover em img{transform:translateY(-150%);}


/*==全网整合营销-短视频玩法↓==*/
.qwzh-service{background:url(../images/service-bg-2.jpg) no-repeat center;background-size:cover;}
/*--*/
.service-row-2{display: flex;margin:0 0 -30px -30px;flex-wrap: wrap;}
.service-row-2 li{display: flex;position: relative;width: calc(50% - 30px);margin:0 0 30px 30px;padding: 40px;background: #fff;box-shadow: 0 0 10px #eee;}
.service-row-2 li::after{opacity:0; content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height: 2px;background: #ff6600;}
.service-row-2 em{flex-shrink: 0;display: flex; margin-left: 50px;align-items: center;justify-content: center;}
.service-row-2 .info{flex: 1;}
.service-row-2 .info h4{color:#333;font-size: 24px;font-weight:bold;}
.service-row-2 .info h4 i{color:#ff6600;margin-left:10px}
.service-row-2 .info p{margin-top: 15px;color:#666;font-size:16px;line-height: 30px;}
.service-row-2 .info .link{display: flex;margin-top: 20px;margin-left: -20px;flex-wrap: wrap;}
.service-row-2 .info .link a{margin: 0 0 10px 10px;display: block;color:#666;font-size:14px;padding:5px 20px;border:1px #ddd solid;border-radius: 30px;}
.service-row-2 li:hover::after{opacity:1;}
.service-row-2 li:hover h4{color:#ff6600}


/*==全网整合营销-生产力↓==*/
.qwzh-yield{background:#f60;}


/*==全网整合营销-营销策划↓==*/
.qwzh-plan{position: relative;}


/*==全网整合营销-全平台达人整合营销↓==*/
.qwzh-integra{background: #ff6600;}


/*==全网整合营销-全案从咨询到落地↓==*/
.qwzh-solution{background:url(../images/solution-bg-2.jpg) no-repeat center;background-size:cover;}
.qwzh-solution .long{width:60%;}
/*--*/
.solution-row-2{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;}
.solution-row-2 li{width: calc(33.3% - 20px);margin:0 0 20px 20px;padding:50px 20px;text-align: center;background: #fff;}
.solution-row-2 em{display: flex;height: 80px;justify-content: center;align-items: center;}
.solution-row-2 em img{}
.solution-row-2 h4{margin-top:10px;color:#20405d;font-size: 18px;}
.solution-row-2 li:hover{transform:translateY(-5px)}
.solution-row-2 li:hover h4{color:#f58220}


/*==全网整合营销-量身服务↓==*/
.tailored-row{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;}
.tailored-row li{width: calc(50% - 20px);margin:0 0 20px 20px;text-align: center;background: #fff;}
.tailored-row .pic{}
.tailored-row .pic img{width:100%;}
.tailored-row .box{padding:50px;}
.tailored-row h4{ color:#f58220;font-size: 40px;font-weight:bold}
.tailored-row p{margin-top:20px;color:#3a3a3a;font-size: 20px;}
.tailored-row font{color:#f58220}
.tailored-row span{margin-top: 60px;display: block;color:#6a6a6a;font-size: 14px;}
.tailored-row li:hover{transform:translateY(-5px)}
.tailored-row li:hover h4{color:#f58220}


/*==全网整合营销-营销顾问一对一服务↓==*/
.qwzh-biunique{background: #fb5d06;}


/*==全网整合营销-专业队伍↓==*/
.qwzh-ranks{background: #fb5d06;}
.qwzh-ranks .title{text-align: center;}
.qwzh-ranks .title b{color:#fff;font-size:70px;font-weight: bold;}
.qwzh-ranks .title span{display: block;margin-top:10px; color:#fff;font-size:32px;}



/*==全网整合营销-城市分布↓==*/
.spread-row{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;justify-content: space-evenly;}
.spread-row li{margin:0 0 20px 20px;text-align: center;}
.spread-row em{display: flex;justify-content: center;align-items: center;}
.spread-row em img{}
.spread-row h4{margin-top:20px;color:#3a3a3a;font-size: 22px;font-weight: bold;}
.spread-row li:hover{transform:translateY(-5px)}
.spread-row li:hover h4{color:#ff0000}


/*==全网整合营销-服务模块↓==*/
.qwzh-modular{}
.qwzh-modular .long{position: relative;display: table;margin:auto;overflow: hidden;}
.qwzh-modular .long::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;margin: auto;background:url(../images/modular-line.png) no-repeat center;animation: wheel  10s linear infinite}


/*==全网整合营销-我们的服务↓==*/
.our-row{display: flex;margin:0 0 -10px -10px;flex-wrap: wrap;}
.our-row li{position:relative; width: calc(14.2% - 10px);margin:0 0 10px 10px;padding:40px 20px;text-align: center; background: #eee;}
.our-row li:after{content:"";position:absolute;right: -26px;top:0;bottom:0;z-index: 1;width: 40px;height: 40px;margin: auto;border-radius:50%;background:#fff}
.our-row li:last-child:after{display:none}
.our-row li:nth-child(2n){background: #ff6600;}
.our-row li:nth-child(2n) *{color:#fff}
.our-row i{color:#ff6600;font-size:50px;}
.our-row h4{margin-top:20px;color:#3a3a3a;font-size: 20px;font-weight:bold}
.our-row p{margin-top:10px;color:#666;font-size: 16px; }
.our-row li:hover{background:#ff6600}
.our-row li:hover *{color:#fff}


/*==小红书推广-我们的服务↓==*/
.xhstg-service{background: #f9f3f3;}
.xhstg-service .long{display: flex;align-items: center;}
.xhstg-service .service-row-3{flex:1}
.xhstg-service .long .pic{flex-shrink: 0;}


/*==小红书推广-我们的服务-排版↓==*/
.service-row-3{display: flex;margin:0 0 -20px -20px;padding: 40px;flex-wrap: wrap;background: rgba(255,255,255,0.3);}
.service-row-3 li{position: relative;width: calc(20% - 20px);margin:0 0 20px 20px;padding: 30px 30px 100px 30px;border-radius: 10px;background: #fff;}
.service-row-3 li:before{content:"";position: absolute;right:20px;bottom:20px;display: block;width: 69px;height: 55px;background: url(../images/service-ico-bg.png) no-repeat;}
.service-row-3 em{display: flex;height: 90px;align-items: center;overflow:hidden}
.service-row-3 em img{filter:drop-shadow(0px 90px #fff);}
.service-row-3 h4{margin-top:20px;color: #010101;font-size: 24px;}
.service-row-3 li:hover{transform:translateY(-5px);background:#FF2741}
.service-row-3 li:hover h4{color:#fff}
.service-row-3 li:hover em img{transform:translateY(-130%)}


/*==小红书推广-我们的服务-列表↓==*/
.service-list-3{display: flex;margin:0 0 -40px -40px;flex-wrap: wrap;}
.service-list-3 li{width: calc(20% - 40px);margin:0 0 40px 40px;text-align: center;}
.service-list-3 li:hover{transform:translateY(-5px)}


/*==小红书推广-全渠道赋能↓==*/
.enable-row{display: flex;margin: 0 0 -20px -20px;flex-wrap: wrap;}
.enable-row li{display: flex;width: calc(25% - 20px);margin: 0 0 20px 20px;padding: 30px;border-radius:10px;overflow: hidden;box-shadow: 0 0 10px #ddd;background: #fff;align-items: center;}
.enable-row em{flex-shrink:0;margin-right: 20px;}
.enable-row .box{flex:1}
.enable-row h4{ color:#101010;font-size:24px;font-weight:bold; }
.enable-row p{margin-top: 10px;color:#6a6a6a;font-size: 16px;}
.enable-row li:hover{transform:translateY(-5px)}
.enable-row li:hover{background: #FF2741;}
.enable-row li:hover *{color:#fff}


/*==小红书推广-多维度品牌营销↓==*/
.xhstg-several{background:url(../images/several-bg.jpg) no-repeat center;background-size:cover;}
/*--*/
.several-puter{display: flex;}
.several-puter .pic{flex-shrink:0;position: relative;}
.several-puter .row{flex: 1;padding: 50px 50px 45px 100px;margin-left: -150px;border-radius: 10px;box-shadow: 0 0 10px #ddd;background: #fff;}
.several-puter .row li{margin-bottom: 50px;}
.several-puter .row li:last-child{margin-bottom:0px}
.several-puter .row h4{display: flex;flex-shrink: 0;color:#000123;font-size:24px;font-weight:bold;align-items: center;}
.several-puter .row h4 i{flex-shrink: 0; display: flex;color:#fff;font-size:20px;margin-right:10px;width: 30px;height: 30px;border-radius: 50%;background: #FF2741;justify-content: center;align-items: center;}
.several-puter .row p{margin-top: 10px;color: #666;font-size: 16px;}
.several-puter .row li:hover{transform:translateX(-5px)}}


/*==小红书推广-爆文玩法-滚动↓==*/
.srll-method{}
.srll-method .list h4{color:#000123;font-size:20px;margin-top:20px;text-align: center;}
.srll-method .list .pic img{width:100%}
.srll-method .spot{display: none;}


/*==小红书推广-爆文玩法-列表↓==*/
.method-list{display: flex;margin: 0 0 -40px -40px;flex-wrap: wrap;}
.method-list li{position: relative; width: calc(20% - 40px);margin: 0 0 40px 40px;border-radius:10px;overflow: hidden;}
.method-list h4{color:#000123;font-size:20px;margin-top:20px;text-align: center;}
.method-list li:hover{transform:translateY(-5px)}
.method-list li:hover h4{color: #FF2741;}


/*==小红书推广-爆文突围策略-头部↓==*/
.xhstg-strategy{background:url(../images/strategy-bg.jpg) no-repeat center;background-size:cover;}


/*==小红书推广-爆文突围策略-列表↓==*/
.strategy-list{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;}
.strategy-list li{display: flex;position: relative;width: calc(20% - 0px);padding: 50px 30px;overflow: hidden;flex-direction: column;align-items: center;text-align: center;}
.strategy-list .box{margin-top: 20px;}
.strategy-list h4{display: flex;width: 180px;height: 180px;color:#3a3a3a;font-size: 32px;font-weight: bold;border-radius: 50%;box-shadow: 0 0 10px #aaa;border: 1px solid #FF2741;align-items: center;justify-content: center;flex-direction: column;background: #ffffff;}
.strategy-list h4 font{display: block;color:#ff2741;}
.strategy-list h5{color:#282828;font-size: 24px; }
.strategy-list p{display:block;margin-top: 10px;color:#666666;font-size: 16px;line-height: 26px;}
.strategy-list li:hover{transform:translateY(-5px);background:#FF2741}
.strategy-list li:hover .box *{color:#fff} 



/*==小红书推广-爆文模型↓==*/
.xhstg-mould{background: #fbfbfb;}


/*==小红书推广-文本文字↓==*/
.title-info{text-align: center;margin-bottom:50px;}
.title-info h4{color:#FF2741;font-size:34px;font-weight: bold;}
.title-info p{margin-top:20px; color:#3a3a3a;font-size:22px;font-weight: bold;}
.title-info font{color:#FF2741}


/*==小红书推广-精细化内容运营↓==*/
.xhstg-material{background: #f3f6fe;}
/*--*/
.material-row-1{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;}
.material-row-1 li{flex: 1;padding: 15px 20px;margin: 0 0 20px 20px;font-size:24px;color:#52597a;border: 1px #FF2741 dashed;border-radius: 10px;text-align: center;box-shadow: 0 0 10px #ccc;background: #fff;}
/*--*/
.material-row-2{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;}
.material-row-2 li{display: flex;position: relative;width: calc(25% - 20px);margin:0 0 20px 20px;padding: 50px 30px;overflow: hidden;flex-direction: column;align-items: center;text-align: center;border-radius: 10px;background: #fff;}
.material-row-2 .box{margin-top: 20px;}
.material-row-2 em{display: flex;width: 90px;height: 90px;align-items: center;overflow:hidden;background:#ffd4cc;justify-content: center;border-radius: 10px;}
.material-row-2 em img{ }
.material-row-2 h4{ color:#282828;font-size: 24px; } 
.material-row-2 p{display:block;margin-top: 10px;color:#282828;font-size: 16px;line-height: 26px;}
.material-row-2 li:hover em{background: #fff;}
.material-row-2 li:hover{transform:translateY(-5px);background:#FF2741}
.material-row-2 li:hover .box *{color:#fff} 


/*==小红书推广-全案服务↓==*/
.xhstg-entire{background:url(../images/entire-bg.jpg) no-repeat center;background-size:cover;}
/*--*/
.entire-row{position: relative;display: flex;margin: 100px 0 -30px -30px;}
.entire-row::before{opacity: 0.2;content: "";position: absolute;left:-100%;top: -45px;right:-100%;z-index:1;height: 1px;background: #fff;}
.entire-row li{position: relative;width:calc(20% - 30px);padding: 50px 30px 100px 30px;margin:0 0 30px 30px;background: #fff;}
.entire-row li::before{opacity: 0.8;content: "";position: absolute;top:-50px;left:0;right:0;margin: auto;width:10px;height: 10px;box-shadow: 0 0 0 5px rgba(255,255,255,0.5);border-radius:50%;background: #fff;}
.entire-row li::after{content:"";opacity: 0.2;position:absolute;left:0;bottom:0;z-index:1;width: 192px;height: 100px;background: url(../images/entire-line.png) no-repeat center;}
.entire-row h4{display: flex;flex-shrink: 0;color:#FF2741;font-size:24px;align-items: center;}
.entire-row i{opacity: 0.1;position: absolute;right:0;bottom:0;margin: 30px;color:#000;font-size: 50px;font-weight: bold;}
.entire-row p{margin-top: 10px;color: #666;font-size: 16px;line-height: 28px;}
.entire-row li:hover{ background:#FF2741}
.entire-row li:hover *{color:#fff}
.entire-row li:hover i{ opacity:0.5;}
.entire-row li:hover:before{box-shadow:0 0 0 5px #FF2741}


/*==小红书推广-素人小达人产品种草↓==*/
.xhstg-recommend{background:url(../images/recommend-bg.jpg) no-repeat center;background-size:cover;}
.xhstg-recommend .long{display: flex;}
.xhstg-recommend .long .pic{flex-shrink: 0;margin-right:80px}
/*--*/
.recommend-row{display: flex;flex: 1;flex-direction: column;}
.recommend-row li{display: flex;position: relative;padding: 25px 40px;border-radius: 10px;align-items: center;}
.recommend-row .box{}
.recommend-row em{display: flex;width: 75px;height: 70px;align-items: center;justify-content: center;border-radius: 10px;margin-right: 30px;overflow: hidden;}
.recommend-row em img{filter:drop-shadow(0px 70px #fff);}
.recommend-row h4{color:#282828;font-size: 24px;font-weight: bold;} 
.recommend-row p{display:block;margin-top: 10px;color:#282828;font-size: 16px;line-height: 26px;}
.recommend-row li:hover em img{transform:translateY(-120%);}
.recommend-row li:hover{box-shadow: 5px 10px 10px #ffc2c2;background:#FF2741}
.recommend-row li:hover .box *{color:#fff} 


/*==小红书推广-海量素人KOC↓==*/
.layman-list{display: flex;margin:0 0 -40px -40px;flex-wrap: wrap;}
.layman-list li{position: relative;width: calc(33.3% - 40px);margin: 0 0 40px 40px;box-shadow: 0 0 10px #ddd;text-align: center;}
.layman-list .box{padding:50px;}
.layman-list h4{color:#fff;font-size: 32px;padding:40px;text-align: center;}
.layman-list em{}
.layman-list p{margin-top: 20px;color: #484848;font-size: 18px;line-height: 30px;}
.layman-list li:hover{transform:translateY(-10px);}
.layman-list li:nth-child(1) h4{background: url(../images/layman-img-1.jpg) no-repeat center; background-size:cover;}
.layman-list li:nth-child(2) h4{background: url(../images/layman-img-2.jpg) no-repeat center; background-size:cover;}
.layman-list li:nth-child(3) h4{background: url(../images/layman-img-3.jpg) no-repeat center; background-size:cover;}


/*==小红书推广-红书账号代运营↓==*/
.xhstg-operate{background:url(../images/operate-bg.jpg) no-repeat center;background-size:cover;}
/*--*/
.operate-tab{display: flex;position: relative;z-index: 1;border-radius: 40px;overflow: hidden;}
.operate-tab:after{content:"";position:absolute;top: 50px;bottom: 50px;left:0;right: 100px;z-index: -1;border-radius: 50px;border: 1px #fff solid;background: rgba(255,255,255,0.5);}
.operate-tab .left{width: 250px;margin: 50px 80px 50px 0;border-radius: 30px 0 0 30px;overflow: hidden;}
.operate-tab .left li{padding: 40px 60px;cursor: pointer;}
.operate-tab .left em{display: flex;margin-bottom:10px;overflow: hidden;}
.operate-tab .left img{filter: drop-shadow(0px 48px #fff);}
.operate-tab .left h4{color: #000000;font-size: 24px;}
.operate-tab .left .active{background: #FF2741;}
.operate-tab .left .active h4{color:#fff}
.operate-tab .left .active em img{transform:translateY(-100%);}
.operate-tab .right{flex: 1;}
.operate-tab .right .frame{height:100%;}


/*==小红书推广-内容+交易”闭环↓==*/
.xhstg-cycle{}
/*--*/
.cycle-puter{display: flex;}
.cycle-puter .pic{flex-shrink:0;position: relative;}
.cycle-puter .row{flex: 1;padding: 50px 50px 50px 150px;margin-left: -150px;border-radius: 10px;box-shadow: 0 0 10px #ddd;background: #fff;}
.cycle-puter .row li{display: flex;margin-bottom: 50px;align-items: center;}
.cycle-puter .row li:last-child{margin-bottom:0px}
.cycle-puter .row i{display: flex;flex-shrink: 0;color:#fff;font-size: 40px;font-weight: bold;margin-right: 30px;width: 90px;height: 90px;border-radius: 50%;background: #FF2741;justify-content: center;align-items: center;}
.cycle-puter .row h4{display: flex;flex: 1;color:#000123;font-size:24px;font-weight:bold;align-items: center;}
.cycle-puter .row li:hover{transform:translateX(-5px)}


/*==小红书推广-广告投放↓==*/
.xhstg-invest{background:url(../images/invest-bg.jpg) no-repeat center;background-size:cover;}


/*==小红书推广-案例↓==*/
.red-list{display: flex;margin:0 0 -40px -40px;flex-wrap: wrap;}
.red-list li{width: calc(33.3% - 40px);margin:0 0 40px 40px;}
.red-list .pic{padding-top:120%;}
.red-list h4{margin-top:20px;color:#3a3a3a;font-size: 18px;text-align: center;}
.red-list li:hover{transform:translateY(-5px)}
.red-list li:hover h4{color:#FF2741}


/*==小红书推广-红起来-row↓==*/
.trait-row{display: flex;margin:0 0 -40px -40px;flex-wrap: wrap;}
.trait-row li{position: relative;width: calc(33.3% - 40px);margin: 0 0 40px 40px;border-radius:20px;}
.trait-row .pic{}
.trait-row li:hover{transform:translateY(-10px);}


/*==小红书推广-红起来↓==*/
.xhstg-trait{position: relative;z-index:1;}
/*--*/
.xhstg-trait .info{text-align: center;margin-top: 80px;}
.xhstg-trait .info h3{color:#fff;font-size:60px;}
.xhstg-trait .info h3 font{color:#f9da59;font-weight:bold}
.xhstg-trait .btn{display: flex;width: fit-content;margin: auto;margin-top: 50px;padding:10px;text-align: center;border-radius: 50px;background: rgba(255,255,255,0.4);align-items: center;justify-content: center;}
.xhstg-trait .btn span{color:#fff;font-size: 22px;padding: 0 30px;}
.xhstg-trait .btn b{display: flex;color:#ff6600;font-size:20px;font-weight:bold;padding: 12px 40px;border-radius:30px;align-items: center;background: linear-gradient(to right, #f9db5b, #f9d654, #fcb529);}
.xhstg-trait .btn b::before{content: "\e75c";font-size:28px;margin-right:10px;font-weight:400}
.xhstg-trait .btn:hover b{background:#fff}


/*==AI搜索↓==*/     
.aiIn{position: relative;z-index:1; background: #f7f7ff;}
.aiIn:before{content:"";position:absolute;left:0;top:0;right:0;z-index:-1;height: 2500px;background:url(../images/ai-bg-01.jpg) no-repeat center top;background-size:cover;}
.aiIn:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height: 800px;background: url(../images/ai-bg-02.jpg) no-repeat center bottom;background-size:cover;}
.aiIn .load{margin-bottom:40px;padding:60px 80px;border: 10px solid #f6f6ff;border-radius: 50px;box-shadow:0 0 50px rgba(80,90,255,0.4);background:#fff;}
/*--*/
.aiIn .theme{margin-bottom:60px; text-align: center;}
.aiIn .theme h3{font-size:50px;color:#3434ff;font-weight:bold;}
.aiIn .theme span{display:inline-block; margin-top:10px;font-size:24px;color:#222;font-weight: bold;}
.aiIn .theme.t2 span{font-weight: 400;color:#3434ff}
.aiIn .theme-2{margin-bottom:30px;font-size:40px;font-weight: bold; color:#010101; text-align: center;}
/*--*/
.ai-up{margin-top:150px;margin-bottom:80px;}
.ai-up .tit_1{}
.ai-up .tit_2{margin-top: 40px;display: table;padding:10px 40px;font-size: 50px;color: #fff;font-weight: bold;border-radius: 50px;background: -webkit-linear-gradient(top, #40c1ff,#8388ff,#5565ff);}
.ai-up .tit_3{margin-top: 30px;font-size:50px;color:#fff;line-height: 1.2;}
/*--*/
.ai-tripodia{background: rgba(255,255,255,0.85) !important;}
.ai-tripodia .row{display: flex;margin-left:-100px;}
.ai-tripodia .row li{width: calc(33.3% - 100px);margin-left:100px}
.ai-tripodia .row .top{position:relative; margin-bottom:20px;text-align: center;}
.ai-tripodia .row .top::after{content:"";position:absolute;top: 15px;right: -65px;bottom:0;z-index:1;width: 31px;height: 42px;background:url(../images/tripodia-arrow-01.png) no-repeat center;}
.ai-tripodia .row .top span{display: table;margin: auto;padding:10px 40px;font-size: 20px;color: #fff;font-weight: bold;border-radius: 50px;background: -webkit-linear-gradient(top, #40c1ff,#8388ff,#5565ff);}
.ai-tripodia .row .top h4{margin-top:5px; font-size:24px;color:#3434ff;}
.ai-tripodia .row .pic{position: relative;}
.ai-tripodia .row .pic img{/* width:100%; */margin: auto;display: table;}
.ai-tripodia .row .pic::after{content:"";position:absolute;top:0;right: -80px;bottom:0;z-index:1;width: 54px;height: 72px;margin: auto;background: url(../images/tripodia-arrow-02.png) no-repeat center;background-size:cover;}
.ai-tripodia .row li:last-child .top:after,.ai-tripodia .row li:last-child .pic:after{display:none}
/*--*/
.ai-kernel{}
.ai-kernel .row{display: flex;justify-content: space-between;}
.ai-kernel .row li{flex: 1;padding: 20px 40px;text-align: center;border-radius: 20px;cursor: pointer;}
.ai-kernel .row em{display: inline;}
.ai-kernel .row h4{margin-top:10px;font-size:22px;font-weight:bold;color:#3434ff;}
.ai-kernel .row p{margin-top:15px;font-size:18px;font-weight:bold;color:#000000;}
.ai-kernel .row li:hover{transform: translateY(-5px);background: rgba(0,0,0,0.05);}
/*--*/
.ai-problem{background: -webkit-linear-gradient(top, #fff, #fedada) !important;}
.ai-problem .row-1{display: flex;margin-left:-60px}
.ai-problem .row-1 li{display: inline-block;width:calc(33.3% - 60px);margin-left:60px;padding:20px 20px;text-align: center;border-radius: 20px;box-shadow: 0px 4px 40px 1px rgba(120, 148, 217, 0.1600);background: #fff;}
.ai-problem .row-1 h4{font-size:32px;font-weight:bold;color:#000000;}
.ai-problem .row-1 h4 font{color:#3434ff}
.ai-problem .row-1 span{display: block;margin-top:5px;font-size:20px;color:#222222;}
.ai-problem .row-1 li:hover{transform: translateY(-5px); background:#3434ff;}
.ai-problem .row-1 li:hover *{color:#fff}
/*--*/
.ai-problem .row-2{display: flex;width: fit-content;margin: auto;margin-top: 80px;flex-direction: column;}
.ai-problem .row-2 li{display: flex;margin-bottom: 40px;align-items: center;}
.ai-problem .row-2 li:last-child{margin-bottom:0px}
.ai-problem .row-2 h4{flex-shrink: 0; font-size:34px;font-weight:bold;color:#b30000;}
.ai-problem .row-2 h4:before{content:"\e711";margin-right:30px;font-size: 30px;font-weight: bold;}
.ai-problem .row-2 span{margin-left:50px;display: block; font-size:26px;color:#363636;}
/*--*/
.ai-advant{}
.ai-advant .row{display: flex;margin:0 0 -20px -60px;flex-wrap: wrap;}
.ai-advant .row li{display: inline-block;width:calc(33.3% - 60px);margin:0 0 20px 60px;padding: 30px 20px;text-align: center;border-radius: 20px;box-shadow: 0px 4px 40px 1px rgba(120, 148, 217, 0.1600);background: #fff;}
.ai-advant .row em{display: inline-block;margin-bottom: 15px;overflow: hidden;}
.ai-advant .row em img{height: 30px;filter: drop-shadow(0px 30px #fff);}
.ai-advant .row h4{font-size:24px;font-weight:bold;color:#bb0000;}
.ai-advant .row span{display: block;margin-top: 10px;font-size:18px;color:#656565;}
.ai-advant .row li:hover{background: #bb0000;transform: translateY(-5px);}
.ai-advant .row li:hover *{color:#fff}
.ai-advant .row li:hover em img{transform: translateY(-100%);}
.ai-advant .hot{}
.ai-advant .hot .title{display: table;margin: auto;margin-bottom:30px;padding:10px 30px;font-size:32px;color: #fff;font-weight: bold;border-radius: 50px;background: -webkit-linear-gradient(top, #40c1ff,#8388ff,#5565ff);}
.ai-advant .hot .tit_1{display: block;font-size:32px;color:#000000;text-align: center;}
.ai-advant .hot .tit_2{display: table;margin: auto;margin-top: 20px;font-size:40px;color:#bb0000;padding: 8px 50px;border: 3px solid #bb0000;text-align: center;border-radius: 50px;}
.ai-advant .hot .tit_3{display: block;margin-top: 15px;font-size:28px;color:#000000;text-align: center;}
.ai-advant .hot .wx{width: fit-content;margin: auto;margin-top: 60px;font-size:20px;color:#2b2b2b;line-height: 1.8;}
.ai-advant .hot .wx font{color:#bb0000;font-weight: 600;}
/*--*/
.ai-compo{}
.ai-compo .shell{margin-bottom:50px}
.ai-compo .shell:last-child{margin-bottom:0px}
.ai-compo .pic{padding:20px 20px;text-align: center; border: 1px solid #e4e6ff;border-radius: 30px;}
.ai-compo .pic_2{text-align: center;}
/*--*/
.ai-service{/* overflow:hidden; */}
.ai-service .row{display: flex;margin-bottom: 50px;}
.ai-service .row li{flex: 1;position: relative;margin: 0 5px;}
.ai-service .row .pack{padding: 30px 20px;border-radius: 20px;text-align: center;background: #fff;transition: all .4s ease-in-out;}
.ai-service .row em{display: flex;margin:auto;height:80px;margin-bottom:20px;align-items: center;justify-content: center;}
.ai-service .row span{display: block;font-size:22px;color:#000;font-weight: bold;}
.ai-service .row li:hover .pack{transform: translateY(5px);box-shadow: 0 0 15px rgba(80, 90, 255, 0.4);}
.ai-service .row li:hover span{color:#3434ff}
.ai-service .row li:nth-child(1),.ai-service .row li:nth-child(6){transform: translateY(30px);}
.ai-service .row li:nth-child(2),.ai-service .row li:nth-child(4),.ai-service .row li:nth-child(7){transform: translateY(70px);}
.ai-service .row li:nth-child(3){transform: translateY(-20px);}
/*--*/
.ai-contact{margin-top: 40px;}
.ai-contact .long{display: flex;width: fit-content;margin: auto;align-items: center;justify-content: center;}
.ai-contact .long .ewm{flex-shrink: 0;max-width:200px;margin-right:40px;padding:10px;border-radius: 10px;background: #fff;}
.ai-contact .long .box{}
.ai-contact .long h4{font-size:26px;color:#bb0000;}
.ai-contact .long h4 b{display: block;font-size:44px;font-weight: bold;}
.ai-contact .long span{margin-top:20px;display: block;font-size:16px;color:#333;}


/*==通用列表↓==*/
.list-item.edge{display: flex;margin:0 0 -30px -20px;flex-flow: row wrap;align-content: flex-start;}
.list-item.edge li{display: inline-block;width: calc(25% - 20px);margin:0 0 30px 20px}
.list-item li{}
.list-item a{display: block;}
.list-item .pic{position:relative;padding-top:100%;border:1px #ddd solid;transition:all .7s ease-in-out;overflow:hidden;}
.list-item .pic img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}
.list-item .title{-webkit-line-clamp: 1;margin-top:20px;font-size: 18px;color:#3a3b3c;text-align:center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.list-item .txt{-webkit-line-clamp: 2;margin-top: 10px;font-size:16px;color: #6a6b6c;text-align: center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.list-item li:hover .pic{border-color:#ff0000}
.list-item li:hover .pic img{transform:scale(1.08);}
.list-item li:hover h4{color:#ff0000;}
/*--*/
.list-item.lx3.edge li{width: calc(33.3% - 20px);}
.list-item.lx5.edge li{width: calc(20% - 20px);}


/*==底部===*/
.footer {position:relative;z-index:5; background:#1e2025;}
.footer .up {padding:70px 0 0px 0;}
.footer .tit {position:relative;color:#fff;font-size:16px;margin-bottom:15px;}
.footer .tit:before {display: none; content:"";position:absolute;top:0;left:-12px;bottom:0;margin:auto;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fff;}
.footer .nav {position:relative;float:left;width:40%;display:flex;justify-content: space-between;}
.footer .nav li {padding-right:20px;float:left;}
.footer .nav li a {display:block;color:#aaa;font-size:14px;padding:5px 0;}
.footer .nav li a:hover {color:#fff}
.footer .nav .box.col{ column-count: 2;}
.footer .share-item{float:right;margin-left:10%;}
.footer .right {float:right;color:#aaa;font-size:12px;}
.footer .right .tel {display:block;color:#ff0000;font-size:28px;font-weight:bold;margin-bottom:15px;}
.footer .right .wx {display:block;color: #ccc;font-size: 15px;line-height: 30px;}
.footer .right .wx i{display: inline-block;width:20px;text-align: center;font-size:25px;font-size:15px; color:#fff;margin-right:10px;}
.footer .down {position:relative;margin-top:60px;padding:20px 0;color:#aaa;font-size:13px;border-top:1px solid rgba(255,255,255,0.1)}
.footer .down a {color:#aaa;font-size:13px;}
.footer .down a:hover {color:#eee;}
.footer .link {display: flex;margin-top: 20px;flex-wrap: wrap;}
.footer .link h3 {flex-shrink: 0; color:#fff;font-size: 14px;}
.footer .link .box{flex: 1;}
.footer .link a {position:relative;color:#ccc;font-size:14px;display:inline-block;padding: 0 20px;margin-bottom:5px;}
.footer .link a:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;height: 13px;margin: auto;background:#aaa}
.footer .link a:last-child::after{display: none;}

/*分享按钮*/
.share-item{display:flex;    flex-direction: column;}
.share-item h5{color:#282828;font-size:14px;margin-right:20px;}
.share-item a{position: relative;display:inline-block;margin-left: 10px;}
.share-item em{display: flex;font-size: 22px;color:#8a8a8a;width: 40px;height: 40px;overflow: hidden;border-radius: 50%;border: 1px #eee solid;background: #f5f5f5;align-items: center;justify-content: center;}
.share-item em img{height: 50%;filter: drop-shadow(0px 40px #fff);transition: all .0s ease-in-out;}
.share-item a:hover em img{transform: translateY(-200%);    }
.share-item a:hover em{color:#fff;transform:translateY(-5px);border-color:#ff6601; background:#ff6601}
.share-item .drop{ opacity:0;position: absolute;right: 20px;top: 40px;width: max-content;max-width: 120px;line-height: initial;display: block;border: 1px #ddd solid;padding: 5px;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;}
.share-item a:hover .drop{opacity:1;transform: scale(1);}


