.clearfix, .cf{*zoom: 1;}
.clearfix:before, .cf:before{content: ''; display: table;}
.clearfix:after, .cf:after{content: ''; display: table; clear: both;}
.fnt_60{font-size: 60px;}

.b2b_banner{margin-top:0px;position:relative;background-size: cover;background-position: center center;background-repeat: no-repeat;width: 100%;height: 100vh;}
.b2b_banner .sl_text{padding-left: 25px;box-sizing: border-box;color: #fff;position: absolute;left: 15%;top:50%;z-index:99;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.b2b_banner .sl_text h1{font-weight: 300;}
.b2b_banner .sl_text h3{font-weight: 300;}
.b2b_banner .sl_text p{margin-top: 15px;line-height: 1.8;}
.b2b_banner .sl_text .btn a{display:block;width: 240px;height: 60px;line-height: 60px;text-align: center;background: #3b57f8;border:1px solid #3b57f8;color: #fff;font-weight: 300;text-decoration: none;transition: 0.5s ease-in-out;}
.b2b_banner .sl_text .btn a:hover{background: transparent;color: #fff;border:1px solid #fff;}
.banner_top50.b2b_banner .sl_text{top: 50%;}

.scroll_tip{
  height: 250px;
  position: absolute;left: 0px;right: 0px;bottom: 0px;text-align: center;
  background: url(../img3/nav_bg.png) repeat-x;
}
.scroll_tip p{width: 30px;display: inline-block;margin-top: 80px;}
.scroll_tip p svg{width: 100%;}

.page1{overflow:hidden;position: fixed;top:0px;left:0px;right:0px;bottom:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.page2{position: relative;}
.fnt_30{font-size: 30px;}
.fnt_24{font-size: 24px;}
@media(max-width: 1500px){
	.fnt_60 {font-size: 50px;}
	.fnt_30{font-size: 26px;}
	.fnt_24{font-size: 20px;}
}
@media only screen and (max-width: 1181px){
  .fnt_60 {font-size: 38px;}
	.fnt_30{font-size: 20px;}
	.fnt_24{font-size: 16px;}
  .page1{position: relative;}
  .cart_nav{display: none;}
  .isTouch .cart_nav{display: none;}
  .scroll_tip{display: none;}
  .page2{margin-top: 0!important;}
}
.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  10% {
    opacity: 0;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    transform: translateY(30px);
  }
  90% {
    opacity: 1;
    transform: translateY(30px);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}
/*外贸*/
.foreign.b2b_banner .sl_text{left: 50%;top:38%;}

/*创意*/
.creat.b2b_banner .sl_text{left: 15%;top:50%;}

/*集团站群*/
.group_banner.b2b_banner .sl_text{left: 25%;top:50%;}

@media only screen and (max-width: 1366px){
  .b2b_banner{height: 500px;padding-bottom: 0;}
  .b2b_banner .sl_text{padding-left: 0;}
  .b2b_banner .sl_text .btn a{width: 120px;height: 40px;line-height: 40px;}
}
@media only screen and (max-width: 1150px){
  .b2b_banner{height: 400px;}
  .b2b_banner .sl_text{top:50%;}
}
@media only screen and (max-width: 767px){
  .b2b_banner{height: 360px!important;background-position: 8% center;}
  .b2b_banner .sl_text{position: static;-webkit-transform:translateY(0%);transform:translateY(0%);margin:50px 20px 0 20px;}
  .b2b_banner .sl_text br{display: none;}
  .b2b_banner .sl_text p{margin-top: 10px;}
  .b2b_banner .sl_text .btn a{width: 100px;height: 30px;line-height: 30px;}

  /*创意*/
  .creat.b2b_banner .sl_text{color: #fff;}
  .creat.b2b_banner .sl_text .btn a{color: #f60;background: #fff;border-color: #fff;}
  /*集团站群*/
  .group_banner.b2b_banner .sl_text{color: #fff;}
  .group_banner.b2b_banner .sl_text .btn a{color: #f60;background: #fff;border-color: #fff;}
}
.b2b_con04{position: relative;background: #fff;}
.b2b_con04 dl{position: relative;}
.b2b_con04 dl dt img{width:100%;}
.b2b_con04 dd{position: absolute;left: 0px;top:0px;color: #fff;}
.b2b_con04 dd h3{margin-bottom: 10px;}
.b2b_con04 dd .p{font-weight: 700;}
.b2b_con04 dd .p:nth-of-type(2n){margin-top: 40px;}
.b2b_con04 dl.dl1 dd{left: 60%;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.b2b_con04 dl.dl2 dd{left: 17%;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.b2b_con04 dl.dl3 dd{left: 50%;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.b2b_con04 dl.dl4 dd{left: 17%;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

/* 业务场景 */
.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: left; width: 540px; margin-left: 7.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;line-height: 2;font-size: 24px;  }
.yw-scenario dl.dl1 dt { display: block; float: right; width: 38.75%;}
.yw-scenario dl.dl1 dt .img_box{font-size: 0;}
.yw-scenario dl dt .dd_con{margin-top: -86px;position: relative;z-index: 2;}
.yw-scenario dl dt h3{font-size: 36px;display: inline-block;padding: 0 36px; height: 86px;line-height: 86px; background-color: #fff;margin-bottom: 70px;}
.yw-scenario dl dt p{font-size: 20px;line-height: 2;}

.yw-scenario dl.dl2 { position: relative; z-index: 1; top: -135px; right: -200px; opacity: 0; }
.yw-scenario dl.dl2 dd { float: right; width: 48.625%; line-height: 1.25; padding-top: 9%; margin-right: 0%; }
.yw-scenario dl.dl2 dd h3 { margin: 30px 0 20px; }
.yw-scenario dl.dl2 dt { display: block; float: left; width: 48.625%;  }

.yw-scenario dl.dl3 { position: relative; z-index: 2; left: -200px; opacity: 0; width: 32%;float: right;margin-right: 12.5%;float: right;margin-top: 56px; }
.yw-scenario dl.dl3 dd { float: left;  line-height: 1.25;  }
.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; margin-right: 5.07813%; }

.yw-scenario dl.dl4 { position: relative; z-index: 3;  right: -200px; opacity: 0; float: left;width: 38.625%;float: left;margin-top: 5px;margin-left: 11.25%;margin-bottom: 80px; }

.yw-scenario dl.dl4 dt { display: block; float: right; }
.yw-scenario dl.dl4 dt h3{margin-bottom: 20px;}

.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; }

.mt_45 {margin-top: 45px;}
.sl_wrap_1280{width: 83.33%;margin-left: auto;margin-right: auto;}

@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: #272626; border: 1px solid #555; box-sizing: border-box; width: 23.82813%; height: 180px; margin-right: 1.5625%; margin-bottom: 30px; padding: 30px 2.5%;text-align: center; }
.pro-advantage dl:nth-child(4n) { margin-right: 0; }
.pro-advantage dl h3 { margin-bottom: 20px;font-size: 28px; font-weight: 700;}
.pro-advantage dl p { font-weight: normal; font-size: 16px; }

/*案例*/
figure > span {line-height: 0;display: block;}
.autoImg {overflow: hidden;}
.slide {position:relative;}
.bx-wrapper {position: relative;margin: 0 auto;max-width: 1600px;}
.bx-wrapper .bx-viewport {z-index: 50;}
.story {padding:120px 0; overflow:hidden;background-color: #fff;}
.story .hgroup {position:absolute; left:10%;}
.story .hgroup h2 {margin:17px 0 29px 0; font-size:52px; color:#333; line-height:60px; font-weight:900; text-align:left;}
.story .hgroup h2.blt:before {margin:13px 0 0 -70px;}
.story .bx-viewport {margin-left:540px;width: 1120px;}
.story .slide .autoImg {width:344px; height:420px;}
.story .slide .autoImg img{height: 100%;width: auto;margin-left: -30px;max-width: 1000%;}
.story .slide .slick-list li{float: left;list-style: none;margin-right: 0px;overflow: hidden;}
.story .slide li a{text-decoration: none;color: #666;}
.story .slide figcaption {max-height:148px; margin-top:36px; display:block; overflow:hidden;}
.story .slide h3 {margin-bottom:8px; font-size:20px; color:#000; line-height:26px; word-break:normal; white-space:normal; word-wrap:normal;font-weight: 400;}
.story .slide li .desc{}
.story .slick-list{overflow: hidden;}
.bx-wrapper .slick-dots li button {
    line-height: 0;
    text-indent: -9999px;
    vertical-align: middle;
    display: block;
}
.story .slick-dots {position:absolute; top:420px; left:0%; margin-left: -500px;}
.story .slick-dots li {width:62px; float: left;list-style: none; height:4px; margin-right:5px; border-bottom:2px solid #ddd;}
.story .slick-dots li button {width: 100%; position:relative;border: 0; height:40px; margin-top:-18px; padding:18px 0;background: transparent;}
.story .slick-dots li.slick-active button:before {position:absolute; width:100%; height:4px; background:#333; display:block; content:""; animation:widthExpend 1s ease-in-out;}
.blt.line01:before {
    position: absolute;
    width: 19px;
    height: 92px;
    background: url(../images/blt_line01.png) 0 0 no-repeat;
    display: block;content: "";
}
@keyframes widthExpend {
  from {width:0;}
  to {width:100%;}
}

@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: 36.9375%; left: -200px; margin-left: 17.375%;margin-bottom: -15%; }
.ff-service .dl2 { float: left; width: 28.9375%;  margin-top: 6%; right: -200px; }
.ff-service .dl3 { width: 52.5%;float: right;  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(../img3/CECMP/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; }

@media(max-width: 1280px){
	.yw-scenario dl.dl1 dd{width: 46%;}
	.yw-scenario dl.dl1 dd div{font-size: 16px;}
	.yw-scenario dl dt .dd_con{margin-top: -60px;}
	.yw-scenario dl dt h3{font-size: 24px;margin-bottom: 30px;height: 60px;line-height: 60px;}
	.yw-scenario dl dt p{font-size: 16px;}
	.yw-scenario{padding-top: 120px;}
	.pro-advantage dl h3{font-size: 24px;}
	.pro-advantage dl p{font-size: 14px;}
	.story .hgroup h2{font-size: 40px;}
	.story .slide h3{font-size: 18px;}
	.story .slide li .desc{font-size: 14px;}
	.likearticle{margin: 80px auto;}
}
@media(max-width: 1023px){
	.yw-scenario dl dt p{font-size: 14px;}
	.yw-scenario dl dt h3{font-size: 20px;}
	.pro-advantage{padding: 120px 0 60px;}
	.pro-advantage dl h3{font-size: 18px;}
	.pro-advantage dl p{font-size: 14px;}
	.story .hgroup h2{font-size: 36px;}
	.story .bx-viewport{margin-left: 300px;}
	.story .slick-dots{margin-left: -250px}
	.story .slick-dots li{width: 35px;}
	.story .slide h3{font-size: 16px;}
	.story .slide li .desc{font-size: 13px;}
	.story{padding: 80px 0;}
	.likearticle{margin: 60px auto;width: 93%;}
	.likearticle .likelist{margin-right: -15px;margin-left: -15px;}
	.likearticle .con{padding: 0 15px;}
	.likearticle .con .name{font-size: 16px;}
	.likearticle .con .counts{font-size: 12px;}
	.likearticle .en{font-size: 24px;}
	.likearticle .title{font-size: 26px;}
	.likearticle .likelist{margin-top: 30px;}
	.yw-scenario dl.dl2{top: -60px}
	.pro-advantage dl{padding: 20px 10px;}
	.fnt_60{font-size: 30px;}
	.yw-scenario dl.dl1 dd{width: 45%;margin-left: 2%;padding-top: 3%;}
	.yw-scenario dl.dl1 dd div{font-size: 14px;}
	.yw-scenario dl dt h3{margin-bottom: 20px;height: 50px;line-height: 50px;}
	.yw-scenario dl dt .dd_con{margin-top: -50px;}
	.yw-scenario{padding-top: 80px;}
	.sl_wrap_1280{width: 93%;box-sizing: border-box;}
	.yw-scenario dl.dl1 dt{margin-right: 3%;}
	.yw-scenario dl.dl3{margin-right: 6%;}
}

@media(max-width: 767px){
	.yw-scenario{padding-top: 40px;}
	.yw-scenario dl{height: auto;padding-bottom: 0}
	.yw-scenario dl.dl1 dd div{display: none;}
	.yw-scenario dl.dl2{top: 0}
	.yw-scenario dl dt .dd_con{margin-top: 0px;}
	.yw-scenario dl.dl3{width: 100%;margin-right: 0;}
	.yw-scenario dl.dl4{width: 100%;margin-left: 0}
	.yw-scenario dl dt h3{background-color: transparent;padding-left: 15px;padding-right: 0;font-size: 18px;height: 40px;line-height: 40px;margin-bottom: 0px;}
	.yw-scenario dl.dl4 dt h3{margin-bottom: 0;}
	.yw-scenario dl dt p{padding-left: 15px;}
	.yw-scenario dt:after{background-color: transparent;}
	.yw-scenario dl.dl4{margin-bottom: 40px;}
	.yw-scenario dl.dl3{margin-top: 30px;}
	.pro-advantage{padding: 80px 0 40px;}

	.ff-service .dl1{margin-left: 0;margin-bottom: 0;}
	.wrap_fixed .pagination{display: none;}
	
	.story{padding: 30px 0;}
	.story .hgroup{position: relative;left: 0;padding: 0 15px;}
	.story .hgroup h2{font-size: 24px;height: 40px;line-height: 40px;margin-bottom: 10px;margin-top: 10px;}
	.story .hgroup h2 br{display: none;}
	.story .hgroup p{margin-bottom: 20px;}

	.story .bx-viewport{width: 100%;margin-left: 0;}
	.story .slide .slick-list li{margin-right: 0;}
	.story .slide .autoImg img{margin-left: 0;}
	.bx-wrapper{padding: 0 15px;box-sizing: border-box;}

	.likearticle{margin: 30px auto;}
	.likearticle .en{font-size: 20px;}
	.likearticle .title{font-size: 24px;}


	.fnt_30{font-size: 20px;}
	.fnt_24{font-size: 14px;}

}