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_2{width:1920px;margin:0 auto;} #L_5{width:100%;margin:0 auto;} #L_4{width:100%;margin:0 auto;} #M_2{background:url(https://files.b2b.cn/skin/2021/1206/d867af9657ae13871927af7510a2824d.png) no-repeat 4% 50%/299px 80px;} #M_2 .header{height:100px;width:100%;position:fixed;left:0;top:0;z-index:100;background:transparent;border-bottom:1px solid #4e4e4e;border-color:#4e4e4e;box-sizing:border-box;background: linear-gradient(to bottom,#4e4e4e,transparent);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#4e4e4e, endColorstr=transparent,GradientType=0 );} #M_2 .h_head{height:100px;width:100%;position:relative;} a:hover{text-decoration: none;} #M_2 .nav_wrap{float:right;margin-right: 4%;} #M_2 .nav_wrap .nav_a{padding:0 15px;margin-left:30px;padding:0px 13px ;line-height:100px;display: block;float: left;position:relative;} #M_2 .nav_wrap .nav_a >a{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;} #M_2 .nav_wrap .nav_a:hover{border-bottom:1px solid #ffde00;border-color:#ffde00;} #M_2 .nav_wrap .nav_a>a:hover{color:#ffde00} #M_2 .mobileMenu{display:none;float:right;width:50px;height:50px;position:relative;z-index:200;background:transparent;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#fff;background:transparent;margin-right: 4%;margin-top:24px;cursor:pointer;} #M_2 .mobileMenu.menuOpen{background:#4b4b4b;} #M_2 .mobileMenu:after { content: ''; display: block; width: 30px; height: 2px;background:#dedede; position: absolute; top: 28px; left: 10px; transition: all 0.3s ease-out 0s;} #M_2 .mobileMenu:before { content: ''; display: block; width: 30px; height: 2px;background:#dedede; position: absolute; top: 18px; left: 10px; transition: all 0.3s ease-out 0s;} #M_2 .mobileMenu.menuOpen:after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top: 25px;background:#fff;} #M_2 .mobileMenu.menuOpen:before {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;background:#fff;} #M_2 .nav_wrap ul{position:absolute;top:100px;left:0;display:none;background:#fff;width:120px;left:50%;margin-left:-60px;} #M_2 .nav_wrap ul li{line-height:40px;text-align:center;color:#333;} #M_2 .nav_wrap ul li:hover { background-color:#eeeeee; color:#666;} #M_2 .nav_wrap ul li:hover a{color:#ffde00} @media only screen and (max-width:1260px){ #M_2 .nav_wrap .nav_a{padding:0 5px} } @media only screen and (max-width:1024px){ #M_2 .mobileMenu{display:block;margin-top: 16px} #M_2 .nav_wrap{display:none} #M_2 .header{background:#fff !important;border-color:#fff;height:80px} #M_2 .h_head{height:80px} }#M_4 .section1{width:100%;height:100%;position:relative;} #M_4 .videoBox{width: 100%;overflow: hidden;height:100vh;position:relative;} #M_4 .gxPic{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:177px;opacity:1; transition: all .6s;transition-delay: 0.7s;} #M_4 .videoBg{width:100%;height:100vh;background-size: cover;position:absolute;z-index:-1;top:0;opacity:0;filter:opacity(0)} #M_4 .banner_pic{position:absolute;left:50%;top:50%;width:200px;height:260px;margin-top:-130px;margin-left:-100px;z-index:2;} #M_4 .banner-title{position:absolute;width:90%;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;height:80px;z-index:9} #M_4 .banner-title h6{font-size:46px;height:46px;overflow:hidden;line-height:46px;color:#ffffff;} #M_4 .banner-title p{font-size:34px;text-align:center;height:34px;overflow:hidden;color:#ffffff;;line-height:34px;margin-top:5px} #M_4 .swiper-container01 {position: relative;width: 100%;height: 100%;cursor: auto!important;} #M_4 .swiper-container01 .swiper-pagination-switch, #M_4 .swiper-pagination, #M_4 .swiper-container01 .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;margin:0 5px;background-color:#4c4c4c;border-radius: 50%;cursor: pointer;vertical-align: middle;opacity: 1} #M_4 .swiper-container01 .swiper-active-switch{ background-color:#bf0000;} #M_4 .swiper-container01 .pagination{position:absolute;left:0;bottom:30px;width: 100%;text-align: center;} #M_4 .swiperBG_1{width: 100%;height:100%;background-size: 1920px 150px;position:relative;} #M_4 .swiper-container01 .pagination{z-index: 99;bottom: 20px} #M_4 .phone-container {position: relative;width: 100%;height: 100%;cursor: auto!important;display:none} #M_4 .phone-container .swiper-pagination-switch, #M_4 .phone-container .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;margin:0 5px;background-color:#4c4c4c;border-radius: 50%;cursor: pointer;vertical-align: middle;opacity: 1} #M_4 .phone-container .swiper-active-switch{ background-color:#bf0000;} #M_4 .phone-container .pagination{position:absolute;left:0;bottom:10px;width: 100%;text-align: center;} #M_4 .swiperBG_2{width: 100%;height:100%;background-size: 100% 100%;position:relative} #M_4 .phone-container .pagination{z-index: 99;bottom: 10px} @media only screen and (max-width:1023px ) { #M_4 .section1{height:500px;} #M_4 .videoBox{display: none !important;} #M_4 .videoBg{display: block !important;height:500px} #M_4 .banner-title h6{font-size:30px;max-height:64px;line-height:32px;height:auto} #M_4 .banner-title p{font-size:24px;max-height:52px;line-height:26px;height:auto} } @media only screen and (max-width:768px ) { #M_4 .swiper-container01{display:none} #M_4 .phone-container{display:block;height:360px} #M_4 .banner-title h6{font-size:20px;height:30px;line-height:30px;} #M_4 .banner-title p{font-size:14px;text-align:center;height:20px;line-height:20px;} }html,body{position:relative;overflow-x:hidden !important;} #dowebok{width: 100%;position: relative;} #M_5 .mobileNav{width:100%;height:100%;position:fixed;right:-100%;top:0;background:#fff;z-index:90;transition:all .4s;overflow:hidden;} #M_5 .navList{padding-top:100px;} #M_5 .navList li{width:100%;line-height: 60px;text-align: center;position: relative;} #M_5 .navList li a{display: block;line-height:60px;position:relative;z-index:90} #M_5 .navList li a:hover{background:#;} .open #M_5 .mobileNav{right:0} #M_5 .navList > li ul{display:none;background:#;background:#ccc} #M_5 .navList > li ul li a{color:#fff;color:#} #M_5 .navList > li ul li a:hover{color:#333;background:#eee;color:#} #M_5 .navList .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 .nav_uu{position:relative;width:100%;height:90%;height:calc(100% - 80px);padding-top: 80px;box-sizing: border-box;} #M_5 .nav_uu .navList{position:absolute;width:100%;height:100%;overflow:auto;padding-top:0} #L_7{width:100%;margin:0 auto;} #L_7{background:url(https://files.b2b.cn/skin/2021/1206/9468e1e2e9a6ade3a020577bef47569c.jpg) no-repeat center 0;} #L_8{width:100%;margin:0 auto;} #L_8{background-color:#ffffff;background:#ffffff url(https://files.b2b.cn/skin/2021/1206/c5f57768172678eb1dd9d36f706cdad8.jpg) no-repeat;} #L_9{width:100%;margin:0 auto;} #L_9{background:url(https://files.b2b.cn/style/2017/1220/72927f37aa0da4fcea6945365cb54883.jpg) ;} #L_10{width:100%;margin:0 auto;} #L_10{background-color:#ffffff;background:#ffffff url(https://files.b2b.cn/skin/2021/1206/26dc45cf60193c9ce6d35e4f71513348.jpg) no-repeat;} #L_11{width:100%;margin:0 auto;} #L_11{background:url(https://files.b2b.cn/skin/2021/1206/a54e77536b1de792e4f410016f353f04.jpg) no-repeat center 0;} #L_12{width:100%;margin:0 auto;} #L_12{background:url(https://files.b2b.cn/skin/2021/1206/6d8ae1316e2d0835c84fa53c0a61d249.jpg) no-repeat;} #M_7 .MS_T_1 h3{color:#ffffff;font-family:"Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;} #Content_7,#M_7 table{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;} #Content_7 a{color:#999999;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #M_7 .product_wrap{width: 95%;height: 100%;margin: 0 auto;position: relative;padding-top: 65px;display: table;table-layout: fixed;} #M_7 .p_list{display: table-cell;vertical-align: middle;} #M_7 .p_list li{float: left;width: 15%;position: relative;margin-right: 2%;transform: translateY(100px);opacity: 0;filter: alpha(opacity=0);transition: all ease .4s;} #M_7 .p_list li:nth-of-type(2){transition-delay: .2s;} #M_7 .p_list li:nth-of-type(3){transition-delay: .3s;} #M_7 .p_list li:nth-of-type(4){transition-delay: .4s;} #M_7 .p_list li:nth-of-type(5){transition-delay: .5s;} #M_7 .p_list li:nth-of-type(6){transition-delay: .6s;} #M_7 .p_list li:last-of-type{margin-right: 0;} #M_7 .p_list li:before{content: '';width: 100%;padding-top: 135%;display: block;} #M_7 .list_li{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #FFFFFF;} #M_7 .img{position: relative;margin-top: 25px;} #M_7 .img:before{content: '';display: block;width: 100%;padding-top: 78.125%;} #M_7 .img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} #M_7 .ll_tit,.ll_txt{width: 90%;line-height: 24px;font-size: 14px;margin: 0 auto;text-align: center;} #M_7 .ll_tit{margin-top: 20px;height: 24px;overflow: hidden;color:#222222;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;} #M_7 .ll_txt{margin-top: 15px;height: 48px;overflow: hidden;} #M_7 .search_wrap,.mask,.mask_line,.search_btn{position: absolute;width: 100%;height: 100%;top: 0;left: 0;box-sizing: border-box;} #M_7 .mask{background: #ffe115;opacity: .8;filter: alpha(opacity=80);background:# } #M_7 .mask_line{border: 1px solid #000000;transform: scale(.98);transition: all ease .4s;border-color:#} #M_7 .search_btn{width: 80px;height: 80px;border-radius: 80px;background: #222222;background: #;top: 50%;margin-top: -40px;left: 50%;margin-left: -40px;text-align: center;line-height: 80px;} #M_7 .search_wrap{opacity: 0;filter: alpha(opacity=0);transition: all ease .4s;} #M_7 .p_list li:hover .search_wrap{opacity: 1;filter: alpha(opacity=100);} #M_7 .p_list li:hover .mask_line{transform: scale(.94);} /*搜索图标*/ #M_7 .icon_search{height:30px; width:30px; display:inline-block; position:relative;vertical-align: middle;} #M_7 .icon_search:before, .icon_search:after{content:''; height:20px; display:block; position:absolute; top:0; left:0; } #M_7 .icon_search:before{width:20px; border:3px #fff solid; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border-color:#} #M_7 .icon_search:after{width:5px;height: 6px;border-radius: 2px;background:#fff;background:#;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:20px; left:24px;} .section.active #M_7 .p_list li{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);} @media only screen and (max-width: 1600px){ #M_7 .img {margin-top: 0;} } @media only screen and (max-width: 1366px){ #M_7 .product_wrap{padding-top:30px} } @media only screen and (max-width:1024px){ #M_7 .p_list li{width: 48%;margin-right: 4%;margin-bottom: 4%;} #M_7 .p_list li:nth-of-type(2n){margin-right: 0;} #M_7 .product_wrap,.section{height: auto !important;} #M_7 .p_list li:before{padding-top: 115%;} #M_7 .p_list li{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);} } @media only screen and (max-width:768px){ #M_7 .p_list li:before{padding-top: 153%;} }#M_8 .MS_T_1 a{color:#ffffff;} #M_8 .MS_T_1 a:hover{color:#ffffff;} #Content_8,#M_8 table{color:#666666;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #Content_8 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;} #Content_8 a:hover{color:#ffffff;} #M_8 .aboutusWrap{width:100%;height:100%;position:relative;} #M_8 .aboutBox{float:left;width:54%;margin-left:46%;} #M_8 .aboutText{padding:200px 15% 0 13%;} #M_8 .aboutTit{padding-left:18px;height: 24px;font-size: 24px;color: #333;position:relative;line-height: 24px;margin-bottom:60px;transition:all .4s .7s;opacity: 0;transform: translateY(80px);color:#2276d9;font-family:" Microsoft YaHei";font-size:24px;font-weight:normal;font-style:normal;} #M_8 .aboutTit:before{content: '';display: block;position:absolute;left:0;top:0;width:8px;height:100%;background: #333;} #M_8 .aboutText p{line-height: 36px;max-height:144px;overflow: hidden;transition:all .4s .9s;opacity: 0;transform: translateY(80px);} #M_8 .moreBtn{display: block;margin-top:60px;height:50px;line-height: 50px;width:165px;background:#333;text-align: center;transition:all .4s 1.1s;opacity: 0;transform: translateY(80px);;background:#bf0000} .section.active #M_8 .aboutTit{transform: translateY(0);opacity: 1;} .section.active #M_8 .aboutText p{transform: translateY(0);opacity: 1;} .section.active #M_8 .moreBtn{transform: translateY(0);opacity: 1;} @media only screen and (max-width:1400px ) { #M_8 .aboutText{padding:150px 15% 0 13%;} } @media only screen and (max-width:1023px ) { /*第三屏关于我们*/ #M_8 .aboutusWrap{height:auto;} #M_8 .aboutBox{width:100%;margin-left:0;} #M_8 .aboutText{padding:30px 5%;} #M_8 .moreBtn{margin-top:40px;} #M_8 .aboutTit{margin-bottom: 40px;} #M_8 .aboutTit {transform: translateY(0);opacity: 1;transition-delay: 0s;} #M_8 .aboutText p {transform: translateY(0);opacity: 1;transition-delay: 0s;} #M_8 .moreBtn{transform: translateY(0);opacity: 1;transition-delay: 0s;} } #M_9 .MS_T_1 h3{color:#ffffff;font-family:"Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;} #Content_9 a{color:#666666;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;} #M_9 .wrap{display: table-cell;vertical-align: middle;} #M_9 .wrap_con,.honor_shadow{position: relative;width: 100%;height: 100%;top: 0;left: 0;} #M_9 .honor_shadow{position: absolute;transition: all ease .4s;z-index: 5;background: #ffe115;background: #;opacity: 0;filter: alpha(opacity=0);box-shadow: 0px 7px 40px rgba(0,0,0,.2);} #M_9 .honor_list li{width: 16.66666%;float: left;position: relative;background: #FFFFFF;box-sizing: border-box;border-right: 1px solid #e5e5e5;padding-bottom: 30px;transform: translateY(100px);opacity: 0;filter: alpha(opacity=0);transition: transform ease .4s,opacity ease .4s;} #M_9 .honor_list li:nth-of-type(2){transition-delay: .2s;} #M_9 .honor_list li:nth-of-type(3){transition-delay: .4s;} #M_9 .honor_list li:nth-of-type(4){transition-delay: .6s;} #M_9 .honor_list li:nth-of-type(5){transition-delay: .8s;} #M_9 .honor_list li:nth-of-type(6){transition-delay: 1s;} #M_9 .honor_list li:last-of-type{border-color: transparent;} #M_9 .honor_list li:hover{background: #ffe115;z-index: 20;background: #;} #M_9 .honor_list li:hover .honor_shadow{transform: scale(1.05,1.125);-ms-transform: scale(1.05,1.125);opacity: 1;filter: alpha(opacity=100);} #M_9 .honor_img{position: relative;max-width: 154px;width:100%;margin: 70px auto 20px;z-index: 10;} #M_9 .honor_img:before{content: '';display: block;width: 100%;padding-top: 143%;} #M_9 .honor_img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} #M_9 .honor_tit{text-align: center;width: 90%;height: 20px;line-height: 20px;overflow: hidden;margin: 0 auto;z-index: 10;position: relative;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;} .section.active #M_9 .honor_list li{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);} #M_9 .product_wrap{padding-top:140px;} @media only screen and (max-width:1366px){ #M_9 .product_wrap{padding-top:25px;} } @media only screen and (max-width:1024px){ /*荣誉展示*/ #M_9 .honor_list li{width: 48%;margin-right: 4%;margin-bottom: 4%;padding-top:30px;border-color:transparent} #M_9 .honor_list li:nth-of-type(2n){margin-right: 0;} #M_9 .honor_list li:hover .honor_shadow{transform: scale(1);} #M_9 .product_wrap{padding-top:65px;} #M_9 .honor_list li{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);} #M_9 .honor_img{margin: 10px auto 20px;} }#M_11 .MS_T_1 h3{color:#ffffff;font-family:"Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;} /*合作伙伴*/ #M_11 .firend_list{height: 100%;margin-left: 6%;padding-top: 100px;width: 41%;} #M_11 .firend_wrap li{float: left;width: 30%;transition: all ease .4s;margin: 0 5% 5% 0;position: relative;transform: translateY(100px);opacity: 0;filter: alpha(opacity=0);transition: all ease .4s;} #M_11 .firend_wrap li:nth-of-type(3n){margin-right: 0;} #M_11 .firend_wrap li:before{content: '';display: block;padding-top: 60%;width: 100%;} #M_11 .firend_wrap li a{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;color:#ffffff;} #M_11 .firend_wrap li a img{width:100%;height:100%;position: absolute;} #M_11 .firend_wrap li:hover{transform: translateY(-20px) !important;} .section.active #M_11 .firend_wrap li{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);} @media only screen and (max-width:1023px){ #M_11 .firend_list{width: 95%;margin: 0 auto;padding-top: 65px;} } @media only screen and (max-width:768px){ #M_11 .firend_wrap li{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);} #M_11 .firend_wrap li{width: 48%;margin-right: 4%;margin-bottom: 4%;} #M_11 .firend_wrap li:nth-of-type(3n){margin-right: 4%;} #M_11 .firend_wrap li:nth-of-type(2n){margin-right: 0;} }#M_12 .MS_T_1 h3{color:#2276d9;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;} #Content_12 a{color:#4c4c4c;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #Content_12 a:hover{color:#ffffff;} *新闻动态*/ #M_12 .news_list{height: 100%;position: relative;width: 95%;margin: 0 auto;} #M_12 .news_wrap{width: 95%;overflow: hidden;margin: 0 auto;padding-top:30px} #M_12 .news_wrap li{width: 31%;float: left;margin-right: 3%;transition: all ease .4s;padding: 60px 48px;box-sizing: border-box;opacity: 0;filter: alpha(opacity=0);transition: all ease .4s;} #M_12 .news_wrap li:nth-of-type(3n){margin-right: 0;} #M_12 .news_wrap li:nth-of-type(1){transition-delay: .2s;transform: translateX(-100px);} #M_12 .news_wrap li:nth-of-type(2){transform: translateY(100px);} #M_12 .news_wrap li:nth-of-type(3){transition-delay: .2s;transform: translateX(100px);} #M_12 .news_wrap li:last-of-type{margin-right: 0;} #M_12 .news_wrap li:hover{background: #2a2a2a;box-shadow: 0px 11px 57px rgba(0,0,0,.17);} #M_12 .news_wrap .day{font-size: 58px;line-height:58px;color:#2276d9} #M_12 .news_wrap .date{font-size: 15px;line-height:15px;color:#2276d9} #M_12 .news_wrap .news_tit{line-height: 20px;height: 20px;overflow: hidden;margin: 6px 0;color:#333333;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;} #M_12 .news_wrap .news_cont{line-height: 24px;height: 48px;overflow: hidden;} #M_12 .news_wrap li:hover .news_tit{color:#ffff00} .section.active #M_12 .news_wrap li{transform: translate(0) !important;opacity: 1;filter: alpha(opacity=100);} @media only screen and (max-width:1440px ) { #M_12 .news_wrap li{padding:40px 40px} } @media only screen and (max-width:1366px ) { #M_12 .news_wrap{padding-top:30px} #M_12 .news_wrap li{padding:10px 40px} } @media only screen and (max-width:1024px ) { #M_12 .news_wrap li{transform: translate(0) !important;opacity: 1;filter: alpha(opacity=100);} #M_12 .news_wrap{padding-top:65px} } @media only screen and (max-width:768px ) { #M_12 .news_wrap li{width: 100%;float: none;padding: 30px 20px;} }#M_14 .MS_T_1 h3{color:#ffffff;font-family:"Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;} /*第七屏联系我们*/ #M_14 .contact_us{width:100%;position:relative;} #M_14 .contacrtCont{padding-top:0px;width:80%;margin:0 auto;} #M_14 .contactLeft{float:left;width:30%;opacity: 0;transform: translateX(-300px);transition:all .7s .7s;} #M_14 .contactLeft .tit_p{line-height: 20px;} #M_14 .contactList{padding-top:20px;} #M_14 .contactList li{overflow:hidden;margin-bottom:10px} #M_14 .contactList li span{float:left;line-height: 20px;} #M_14 .contactList li em{display:block;line-height:20px;margin-left:100px;word-wrap:break-word;} #M_14 .contactRight{float:right;width:60%;opacity: 0;transform: translateX(300px);transition:all .7s .7s;} #M_14 .inputList{width:100%;} #M_14 .inputList li{width:32%;margin-right:2%;float:left;background:#f6f6f6;margin-bottom:20px;padding:10px 0;box-sizing: border-box;} #M_14 .inputList li:nth-child(3n){margin-right: 0;} #M_14 .inputList li input{width:100%;height:20px;line-height:20px;padding:0 20px;box-sizing:border-box;font-family: "微软雅黑";} #M_14 .inputList .textArea{width:100%;height:100px;} #M_14 .inputList .textArea i{display:block} #M_14 .inputList .textArea textarea{line-height: 20px;font-family: "微软雅黑";width:100%;height:100%;padding:0 20px;box-sizing: border-box;border:0} #M_14 .subBtns{width:170px;height:55px;line-height: 55px;text-align: center;display: block;background:#333;color:#fff;font-size: 14px;cursor: pointer;border-radius: 4px;;background:#bf0000} /*************************/ #M_14 .inputList li{position: relative;} #M_14 .inputList li i{position: absolute;height: 46px;top: 0;line-height: 46px;left: 10px;color: red;} #M_14 .inputList li.verification{width: 10%;height: 40px;border: 1px solid #CCCCCC;padding: 0 !important;} #M_14 .inputList li.search_yzm{width: 66%;margin-right: 2%;} #M_14 .inputList li.sub input{height: 40px;} #M_14 .inputList li.sub{background: none;float: right;margin-right: 0 !important;padding: 0;width: 20%;} /************************/ .section.active #M_14 .contactBg{opacity: 1 !important;} .section.active #M_14 .contactLeft{opacity: 1 !important;transform: translateX(0) !important;} .section.active #M_14 .contactRight{opacity: 1 !important;transform: translateX(0) !important;} @media only screen and (max-width:1440px ) { #M_14 .contacrtCont{padding-top:0px;} } @media only screen and (max-width:1280px ) { #M_14 .contacrtCont{padding-top:0px;} } @media only screen and (max-width:1023px ) { #M_14 .contacrtCont{padding-top:20px;} #M_14 .contact_us{height:auto;} #M_14 .section7 .contactRight{opacity: 1;transform: translateX(0);} #M_14 .section7 .contactBg{opacity: 1;} #M_14 .section7 .contactLeft{opacity: 1;transform: translateX(0);} #M_14 .contact_us{padding-bottom:40px;} #M_14 .contacrtCont{width:92%;} #M_14 .contactLeft{width:100%;margin-bottom: 40px;transition-delay: .2s;} #M_14 .contactRight{width:100%;transition-delay: .2s;} } @media only screen and (max-width:768px ) { #M_14 .inputList li{width: 100%;margin-right: 0;} #M_14 .inputList li.search_yzm{width: 100%;} #M_14 .inputList li.sub{width: 170px;} #M_14 .inputList li.verification{width: 90px;} #M_14 .news_wrap li{width: 100%;float: none;padding: 30px 20px;} } @media only screen and (max-width:600px ) { #M_14 .inputList li{width:100%;margin-right:0 ;} } #L_13{width:100%;margin:0 auto;} #L_19{width:1920px;margin:0 auto;} #M_15 .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;display:none} #M_15 .input_show div{height: 50px;width: 50px;background: #f7ba2a;font-size: 34px;text-align: center;color: #fff;float: left;} #M_15 .input_show span{display: block;float: left;width: 230px;height: 50px;text-align: center;} #M_15 .bottom-text-content-yj {display:none;} /*尾部*/ #M_15 .footer{position:fixed;right:10%;left:4%;bottom:0px;z-index:100;font-size: 12px;color:#cccccc;line-height:22px;text-align: right;height:auto;padding:3px 0;} @media only screen and (max-width:1023px ) { /*底部*/ #M_15 .footer{position:inherit;text-align: left;} #M_15 .footer .footBar{width:92%;margin:0 auto;} } /*二级菜单横向展开*/ .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;}