html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, form, article, aside, embed, dl, dt, dd, table, td, th, input, button, legend, fiedlset, blockquote, textarea, label, strong, img, fieldset, b { margin: 0; padding: 0; }
body { font: 12px '宋体'; color: #666; color:#333}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ul, li { list-style-type: none;}
.clearfix { /*font-size: 0;*/ clear: both; line-height: 0; }
.left { float: left; }
.right{ float: right; }
em, cite { font-style: normal; }
.more {float:right;}
img{border:none; vertical-align: middle;}
a { text-decoration: none;color: #333; }
a:hover { text-decoration: underline; }
.MS_1{overflow: hidden;}
.MS_C_1{overflow: hidden;}
html,body{width:100%;overflow-x:hidden;}
#L_1{width:1920px;margin:0 auto;}
#L_23{width:1920px;margin:0 auto;}
#L_5_99{background-color:#ffffff;}
#L_5{width:1920px;margin:0 auto;}
#L_5{background-color:#ffffff;}
#L_4{width:100%;margin:0 auto;}
#M_4 .b-logo{display: block;width:300px;height: 79px;margin:0;max-width:100%}
#M_4 .b-logo img{width:100%;height:100%}#Content_5,#M_5 table{color:#191919;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_5 a{color:#191919;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_5 a:hover{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
body{position:relative;}
#M_5 {overflow:visible}
#M_5 .MS_C_1 {overflow:visible}
#M_5 .b-header{height:80px;width:100%;position: relative;}
#M_5 .menu_r{float:right;width:100%;height:100%;position:relative;}
#M_5 .b-menu{float:right;}
#M_5 .b-menu li{float:left;position: relative;font-size:12px;}
#M_5 .b-menu li>a{display:block;width:80px;height: 100%;text-align:center;line-height: 80px;}
#M_5 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;}
#M_5 .b-menu li>a:hover{background:#000;background:#0086d5}
#M_5 .b-menu li ul{width:100%;position:absolute;top:80px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#0086d5}
#M_5 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; }
#M_5 .b-menu li ul li a{width:100%;height:34px;line-height:34px;}
#M_5 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#0086d5}
.nav_li{margin-right:20px;}
#M_5 .nav-moblie {width: 34px;height:34px;margin-top: 25px;position: absolute;right:0;top:0;cursor: pointer;display: table;transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;display:none;}
#M_5 .nav-moblie.selected {transform: rotate(0deg);}
#M_5 .nav-moblie a {/*background-color: #d7d7d7;*/display: block;height: 4px;
position: relative;
top: 50%;
width: 100%;
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
margin: 0;
}
#M_5 .nav-moblie:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
#M_5 .nav-moblie:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
#M_5 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
#M_5 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
#M_5 .nav-moblie a:after,
#M_5 .nav-moblie a:before {
background-color: #d7d7d7;
display: block;
height: 2px;
left: 0;
position: absolute;
width: 100%;
content:'';
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
#M_5 .nav-moblie a:after { top: 5px;}
#M_5 .nav-moblie a:before { top: -10px;}
#M_5 .nav-moblie.selected a:after,
#M_5 .nav-moblie.selected a:before { top: 0;}
#M_5 .nav-moblie.selected a:before {
background-color: #d7d7d7;
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_5 .nav-moblie.selected a:after {
background-color: #d7d7d7;
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_5 .nav-moblie.selected a {background-color: transparent !important;}
#M_5 .navMobile{display:none;position:fixed;left:0;top:80px;width:100%;height:100%;background: #fff;padding-bottom:148px;z-index:2;}
#M_5 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;}
#M_5 .firstUl>li>a,.firstD>a{display:block;padding-left:18px;color:#333;font-size:14px;}
#M_5 .firstUl>li.active,.firstD.active{background: #edf2f4;}
#M_5 .firstUl>li.active>a,.firstD.active>a{color:#23bbab;}
#M_5 .firstUl>li:hover{background: #edf2f4;}
#M_5 .firstUl>li>ul{display:none}
#M_5 .firstUl>li>ul li{line-height:40px;}
#M_5 .firstUl>li>ul li:hover{background: #fff;}
#M_5 .firstUl>li>ul li>a{display:block;padding-left:40px;color:#333;font-size:14px;}
#M_5 .firstD>a{position: relative;}
#M_5 .toggle{position: absolute;right:19px;top:29px;display:inline-block;background: url(../images/iconall.png) no-repeat 0 -160px;width: 10px;height: 6px;}
#M_5 .select{position:absolute;height:60px;top:0;right:0;width:120px;text-align:left;line-height:60px;z-index:99;display:none;font-family:cursive;text-align:center}
#M_5 #menu_pc .select{display:none !important;}
#M_5 .nav_uu{position:relative;width:100%;height:calc(100% - 80px);}
#M_5 .nav_uu .firstUl{position:absolute;width:100%;height:100%;overflow:auto}
@media only screen and (max-width:1260px){
}
@media only screen and (max-width:1023px){
/*头部*/
#M_5 .b-menu{display:none;}
#M_5 .nav-moblie{display:block;}
/*top*/
#M_5 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_5 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
}
@media only screen and (max-width:767px){
/*top*/
#M_5 .nav-moblie{right: 20px;}
}
@media only screen and (max-width:330px){
/*top*/
#M_5 .firstUl>li{line-height: 50px;}
#M_5 .toggle{top:23px;}
}
#M_6 .MS_C_1{background:url(https://files.b2b.cn/style/2017/0906/6060310276099d04348d07b0e6a0dcb4.jpg) ;}
#Content_6,#M_6 table{color:#ffffff;}
#Content_6 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:32px;font-weight:normal;font-style:normal;}
#M_6 .section1{width:100%;height:auto;position:relative;}
.videoBox{width: 100%;height:0px;position:relative !important;z-index:9;padding-top: 56.25%;top:0;display:block;overflow:hidden;}
#M_6 .videoBox #video{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:100%;/*height:100%;*/min-height:100%;}
#M_6 .gxPic{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:177px;opacity:1;
transition: all .6s;transition-delay: 0.7s;}
#M_6 .videoBg{width:100%;height:600px;background-size: cover;position:relative;z-index:0;top:0;}
#M_6 .banner_pic{position:absolute;left:50%;top:50%;width:200px;height:260px;margin-top:-130px;margin-left:-100px;z-index:2;}
#M_6 .banner-title{position:absolute;width:90%;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;height:80px}
#M_6 .banner-title h6{font-size:46px;height:46px;overflow:hidden;line-height:46px;color:#ffffff;font-family:"Microsoft YaHei";font-size:22px;font-weight:normal;font-style:normal;}
#M_6 .banner-title p{font-size:34px;text-align:center;height:34px;overflow:hidden;color:#ffffff;font-family:"Microsoft YaHei";font-size:22px;font-weight:normal;font-style:normal;;line-height:34px;margin-top:5px}
#M_6 .swiper-container01 {position: relative;width: 100%;height: 100%;cursor: auto!important;}
#M_6 .swiper-container01 .swiper-pagination-switch,
#M_6 .swiper-pagination,
#M_6 .swiper-container01 .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;margin:0 5px;background-color:#;border-radius: 50%;cursor: pointer;vertical-align: middle;opacity: 1}
#M_6 .swiper-container01 .swiper-pagination-bullet-active{ background-color:#;}
#M_6 .swiper-container01 .pagination{position:absolute;left:0;bottom:30px;width: 100%;text-align: center;}
#M_6 .swiperBG_1{width: 100%;height:100%;background-size: 1920px 600px}
#M_6 .swiper-container01 .pagination{z-index: 99;bottom: 20px}
#M_6 .phone-container {position: relative;width: 100%;height: 100%;cursor: auto!important;display:none}
#M_6 .phone-container .swiper-pagination-switch,
#M_6 .phone-container .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;margin:0 5px;background-color:#;border-radius: 50%;cursor: pointer;vertical-align: middle;opacity: 1}
#M_6 .phone-container .swiper-pagination-bullet-active{ background-color:#;}
#M_6 .phone-container .pagination{position:absolute;left:0;bottom:10px;width: 100%;text-align: center;}
#M_6 .swiperBG_2{width: 100%;height:100%;background-size: 100% 100%}
#M_6 .phone-container .pagination{z-index: 99;bottom: 10px}
@media only screen and (max-width:1023px ) {
#M_6 .section1{margin-top:80px}
#M_6 .videoBox{display: none !important;}
#M_6 .videoBg{display: block !important;position:relative !important;}
#M_6 .banner-title h6{font-size:30px;max-height:64px;line-height:32px;height:auto}
#M_6 .banner-title p{font-size:24px;max-height:52px;line-height:26px;height:auto}
}
@media only screen and (max-width:768px ) {
#M_6 .swiper-container01{display:none}
#M_6 .phone-container{display:block;height:360px}
#M_6 .banner-title h6{font-size:20px;height:30px;line-height:30px;}
#M_6 .banner-title p{font-size:14px;text-align:center;height:20px;line-height:20px;}
}#Content_29,#M_29 table{color:#666666;}
#Content_29 a{color:#666666;}
#M_29 .h-call{width:100%;height: 40px;}
#M_29 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;}
#M_29 .lianxi{float: right;}
#M_29 .lianxi a{;margin: 0 5px}
#M_29 .lianxi a:hover{text-decoration: underline}
@media only screen and (max-width:1279px){
#M_29 .h-call,.c-header,.ch-r{display: none}
}
#L_6{width:1920px;margin:0 auto;}
#L_6_1{background-color:#0086d5;}
#L_7{width:1920px;margin:0 auto;}
#L_7{margin:80px 0px 0px ; }
#L_8{width:1920px;margin:0 auto;}
#L_8_1{margin:60px 0px 0px ; }
#L_9{width:100%;margin:0 auto;}
#L_9{margin:80px 0px 0px ; }
#L_10{width:1920px;margin:0 auto;}
#L_10{margin:80px 0px 0px ; }
#L_11{width:1920px;margin:0 auto;}
#L_11_1{margin:60px 0px 0px ; }
#L_12{width:100%;margin:0 auto;}
#L_14_99{background:url(https://files.b2b.cn/style/2017/0822/b349ae9095d22c8cf575a18a78b66872.png) no-repeat; background-size:100% 100%;}
#L_14{width:1920px;margin:0 auto;}
#L_14{padding:60px 0px ;}
#L_15{width:1920px;margin:0 auto;}
#L_16_99{background:url(https://files.b2b.cn/skin/2020/0518/8588af1d860c75e5a258ce3a03359839.jpg) no-repeat; background-size:100% 100%;}
#L_16{width:1920px;margin:0 auto;}
#Content_7,#M_7 table{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_7 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_7 .about-wrap{width: 75%;margin: 0 auto;position: relative;box-sizing: border-box;height:570px}
#M_7 .about-main{position: absolute;height: 240px;top: 50%;margin-top: -120px;}
#M_7 .about-title{color: #fff;;line-height: 1;height: 26px;overflow: hidden;font-size: 24px;}
#M_7 .about-title i{display:block;float: left;width: 8px;height: 24px;background: #fff;margin-right: 10px;background: #}
#M_7 .about-main p{line-height: 36px;height: 72px;overflow: hidden;margin: 10% 0;}
#M_7 .about-more{display: block;width: 200px;height: 55px;border: 1px solid #fff;border: 1px solid rgba(255,255,255,.4);text-align: center;line-height: 55px;box-sizing: border-box;font-size: border-radius: 2px;border-color:#}
@media only screen and (max-width:1023px){
#M_7 .about-main p{margin: 20px 0;}
#M_7 .about-main{height:200px;margin-top: -100px;}
}#Content_8,#M_8 table{color:#ffffff;}
#Content_8 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_8 .about-pic{width: 100%;}
#M_8 .about-pic ul li{position: relative;float: left;width: 33.3333%;height: auto;overflow: hidden;}
#M_8 .about-pic ul li img{width: 100%;height: 100%;transition: all ease .4s;}
#M_8 .about-pic li:hover img{transform: scale(1.1,1.1);}
/*遮罩*/
#M_8 .shade{width: 100%;height: 100%;position: absolute;top: 100%;left: initial;}
#M_8 .shade-border{width: 90%;height: 90%;border: 1px solid #fff;position: absolute;top: 5%;left: 5%;border-color:#}
#M_8 .shade-main{position: absolute;top: 50%;height: 78px;margin-top: -39px;width: 100%;}
#M_8 .shade-line{width: 52px;height: 1px;background: #fff;margin: 0 auto;background: #}
#M_8 .shade-main h3{text-align: center;width: 100%;margin: 30px 0;}
#M_8 .about-pic li:hover .shade-border{width: 90%;height: 90%;}
#M_8 .shadow_bg{position: relative;width: 100%;height: 100%;background: #e09911;opacity: .8;filter: opacity(80);background:#}
@media only screen and (max-width:1023px){
#M_8 .about-pic ul li{width: 50%;height: auto;}
#M_8 .shade{position: relative;height: 50px;line-height: 50px;background: none;}
#M_8 .shade-main h3{color: #333;margin: 0;}
#M_8 .shade-line{width: 0;height: 0;}
#M_8 .shade-main{position: inherit;top: auto;height: 100%;margin-top: inherit;}
#M_8 .shade-border{border-width: 0;}
}#Content_9,#M_9 table{font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#M_9 .news-title{width: 200px;overflow: hidden;height: 24px;font-size: 24px;color: #333;;line-height: 1;}
#M_9 .news-title i{width: 8px;height: 24px;background: #333;float: left;margin-right: 10px;background: #}
#Content_11,#M_11 table{color:#636363;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_11 .news-content{width: 100%;}
#M_11 .news-content ul li{width: 22%;margin-right: 4%;margin-bottom:4%;box-sizing: border-box;float: left;position: relative;overflow: hidden;transform: translateY(100px);opacity: 0;transition: all .3s;}
#M_11 .news-content ul li:nth-of-type(1){transition-delay: .2s;}
#M_11 .news-content ul li:nth-of-type(2){transition-delay: .4s;}
#M_11 .news-content ul li:nth-of-type(3){transition-delay: .6s;}
#M_11 .news-content ul li:nth-of-type(4){transition-delay: .8s;}
#M_11 .three_pic2 ul li{transform: translateY(0);opacity: 1;}
#M_11 .news-content ul li:nth-of-type(4n){margin-right: 0;}
#M_11 .news-pic{
position: relative;
width: 100%;
}
#M_11 .news-pic::before{
content: '';
display: block;
width: 100%;
padding-top: 65.7681%
}
#M_11 .news-pic img{width: 100%;height: 100%;position: absolute;transition: all ease .4s;left:0;top:0}
#M_11 .news-txt{background: #f8f8f8;padding: 38px;width: 100%;box-sizing: border-box;}
#M_11 .news-txt h3{margin: 18px 0 30px 0;font-weight: bold;font-size: 18px;color: #252525;line-height: 25px;height: 50px;overflow: hidden;}
#M_11 .news-ctxt{line-height: 26px;height: 78px;overflow: hidden;}
#M_11 .news-time{color: #8799a3;font-size: 16px;}
#M_11 .side-shadow{position: absolute;width: 101%;height: 101%;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid #333;transition: all ease .4s;border-color:#}
#M_11 .news-content ul li:hover .side-shadow{width: calc(101% - 10%);height: calc(101% - 10%)}
#M_11 .news-content ul li:hover img{transform: scale(1.1,1.1);}
#M_11 .news-content ul li:hover {transition-delay: 0s;box-shadow: 0px 0px 15px #ccc;}
#M_11 .news-content ul li:hover a{}
@media only screen and (max-width:1023px){
#M_11 .news-content ul li{width: 48%;margin-right: 4%;margin-top: 4%;}
#M_11 .news-content ul li:last-child{margin-right: 4%;}
#M_11 .news-content ul li:nth-child(2n){margin-right: 0;}
#M_11 .news-content ul li{transform: translateY(0);opacity: 1;}
#M_11 .three_pic2 ul li{transform: translateY(0);opacity: 1;}
}
@media only screen and (max-width:768px){
/*新闻中心*/
#M_11 .news-content ul li{width: 100%;margin-right: 0;margin-top: 4%;}
#M_11 .news-content ul li:nth-child(2n-1){margin-right: 0;}
}#M_12 .images-wrap{width: 100%;position: relative;overflow: hidden;margin:0;}
#M_12 .images-wrap img{width: 100%;;height: auto;}#Content_13,#M_13 table{font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#M_13 .news-title{width: 200px;overflow: hidden;height: 24px;font-size: 24px;color: #333;;line-height: 1;}
#M_13 .news-title i{width: 8px;height: 24px;background: #333;float: left;margin-right: 10px;background: #}
#Content_15,#M_15 table{color:#ffffff;}
#Content_15 a{color:#ffffff;}
#Content_15 a:hover{color:#ffffff;}
#M_15 .product-wrap{width: 100%;}
#M_15 .product-wrap ul li{width: 25%;float: left;position: relative;box-sizing: border-box;overflow: hidden;transform: translateY(100px);opacity: 0;transition: all .3s;}
#M_15 .product-wrap ul li:nth-of-type(1){transition-delay: .2s;}
#M_15 .product-wrap ul li:nth-of-type(2){transition-delay: .4s;}
#M_15 .product-wrap ul li:nth-of-type(3){transition-delay: .6s;}
#M_15 .product-wrap ul li:nth-of-type(4){transition-delay: .8s;}
#M_15 .three_pic2 ul li{transform: translateY(0);opacity: 1;}
#M_15 .product-wrap ul li img{width: 100%;height: 100%;}
#M_15 .pro_shadow{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;transition: all ease .4s;}
#M_15 .p-shadow-line{position: absolute;width: 101%;height: 101%;border: 1px solid #fff;top: 0%;left: 0%;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all ease .4s;border-color:#}
#M_15 .pro-main{position: relative;top: 50%;margin-top: -103px;transition: margin ease .4s;}
#M_15 .pro-main h3{font-size: 18px;text-align: center;height: 20px;overflow: hidden;line-height:20px}
#M_15 .pro-price{margin-top: 20px;font-size: 18px;text-align: center;height: 24px;overflow: hidden;line-height:24px}
#M_15 .pro-price span{font-size: 24px;}
#M_15 .pro-liney{width: 1px;height: 30px;background: #fff;margin: 30px auto;background:#}
#M_15 .pro-more{width: 200px;height: 55px;border: 1px solid rgba(255,255,255,.4); box-sizing: border-box;line-height: 55px;text-align: center;font-size: 14px;font-weight: bold;margin: 0 auto;border-color:#}
#M_15 .product-wrap ul .pro_shadow:hover{opacity: 1;}
#M_15 .product-wrap ul .pro_shadow:hover .p-shadow-line{width: calc(101% - 10%);height: calc(101% - 10%)}
#M_15 .product-more{width: 200px;margin: 0 auto;line-height: 100px;text-align: center;}
#M_15 .product-more a{font-size: 14px;color: #333333;position: relative;transition: all ease .4s;}
#M_15 .product-more a span{position: absolute;right: 0;font-family: consalas;font-weight: bold;opacity: 0;transition: all ease .4s;}
#M_15 .product-more a:hover{padding-right: 20px;}
#M_15 .product-more a:hover span{right: -10px;opacity: 1;}
#M_15 .shadow_bg{position: relative;width: 100%;height: 100%;background: #e09911;opacity: .8;filter: opacity(80);background:#}
@media only screen and (max-width:1023px){
/*产品中心*/
#M_15 .product-wrap ul li{width: 48%;margin-right: 4%;transform: translateY(0);opacity: 1;}
#M_15 .product-wrap ul li:nth-child(2n){margin-right: 0%;}
#M_15 .product-wrap ul li .pro_shadow{height: 140px;bottom: 0;top: auto;opacity: 1;}
#M_15 .product-wrap ul li .pro-more,
#M_15 .product-wrap ul li .pro-liney{display: none;}
#M_15 .product-wrap .pro-main{margin-top: -30px;}
#M_15 .product-wrap ul .pro_shadow:hover .p-shadow-line{width: 101%;height: 101%;}
}
@media only screen and (max-width:768px){
/*产品中心*/
#M_15 .product-wrap ul li{width: 100%;margin:0 0 4% 0;}
}
#Content_16 a{color:#191919;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_16 a:hover{color:#e09911;}
#M_16 .product-more{width: 200px;margin: 0 auto;line-height: 100px;text-align: center;height:100px;position: relative;}
#M_16 .product-more a{position: relative;transition: all ease .4s;}
#M_16 .product-more span{position: absolute;right: 80px;font-family: consalas;font-weight: bold;opacity: 0;transition: all ease .4s;}
#M_16 .product-more a:hover{padding-right: 20px;}
#M_19{background:url(https://files.b2b.cn/style/2017/0830/0d9b8a77fbbd3923c591a01827154ba6.jpg) ;}
#M_19 .MS_T_1 h3{color:#333333;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#Content_19 a{color:#333333;font-family:"Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;}
#M_19 .honor-wrap ul li{width: 22%;height: 500px;position: relative;float: left;margin-right: 4%;overflow: hidden;transform: translateY(100px);opacity: 0;transition: all .3s;}
#M_19 .honor-wrap ul li:nth-of-type(1){transition-delay: .2s;}
#M_19 .honor-wrap ul li:nth-of-type(2){transition-delay: .4s;}
#M_19 .honor-wrap ul li:nth-of-type(3){transition-delay: .2s;}
#M_19 .honor-wrap ul li:nth-of-type(4){transition-delay: .4s;}
#M_19 .three_pic2 ul li{transform: translateY(0);opacity: 1;}
#M_19 .honor-wrap ul li:last-child{margin-right: 0;}
#M_19 .side-shadow{position: absolute;width: 101%;height: 101%;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid #333;transition: all ease .4s;border-color:#}
#M_19 .side-shadow.honor-shadow{width: 86%;height: 86%;z-index: 1;box-sizing: border-box;}
#M_19 .honor-title span{font-size: 48px;color:#333;color: rgba(204,204,204,.3);display: block;float: left;font-weight: bold;margin-right: 5px;}
#M_19 .honor-txt{height: 20px;line-height: 20px;overflow: hidden;margin-top: 8px;text-align:center;}
#M_19 .honor-en{color: #333;height: 12px;overflow: hidden;font-weight: bold;}
#M_19 .honor-title{position: absolute;top: 60px;width: 202px;left: 50%;margin-left: -101px;}
#M_19 .honor-pic{width: 100%;height: 380px;position: absolute;top: 120px;left: 0;background: #fff;}
#M_19 .honor-pics{position: relative;width: 100%;height: 380px;}
#M_19 .honor-pics>img{position: absolute;width: 171px;height: 231px;left: 50%;margin-left: -86px;top: 70px;}
#M_19 .honor-wrap ul li:nth-of-type(2n) .honor-title{top: 400px;}
#M_19 .honor-wrap ul li:nth-of-type(2n) .honor-pic{top: 0;}
#M_19 .honor-wrap ul li:hover .side-shadow.honor-shadow{width: 100%;height: 100%;}
#M_19 .honor-wrap ul li img{transition:all ease .4s}
#M_19 .honor-wrap ul li:hover img{transform: scale(1.1,1.1);}
@media only screen and (max-width:1023px){
/*荣誉中心*/
#M_19 .honor-wrap ul li{width: 48%;margin-right: 4%;transform: translateY(0);opacity: 1;}
#M_19 .honor-wrap ul li:nth-child(2n){margin-right: 0%;}
}
@media only screen and (max-width:768px){
#M_19 .honor-wrap ul li{width: 100%;margin: 0 0 4% 0;}
#M_19 .honor-wrap ul li:nth-child(2n){margin: 0;}
}/*友情链接*/
#M_20 .firend-wrap{width: 92%;margin: 100px auto;position: relative;}
#M_20 .firend-container{width: 90%;margin: 0 auto;height:55px}
#M_20 .firend-pic{width: 100%;height: 55px;text-align:center;line-height:55px}
#M_20 .firend-pic img{max-width: 100%;display: block;margin: 0 auto;height: 55px;}
#M_20 .firend-wrap .swiper-button-next,
#M_20 .firend-wrap .swiper-button-prev{position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;background: #e2a228;color: #fff;font-family: consalas;font-weight: bold;line-height: 30px;text-align: center;cursor: pointer;z-index: 1;}
#M_20 .firend-wrap .swiper-button-next{right: 0;}
#M_20 .firend-wrap .swiper-button-prev{left: 0;}
@media only screen and (max-width:1023px) {
#M_20 .firend-wrap{margin: 50px auto;}
}
#Content_21,#M_21 table{color:#ffffff;}
/*底部联系方式*/
#M_21 .input_show{position: fixed;top: -60px;left: 50%;width: 280px;height: 50px;margin-left: -120px;transition: all ease .4s;z-index: 9999;background: #fff;color: #333;line-height: 50px;text-align: center;border: 1px solid #f7ba2a;box-shadow: 0px 0px 10px #666;opacity:0}
#M_21 .input_show div{height: 50px;width: 50px;background: #f7ba2a;font-size: 34px;text-align: center;color: #fff;float: left;}
#M_21 .input_show span{display: block;float: left;width: 190px;height: 50px;text-align: center;}
#M_21 .L_5_1{width: 30%;float: left;position: relative;transform: translateX(-100px);opacity: 0;transition: all .3s .2s;}
#M_21 .info-warp{padding-top: 60px;}
#M_21 .info-warp h3{font-size: 24px;position: relative;color: #fff;}
#M_21 .info-warp h3:after{content: "";display: block;position: absolute;width: 70px;height: 2px;background: #e2a228;bottom: -20px;left: 0;background:#}
#M_21 .info-warp p{font-size: 16px;color: #acadb1;line-height: 20px;height: 40px;overflow: hidden;margin-top: 40px;}
#M_21 .info-warp ul li{width: 100%;border-bottom: 1px solid #acadb1;padding-bottom: 20px;margin-top: 40px;border-color:#}
#M_21 .info-warp ul li span,#M_21 .info-warp ul li em{display: inline-block;line-height: 20px;height: 40px;overflow: hidden;font-size: 14px;width: 78%;}
#M_21 .info-warp ul li em{color: #acadb1;width: 22%;}
#M_21 .info-warp ul li span img{vertical-align: middle;}
#M_21 .L_5_2{width: 55%;float: left;margin-left: 15%;transform: translateX(100px);opacity: 0;transition: all .3s .2s;}
#M_21 .infowarp{transform: translateX(0);opacity: 1;}
#M_21 #form1 h3{font-size: 24px;position: relative;color: #fff;padding-top: 60px;}
#M_21 #form1 h3:after{content: "";display: block;position: absolute;width: 70px;height: 2px;background: #e2a228;bottom: -20px;left: 0;background:#}
#M_21 .info-input{margin-top: 40px;}
#M_21 .info-input li{float: left;width: 48%;margin: 0 4% 4% 0;}
#M_21 .info-input li:nth-child(2n){margin: 0 0 4% 0;}
#M_21 .info-input li:last-child{width: 100%;}
#M_21 .info-input li input{width: 100%;height: 47px;box-sizing: border-box;border: 1px solid #CCCCCC;line-height: 47px;font-size: 14px;padding: 0 20px;background: #fff;border-radius: 3px;}
#M_21 .input-text{width: 100%;height: 150px;background: #fff;padding: 20px;box-sizing: border-box;border-radius: 3px;}
#M_21 #sub{margin-top: 4%;width: 170px;height: 55px;color: #fff;line-break: 55px;text-align: center;background: #e2a228;border: 0;cursor: pointer;letter-spacing: 10px;border-radius: 3px;font-weight: bold;background:#;}
@media only screen and (max-width:1023px){
/*联系方式*/
#M_21 .L_5_1{width: 100%;float: none;transform: translateX(0);opacity: 1;}
#M_21 .L_5_2{width: 100%;float: none;margin: 0;transform: translateX(0);opacity: 1;}
#M_21 .info-warp,
#M_21 #form1 h3{padding-top: 30px;}
}
@media only screen and (max-width:768px){
#M_21 .info-input li{float:none;width:100%}
}#Content_31,#M_31 table{color:#333333;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_31 .news-main{float:right;}
#M_31 .news-main li{position: relative;float: left;margin-left: 60px;}
#M_31 .news-main li a{display: block;width: 104px;height: 36px;line-height: 36px;overflow: hidden;text-align: center;color: #acacac;transition: all ease .2s;color:#191919;}
#M_31 .news-main li a:after{content:'';display: block;position: absolute;top: 50%;margin-top:-8px;height: 16px;width: 1px;background: #999;right: -40px;}
#M_31 .news-main li:last-child a:after{display: none;}
#M_31 .news-main li:hover a{background: #e09911;color: #fff;background: #;}
#L_17_99{background-color:#0086d5;}
#L_17{width:1920px;margin:0 auto;}
#L_17{background-color:#0086d5;}
#L_24{width:1920px;margin:0 auto;}
#Content_22,#M_22 table{color:#ffffff;}
#M_22 .b-footer{width:100%;overflow: hidden;padding:80px 0 70px;text-align: center;}
#M_22 .b-footer a{color:#fff;;}
#M_22 .fooP,#M_22 .fooP2{margin-bottom: 10px;;line-height: 18px;}
#M_22 .fooP em{display: inline-block;margin:0 7px;}
#M_22 .marSpan{margin-left: 20px;}
@media only screen and (max-width:1260px){
/*底部*/
#M_22 .b-footer{padding: 40px 0 30px;}
}
/*二级菜单横向展开*/
.hengmenu{width:190px !important;}
.hengmenu li{float:left !important;margin-left:10px !important;}
.last_hengmenu{left:-110px !important;}
.phone_layout_active_box_zdx{width:100% !important; padding:0 !important;}