@charset "UTF-8";
.n_body{overflow-x: hidden;}
.cmp_banner .p { font-family: 'Microsoft YaHei'; }
.cmp_banner .sl_text { top: 55%; }
.cmp_banner .sl_text .btn a:hover {background-color: #3b57f8;border-color: #3b57f8;}

@media screen and (max-width: 1440px) { .cmp_banner .sl_text { left: 25%; } }
@media screen and (max-width: 1140px) { .cmp_banner .sl_text { left: 15%; } }
@media screen and (max-width: 1140px) and (min-width: 1118px) { .cmp_banner .sl_text { left: 25%; } }
@media screen and (max-width: 767px) { .cmp_banner .sl_text { color: #fff; } }
.cart_nav { z-index: 99; }

.wrapper { width: 1280px; margin: 0 auto; }

/* 业务场景 */
.yw-scenario { background: #fff; padding-top: 160px; overflow: hidden; }
.yw-scenario dl { transition: all .7s; }
.yw-scenario dl dd h3 { font-weight: bold; }
.yw-scenario dl dt img { width: 100%; object-fit: cover; }
.yw-scenario dl.dl1 { position: relative; z-index: 2; top: 200px; opacity: 0; }
.yw-scenario dl.dl1 dd { float: right; width: 22.5%; line-height: 1.25; padding-top: 5%; }
.yw-scenario dl.dl1 dd h3 { margin: 30px 0 20px; }
.yw-scenario dl.dl1 dd div { margin-bottom: 20px; }
.yw-scenario dl.dl1 dt { display: block; float: right; width: 56.25%; margin-left: 2.73438%; margin-right: 18.20313%; }
.yw-scenario dl.dl2 { position: relative; z-index: 1; top: -35px; right: -200px; opacity: 0; }
.yw-scenario dl.dl2 dd { float: right; width: 27.10938%; line-height: 1.25; padding-top: 9%; margin-right: 5%; }
.yw-scenario dl.dl2 dd h3 { margin: 30px 0 20px; }
.yw-scenario dl.dl2 dt { display: block; float: right; width: 31.25%; margin-right: 6.25%; }
.yw-scenario dl.dl3 { position: relative; z-index: 2; left: -200px; opacity: 0; }
.yw-scenario dl.dl3 dd { float: left; width: 26.25%; line-height: 1.25; padding-top: 5%; }
.yw-scenario dl.dl3 dd h3 { margin: 30px 0 20px; }
.yw-scenario dl.dl3 dd div { margin-bottom: 20px; }
.yw-scenario dl.dl3 dt { display: block; float: left; width: 62.5%; margin-right: 5.07813%; }
.yw-scenario dl.dl4 { position: relative; z-index: 3; top: -16px; right: -200px; opacity: 0; }
.yw-scenario dl.dl4 dd { float: right; width: 27.34375%; line-height: 1.25; padding-top: 5%; margin-right: 3.90625%; }
.yw-scenario dl.dl4 dd h3 { margin: 30px 0 20px; }
.yw-scenario dl.dl4 dd div { margin-bottom: 20px; }
.yw-scenario dl.dl4 dt { display: block; float: right; width: 50%; margin-right: 3.125%; }
.yw-scenario dl.dl5 dd { width: 32%; margin-right: 5%; }
.yw-scenario dl.dl6 dd { width: 31.875%; }
.yw-scenario .scenarioOn.dl1 { top: 0; opacity: 1; }
.yw-scenario .scenarioOn.dl2 { right: 0; opacity: 1; }
.yw-scenario .scenarioOn.dl3 { left: 0; opacity: 1; }
.yw-scenario .scenarioOn.dl4 { right: 0; opacity: 1; }

@media screen and (max-width: 1100px) { .yw-scenario { padding-top: 100px; }
  .isTouch .b2b_con03 { padding-bottom: 30px; } }
@media screen and (max-width: 768px) { .yw-scenario { padding-top: 70px; }
  .yw-scenario dl.dl1 dt { margin-right: 10%; }
  .yw-scenario dl.dl1 dd { width: 30%; }
  .yw-scenario dl.dl2 dd { width: 35%; }
  .yw-scenario dl.dl3 dd { width: 30%; }
  .yw-scenario dl.dl4 dd { width: 35%; } }
@media screen and (max-width: 600px) { 
  .yw-scenario { padding-top: 30px; }
  .yw-scenario dl{
    height: 0px;
    padding-bottom: 55%;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
  }
  .yw-scenario dl dd{position: absolute;left: 20px;bottom: 20px;z-index: 3;right: 20px;padding-bottom: 0;width: auto!important;color: #fff;line-height: 1.5!important;}
  .yw-scenario dl dd br{display: none;}
  .yw-scenario dl dd h3{margin-bottom: 10px!important;}
  .yw-scenario dt{position: relative;}
  .yw-scenario dt:after{content:"";position: absolute;top:0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0,0,0,0.3);}
  .yw-scenario dl.dl2 { top: 0; }
  .yw-scenario dl.dl4 { top: 0; }
  .yw-scenario dl.dl1 dd { float: none; width: 100%; margin: 0; padding-top: 10px; padding-bottom: 0px; }
  .yw-scenario dl.dl2 dd { float: none; width: 100%; margin: 0; padding-top: 10px; padding-bottom: 0px; }
  .yw-scenario dl.dl3 dd { float: none; width: 100%; margin: 0; padding-top: 10px; padding-bottom: 0px; }
  .yw-scenario dl.dl4 dd { float: none; width: 100%; margin: 0; padding-top: 10px; padding-bottom: 0px; }
  .yw-scenario dl.dl1 dt { float: none; width: 100%; margin: 0; }
  .yw-scenario dl.dl2 dt { float: none; width: 100%; margin: 0; }
  .yw-scenario dl.dl3 dt { float: none; width: 100%; margin: 0; }
  .yw-scenario dl.dl4 dt { float: none; width: 100%; margin: 0; }
  .yw-scenario dl.dl1 dd h3 { margin: 10px 0; }
  .yw-scenario dl.dl2 dd h3 { margin: 10px 0; }
  .yw-scenario dl.dl3 dd h3 { margin: 10px 0; }
  .yw-scenario dl.dl4 dd h3 { margin: 10px 0; }
  .yw-scenario dl.dl3 dd div { margin-bottom: 0; } 
  .yw-scenario dl.dl1 dd div{margin-bottom: 0;padding-right: 20px;}
  .yw-scenario dl.dl3 dd h3{margin-bottom: 0;}
  .yw-scenario dl.dl4 dd div{margin-bottom: 0;}
}
/* 产品优势 */
.pro-advantage {margin-top: -40px;position: relative;background: url(../images/bg_cymh01.jpg) center center no-repeat;background-attachment: fixed;background-size: cover;color: #fff;padding: 216px 0 100px;}
.pro-advantage dl { float: left; background-color: #111; border: 1px solid #555; box-sizing: border-box; width: 23.82813%; height: 180px; margin-right: 1.5625%; margin-bottom: 30px; padding: 30px 2.5%; }
.pro-advantage dl:nth-child(4n) { margin-right: 0; }
.pro-advantage dl h3 { margin-bottom: 20px; font-weight: 700;}
.pro-advantage dl p { font-weight: normal; font-size: 14px; }

@media screen and (max-width: 768px) { 
  .pro-advantage { padding: 60px 0 40px; } 
}
@media screen and (max-width: 600px) { 
  .pro-advantage { margin-top: 0; }
  .pro-advantage-box{display: flex;flex-wrap:wrap;}
  .pro-advantage dl { width: 49%; margin-right: 2%; height: auto;padding:20px 10px;}
  .pro-advantage dl h3{margin-bottom: 10px;font-weight: 700;}
  .pro-advantage dl p{color: #eee;}
  .pro-advantage dl:nth-child(2n) { margin-right: 0; } 
}
.b2b_con03 dl dd a { font-weight: normal; }
.b2b_con03 dl dd p { font-weight: bold; }

/* 联系我们 */
.ff-service { background: center center no-repeat; background-attachment: fixed; background-size: cover; color: #fff; padding: 7% 0 5%; overflow: hidden; position: relative; }
.ff-service video { position: absolute; top: 0; width: auto;height:100%;left: 50%; transform: translateX(-50%); }
.ff-service h3.title { text-indent: 30%; text-align: center; display: block;  font-weight: 700;}
.ff-service dl { position: relative; transition: all .7s; opacity: 0; }
.ff-service dl dd { position: absolute; bottom: 0; width: 100%; padding: 20px; }
.ff-service dl dd h3{font-weight: 700;}
.ff-service dl dt img { width: 100%; object-fit: cover; }
.ff-service .dl1 { float: left; width: 52.5%; left: -200px; }
.ff-service .dl2 { float: left; width: 37.5%; margin-left: 3.51563%; margin-top: 6%; right: -200px; }
.ff-service .dl3 { width: 50%; margin: 25px auto; bottom: -200px; }
.ff-service .serviceOn.dl1 { left: 0; opacity: 1; }
.ff-service .serviceOn.dl2 { right: 0; opacity: 1; }
.ff-service .serviceOn.dl3 { bottom: 0; opacity: 1; }
@media screen and (min-width: 1930px) {
  .ff-service video{width: 100%;height: auto;}
}
@media screen and (max-width: 600px) { 
  .ff-service h3.title{text-indent: 0;}
  .ff-service .dl1 { width: 100%; }
  .ff-service .dl2 { width: 100%; margin-left: 0; }
  .ff-service .dl3 { width: 100%; } 
}
.px-heyi { background: url(../images/bg_cymh03.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 10% 0 10%; }
.px-heyi h3 { transition: all 0.7s ease-out; font-weight: 700;}
.px-heyi p { transition: all 0.7s ease-out; margin-top: 10px;}
.px-heyi a { color: #fff; transition: all .3s; text-indent: 0; }
.px-heyi a:hover { text-indent: 20px; }

/* ********* 产品首页 ********* */
.pro_banner { margin-top: 70px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
.pro_banner .sl_text { padding-left: 25px; box-sizing: border-box; color: #fff; position: absolute; left: 15%; top: 65%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.pro_banner .sl_text h1 { font-weight: 700; }

@media screen and (max-width: 1100px) { .pro_banner { background-size: cover; } }
/* 数字化营销 */
.pro-yingxiao { background: #fff; padding-top: 160px; overflow: hidden; }
.pro-yingxiao .yx-l { float: left; width: 50%; }
.pro-yingxiao img { width: 100%; transition: all .4s; }
.pro-yingxiao dl { position: relative; opacity: 0; transition: all .7s; }
.pro-yingxiao dl dd { position: absolute; width: 100%; bottom: 0; left: 0; font-weight: bold; text-align: center; }
.pro-yingxiao dl dd .fnt_24 { color: #fff; padding: 20px 0;position: relative;z-index: 2; }
.pro-yingxiao dl dd a { color: #fff; }
.pro-yingxiao dl .dd_con{transition: background-image .7s;background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0));}
.pro-yingxiao dl .dd_con:after{transition: all .4s; content: "";display: block;position: absolute;left: 0px;right: 0px;bottom: 0px;top:0px;background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8));opacity: 0;}
.pro-yingxiao dl:hover .dd_con:after{opacity: 1;}
.pro-yingxiao .yx-lb dl { width: 50%; float: left; }
.pro-yingxiao .tit { box-sizing: border-box; padding: 5% 0 5% 20%; text-align: right; }
.pro-yingxiao .tit .fnt_48 { display: inline-block; text-align: left; }
.pro-yingxiao .dl1 { left: -200px; }
.pro-yingxiao .dl2 { top: 200px; }
.pro-yingxiao .dl3 { top: 200px; transition: all .9s; }
.pro-yingxiao .dl4 { right: -200px; }
.pro-yingxiao .dl1.yingxiaoOn { opacity: 1; left: 0; }
.pro-yingxiao .dl2.yingxiaoOn { opacity: 1; top: 0; }
.pro-yingxiao .dl3.yingxiaoOn { opacity: 1; top: 0; }
.pro-yingxiao .dl4.yingxiaoOn { opacity: 1; right: 0; }

@media screen and (max-width: 1100px) { .pro-yingxiao { padding-top: 100px; } }
@media screen and (max-width: 600px) { .pro-yingxiao { padding-top: 80px; }
  .pro-yingxiao .yx-l { float: none; width: 100%; } }
/* 数字化商业 */
.pro-shangye { background: url(../img3/products/bg_pro01.jpg) center center/cover no-repeat; background-attachment: fixed; margin-top: -8%; padding-top: 15%; padding-bottom: 12%; }
.pro-shangye .title { text-align: center; color: #fff; padding: 30px 0; }
.pro-shangye .title strong { margin-right: 10px; }
.pro-shangye img { width: 100%; transition: all .4s; }
.pro-shangye dl { float: left; width: 50%; position: relative; transition: all .9s; }
.pro-shangye dl dd { position: absolute; width: 100%; bottom: 0; left: 0; font-weight: bold; text-align: center; }
.pro-shangye dl dd .fnt_24 { color: #fff; padding: 20px 0; }
.pro-shangye dl dd a { color: #fff; }


.pro-shangye .dl1 { opacity: 0; left: -200px; }
.pro-shangye .dl2 { opacity: 0; top: 200px; }
.pro-shangye .dl3 { opacity: 0; top: 200px; }
.pro-shangye .dl4 { opacity: 0; right: -200px; }
.pro-shangye .dl1.shangyeOn { opacity: 1; left: 0; }
.pro-shangye .dl2.shangyeOn { opacity: 1; top: 0; }
.pro-shangye .dl3.shangyeOn { opacity: 1; top: 0; }
.pro-shangye .dl4.shangyeOn { opacity: 1; right: 0; }

@media screen and (max-width: 600px) { .pro-shangye dl { float: none; width: 100%; } }
/* 数字化管理 */
.pro-guanli { background: #fff; padding-top: 160px; overflow: hidden; }
.pro-guanli .yx-l { float: left; width: 50%; }
.pro-guanli img { width: 100%; transition: all .4s; }
.pro-guanli dl { position: relative; opacity: 0; transition: all .7s; }
.pro-guanli dl dd { position: absolute; width: 100%; bottom: 0; left: 0; font-weight: bold; text-align: center; }
.pro-guanli dl dd:after{transition: all .4s; content: "";display: block;position: absolute;left: 0px;right: 0px;bottom: 0px;top:0px;background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8));opacity: 0;}
.pro-guanli dl:hover dd:after{opacity: 1;}
.pro-guanli dl dd .fnt_24 { color: #fff; padding: 20px 0; position: relative;z-index: 2;}
.pro-guanli dl dd a { color: #fff; }
.pro-guanli .yx-lb dl { width: 50%; float: left; }
.pro-guanli .tit { box-sizing: border-box; padding: 5% 0 5% 10px; text-align: left; }
.pro-guanli .tit .fnt_48 { display: inline-block; text-align: left; }
.pro-guanli .dl1 { right: -200px; }
.pro-guanli .dl2 { top: 200px; }
.pro-guanli .dl3 { top: 200px; transition: all .9s; }
.pro-guanli .dl4 { left: -200px; }
.pro-guanli .dl1.guanliOn { opacity: 1; right: 0; }
.pro-guanli .dl2.guanliOn { opacity: 1; top: 0; }
.pro-guanli .dl3.guanliOn { opacity: 1; top: 0; }
.pro-guanli .dl4.guanliOn { opacity: 1; left: 0; }

@media screen and (max-width: 1100px) { .pro-guanli { padding-top: 100px; } }
@media screen and (max-width: 600px) { .pro-guanli { padding-top: 80px; }
  .pro-guanli .yx-l { float: none; width: 100%; } }
/* ********* 服务首页 ********* */
/* 创意 */
.ser-chuangyi { background-color: #fff; padding-top: 10%; }
.ser-chuangyi .ser-chuangyi-box { padding-bottom: 5%; position: relative; top: 200px; opacity: 1; transition: all .8s; }
.ser-chuangyi .ser-title { float: left; width: 27.34375%; margin-left: 8.59375%; }
.ser-chuangyi .ser-title p.fnt_24 { margin: 20px 0 50px; }
.ser-chuangyi .ser-title a:hover { color: #ff6600; }
.ser-chuangyi dl { float: left; width: 18.75%; margin-left: 9.375%; padding-bottom: 5%; }
.ser-chuangyi dl img { width: 100%; transition: all .4s; }
.ser-chuangyi dl dt a:hover img{transform:scale(1.02);}
.ser-chuangyi dl dd { text-align: center; padding: 20px 0; }
.ser-chuangyi dl dd .fnt_18{font-size: 14px;color: #666;}
.ser-chuangyi dl:hover a{color: #f60;}
.ser-chuangyi dl.dl1 { transition: all .4s; }
.ser-chuangyi dl.dl2 { transition: all .6s; }
.ser-chuangyi dl.dl3 { margin-left: 17.1875%; transition: all .4s; }
.ser-chuangyi dl.dl4 { transition: all .6s; }
.ser-chuangyi dl.dl5 { transition: all .8s; }
.ser-chuangyi .ser-chuangyi-box.chuangyiOn { top: 0; opacity: 1; }

/*.cf::after { display: block; }*/

@media screen and (max-width: 600px) { 
  .ser-chuangyi .ser-title { width: auto; margin: 0 5% 5%; }
  .ser-chuangyi .ser-title p.fnt_24 { margin-bottom: 10px;margin-top: 5px;font-size: 16px;}
  .ser-chuangyi .ser-title p.fnt_24 br{display: none;}
  .ser-chuangyi dl dd{padding-top: 10px;padding-bottom: 20px;}
  .ser-chuangyi dl { width: 40%; margin: 0 5% 5%; }
  .ser-chuangyi dl.dl3 { margin-left: 5%; } 
}
/* 实施 */
.ser-shishi { background: url(../img3/service/bg_ser01.jpg) center center/cover no-repeat; padding-bottom: 5%; padding-top: 8%; }
.ser-shishi .ser-shishi-box { position: relative; }
.ser-shishi .ser-title { float: right; color: #fff; width: 26.32813%; }
.ser-shishi .ser-title p.fnt_24 { margin: 20px 0 50px; }
.ser-shishi .ser-title a { color: #fff; }
.ser-shishi .ser-title a:hover { font-weight: bold; }
.ser-shishi .cont { float: left; width: 36.25%; margin-left: 21.48438%; }
.ser-shishi .cont dl { float: left; margin-bottom: 20%; width: 32.32759%; }
.ser-shishi .cont dl dt { width: 44%; display: block; margin: 0 auto 18px; }
.ser-shishi .cont dl img { width: 100%; transition: all .4s; }
.ser-shishi .cont dl dd { text-align: center; color: #fff; }
.ser-shishi .cont dl dd a{color: #fff;}
.ser-shishi .cont dl:hover dd a{text-decoration: underline;}
.ser-shishi .cont dl:hover dt img{transform:translateY(5px);}
.ser-shishi .cont dl.dl2 { margin-left: -20%; }

@media screen and (max-width: 1100px) { 
  .ser-shishi .cont { width: 50%; margin-left: 16%;} 
}
@media screen and (max-width: 600px) { 
  .ser-shishi .cont dl dt { text-align: center; }
  .ser-shishi .cont dl dt img { max-width: 56px; }
  .ser-shishi .ser-title { float: none; width: 80%; margin-bottom: 5%; margin-left: 8%; }
  .ser-shishi .ser-title p.fnt_24 { margin-bottom: 10px; margin-top: 5px;font-size: 16px;}
  .ser-shishi .ser-title p.fnt_24 br{display: none;}
  .ser-shishi .cont { float: none; width: 100%; margin-left: 0; padding-top: 20px; }
  .ser-shishi .cont dl{margin-bottom: 30px;}
  .ser-shishi .cont dl.dl2 { margin-left: 0; } 
}
/* 推广 */
.ser-tuiguang { background-color: #fff; position: relative; padding: 10% 0; }
.ser-tuiguang .ser-title { float: left; margin-left: 12%; width: 20%; padding-top: 5%; }
.ser-tuiguang .ser-title .fnt_24 { margin: 5% 0 10%; }
.ser-tuiguang .ser-title a:hover { color: #ff6600; }
.ser-tuiguang dl { float: right; margin-right: 0%; width: 65.6%; position: relative; top: 200px; opacity: 0; transition: all .7s; }
.ser-tuiguang dl.tuiguangOn { opacity: 1; top: 0; }
.ser-tuiguang dl dt>img { width: 100%; transition: all .4s; opacity: 0;}

.ser-tuiguang dl .dd_con{position: absolute;top: 0px;text-align: center;}
.ser-tuiguang dl .dd_con a>img{max-width: 100%;}
.ser-tuiguang dl .dd_con:nth-of-type(1){left: 0%;width: 30%;}
.ser-tuiguang dl .dd_con:nth-of-type(2){left: 26%;width: 42%;}
.ser-tuiguang dl .dd_con:nth-of-type(3){right: 0%;width: 35%;}

.ser-tuiguang dl dd .fnt_18{transform:translateY(-45px);}
.ser-tuiguang dl dd .dd_con:hover a{color: #f60;}
.ser-tuiguang dl dd .dd_con:hover img{transform:scale(1.02);}


@media screen and (max-width: 1100px) { 
  .ser-tuiguang .ser-title { margin-left: 12%; } 
  .ser-tuiguang dl dd .fnt_18{transform:translateY(-30px);}
}
@media screen and (max-width: 1000px) { 
  .ser-tuiguang dl dd{top: -30px;}

}
@media screen and (max-width: 600px) { 
  .ser-tuiguang .ser-title { float: none; margin-left: 8%; width: auto;padding-top: 0px; }
  .ser-tuiguang .ser-title .fnt_24 { margin: 10px 0; font-size: 16px;}
  .ser-tuiguang .ser-title .fnt_24 br{display: none;}
  .ser-tuiguang dl { float: none; width: 90%; margin: 5% auto 0; } 
  .ser-tuiguang dl dd{top: 10px;}

.ser-tuiguang dl dd .fnt_18{transform:translateY(0px);}
.ser-tuiguang dl .dd_con:nth-of-type(3) a{padding-left: 0!important;}
}

/* 运营 */
.ser-yunying { background-color: #fff; position: relative; padding: 0 0 10%; }
.ser-yunying .ser-title { float: right; width: 40.625%; }
.ser-yunying .ser-title .fnt_24 { margin: 5% 0 5%; }
.ser-yunying .ser-title a:hover { color: #ff6600; }
.ser-yunying .cont { float: left; width: 53.125%; }
.ser-yunying .cont dl { float: left; position: relative; opacity: 0; top: 200px; transition: all .4s; width: 31.76471%; margin-right: 1.47059%; }
.ser-yunying .cont dl img { width: 100%; transition: all .4s; }
.ser-yunying .cont dl dd { position: absolute; width: 100%; bottom: 0; left: 0; text-align: right; }
.ser-yunying .cont dl dd .dd_con { color: #fff; padding: 10px; }
.ser-yunying .cont dl:nth-child(2) { transition: all .6s; }
.ser-yunying .cont dl:last-child { transition: all .7s; }
.ser-yunying .cont dl.yunyingOn { opacity: 1; top: 0; }
.ser-yunying .cont dl a{color: #fff;}
.ser-yunying .cont dl:hover img{transform:scale(1.02);}
.ser-yunying .cont dl:hover a{text-decoration: underline;}

@media screen and (max-width: 1100px) { .ser-yunying .cont { width: 58%; } }
@media screen and (max-width: 600px) { 
  .ser-yunying { padding-top: 10%; }
  .ser-yunying .ser-title { float: none; width: auto; margin: 0 8% 40px; }
  .ser-yunying .ser-title .fnt_24 { margin: 10px 0; font-size: 16px;}
  .ser-yunying .ser-title .fnt_24 br{display: none;}
  .ser-yunying .cont { float: none; width: 90%; margin: 0 auto; }
  .ser-yunying .cont dl dd .dd_con { padding: 8px; line-height: 1.2; } 
}
/* 安全 */
.ser-title h2 { font-weight: bold; }

.ser-anquan { background-color: #fff; padding-bottom: 5%; }
.ser-anquan .ser-title { width: 42.96875%; position: relative; z-index: 3; box-sizing: border-box; padding-left: 6%; }
.ser-anquan .ser-title .fnt_24 { margin: 3% 0 0%; }
.ser-anquan .ser-title a:hover { color: #ff6600; }
.ser-anquan .cont { position: relative; transition: all .7s; margin-top: -5%; z-index: 1; }
.ser-anquan .cont img { width: 100%; transition: all .4s; }
.ser-anquan .cont .incont { position: absolute; top: 50%; width: 100%; }
.ser-anquan .cont dl { float: left; margin-left: 10%; width: 153px; position: relative; }
.ser-anquan .cont dl dt { float: left; }
.ser-anquan .cont dl dd { float: left; color: #fff; margin-left: 15%; }

.ser-anquan a{color: #fff;}
.ser-anquan dl:hover a{text-decoration: underline;}
.ser-anquan dl:hover img{transform:translateX(5px);}

@media screen and (max-width: 1100px) { 
  .ser-anquan .cont dl dt { width: 40px; }
  .ser-anquan .cont dl dd { margin-left: 10%; }
  .ser-anquan { padding-bottom: 10%; } 
}
@media screen and (max-width: 600px) {
.ser-anquan .ser-title{width: auto;} 
  .ser-anquan .ser-title .fnt_24{font-size: 16px;margin-bottom: 10px;margin-top:10px;}
  .ser-anquan .ser-title .fnt_24 br{display: none;}
  .ser-anquan .cont dl dt { width: 35px; }
  .ser-anquan .cont dl dd { margin-left: 5%; }
  .ser-anquan .cont dl { width: 100px; } 
}
/* 创意 ********* */
.pro_banner .sl_text_center { position: absolute; width: 100%; top: 50%; left: 0; text-align: center; }
.pro_banner .sl_text_center h3 { color: #fff; font-weight: bold; }

.ser-tuwen { background-color: #fff; position: relative; padding: 10% 0; }
.ser-tuwen .fl { float: left; }
.ser-tuwen .fr { float: right; }
.ser-tuwen .ser-title { width: 44.6875%; margin-left: 8.59375%; padding-top: 5%; }
.ser-tuwen .ser-title h2 { margin-bottom: 5%; }
.ser-tuwen .ser-title p { line-height: 1.6; }
.ser-tuwen dl { position: relative; width: 43.75%; }
.ser-tuwen dl img { width: 100%; transition: all .4s; }
.ser-tuwen .ser-title2 { width: 51.25%; margin-left: 0; }
.ser-tuwen .ser-title2 .logobar { margin-top: 5%; }
.ser-tuwen .ser-title2 .logobar span { float: left; display: block; width: 17.37805%; margin-right: 6.09756%; }
.ser-tuwen .ser-title2 .logobar span img { width: 100%; transition: all .4s; }

.ser-tuwen2 { background-color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; position: relative; padding: 10% 0; }
.ser-tuwen2 .ser-title { width: 90%; margin-left: 2.65625%; padding-top: 5%; color: #fff; }
.ser-tuwen2 .ser-title h2 { margin-bottom: 5%; }
.ser-tuwen2 .ser-title p { line-height: 1.6; }

.ser-tuwen-tg { padding: 5% 0; }
.ser-tuwen-tg .ser-title { padding-top: 0; }
.ser-tuwen-tg .ser-title h2 { margin-bottom: 2%; }
.ser-tuwen-tg .ser-title p { text-transform: uppercase; }
.ser-tuwen-tg .ser-title .line { width: 11.95313%; height: 4px; background-color: #fff; margin: 4% 0; }
.ser-tuwen-tg .ser-title .fnt_16 { width: 490px; line-height: 1.875; }
.ser-tuwen-tg .iconbar { margin: 2% 0; }
.ser-tuwen-tg .iconbar ul li { float: left; margin-right: 10px; width: 137px; background-color: rgba(0, 0, 0, 0.2); box-sizing: border-box; padding: 12px; }
.ser-tuwen-tg .iconbar ul li i { float: left; display: block; width: 26.27737%; margin-right: 10px; }
.ser-tuwen-tg .iconbar ul li i img { width: 100%; transition: all .4s; }
.ser-tuwen-tg .iconbar ul li span { float: left; display: block; line-height: 1.2; font-size: 14px; }

@media screen and (max-width: 1100px) { .ser-tuwen-tg .ser-title .fnt_16 { width: 60%; } }
@media screen and (max-width: 800px) { .ser-tuwen-tg .ser-title .fnt_16 { width: 70%; } }
@media screen and (max-width: 600px) { .ser-tuwen .ser-title { width: 50%; margin-left: 5%; }
  .ser-tuwen-tg .ser-title .fnt_16 { width: 80%; }
  .ser-tuwen-tg .iconbar ul { padding-top: 5%; }
  .ser-tuwen-tg .iconbar ul li { margin-bottom: 10px; }
  .ser-tuwen .ser-title2 .logobar span { width: 40%; } }
@media screen and (max-width: 500px) { .ser-tuwen .ser-title { padding-top: 0; }
  .ser-tuwen-tg { padding: 60px 0; }
  .ser-tuwen-tg .ser-title p.fnt_30 { margin: 20px 0; }
  .ser-tuwen dl { width: 100%; float: none; }
  .ser-tuwen .ser-title { width: 90%; float: none; margin: 5% auto; } }
/* ********* 关于我们 ********* */
.cmp_banner .sl_text_right { position: absolute; right: 25%; bottom: 44%; color: #fff; }
.cmp_banner .sl_text_right h1 { font-weight: bold;line-height: 1.2; }
.cmp_banner .sl_text_right .p{margin-top: 20px;}


/* ce ultimate */
.au-yj { background-color: #fff; padding: 8% 0; position: relative; z-index: 4; }
.au-yj dl { padding-left: 5%; }
.au-yj dl dt { text-transform: uppercase; color: #ff6600; font-weight: bold; margin-bottom: 5%; }
.au-yj dl .dd_con { float: left; width: 45.54688%; padding-right: 6.6%; box-sizing: border-box; line-height: 1.66667; text-align: justify; }

@media screen and (max-width: 600px) { 
  .au-yj>div dl{margin-left: 5%;margin-right: 5%;}
  .au-yj dl{padding-left: 0;}
  .cmp_banner .sl_text_right h1 { font-size: 30px; }
  .au-yj dl .dd_con { width: 100%; padding: 0; } 
}
/* 不喧哗 */
.au-bxh { position: relative; overflow: hidden; }
.au-bxh .au-bxh-bg { position: absolute; width: 100%; height: 160%; background-position: center center; background-size: cover; z-index: 2; top: 0; }
.au-bxh .au-bxh-box { padding: 10% 0; color: #fff; position: relative; z-index: 3; }
.au-bxh .au-bxh-box .au-title { margin-left: 49.0625%; }
.au-bxh .au-bxh-box .au-title h2 { margin-bottom: 10%; font-weight: bold; }
.au-bxh .au-bxh-box .au-title p { line-height: 2; }

@media screen and (max-width: 600px) { .au-bxh .au-bxh-box .au-title { margin-left: 5%; } }
/* 愿景 */
.au-yuanjing { background-color: #fff; position: relative; padding-bottom: 10%; z-index: 5; }
.au-yuanjing .fl { float: left; }
.au-yuanjing .fr { float: right; }
.au-yuanjing .au-title { width: 51.17188%; padding-top: 15%; position: relative; top: 200px; opacity: 0; transition: all .7s; }
.au-yuanjing .au-title h2 { margin-bottom: 5%; font-weight: bold; }
.au-yuanjing .au-title p { line-height: 1.3;margin-bottom: 20px; }
.au-yuanjing .au-title.tuOn { opacity: 1; top: 0; }
.au-yuanjing dl { position: relative; width: 35.625%; margin-left: 4.84375%; margin-top: -6%; top: 200px; opacity: 0; transition: all .4s; }
.au-yuanjing dl img { width: 100%; transition: all .4s; }
.au-yuanjing dl.tuOn { opacity: 1; top: 0; }

@media screen and (max-width: 600px) { 
  .au-yuanjing dl { margin-top: 5%; } 
}
@media screen and (max-width: 500px) { 
  .au-yuanjing .au-title.tuOn{padding-top: 7%;}
  .au-yuanjing .au-title { float: none; width: 80%; margin-left: 10%; }
  .au-yuanjing dl { float: none; width: 80%; margin-left: 10%; } 
}
/* 经验之谈里 */
.au-jyzt { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 10% 0 20%; }
.au-jyzt .au-jyzt-box { position: relative; }
.au-jyzt .au-title { margin-left: 4.6875%; }
.au-jyzt .au-title h2 { font-weight: bold; margin-bottom: 5%; color: #fff; }
.au-jyzt .au-title .logbar { width: 83.59375%; }
.au-jyzt .au-title .logbar img { width: 100%; transition: all .4s; }

@media screen and (max-width: 600px) { 
  .au-jyzt{padding:10% 0;}
  .au-jyzt .au-title{margin-left: 5%;margin-right: 5%;}
  .au-jyzt .au-title .logbar { width: 100%; } 
}
/* 代理伙伴 */
.au-daili { background-color: #fff; position: relative; padding-bottom: 10%; z-index: 5; }
.au-daili .fl { float: left; }
.au-daili .fr { float: right; }
.au-daili .au-title { width: 40%; margin-left: 15%; padding-top: 12%; position: relative; top: 200px; opacity: 0; transition: all .7s; }
.au-daili .au-title h2 { margin-bottom: 5%; font-weight: bold; }
.au-daili .au-title p { line-height: 1.6; }
.au-daili .au-title.tuOn { opacity: 1; top: 0; }
.au-daili .au-title2 { width: 40.85938%; padding-top: 2%; position: relative; top: -100px; opacity: 0; transition: all .4s; }
.au-daili .au-title2 h2 { margin-bottom: 5%; font-weight: bold; }
.au-daili .au-title2 p { line-height: 1.6; }
.au-daili .au-title2.tuOn { opacity: 1; top: 10px; }
.au-daili dl { position: relative; width: 44.375%; margin-top: -5%; top: 200px; opacity: 0; transition: all .7s; }
.au-daili dl img { width: 100%; transition: all .4s; }
.au-daili dl.tuOn { opacity: 1; top: -50px; }
@media screen and (max-width: 1000px){
  .au-daili .au-title{width: 50%;margin-left: 5%;}
}
@media screen and (max-width: 600px) { 
  .au-daili dl { margin-top: 15%; margin-right: 0; }
  .au-daili .au-title { width: 45%; } 
  .au-daili .au-title p br{display: none;}
}
@media screen and (max-width: 500px) { 
  .au-daili dl.tuOn{top: 0;}
  .au-daili .au-title { float: none; width: 80%; margin-left: 10%; }
  .au-daili .fr { float: none; }
  .au-daili dl { float: none; width: 80%; margin-top: 5%; margin-left: 10%; }
  .au-daili .au-title2 { float: none; width: 80%; margin-left: 10%; } 
}
.abt_hor{background-color: #fff;position: relative;padding-top: 40px;padding-bottom: 200px;overflow: hidden;}
.abt_hor:after{content: "";display: block;background: #ffefe5;width: 85%;position: absolute;top: 0px;bottom: 0px;left: 0px;}
.abt_hor li{float: left;margin-right: 20px;}
.abt_hor li img{max-width: 100%;}
.abt_hor li p{margin-top: 15px;}
.abt_hor li h3{font-weight: 700;margin-top: 15px;}
.abt_hor .swiper-slide{width: auto;}
.abt_hor .swiper-container{transform: translateX(-6.8%);overflow: inherit;}

.swiper_left_right{position: relative;z-index: 2;}
.swiper_btn{font-size: 40px;font-weight: 700; line-height: 1;display: inline-block;margin-right: 20px;cursor: pointer;}
.swiper_btn.disabled{cursor:inherit;}
.swiper-prev{color: #f60;opacity: 0.8;}
.swiper-next{color: #f60;opacity: 0.8;}
.swiper-prev.disabled{color: #d7c9c1;opacity: 0.8;}
.swiper-next.disabled{color: #d7c9c1;opacity: 0.8;}
.swiper-prev:hover{opacity: 1;}
.swiper-next:hover{opacity: 1;}
@media screen and (max-width: 1500px) {
  .abt_hor:after{width: 90%;}
  .abt_hor .swiper-container{transform: translateX(-10%);}
}
@media screen and (max-width: 1366px) {
  .abt_hor .swiper-container{transform: translateX(-3.5%);}
}
@media screen and (max-width: 1200px) {
  .abt_hor{padding-bottom: 140px;}
  .abt_hor .swiper-container{transform: translateX(0%);}
  .abt_hor:after{width: 70%;}
}
@media screen and (max-width: 1000px) {
  .abt_hor li{width: 300px;}
}
@media screen and (max-width: 767px) {
  .abt_hor li{margin-right: 0;}
  .abt_hor:after{width: 63%;}
  .swiper_left_right{text-align: right;}
}
/* 加入 */
.au-jiaru { background-color: #fff; position: relative; padding-bottom: 4%; }
.au-jiaru .au-jiaru-box { position: relative; top:-50px;}
.au-jiaru .img { width: 78.125%; left: 0; position: absolute; top: 0; z-index: 0; }
.au-jiaru .img img { width: 100%; transition: all .4s; }
.au-jiaru .au-title { color: #fff; padding: 10% 0 5% 8.59375%; position: relative; z-index: 2; top: 200px; opacity: 0; transition: all .7s; }
.au-jiaru .au-title h2 { font-weight: bold; }
.au-jiaru .au-title.tuOn { opacity: 1; top: 0; }
.au-jiaru dl { margin-left: 8.59375%; position: relative; z-index: 2; color: #fff; }
.au-jiaru dl dt { float: left; display: block; background-color: #ff6600; width: 180px; padding: 2% 2.4%; box-sizing: border-box; }
.au-jiaru dl h2 { font-weight: bold; }
.au-jiaru dl .img_box { margin-top: 5%; text-align: right; }
.au-jiaru dl dd { float: left; margin-left: 2%; margin-top: 10%; color: #ff6600; font-weight: bold; }

@media screen and (max-width: 1500px){
  .au-jiaru dl dd{margin-top:12%;}
}
@media screen and (max-width: 1200px){
  .au-jiaru .img{left: 20px;}
}
@media screen and (max-width: 1024px) { .au-jiaru dl dt { width: 140px; }
  .au-jiaru dl dd { margin-top: 13%; } }
@media screen and (max-width: 600px) { 
  .au-jiaru .au-title{padding-top: 5%;}
  .au-jiaru dl dt { width: 120px; padding: 4%; }
  .au-jiaru .img { width: auto; left: 10px; right: 10px; }
  .au-jiaru dl dd { margin-top: 20%; } 
  .au-jiaru dl { margin-top: 4%; } 
}
