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;} body{background-color: #f6f6f6;} #L_1{width:1170px;margin:0 auto;} #L_2{width:1170px;margin:0 auto;} #L_3_99{background-color:#ffffff;} #L_3{width:1170px;margin:0 auto;} #L_3{background-color:#ffffff;} #L_4{width:100%;margin:0 auto;} #M_3 .b-logo{display: block;width:110px;height: 40px;margin:20px 0px 0px 0px ;max-width:100%} #M_3 .b-logo img{width:100%;height:100%}#Content_4 a:hover{color:#ffffff;} body{position:relative;} #M_4 {overflow:visible} #M_4 .MS_C_1 {overflow:visible} #M_4 .b-header{height:80px;width:100%;position: relative;} #M_4 .menu_r{float:right;width:100%;height:100%;position:relative;} #M_4 .b-menu{float:right;} #M_4 .b-menu li{float:left;position: relative;font-size:12px;} #M_4 .b-menu li>a{display:block;width:80px;height: 100%;text-align:center;line-height: 80px;} #M_4 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;} #M_4 .b-menu li>a:hover{background:#000;background:#666666} #M_4 .b-menu li ul{width:100%;position:absolute;top:80px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#} #M_4 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; } #M_4 .b-menu li ul li a{width:100%;height:34px;line-height:34px;} #M_4 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#666666} #M_4 .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_4 .nav-moblie.selected {transform: rotate(0deg);} #M_4 .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_4 .nav-moblie:hover a:before { transform: translateY(-2px) rotate(0deg); -webkit-transform: translateY(-2px) rotate(0deg); -ms-transform: translateY(-2px) rotate(0deg); } #M_4 .nav-moblie:hover a:after { transform: translateY(2px) rotate(0deg); -webkit-transform: translateY(2px) rotate(0deg); -ms-transform: translateY(2px) rotate(0deg); } #M_4 .nav-moblie.selected:hover a:before { transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(0px) rotate(-55deg); -ms-transform: translateY(0px) rotate(-55deg); } #M_4 .nav-moblie.selected:hover a:after { transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(0px) rotate(55deg); -ms-transform: translateY(0px) rotate(55deg); } #M_4 .nav-moblie a:after, #M_4 .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_4 .nav-moblie a:after { top: 5px;} #M_4 .nav-moblie a:before { top: -10px;} #M_4 .nav-moblie.selected a:after, #M_4 .nav-moblie.selected a:before { top: 0;} #M_4 .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_4 .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_4 .nav-moblie.selected a {background-color: transparent !important;} #M_4 .navMobile{display:none;position:fixed;left:0;top:80px;width:100%;height:100%;background: #fff;padding-bottom:148px;z-index:2;} #M_4 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;} #M_4 .firstUl>li>a,.firstD>a{display:block;padding-left:18px;color:#333;font-size:14px;} #M_4 .firstUl>li.active,.firstD.active{background: #edf2f4;} #M_4 .firstUl>li.active>a,.firstD.active>a{color:#23bbab;} #M_4 .firstUl>li:hover{background: #edf2f4;} #M_4 .firstUl>li>ul{display:none} #M_4 .firstUl>li>ul li{line-height:40px;} #M_4 .firstUl>li>ul li:hover{background: #fff;} #M_4 .firstUl>li>ul li>a{display:block;padding-left:40px;color:#333;font-size:14px;} #M_4 .firstD>a{position: relative;} #M_4 .toggle{position: absolute;right:19px;top:29px;display:inline-block;background: url(../images/iconall.png) no-repeat 0 -160px;width: 10px;height: 6px;} #M_4 .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_4 #menu_pc .select{display:none !important;} #M_4 .nav_uu{position:relative;width:100%;height:calc(100% - 80px);} #M_4 .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_4 .b-menu{display:none;} #M_4 .nav-moblie{display:block;} /*top*/ #M_4 .nav-moblie.selected:hover a:before { transform: translateY(0px) rotate(-45deg); -webkit-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg); } #M_4 .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_4 .nav-moblie{right: 20px;} } @media only screen and (max-width:330px){ /*top*/ #M_4 .firstUl>li{line-height: 50px;} #M_4 .toggle{top:23px;} } #M_5 .ch-r{position: absolute;top:20px;right: 0;width: 170px;height: 40px;border-radius: 20px;padding: 14px 0 0 18px;background:#fff;background:#;box-sizing: border-box;border:1px solid #999;border-color:#} #M_5 .ch-search{position: relative;display:block;height:16px;line-height:14px;width:100%} #M_5 .ch-search input{width: 72%;border:0;height:14px;line-height:16px;position:absolute;top:0;padding:0} #M_5 .search-btn{position: absolute;width: 20px;height: 20px;cursor: pointer;right: -30px;}#Content_6 a{color:#ffffff;} #M_6 .h-banner{width: 100%;height: 660px} #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-pagination-bullet{display: inline-block;width:12px;height:12px;margin:0 5px;background:#bec3c7;opacity: 1;border-radius: 50%;cursor: pointer;vertical-align: middle;} #M_6 .swiper-container01 .swiper-active-switch{background:#ffffff;} #M_6 .swiper-container01 .swiper-pagination-bullet-active{background:#ffffff} #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: 100% 100%} #M_6 .swiper-container01 .pagination{z-index: 99;bottom: 20px} #M_6 .swiper-container01 .arrow-right, #M_6 .swiper-container01 .arrow-left{position:absolute;width:48px;height:48px;line-height:50px;text-align:center;font-size:30px;font-family: consolas;border: 2px solid ;top:50%;margin-top:-25px;z-index:10;color:#ffffff;;cursor: pointer;} #M_6 .swiper-container01 .arrow-right{right:10%} #M_6 .swiper-container01 .arrow-left{left:10%} #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;} #M_6 .banner-title p{font-size:34px;text-align:center;height:34px;overflow:hidden;color:#ffffff;;line-height:34px;margin-top:5px} #M_6 .phone-container {position: relative;width: 100%;height: 100%;cursor: auto!important;display:none;} #M_6 .phone-container .swiper-pagination-switch,#M_6 .swiper-pagination,#M_6 .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;margin:0 5px;background:#bec3c7;opacity: 1;border-radius: 50%;cursor: pointer;vertical-align: middle;} #M_6 .phone-container .swiper-active-switch{background:#ffffff;} #M_6 .phone-container .swiper-pagination-bullet-active{background:#ffffff} #M_6 .phone-container .pagination{position:absolute;left:0;bottom:30px;width: 100%;text-align: center;} #M_6 .swiperBG_2{width: 100%;height:100%;background-size: 100% 100% !important;;} #M_6 .phone-container .pagination{z-index: 99;bottom: 10px} @media only screen and (max-width:1279px){ /*主体*/ #M_6 .h-banner{width:100%;height: 520px;} #M_6 .swiperBG_1,#M_6 .swiperBG_2,#M_6 .swiperBG_3{height: 520px;background-size: auto 100%;} } @media only screen and (max-width:1023px){ #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 .h-banner{width:100%;height: 360px;} #M_6 .swiperBG_1{height: 360px;background-size: auto 100%;} #M_6 .swiper-container01 .arrow-right, #M_6 .swiper-container01 .arrow-left, #M_6 .swiper-container01{display:none} #M_6 .phone-container{display:block} #M_6 .banner-title h6{font-size:20px;max-height:30px;line-height:30px;height:auto} #M_6 .banner-title p{font-size:14px;max-height:20px;line-height:20px;height:auto} }#Content_19,#M_19 table{color:#666666;} #M_19 .h-call{width:100%;height: 40px;} #M_19 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;} #M_19 .lianxi{float: right;} #M_19 .lianxi a{;margin: 0 5px} #M_19 .lianxi a:hover{text-decoration: underline} @media only screen and (max-width:1279px){ #M_19 .h-call,.c-header,.ch-r{display: none} } #L_5_99{background-color:#ffffff;} #L_5{width:1170px;margin:0 auto;} #L_5{background-color:#ffffff;} #L_6{width:1170px;margin:0 auto;} #L_7{width:1170px;margin:0 auto;} #L_10_99{background-color:#ffffff;} #L_10{width:1170px;margin:0 auto;} #L_10{background-color:#ffffff;padding:80px 0px 50px 0px ;} #L_11{width:1170px;margin:0 auto;} #L_11{padding:80px 0px ;} #L_12_99{background-color:#ffffff;} #L_12{width:1170px;margin:0 auto;} #L_12{background-color:#ffffff;} #L_13{width:1170px;margin:0 auto;} #L_14{width:1170px;margin:0 auto;} #L_15_99{background:url(https://files.b2b.cn/skin/2021/0826/6df59027d1edb214e7a1213a5c5022ec.jpg) no-repeat center 0;} #L_15{width:1170px;margin:0 auto;} #M_7 .MS_C_1{margin:0px 0px 30px 0px ; } #M_7 .class-list{width: 100%;height:auto;background: #fff;padding: 0px 0px 20px 0px ;margin:30px 0 0 0} #M_7 .class-list ul li{float: left;width: 168px;height: 40px;border: 1px solid #ddd;margin: 20px 0px 0px 20px } #M_7 .class-list ul li a{display:block;color:#666666;;width: 100%;height: 100%;line-height: 40px;text-align: center;} #M_7 .class-list ul a:hover{color:#ffffff;;background:#47b92e} @media only screen and (max-width:1279px){ #M_7 .class-list{padding-bottom: 3%} #M_7 .class-list ul li{width: 21%;margin: 3% 0 0 3%} } @media only screen and (max-width:767px){ #M_7 .class-list{padding-bottom: 3%} #M_7 .class-list ul li{width: 45.4%;margin: 3% 0 0 3%;} }#M_8 .titlewrap{background: #;width:100%;height:69px;position:relative;margin:40px 0px 0px 0px ;padding:30px 0px ;text-align: center;} #M_8 .m-titlepic{width:159px;height:69px;display: inline-block;} @media only screen and (max-width:1279px){ #M_8 .titlewrap{width:100%} } @media only screen and (max-width:1023px){ #M_8 .titlewrap{margin:30px 0 0 0;padding:0 0 30px 0;} } #Content_9,#M_9 table{color:#333333;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #Content_9 a{color:#666666;} #Content_9 a:hover{color:#ff0000;} #M_9 .omament{padding-bottom: 50px;} #M_9 .omamentList li{width:370px;float:left;margin-right:30px;margin-bottom:30px;background:#fff;} #M_9 .omamentList li:nth-child(3n){margin-right:0;} #M_9 .omamentList li:hover{-webkit-box-shadow:0 10px 30px rgba(223, 223, 223, 1);-moz-box-shadow:0 10px 30px rgba(223, 223, 223, 1); box-shadow:0 10px 30px rgba(223, 223, 223, 1);margin-bottom:20px;} #M_9 .omamentList li:hover .plus{height:30px;line-height:30px;} #M_9 .omamentList li a{display: block;} #M_9 .oma_img {margin:8px auto 0;width:354px;height:354px;} #M_9 .oma_img img{width:100%;height:100%;} #M_9 .oma_text{padding:18px 20px;} #M_9 .oma_text h6{padding-bottom: 18px;font-size:18px;height: 18px;line-height: 18px;overflow: hidden;} #M_9 .oma_text p{line-height:24px;overflow: hidden;height:48px;} #M_9 .plus{width:100%;height:20px;line-height:20px;text-align: center;color:#fff;font-size:16px;background:#47b92e;} @media only screen and (max-width:1279px){ #M_9 .contWidth{width: 100%;} #M_9 .omamentList li{width: 48%;margin:0 4% 4% 0;} #M_9 .omamentList li:nth-child(3n){margin:0 4% 4% 0;} #M_9 .omamentList li:nth-child(2n){margin:0 0 4% 0;} #M_9 .omamentList li:hover{margin-bottom: 0} } @media only screen and (max-width:1023px){ #M_9 .omament{padding-bottom: 0;} } @media only screen and (max-width:868px){ #M_9 .oma_img{width: 100%;height:100%;} } @media only screen and (max-width:430px){ #M_9 .omamentList li{width: 100%;margin:0 0 10% 0;float: none} #M_9 .omamentList li:nth-child(2n){margin:0 0 10% 0;} #M_9 .omamentList li:hover .plus{height:20px;line-height:20px;} #M_9 .omamentList li:hover{margin-bottom: 10%} } #M_10 .company_img{width:636px;} #M_10 .company_img img{width:100%;} @media only screen and (max-width:1260px){ #M_10 .company_img{width:100%} }#Content_11,#M_11 table{color:#666666;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #Content_11 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #M_11 .company_text{float:right;width:468px;text-align: right;padding-top:125px;} #M_11 .company_text h6{font-size:24px;color:#000000;} #M_11 .company_text p{line-height:24px;margin:35px 0;} #M_11 .company_text .mores{width:170px;height:42px;line-height:42px;text-align: center;display: block;background:#47b92e;float:right;border-radius: 21px;background:#} @media only screen and (max-width:1269px){ #M_11 .company_text{float: none;width: 100%;text-align: left;} } @media only screen and (max-width:1023px){ #M_11 .company_text{padding-top:25px;} }#M_12 .honor_tit{width:100%;border-radius: 10px;overflow: hidden;box-shadow: 5px 5px 10px #e6d6c2;margin: 0 auto 10px;text-align:center} #M_12 .honor_tit img{width:100%;height:auto;display:inline-block;} @media only screen and (max-width:1023px){ #M_12 .honor_tit{margin:0 auto 5%} } @media only screen and (max-width:768px){ #M_12 .honor_tit{width:100%} }#Content_13,#M_13 table{font-family:"Microsoft YaHei";font-size:24px;font-weight:normal;font-style:normal;} #Content_13 a{color:#ffb700;font-family:"Microsoft YaHei";font-size:24px;font-weight:normal;font-style:normal;} #Content_13 a:hover{color:#ff0000;} #M_13 .honor-wrap{width: 610px;margin: 0 0 0 108px;position: relative;height:360px;} #M_13 .honor-main{width: 270px;height: 340px;border-radius:5px;background: #fff;padding: 30px;box-sizing: border-box;transition:box-shadow ease .4s} #M_13 .honor-main h6{height:24px;line-height:24px;overflow:hidden;display:block} #M_13 .honor-main img{width:100%;height:210px;} #M_13 .honor-line{display: block;width: 70px;height: 2px;background: #ffb700;margin: 14px 0 30px;background: #} #M_13 .honor-main:hover{box-shadow:0px 5px 20px #e1e1e1} #M_13 .honor-wrap .honor-next, #M_13 .honor-wrap .honor-prev{position: absolute;width: 70px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #7f7f7f;border-radius: 16px;color: #cccccc;top: 50%;margin-top: -16px;font-size: 20px;background-image: none;} #M_13 .honor-wrap .honor-next{right: -100px} #M_13 .honor-wrap .honor-prev{left: -100px} #M_13 .honor-pagination{width: 100%;text-align: center;display:none} #M_13 .honor-pagination .swiper-pagination-bullet{margin-right: 10px} @media only screen and (max-width:1279px){ #M_13 .box{width: 90% !important;margin: 0 auto} #M_13 .honor-pic{width: 100%;} #M_13 .swiper-honor{width: 70%} #M_13 .honor-wrap{width: 100%;margin: 0;} #M_13 .honor-wrap .swiper-button-next{right: 0} #M_13 .honor-wrap .swiper-button-prev{left: 0} #M_13 .honor-main img{width:180px;height:180px;margin:0 auto;} } @media only screen and (max-width:1130px){ #M_13 .honor-main{width: 240px;} #M_13 .swiper-honor{width: 76%} #M_13 .honor-main img{width:160px;height:160px;margin:0 auto;} } @media only screen and (max-width:1023px){ #M_13 .honor_tit{width: 100%;margin-bottom: 5%;float: none} #M_13 .honor-pic{float: none;width: 100%;margin: 0;} #M_13 .honor-wrap .swiper-button-next{display: none} #M_13 .honor-wrap .swiper-button-prev{display: none} #M_13 .swiper-honor{width: 220px;margin:0 auto;} #M_13 .honor-main{width: 220px;height: auto} #M_13 .honor-pagination{display:block;bottom:0} } #M_14 .b-partner{background:#fff;width:100%;padding:30px 0 10px;margin:0 auto;overflow:hidden;} #M_14 .partnerList{width:100%;font-size:0;text-align:left !important;} #M_14 .partnerList li{display:inline-block;width:200px;height:60px;font-size:14px;margin-bottom:20px;text-align: center;line-height:60px} #M_14 .partnerList li img{max-width: 100%;max-height:100%;vertical-align: middle;width:auto;height:auto;} /*logo响应式样式*/ @media only screen and (max-width:1260px){ #M_14 .partnerList li{width:150px;} } @media only screen and (max-width:1023px){ #M_14 .partnerList li{width:130px;} } @media only screen and (max-width:767px){ #M_14 .partnerList li{margin-bottom:10px;} #M_14 .b-partner{padding: 10px 0 0 0} } @media only screen and (max-width:460px){ #M_14 .partnerList li{width:48%;margin-right:4%;} #M_14 .partnerList li:nth-child(2n){margin-right:0} }#M_15 .titlewrap{background: #;width:100%;height:69px;position:relative;margin:40px 0px 0px 0px ;padding:30px 0px ;text-align: center;} #M_15 .m-titlepic{width:159px;height:69px;display: inline-block;} @media only screen and (max-width:1279px){ #M_15 .titlewrap{width:100%} } @media only screen and (max-width:1023px){ #M_15 .titlewrap{margin:30px 0 0 0;padding:0 0 30px 0;} } #Content_16,#M_16 table{color:#999999;} #Content_16 a{color:#666666;} #Content_16 a:hover{color:#ff0000;} #M_16 .news{width:100%;padding-bottom:80px;} #M_16 .newList li{width:270px;background:#fff;float:left;margin-right:30px;padding:38px;box-sizing: border-box;transition:box-shadow ease .4s} #M_16 .newList li:nth-child(4n){margin-right:0;} #M_16 .newList .time{line-height: 60px;height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 30px;} #M_16 .newList li p{font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;line-height: 24px;} #M_16 .newList li em{display: block;width: 100%;height: 32px;text-align: center;line-height: 32px;background: #47b92e;color: #ffffff;margin-top: 30px} #M_16 .newList li:hover{border: 8px solid #ffb700;padding: 30px;-webkit-box-shadow:0px 5px 20px #eddaab;-moz-box-shadow:0px 5px 20px #eddaab;box-shadow: 0px 5px 20px #eddaab;} #M_16 .honor-line{display: block;width: 70px;height: 2px;background: #ffb700;margin: 14px 0 30px} @media only screen and (max-width:1279px){ #M_16 .news ul li{width: 22%;margin-right: 2%;padding: 20px} #M_16 .newList li:hover{border: 8px solid #ffb700;padding:12px} #M_16 .newList .time{font-size: 24px;} } @media only screen and (max-width:1023px){ #M_16 .news{width:100%;padding-bottom:30px;} #M_16 .news ul li{width: 46%;margin:0 2% 2% 0} #M_16 .news ul li:nth-child(2n){margin-right: 0} } @media only screen and (max-width:600px){ #M_16 .news ul li{width: 100%;margin:0 0 2% 0;float: none} }#Content_17,#M_17 table{color:#000000;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #M_17 .input_show{position: fixed;top: -60px;left: 50%;width: 280px;height: 50px;margin-left: -120px;transition: all ease .4s;z-index: 999;background: #fff;color: #333;line-height: 50px;text-align: center;border: 1px solid #f7ba2a;box-shadow: 0px 0px 10px #666;} #M_17 .input_show div{height: 50px;width: 50px;background: #f7ba2a;font-size: 34px;text-align: center;color: #fff;float: left;} #M_17 .input_show span{display: block;float: left;width: 230px;height: 50px;text-align: center;} #M_17 .b-contect{width:100%;overflow: hidden;} #M_17 .conLeft{float:left;margin:80px 0;border-right: 1px solid #ddd;width:580px;padding:0 40px 0 0} #M_17 .conRight{float:left;width:549px;} #M_17 .inputCom{margin-bottom:20px;width:280px;height: 40px;line-height: 40px;font-size: 14px;font-family: "微软雅黑";color:#bbb;float:left;position:relative;background:#fff} #M_17 .inputCom input{width:100%;height:100%;text-indent:14px;font-family: "微软雅黑";line-height:40px;border: 1px solid #ddd;background:#fff} #M_17 .inputCom i{position:absolute;left:14px;top:0;color:#ff0000;vertical-align: middle;margin-top:4px;} #M_17 .inputCom2 input{text-indent:30px;} #M_17 .inputCom:nth-child(odd) {margin-right:20px;} #M_17 .inputCom::-webkit-input-placeholder,.textCom::-webkit-input-placeholder{color:#bbb;} #M_17 .textCom{margin-bottom:20px;width:580px;height: 120px;border: 1px solid #ddd;font-size: 14px;font-family: "微软雅黑";color:#bbb;float:left;position:relative;padding: 10px 30px;box-sizing: border-box;background:#fff} #M_17 .textCom textarea{height:100px;width:99%;font-family: "微软雅黑";text-indent: 0;padding:0} #M_17 .textCom i{position:absolute;left:14px;top:10px;color:#ff0000;vertical-align: middle;margin-top:12px;} #M_17 .messDl{padding-left: 40px;padding-top:83px;} #M_17 .messDl dd{margin-bottom: 20px;line-height:18px;word-break: break-all;color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;} #M_17 .search_btn{width:100%;float:left;} #M_17 .search_yzm{float:left;width:280px;margin-right:20px;height:40px;position:relative;margin-bottom:20px;background:#fff} #M_17 .search_yzm input{width:99%;height:100%;text-indent:30px;line-height:40px;background:#fff;border: 1px solid #ddd;} #M_17 .search_yzm i{position:absolute;left:14px;top:10px;color:#ff0000;vertical-align: middle;margin-top:12px;} #M_17 .yzm_box{float:left;width:280px;height:40px;margin-bottom:20px;} #M_17 .yzm_box .verification_img{float:left;width:90px;height:40px;box-sizing:border-box;text-align:center;line-height:40px;background:#;} #M_17 .yzm_box .verification_img img{width:90px;height:40px;} #M_17 .yzm_box .comBtn{float:right;width:130px;height:40px;line-height:40px;text-align: center;color:#fff;font-size:14px;background:#165399;cursor: pointer;} #sub{border:1px solid #FFF} /*联系方式响应式样式*/ @media only screen and (max-width:1400px){ /*联系方式*/ #M_17 .conLeft{width: 50%;/*padding: 80px 4% 80px 0;*/} #M_17 .inputCom{width: 267px;} #M_17 .textCom{width: 554px;} #M_17 .conRight{width: 45%;} #M_17 .search_yzm,.yzm_box{width:267px;} } @media only screen and (max-width:1260px){ /*联系方式*/ /*#M_17 .conLeft{padding: 40px 40px 40px 0;}*/ #M_17 .inputCom,#M_17 .textCom{width: 100%;} #M_17 .search_yzm,.yzm_box{width:100%;} } @media only screen and (max-width:1023px){ /*联系方式*/ #M_17 .float01{float: left;width: 48%;} #M_17 .float02{float: right;width: 48%;} #M_17 .inputCom:nth-child(odd){margin-right: 0;} #M_17 .conLeft{float:none;width:100%;padding: 40px 0;margin: 0 auto;border: none;} #M_17 .textCom{width: 100%;} #M_17 .inputCom,.textCom{padding-left: 0;width:99%} #M_17 .conRight{float:none;width: 100%;margin: 0 auto;} #M_17 .messDl{padding:0;padding-bottom: 20px;} #M_17 .messDl01{border: none;} } @media only screen and (max-width:767px){ /*联系方式*/ #M_17 .float01,.float02{width: 100%;} } @media only screen and (max-width:330px){ /*联系方式*/ #M_17 .messDl dd{margin-bottom: 10px;line-height: 20px;} } #L_16{width:1170px;margin:0 auto;} #L_22{width:1170px;margin:0 auto;} #Content_18,#M_18 table{color:#333333;} #Content_18 a{color:#333333;} #M_18 .b-footer{width:100%;overflow: hidden;padding:80px 0 70px;text-align: center;} #M_18 .b-footer a{color:#fff;color:#666666;;} #M_18 .fooP,#M_18 .fooP2{margin-bottom: 10px;color:#666666;;line-height: 18px;} #M_18 .fooP em{display: inline-block;margin:0 7px;} #M_18 .marSpan{margin-left: 20px;} @media only screen and (max-width:1260px){ /*底部*/ #M_18 .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;}