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: #fbfbfb;} #L_1{width:1170px;margin:0 auto;} #L_19{width:1170px;margin:0 auto;} #L_18_99{background-color:#0a1121;} #L_18{width:1170px;margin:0 auto;} #L_18{background-color:#0a1121;} #L_3{width:100%;margin:0 auto;} #Content_3 a{color:#ffffff;} #M_3 .banner-wrap{width: 100%;position: relative} #M_3 .page-wrap{width: 2px;height: 100px;margin: 0 auto;position: absolute;right: 2%;top: 50%;transform: translate(0,-50%);z-index: 999} #M_3 .swiper-container01 .pagination{position:absolute;right:0;top: 50%;text-align: center;transform: translateY(-50%)} #M_3 .swiper-container01 .swiper-pagination-switch, #M_3 .swiper-container01 .swiper-pagination, #M_3 .swiper-container01 .swiper-pagination-bullet{display: block;width:2px;height:6px;margin:0 0 12px 12px;background:#ffffff;cursor: pointer;vertical-align: middle;transition: height ease .4s;opacity: 1;border-radius: 0;} #M_3 .swiper-container01 .swiper-pagination-bullet-active{background:#de2341;height: 52px} #M_3 .swiper-container01{width: 100%;height: 716px} #M_3 .swiper-container01 .swiper-slide{position: relative;overflow: hidden} #M_3 .swiper-container01 .swiper-slide img{position: absolute;width: 1920px;height: 816px;top: 50%;left: 50%;transform: translate(-50%,-50%)} #M_3 .banner-title{position:absolute;width:90%;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;height:100px} #M_3 .banner-title h6{font-size:46px;height:46px;overflow:hidden;line-height:46px;} #M_3 .banner-title p{font-size:34px;text-align:center;height:34px;overflow:hidden;;line-height:34px;margin-top:20px} #M_3 .phone-container{display:none;} #M_3 .phone-container .pagination{position:absolute;right:0;top: 50%;text-align: center;transform: translateY(-50%)} #M_3 .phone-container .swiper-pagination-switch, #M_3 .phone-container .swiper-pagination, #M_3 .phone-container .swiper-pagination-bullet{display: block;width:2px;height:6px;margin:0 0 12px 12px;background:#ffffff;cursor: pointer;vertical-align: middle;transition: height ease .4s;opacity: 1;border-radius: 0;} #M_3 .phone-container .swiper-pagination-bullet-active{background:#de2341;height: 52px} #M_3 .phone-container{width: 100%;height: 716px} #M_3 .phone-container .swiper-slide{position: relative;overflow: hidden} #M_3 .phone-container .swiper-slide img{position: absolute;width: 100%;height: 180px;top: 50%;left: 50%;transform: translate(-50%,-50%)} @media only screen and (max-width:1023px){ #M_3 .swiper-container01{height: 430px} #M_3 .banner-title h6{font-size:30px;max-height:64px;line-height:32px;height:auto} #M_3 .banner-title p{font-size:24px;max-height:52px;line-height:26px;height:auto} } @media only screen and (max-width:768px){ #M_3 .swiper-container01{display:none} #M_3 .phone-container,#M_3 .phone-container .swiper-slide img{display:block;height:180px} #M_3 .banner-title h6{font-size:20px;max-height:30px;line-height:30px;height:auto} #M_3 .banner-title p{font-size:14px;max-height:20px;line-height:20px;height:auto} } #M_19 .b-logo{display: block;width:260px;height: 50px;margin:10px 0px 10px 0px ;max-width:100%} #M_19 .b-logo img{width:100%;height:100%}#Content_20 a{color:#333333;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #Content_20 a:hover{color:#ffffff;} body{position:relative;} /*头部导航*/ .nav-moblie { width: 34px; height:34px; position: absolute; right:0; top:20px; 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; } .nav-moblie.selected { transform: rotate(0deg); } .nav-moblie a { /*background-color: #d7d7d7;*/ display: block; height: 4px; margin-top: 16px; 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; } .nav-moblie:hover a:before { transform: translateY(-2px) rotate(0deg); -webkit-transform: translateY(-2px) rotate(0deg); -ms-transform: translateY(-2px) rotate(0deg); } .nav-moblie:hover a:after { transform: translateY(2px) rotate(0deg); -webkit-transform: translateY(2px) rotate(0deg); -ms-transform: translateY(2px) rotate(0deg); } .nav-moblie.selected:hover a:before { transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(0px) rotate(-55deg); -ms-transform: translateY(0px) rotate(-55deg); } .nav-moblie.selected:hover a:after { transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(0px) rotate(55deg); -ms-transform: translateY(0px) rotate(55deg); } .nav-moblie a:after, .nav-moblie a:before { background-color: #ffffff; display: block; height: 4px; 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; } .nav-moblie a:after { top: 0;} .nav-moblie a:before { top: -10px;} #M_20 .nav-moblie.selected a:after, #M_20 .nav-moblie.selected a:before { top: 0;} #M_20 .nav-moblie.selected a:before { background-color: #fff; transform: translateY(0px) rotate(-45deg); -webkit-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg); } #M_20 .nav-moblie.#M_20 selected a:after { background-color: #fff; transform: translateY(0px) rotate(45deg); -webkit-transform: translateY(0px) rotate(45deg); -ms-transform: translateY(0px) rotate(45deg); } #M_20 .nav-moblie.selected a {background-color: transparent !important;} #M_20 .navMobile{display:none;position:fixed;left:0;top:100px;width:100%;height:100vh;background: #fff;padding-bottom:148px;z-index:9999;} #M_20 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;} #M_20 .firstUl>li>a,#M_20 .firstD>a{display:block;padding-left:18px;} #M_20 .firstUl>li.active,#M_20 .firstD.active{background: #d7d7d7;} #M_20 .firstUl>li.active>a,#M_20 .firstD.active>a{color:#fff;} #M_20 .firstUl>li:hover{background: #d7d7d7;} #M_20 .firstUl>li:hover a{} #M_20 .secondUl{display:none;} #M_20 .secondUl>li{line-height:40px;} #M_20 .secondUl>li:hover{background: #fff;} #M_20 .secondUl>li>a{display:block;padding-left:40px;color:#333;font-size:14px;} #M_20 .firstD>a{position: relative;} #M_20 .topNav{width: 100%;position: relative;top: 0;left: 50%;transform: translateX(-50%);z-index: 999;padding: 0;} #M_20 .logo img{width:150;height:150;} #M_20 .nav-list{width: 96%;margin: 0 auto;position: relative} #M_20 .navMobile-wrap{width: 20%;height: 816px;position: absolute;right: -100%;left: inherit;top: 0;padding: 100px 0 0 0;box-sizing: border-box} #M_20 .navMobile{display: block} #M_20 .menu-close{width: 50px;height: 50px;font-size: 40px;font-weight: bold;background: #262626;color: #fff;cursor: pointer;text-align: center;line-height: 50px;position: absolute;right: 20px;top: 20px} #M_20 .firstUl>li>a, .firstD>a{padding-left: 80px} #M_20 .topNav{height:80px;} #M_20 .firstUl>li ul{padding:10px 0 10px 80px;display:none} #M_20 .firstUl .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} @media only screen and (max-width:1023px){ #M_20 .nav-moblie.selected:hover a:before { transform: translateY(0px) rotate(-45deg); -webkit-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg); } #M_20 .nav-moblie.selected:hover a:after { transform: translateY(0px) rotate(45deg); -webkit-transform: translateY(0px) rotate(45deg); -ms-transform: translateY(0px) rotate(45deg); } #M_20 .navMobile-wrap{width: 260px;} } @media only screen and (max-width:767px){ /*top*/ #M_20 .nav-moblie{right: 20px;} } @media only screen and (max-width:330px){ /*top*/ #M_20 .firstUl>li{line-height: 50px;} }#Content_21 a{color:#666666;} #M_21 .h-call{width:100%;height: 40px;} #M_21 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;} #M_21 .lianxi{float: right;} #M_21 .lianxi a{;margin: 0 5px} #M_21 .lianxi a:hover{text-decoration: underline} html,body{width:100%;overflow:hidden !important;overflow-y:auto !important;} @media only screen and (max-width:1279px){ #M_21 .h-call,.c-header,.ch-r{display: none} } #L_4_99{background-color:#ffffff;} #L_4{width:1170px;margin:0 auto;} #L_4{background-color:#ffffff;} #L_5_99{background-color:#ffffff;} #L_5{width:1170px;margin:0 auto;} #L_5{background-color:#ffffff;padding:35px 0px 60px 0px ;} #L_6_99{background-color:#ffffff;background:#ffffff url(/skin/2019/0308/7976560e9d55bef5154994bcb3b950c7.jpg) no-repeat center 0;} #L_6{width:1170px;margin:0 auto;} #L_8_99{background-color:#ffffff;} #L_8{width:1170px;margin:0 auto;} #L_8{background-color:#ffffff;} #L_9_99{background-color:#ffffff;} #L_9{width:1170px;margin:0 auto;} #L_9{background-color:#ffffff;} #L_10{width:1170px;margin:0 auto;} #L_11{width:1170px;margin:0 auto;} #L_12_99{background-color:#ffffff;} #L_12{width:1170px;margin:0 auto;} #L_12{background-color:#ffffff;} #L_13_99{background-color:#ffffff;} #L_13{width:1170px;margin:0 auto;} #L_13{background-color:#ffffff;} #L_14{width:1170px;margin:0 auto;} #L_15{width:1170px;margin:0 auto;} #L_16_99{background:url(/style/2017/0714/bd5357494662155d6eb65f2b987eb841.png) no-repeat; background-size:100% 100%;} #L_16{width:1170px;margin:0 auto;} #M_4 .titlewrap{width: 100%;position: relative;z-index: 100;top: 0;margin: 10px auto 10px} #M_4 .titlewrap .pic{margin: 0 auto;width: 390px} #M_4 .titlewrap .pic img{width: 100%;height: auto} @media only screen and (max-width:470px){ /*标题*/ #M_4 .titlewrap .pic{width: inherit} #M_4 .titlewrap{top: 0} }#M_5 .jieshao-l{width: 100%} #M_5 .jieshao-l .js-pic{width: 100%;height: 350px;box-sizing: border-box;border: 2px solid #f0f3f5;position: relative} #M_5 .jieshao-l .js-pic img{width:354px;height:438px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} @media only screen and (max-width:1023px){ #M_5 .jieshao-l{width: 100%;} #M_5 .jieshao-l .js-pic{border: 0} #M_5 .jieshao-l .js-pic img{height: 100%;width:auto} } #M_6 .jieshao-r{width: 100%} #M_6 .linewrap span{display: inline-block;height: 2px;background: #112938} #M_6 .linewrap .short{width: 7px;margin: 0 8px 0 2px} #M_6 .linewrap .long{width: 22px} #M_6 .js-title{font-size: 24px;margin: 20px 0;} #M_6 .js-content{line-height: 24px} #M_6 .morewrap{display: block;text-align: center;width: 148px;height:49px;border: 1px solid #1c5277;box-sizing: border-box;line-height: 49px;margin-top: 30px} #Content_7,#M_7 table{color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #Content_7 a{color:#ffffff;} #M_7 .ry-main{width: 1170px;margin:0 auto;padding: 90px 0px 40px 0px ;margin:0;} #M_7 .linewrap span{display: inline-block;height: 2px;background: #112938} #M_7 .linewrap{margin-top:15px;} #M_7 .linewrap .short{width: 7px;margin: 0 8px 0 2px} #M_7 .linewrap .long{width: 22px} #M_7 .linewrap .spanbg{background: #ffffff} #M_7 .ry-title{font-size: 36px;margin: 14px 0;height:36px;line-height:36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#ffffff;} #M_7 .ry-main p{letter-spacing: 2px} #M_7 .ry-list{width: 720px;height: 100px;margin: 20px 0 30px 0;padding:10px 0;} #M_7 .ry-more{display: block;width: 118px;height: 38px;line-height: 38px;border: 1px solid #ffffff;text-align: center;background:#} #M_7 .honor{transition:all ease .4s} #M_7 .honor:hover{box-shadow:0px 0px 10px #ccc} @media only screen and (max-width:1279px){ #M_7 .ry-main{width: 100%;} } @media only screen and (max-width:1023px){ #M_7 .ry-list{width: 100%} } #M_8 .titlewrap{width: 100%;position: relative;z-index: 100;top: 0;margin: 10px auto 10px} #M_8 .titlewrap .pic{margin: 0 auto;width: 390px} #M_8 .titlewrap .pic img{width: 100%;height: auto} @media only screen and (max-width:470px){ /*标题*/ #M_8 .titlewrap .pic{width: inherit} #M_8 .titlewrap{top: 0} }#M_9 .titlewrap{width: 100%;position: relative;z-index: 100;top: 0;margin: 10px auto 10px} #M_9 .titlewrap .pic{margin: 0 auto;width: 390px} #M_9 .titlewrap .pic img{width: 100%;height: auto} @media only screen and (max-width:470px){ /*标题*/ #M_9 .titlewrap .pic{width: inherit} #M_9 .titlewrap{top: 0} }#M_10 .product-box{width: 100%;margin: 0 auto} #M_10 .product-wrap{width: 100%;position: relative;padding: 50px 0 80px;height:500px;} #M_10 .pw-main{position: relative;padding: 20px;} #M_10 .swiper-container02{height:500px} #M_10 .pw-title{font-size: 16px;color: #333;line-height: 16px;overflow: hidden;margin-bottom: 10px;} #M_10 .pw-main p{line-height: 16px;overflow: hidden} #M_10 .pw-more{display: none;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 24px;z-index:9} #M_10 .pw-list{border: 1px solid #fff;box-sizing: border-box;margin: 0 auto;width: 270px} #M_10 .pw-list:hover .pw-more{display: block} #M_10 .pw-list:hover{border: 1px solid #de2341} #M_10 .swiper-container02{padding-bottom: 50px} #M_10 .swiper-container02 .pagination{position:absolute;right:0;text-align: center;transform: translateY(-50%);z-index:9} #M_10 .swiper-container02 .swiper-pagination-switch, #M_10 .swiper-container02 .swiper-pagination, #M_10 .swiper-container02 .swiper-pagination-bullet{display: inline-block;width:24px;height:2px;margin:0 0 12px 12px;background:#ccc;cursor: pointer;vertical-align: middle;opacity: 1;border-radius: 0px;} #M_10 .swiper-container02 .swiper-pagination-bullet-active{background:#de2341;width: 44px;height: 4px} #M_10 .product-box.pb-pc{display:block} #M_10 .product-box.pb-mobile{display:none} #M_10 .swiper-container03{padding-bottom: 50px} #M_10 .swiper-container03 .pagination{position:absolute;right:0;text-align: center;transform: translateY(-50%)} #M_10 .swiper-container03 .swiper-pagination-switch, #M_10 .swiper-container03 .swiper-pagination, #M_10 .swiper-container03 .swiper-pagination-bullet{display: inline-block;width:10px;height:10px;margin:0 0 12px 12px;background:#ccc;cursor: pointer;vertical-align: middle;opacity: 1;border-radius: 10px;} #M_10 .swiper-container03 .swiper-pagination-bullet-active{background:#de2341;} #M_10 .swiper-container03 .swiper-slide{width: 100%} #M_10 .pw-pic img{width:100%;height:100%} @media only screen and (max-width:1279px){ #M_10 .product-box.pb-pc{display:none} #M_10 .product-box.pb-mobile{display:block} } @media only screen and (max-width:1023px){ #M_10 .product-wrap{padding:30px 0 0} }#Content_11 a{color:#333333;font-family:"Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;} #Content_11 a:hover{color:#ff0000;} #M_11 .fuwu-wrap{width: 100%;margin: 50px 0 50px} #M_11 .fuwu-wrap ul li{text-align: center;float: left;width: 270px;margin-right: 30px;transform-style: preserve-3d;transition: all ease .4s} #M_11 .fuwu-wrap ul li:last-child{margin-right: 0} #M_11 .fw-main{padding: 28px} #M_11 .fw-title{margin: 0 0 14px;height:18px;line-height:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} #M_11 .line-v{;width:2px;margin: 0 auto 14px} #M_11 .line-v span{display: block;width: 2px;background: #de2341;background: #} #M_11 .line-v .short{height: 6px;margin-bottom: 5px;} #M_11 .line-v .long{height: 12px;} #M_11 .fw-content{line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } #M_11 .fw-more{display: block;width: 112px;height: 36px;box-sizing: border-box;border: 1px solid #ccc;text-align: center;line-height: 36px;margin: 0 auto;color: #333;;background:#} #M_11 .fuwu-wrap ul li:hover{transform: scale(1,1);box-shadow: 5px 10px 30px #888888;} #M_11 .fuwu-wrap ul li:hover .fw-main{background: #fff;} /*#M_11 .fw-more:hover{background: #de2341;color: #fff}*/ #M_11 .fw-top img{width: 100%;height: auto} @media only screen and (max-width:1279px){ #M_11 .fuwu-wrap ul li{width: 22%;margin-right: 4%} } @media only screen and (max-width:1023px){ #M_11 .fuwu-wrap ul li{width: 46%;margin:0 2% 2% 0} #M_11 .fuwu-wrap ul li:nth-child(2n){margin-right: 0} } @media only screen and (max-width:400px){ /*公司服务*/ #M_11 .fuwu-wrap ul li{width: 100%;margin:0 0 2% 0;float: none} }#M_12 .titlewrap{width: 100%;position: relative;z-index: 100;top: 0;margin: 10px auto 10px} #M_12 .titlewrap .pic{margin: 0 auto;width: 390px} #M_12 .titlewrap .pic img{width: 100%;height: auto} @media only screen and (max-width:470px){ /*标题*/ #M_12 .titlewrap .pic{width: inherit} #M_12 .titlewrap{top: 0} }#Content_13,#M_13 table{color:#294aef;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;} #M_13 .xinwen-wrap{width:100%;padding: 50px 0 90px} #M_13 .xinwen-wrap ul li{float: left;width: 270px;margin-right: 30px;} #M_13 .xinwen-wrap ul li:last-child{margin-right: 0} #M_13 .new-time{font-weight: bold;line-height: 14px;height: 14px;overflow: hidden;margin: 26px 0 10px} #M_13 .new-main{font-size: 14px;color: #333;line-height: 22px;height: 44px;overflow: hidden} #M_13 .new-pic img{width: 100%;height: 100%} @media only screen and (max-width:1279px){ #M_13 .xinwen-wrap ul li{width: 22%;margin-right: 2%} } @media only screen and (max-width:1023px){ #M_13 .xinwen-wrap ul li{width: 46%;margin:0 2% 2% 0} #M_13 .xinwen-wrap ul li:nth-child(2n){margin-right: 0} #M_13 .xinwen-wrap{width:100%;padding: 30px 0} } @media only screen and (max-width:400px){ #M_13 .xinwen-wrap ul li{width: 100%;margin:0 0 2% 0;float: none} }#M_14 .about-wrap{width:100%;height: auto;float: left;position: relative} #M_14 .about-wrap img{width: 100%;height: auto} @media only screen and (max-width:768px){ #M_14 .about-wrap{height:300px} #M_14 .about-wrap img{position: absolute;width:900px;height: 386px;left:50%;top:50%;transform:translate(-50%,-50%)} }#M_15 .about-wrap{width:100%;height: auto;float: left;position: relative} #M_15 .about-wrap img{width: 100%;height: auto} @media only screen and (max-width:768px){ #M_15 .about-wrap{height:300px} #M_15 .about-wrap img{position: absolute;width:900px;height: 386px;left:50%;top:50%;transform:translate(-50%,-50%)} }#M_16 .b-partner{background:#fff;width:100%;padding:80px 0 60px;margin:0 auto;overflow:hidden;} #M_16 .partnerList{width:100%;font-size:0;text-align:left !important;} #M_16 .partnerList li{display:inline-block;width:200px;height:60px;font-size:14px;margin-bottom:20px;text-align: center;line-height:60px} #M_16 .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_16 .partnerList li{width:150px;} } @media only screen and (max-width:1023px){ #M_16 .partnerList li{width:130px;} #M_16 .b-partner{padding:30px 0} } @media only screen and (max-width:767px){ #M_16 .partnerList li{margin-bottom:10px;} #M_16 .b-partner{padding:20px 0} } @media only screen and (max-width:460px){ #M_16 .partnerList li{width:48%;margin-right:4%;} #M_16 .partnerList li:nth-child(2n){margin-right:0} }#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;} #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:#ffffff;} #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:#;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_17_99{background-color:#000000;} #L_17{width:1170px;margin:0 auto;} #L_17{background-color:#000000;} #L_25{width:1170px;margin:0 auto;} #Content_18,#M_18 table{color:#ffffff;} #Content_18 a{color:#ffffff;} #M_18 .b-footer{width:100%;overflow: hidden;padding:80px 0 70px;text-align: center;} #M_18 .b-footer a{color:#fff;;} #M_18 .fooP,#M_18 .fooP2{margin-bottom: 10px;;line-height: 18px;} #M_18 .fooP em{display: inline-block;margin:0 7px;} #M_18 .marSpan{margin-left: 20px;} .fooP2{width: 1200px !important;margin: 0 auto !important;} @media only screen and (max-width:1260px){ /*底部*/ #M_18 .b-footer{padding: 40px 0 30px;} }