img { transition: all 0.5s ease 0s; border: 0px none; display: inline-block; }
a { color: rgb(51, 51, 51); transition: all 0.2s ease 0s; }
body { font-size: 14px; background-size: cover; }
.sl_wrap_1280 { width: 1280px; margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 1366px) {
  .sl_wrap_1280 { width: 1100px; }
}
@media only screen and (max-width: 1150px) {
  .sl_wrap_1280 { width: 100%; padding-right: 20px !important; padding-left: 20px !important; box-sizing: border-box; }
}
@media only screen and (max-width: 767px) {
  .sl_wrap_1280 { padding-right: 10px !important; padding-left: 10px !important; }
}
.b2b_banner { margin-top: 0px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
.b2b_banner .sl_text { padding-left: 25px; box-sizing: border-box; color: rgb(255, 255, 255); position: absolute; left: 15%; top: 65%; z-index: 99; transform: translateY(-50%); }
.b2b_banner .sl_text h1 { font-weight: 700; }
.b2b_banner .sl_text h3 { font-weight: 700; }
.b2b_banner .sl_text p { margin-top: 15px; }
.b2b_banner .sl_text .btn a { display: block; width: 140px; height: 50px; line-height: 50px; text-align: center; background: #3b57f8 none repeat scroll 0% 0%; border: 1px solid #3b57f8; color:#fff; }
.b2b_banner .sl_text .btn a:hover { background: transparent none repeat scroll 0% 0%; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
.scroll_tip { height: 250px; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; background: rgba(0, 0, 0, 0) url("../images/nav_bg.png") repeat-x scroll 0% 0%; }
.scroll_tip p { width: 30px; display: inline-block; margin-top: 80px; }
.scroll_tip p svg { width: 100%; }
.page1 { overflow: hidden; position: fixed; inset: 0px; transition: all 0.4s ease-in-out 0s; }
.page2 { position: relative; }


.cart_nav {position: fixed;right: 30px;bottom: 30px;z-index: 3;opacity: 1;}
.fiexd_div { z-index: 99; width: 100%; text-align: center;  }
.fiexd_div li { margin: 0px 5px; display: block; }
.fiexd_div li a { margin-top: 10px; display: block;color:#1a1a1a; line-height: 30px; font-size: 16px;position:relative}
.fiexd_div li a.active:before {content:"";display:block;position:absolute;width:40px;height:1px;background:#1a1a1a;position:absolute;left:-50px;top:15px;}

@media only screen and (max-width: 1400px) {
  .scroll_tip { height: 150px; }
  .scroll_tip p { margin-top: 30px; }
}
@media only screen and (max-width: 1181px) {
  .page1 { position: relative; }
  .cart_nav { display: none; }
  .scroll_tip { display: none; }
}
.bounce { animation: 3s ease 0s infinite normal none running bounce; }
@keyframes bounce {
  0% { opacity: 0; transform: translateY(0px); }
  10% { opacity: 0; transform: translateY(0px); }
  50% { opacity: 1; transform: translateY(30px); }
  90% { opacity: 1; transform: translateY(30px); }
  100% { opacity: 0; transform: translateY(30px); }
}
@media only screen and (max-width: 1366px) {
  .b2b_banner { height: 500px; padding-bottom: 0px; }
  .b2b_banner .sl_text { padding-left: 0px; }
  .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; transform: translateY(0%); margin: 50px 20px 0px; }
  .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; }
}
.b2b_con03 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.b2b_con03 .sl_wrap_1280 { position: relative; }
.b2b_con03 dl { position: relative; width: 31.3%; float: left; margin-right: 3%; }
.b2b_con03 dl:nth-of-type(3n) { margin-right: 0px; }
.b2b_con03 dl dt { width: 100%; }
.b2b_con03 dl dt img { width: 100%; }
.b2b_con03 dl dd { width: 80%; position: relative; float: right; top: -70px; right: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 20px; box-sizing: border-box; box-shadow: rgb(153, 153, 153) 2px 2px 8px; }
.b2b_con03 dl dd a { font-weight: 700; display: block; line-height: 1.2; height: 2.4em; overflow: hidden; }
.b2b_con03 dl dd p { color: rgb(255, 102, 0); margin-top: 10px; }
.b2b_con03.dl_three dl dt { height: 0px; padding-bottom: 100%; overflow: hidden; }
.b2b_con03 dl:hover dd { background: rgb(255, 102, 0) none repeat scroll 0% 0%; }
.b2b_con03 dl:hover dd a { color: rgb(255, 255, 255); }
.b2b_con03 dl:hover dd p { color: rgb(255, 255, 255); }
@media only screen and (max-width: 1400px) {
  .b2b_con03 .sl_wrap_1280 { padding-bottom: 0px; }
}
@media only screen and (max-width: 1000px) {
  .b2b_con03 dl dd { padding: 10px; right: 10px; top: -30px; }
  .b2b_con03 dl dd p { margin-top: 5px; }
}
@media only screen and (max-width: 600px) {
  .b2b_con03.dl_three dl { width: 49%; margin-right: 2%; }
  .b2b_con03.dl_three dl:nth-of-type(3n) { margin-right: 2%; }
  .b2b_con03.dl_three dl:nth-of-type(2n) { margin-right: 0px; }
  .b2b_con03 dl dd a { height: auto; }
  .b2b_con03 dl dd a br { display: none; }
}
@media only screen and (max-width: 420px) {
  .b2b_con03.dl_three dl { width: 100%; float: none; margin-right: 0%; }
  .b2b_con03.dl_three dl:nth-of-type(3n) { margin-right: 0%; }
  .b2b_con03.dl_three dl:nth-of-type(2n) { margin-right: 0px; }
}
@media only screen and (max-width: 1366px) {
  .b2b_con03 { padding: 100px 0px 50px; }
}
@media only screen and (max-width: 1100px) {
  .b2b_con03 { padding: 100px 0px 150px; }
}
@media only screen and (max-width: 600px) {
  .b2b_con03 { padding: 40px 0px 80px; }
}
@media only screen and (max-width: 600px) {
  .social-share .icon-wechat .wechat-qrcode { left: 0px !important; }
  .social-share .icon-wechat .wechat-qrcode::after { display: none; }
}
.px-heyi { background: rgba(0, 0, 0, 0) url("../images/bg_cymh03.jpg") no-repeat scroll center center / cover; color: rgb(255, 255, 255); padding: 10% 0px; }
.px-heyi h3 { transition: all 0.7s ease-out 0s; font-weight: 700; }
.px-heyi p { transition: all 0.7s ease-out 0s; margin-top: 10px; }
.px-heyi a { color: rgb(255, 255, 255); transition: all 0.3s ease 0s; text-indent: 0px; }
.px-heyi a:hover { text-indent: 20px; }
.page2 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
@keyframes myrotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes myslate {
  0% { transform: translate(0px); }
  100% { transform: translate(10px, 10px); }
}
@keyframes mover {
  0% { transform: translateX(-10px); }
  50% { transform: translateX(10px); }
  100% { transform: translateX(-10px); }
}
@keyframes mover2 {
  0% { transform: translateX(-20px); }
  50% { transform: translateX(20px); }
  100% { transform: translateX(-20px); }
}
@keyframes mover3 {
  0% { transform: translateX(-15px); }
  50% { transform: translateX(15px); }
  100% { transform: translateX(-15px); }
}

.news_box{width:100%;background:#fff;position: relative;padding:70px 0}
.news_list,.news_title{width:96%;margin:0 auto;max-width: 1600px;overflow:hidden;position: relative;}
.news_title .news_tit1{font-size:30px;line-height:36px;text-transform:uppercase;font-weight:100;}
.news_title .news_tit2{font-size:36px;line-height:48px;text-transform:uppercase;font-weight:100;}
.news_list .swiper-container{height: 356px;padding-top:40px;}
.news_list .list{height:160px;border-bottom:1px solid #cfcfcf}
.news_list .list .list_title{font-size:18px;line-height:30px;position:relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news_list .list .list_text{font-size:14px;color:rgba(0,0,0,0.7);line-height:30px;padding-top:10px;}
.list_num span{float:right;padding-left:30px;background:url(../images/news_num_bg.png)no-repeat left}
.swiper_btns{position:absolute;right:0;height: 44px;width:68px;bottom:0;}
.swiper_btns:before{content:"";display:block;position:absolute;width:2px;height:22px;background:#000;left:33px;top:10px;}
.swiper_btns .swiper-button-next{position:absolute;margin-top:0;right:0;font-size:20px;top:0}
.swiper_btns .swiper-button-prev{position:absolute;margin-top:0;left:0;font-size:20px;top:0}
.swiper_btns .swiper-button-next:after,.swiper_btns .swiper-button-prev:after{font-size:20px;color:#000}