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