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:1230px;margin:0 auto;} #L_2_99{background-color:#005fbf;} #L_2{width:1230px;margin:0 auto;} #L_3{width:1230px;margin:0 auto;} #L_16{width:100%;margin:0 auto;} #Content_2,#M_2 table{color:#ffffff;} #Content_2 a{color:#ffffff;} #M_2 .h-call{width:100%;height: 40px;} #M_2 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;} #M_2 .lianxi{float: right;} #M_2 .lianxi a{;margin: 0 5px} #M_2 .lianxi a:hover{text-decoration: underline} @media only screen and (max-width:1279px){ #M_2 .h-call,.c-header,.ch-r{display: none} }#M_3 .b-logo{display: block;width:201px;height: 81px;margin:0;max-width:100%} #M_3 .b-logo img{width:100%;height:100%}#Content_7,#M_7 table{color:#4c4c4c;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;} #Content_7 a{color:#4c4c4c;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;} #Content_7 a:hover{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;} body{position:relative;} #M_7 {overflow:visible} #M_7 .MS_C_1 {overflow:visible} #M_7 .b-header{height:80px;width:100%;position: relative;} #M_7 .menu_r{float:right;width:100%;height:100%;position:relative;} #M_7 .b-menu{float:right;} #M_7 .b-menu li{float:left;position: relative;font-size:12px;} #M_7 .b-menu li>a{display:block;width:80px;height: 100%;text-align:center;line-height: 80px;} #M_7 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;} #M_7 .b-menu li>a:hover{background:#000;background:#003f7f} #M_7 .b-menu li ul{width:100%;position:absolute;top:80px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#aad4ff} #M_7 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; } #M_7 .b-menu li ul li a{width:100%;height:34px;line-height:34px;} #M_7 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#003f7f} #M_29 .product-list img:hover{ transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: all 1s ease 0s; -webkit-transform: scale(1.1); /*放大1.3倍*/ transition-duration: .5s; overflow:hidden;} #M_35 .honor_tit img:hover{ transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: all 1s ease 0s; -webkit-transform: scale(1.1); /*放大1.3倍*/ transition-duration: .5s; overflow:hidden;} #M_37 .swiperBox03 img:hover{ transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: all 1s ease 0s; -webkit-transform: scale(1.1); /*放大1.3倍*/ transition-duration: .5s; overflow:hidden;} #L_35_99{ background-attachment:fixed !important; background-size:cover !important;} #M_7 .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_7 .nav-moblie.selected {transform: rotate(0deg);} #M_7 .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_7 .nav-moblie:hover a:before { transform: translateY(-2px) rotate(0deg); -webkit-transform: translateY(-2px) rotate(0deg); -ms-transform: translateY(-2px) rotate(0deg); } #M_7 .nav-moblie:hover a:after { transform: translateY(2px) rotate(0deg); -webkit-transform: translateY(2px) rotate(0deg); -ms-transform: translateY(2px) rotate(0deg); } #M_7 .nav-moblie.selected:hover a:before { transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(0px) rotate(-55deg); -ms-transform: translateY(0px) rotate(-55deg); } #M_7 .nav-moblie.selected:hover a:after { transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(0px) rotate(55deg); -ms-transform: translateY(0px) rotate(55deg); } #M_7 .nav-moblie a:after, #M_7 .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_7 .nav-moblie a:after { top: 5px;} #M_7 .nav-moblie a:before { top: -10px;} #M_7 .nav-moblie.selected a:after, #M_7 .nav-moblie.selected a:before { top: 0;} #M_7 .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_7 .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_7 .nav-moblie.selected a {background-color: transparent !important;} #M_7 .navMobile{display:none;position:fixed;left:0;top:80px;width:100%;height:100%;background: #fff;padding-bottom:148px;z-index:2;} #M_7 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;} #M_7 .firstUl>li>a,.firstD>a{display:block;padding-left:18px;color:#333;font-size:14px;} #M_7 .firstUl>li.active,.firstD.active{background: #edf2f4;} #M_7 .firstUl>li.active>a,.firstD.active>a{color:#23bbab;} #M_7 .firstUl>li:hover{background: #edf2f4;} #M_7 .firstUl>li>ul{display:none} #M_7 .firstUl>li>ul li{line-height:40px;} #M_7 .firstUl>li>ul li:hover{background: #fff;} #M_7 .firstUl>li>ul li>a{display:block;padding-left:40px;color:#333;font-size:14px;} #M_7 .firstD>a{position: relative;} #M_7 .toggle{position: absolute;right:19px;top:29px;display:inline-block;background: url(../images/iconall.png) no-repeat 0 -160px;width: 10px;height: 6px;} #M_7 .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_7 #menu_pc .select{display:none !important;} #M_7 .nav_uu{position:relative;width:100%;height:calc(100% - 80px);} #M_7 .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_7 .b-menu{display:none;} #M_7 .nav-moblie{display:block;} /*top*/ #M_7 .nav-moblie.selected:hover a:before { transform: translateY(0px) rotate(-45deg); -webkit-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg); } #M_7 .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_7 .nav-moblie{right: 20px;} } @media only screen and (max-width:330px){ /*top*/ #M_7 .firstUl>li{line-height: 50px;} #M_7 .toggle{top:23px;} } #M_8 .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_8 .ch-search{position: relative;display:block;height:16px;line-height:14px;width:100%} #M_8 .ch-search input{width: 72%;border:0;height:14px;line-height:16px;position:absolute;top:0;padding:0} #M_8 .search-btn{position: absolute;width: 20px;height: 20px;cursor: pointer;right: -30px;}#Content_25 a{color:#ffffff;} #M_25 .b-banner{width:100%;height:660px;margin-top:0px;overflow: hidden;} #M_25 .swiper-container01{position: relative;width:100%;height: 660px;cursor:auto!important;} #M_25 .swiperBG_1{position: relative;width:100%;height:660px;background-size:cover;background-size:1920px 660px !important;} #M_25 .swiper-container01 .swiper-pagination-switch{display: inline-block;width:10px;height:10px;margin:0 5px;border-radius: 50%;cursor: pointer;vertical-align: middle; background-color: #ffffff;} #M_25 .swiper-container01 .swiper-active-switch{ background: #003f7f;} #M_25 .swiper-container01 .pagination{position:absolute;left:0;bottom:30px;width: 100%;text-align: center;z-index:9} #M_25 .swiper-container01 .arrow-right,.swiper-container01 .arrow-left{position:absolute;top:50%;margin-top:-30px;width:56px;height:56px;cursor: pointer;text-align: center;line-height:56px;font-size:30px;font-family:consolas;border:2px solid #fff;z-index:9;color:#ffffff;;border-color:#ffffff} #M_25 .swiper-container01 .arrow-right{right:10%;} #M_25 .swiper-container01 .arrow-left{left:10%;} #M_25 .banner-title{position:absolute;width:90%;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;height:100px} #M_25 .banner-title h6{font-size:46px;height:46px;overflow:hidden;line-height:46px;} #M_25 .banner-title p{font-size:34px;text-align:center;height:34px;overflow:hidden;color:#ffffff;;line-height:34px;margin-top:20px} #M_25 .phone-container{position: relative;width:100%;height: 660px;cursor:auto!important;display:none} #M_25 .swiperBG_2{position: relative;width:100%;height:660px;background-size:cover;background-size:100% 660px; !important;} #M_25 .phone-container .swiper-pagination-switch{display: inline-block;width:10px;height:10px;margin:0 5px;border-radius: 50%;cursor: pointer;vertical-align: middle; background-color: #ffffff;} #M_25 .phone-container .swiper-active-switch{ background: #003f7f;} #M_25 .phone-container .pagination{position:absolute;left:0;bottom:10px;width: 100%;text-align: center;z-index:9} @media only screen and (max-width:1023px){ #M_25 .b-banner{margin-top:80px} /*banner輪播*/ #M_25 .swiper-container01 .arrow-left{display:none;} #M_25 .swiper-container01 .arrow-right{display:none;} #M_25 .banner-title h6{font-size:30px;max-height:64px;line-height:32px;height:auto} #M_25 .banner-title p{font-size:24px;max-height:52px;line-height:26px;height:auto} } @media only screen and (max-width:768px){ #M_25 .b-banner,#M_25 .swiper-container01,#M_25 .swiperBG_1{height:180px} #M_25 .swiper-container01{display:none} #M_25 .phone-container,#M_25 .swiperBG_2{display:block;height:180px} #M_25 .banner-title h6{font-size:20px;max-height:30px;line-height:30px;height:auto} #M_25 .banner-title p{font-size:14px;max-height:20px;line-height:20px;height:auto} } #L_14_99{background-color:#ffffff;} #L_14{width:1230px;margin:0 auto;} #L_15_99{background-color:#ffffff;} #L_15{width:1230px;margin:0 auto;} #L_17_99{background-color:#003f7f;} #L_17{width:1230px;margin:0 auto;} #L_18_99{background-color:#003f7f;} #L_18{width:1230px;margin:0 auto;} #L_22_99{background-color:#003f7f;} #L_22{width:1230px;margin:0 auto;} #L_22{background-color:#ffffff;} #L_19_99{background-color:#ffffff;} #L_19{width:1230px;margin:0 auto;} #L_21_99{background-color:#ffffff;} #L_21{width:1230px;margin:0 auto;} #L_21{background-color:#ffffff;} #L_20_99{background-color:#ffffff;} #L_20{width:1230px;margin:0 auto;} #L_23_99{background-color:#ffffff;} #L_23{width:1230px;margin:0 auto;} #L_24_99{background-color:#003f7f;} #L_24{width:1230px;margin:0 auto;} #L_28_99{background-color:#003f7f;} #L_28{width:1230px;margin:0 auto;} #L_29_99{background-color:#003f7f;} #L_29{width:1230px;margin:0 auto;} #L_30_99{background-color:#ffffff;} #L_30{width:1230px;margin:0 auto;} #L_31_99{background-color:#ffffff;} #L_31{width:1230px;margin:0 auto;} #L_32_99{background-color:#ffffff;} #L_32{width:1230px;margin:0 auto;} #L_33_99{background-color:#ffffff;} #L_33{width:1230px;margin:0 auto;} #L_35_99{background:url(//files.b2b.cn/skin/2021/0722/51a4e933244413bb973710d570befc30.jpg) no-repeat center 0;} #L_35{width:1230px;margin:0 auto;} #M_24 .b-mainbg{background: #fff;width: 1230px;margin: 0 auto;position: relative} #M_24 .pic-list{padding:30px 0} #M_24 .pic-list ul li{margin:0 30px 30px;position: relative;overflow: hidden} #M_24 .pic-list ul li img{/*position: absolute;width: 1170;height: 300px;left: 50%;top: 50%;transform: translate(-50%,-50%)*/width:100%;height:auto} #M_24 .pic-list ul li:last-child{margin:0 30px} @media only screen and (max-width:1279px){ #M_24 .b-mainbg{width:100%} #M_24 .pic-list{padding:0 0 3% 0;} #M_24 .pic-list ul {padding-top: 3%} #M_24 .pic-list ul li{padding: 0;margin: 0 3% 3% 3%} #M_24 .pic-list ul li:last-child{padding: 0;margin: 0 3% 0 3%} }#Content_26,#M_26 table{color:#666666;} #Content_26 a:hover{color:#ffffff;} #M_26 .class-list{width: 100%;height:auto;background: #fff;padding: 0px 0px 30px 0px ;margin:30px 0 0 0} #M_26 .class-list ul li{float: left;width: 168px;height: 40px;border: 1px solid #ddd;margin: 30px 0px 0px 30px } #M_26 .class-list ul li a{display:block;color:#666666;;width: 100%;height: 100%;line-height: 40px;text-align: center;} #M_26 .class-list ul a:hover{color:#ffffff;;background:#003f7f} @media only screen and (max-width:1279px){ #M_26 .class-list{padding-bottom: 3%} #M_26 .class-list ul li{width: 21%;margin: 3% 0 0 3%} } @media only screen and (max-width:767px){ #M_26 .class-list{padding-bottom: 3%} #M_26 .class-list ul li{width: 45.4%;margin: 3% 0 0 3%;} }#M_55 .MS_T_1{height:50px; } #Content_29 a{color:#333333;} #M_29 .b-mainbg{width: 100%;background: #fff;} #M_29 .product-list{box-sizing: border-box;padding-bottom:30px} #M_29 .morewrap a{display: block;width: 170px;height: 42px;background: #663300;text-align:center;line-height: 42px;margin: 0 auto;color: #fff;} #M_29 .pd-list ul li{width: 270px;float: left;margin: 0px 0px 30px 30px ;} #M_29 .pd-list ul li img{width: 270px;height: 270px} #M_29 .pd-list ul li p{width: 100%;height: 60px;line-height: 60px;background: #f1f1f1;padding-left: 20px;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} @media only screen and (max-width:1279px){ #M_29 .pd-list ul li{width: 21.2%;margin: 0 0 3% 3%} #M_29 .pd-list ul li p{height:40px;line-height: 40px} #M_29 .pd-list ul li img{width: 100%;height: auto} } @media only screen and (max-width:1023px){ #M_29 .pd-list ul li{width: 45.6%;margin: 0 0 3% 3%} #M_29 .pd-list ul li p{padding-left: 5%} }#M_30 .titlewrap{background: #ffffff;width:100%;height:60px;position:relative;margin:40px 0px 0px 0px ;padding:30px 0px ;text-align: center;} #M_30 .m-titlepic{width:304px;height:60px;display: inline-block;} @media only screen and (max-width:1279px){ #M_30 .titlewrap{width:100%} } @media only screen and (max-width:1023px){ #M_30 .titlewrap{margin:30px 0 0 0;padding:0 0 30px 0;} } #M_32 .pd-text{width: 700;margin: 0 auto;font: 14px/25px '微軟雅黑';color:#666666;;min-height:50px;} #M_32 .pd-text>p{text-indent: 2em;color:#666666;} @media only screen and (max-width:1279px){ #M_32 .pd-text{width:90%} }#M_34 .titlewrap{background: #ffffff;width:100%;height:60px;position:relative;margin:40px 0px 0px 0px ;padding:30px 0px ;text-align: center;} #M_34 .m-titlepic{width:304px;height:60px;display: inline-block;} @media only screen and (max-width:1279px){ #M_34 .titlewrap{width:100%} } @media only screen and (max-width:1023px){ #M_34 .titlewrap{margin:30px 0 0 0;padding:0 0 30px 0;} } #M_35 .MS_C_1{background-color: #ffffff;} #M_35 .honor_tit{width:100%;border-radius: 10px;overflow: hidden;box-shadow: 5px 5px 10px #e6d6c2;margin: 0 auto 10px;text-align:center} #M_35 .honor_tit img{width:100%;height:auto;display:inline-block;} @media only screen and (max-width:1023px){ #M_35 .honor_tit{margin:0 auto 5%} } @media only screen and (max-width:768px){ #M_35 .honor_tit{width:100%} }#M_36 .MS_C_1{background-color: #ffffff;} #Content_36,#M_36 table{color:#ffffff;} #M_36 .morewrap {width: 170px;margin: 0 auto} #M_36 .morewrap img{width: 170px;height: 42px;margin:0px 0px 30px } @media only screen and (max-width:1260px){ #M_36 .morewrap img{margin:30px 0} }#M_37 .MS_C_1{background-color: #ffffff;} #Content_37,#M_37 table{color:#000000;} /*榮譽*/ #M_37 .b-honor{width:100%;padding:0;overflow: hidden;} #M_37 .titBox02 {font-size: 24px;color: #fff;line-height: 40px;} #M_37 .btnCom03{display: inline-block;width:128px;height: 38px;line-height: 38px;text-align: center;color:#fff;font-size:12px;border:1px solid #fff;} #M_37 .btnCom03:hover{background: #fff;color:#23bbab;} #M_37 .swiperBox03{position: relative;margin-top:80px;height:320px;width:100%;} #M_37 .swiper-container03{cursor:auto!important;} #M_37 .swiperBox03 .arrow-right,.swiperBox03 .arrow-left{position:absolute;top:50%;margin-top:-36px;cursor: pointer;font-size:24px;font-family:consolas;color:#fff;width:24px;height:40px;background:rgba(0,0,0,0.5);text-align:center;line-height:40px;z-index:1;} #M_37 .swiperBox03 .arrow-right{right:10px;border-radius:5px 0 0 5px;} #M_37 .swiperBox03 .arrow-left{left:10px;border-radius: 0 5px 5px 0;} #M_37 .slideTop{width: 270px;height: 270px;margin:0 auto;} #M_37 .slideTop img{width:270px;height:270px;} #M_37 .imgSwiper{text-align: center;} #M_37 .imgSwiper p{margin-top: 20px;} /*手機版*/ #M_37 .swiper-container033{position: relative;width:100%;height:0;cursor:auto!important;text-align: center;} #M_37 .swiper-container033 .swiper-pagination-switch{display: inline-block;width:10px;height:10px;margin:0 5px; background-color: #cccccc;border-radius: 50%;cursor: pointer;vertical-align: middle;} #M_37 .swiper-container033 .swiper-active-switch{ background-color: #663300;} #M_37 .swiper-container033 .pagination{position:absolute;left:0;bottom:10px;width: 100%;text-align: center;} /*榮譽響應式樣式*/ @media only screen and (max-width:1260px){ /*榮譽*/ #M_37 .b-honor{padding-top: 20px;padding-bottom: 20px;} #M_37 .swiperBox03{margin-top: 50px;height: 260px;} #M_37 .slideTop{width: 220px;height:220px;} #M_37 .slideTop img{width: 220px;height:220px;} } @media only screen and (max-width:1023px){ /*榮譽*/ #M_37 .swiperBox03{height:0;margin-top: 0;} #M_37 .swiper-container03{height:0;} #M_37 .swiperBox03 .arrow-right,.swiperBox03 .arrow-left{display: none;} #M_37 .swiper-container033{height:300px;} #M_37 .slideTop{margin:0 auto;} }#M_38 .MS_C_1{background-color: #003f7f;} #M_38 .morewrap {width: 170px;margin: 0 auto} #M_38 .morewrap img{width: 170px;height: 42px;margin:30px 0px 30px } @media only screen and (max-width:1260px){ #M_38 .morewrap img{margin:30px 0} }#M_39 .titlewrap{background: #ffffff;width:100%;height:60px;position:relative;margin:40px 0px 0px 0px ;padding:30px 0px ;text-align: center;} #M_39 .m-titlepic{width:304px;height:60px;display: inline-block;} @media only screen and (max-width:1279px){ #M_39 .titlewrap{width:100%} } @media only screen and (max-width:1023px){ #M_39 .titlewrap{margin:30px 0 0 0;padding:0 0 30px 0;} } #M_40 .MS_C_1{background-color: #ffffff;} #Content_40,#M_40 table{color:#808080;} #M_40 .news-main{width:100%;padding:;box-sizing:border-box} #M_40 .titlewrap{font-size: 18px;line-height:24px} #M_40 .nm-rlist>a{display:block} #M_40 .line{height: 1px;width:120px;background: #4c4c4c;position: relative;margin: 12px 0;} #M_40 .line >span{position: absolute;width:50px;height: 3px;background: #4c4c4c;left: 0;top: -1px; } #M_40 .nm-date{color: #663300;margin-bottom: 10px;color:#ffffff;} #M_40 .nm-content{text-indent: 2em;line-height: 24px} #M_40 .nm-rlist{height: auto;float: left;width: 46%;margin: 4% 4% 0 0} #M_40 .nm-content{height: 76px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} @media only screen and (max-width:1279px){ #M_40 .nm-rlist{width: 46%;margin-right: 4%} #M_40 .news-main{padding:0;} } @media only screen and (max-width:1023px){ #M_40 .nm-rlist{width: 100%;float: none;margin: 0 auto 5%} #M_40 .nm-content{height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} }#M_41 .MS_C_1{background-color: #ffffff;} #M_41 .morewrap {width: 170px;margin: 0 auto} #M_41 .morewrap img{width: 170px;height: 42px;margin:0px 0px 30px } @media only screen and (max-width:1260px){ #M_41 .morewrap img{margin:30px 0} }#M_42 .b-partner{background:#fff;width:100%;padding:30px 0 10px;margin:0 auto;overflow:hidden;} #M_42 .partnerList{width:100%;font-size:0;text-align:left !important;} #M_42 .partnerList li{display:inline-block;width:200px;height:60px;font-size:14px;margin-bottom:20px;text-align: center;line-height:60px} #M_42 .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_42 .partnerList li{width:150px;} } @media only screen and (max-width:1023px){ #M_42 .partnerList li{width:130px;} } @media only screen and (max-width:767px){ #M_42 .partnerList li{margin-bottom:10px;} #M_42 .b-partner{padding: 10px 0 0 0} } @media only screen and (max-width:460px){ #M_42 .partnerList li{width:48%;margin-right:4%;} #M_42 .partnerList li:nth-child(2n){margin-right:0} }#Content_44,#M_44 table{color:#ffffff;} #Content_44 a{color:#ffffff;} #Content_44 a:hover{color:#ffffff;} #M_44 .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_44 .input_show div{height: 50px;width: 50px;background: #f7ba2a;font-size: 34px;text-align: center;color: #fff;float: left;} #M_44 .input_show span{display: block;float: left;width: 230px;height: 50px;text-align: center;} #M_44 .b-contect{width:100%;overflow: hidden;} #M_44 .conLeft{float:left;margin:80px 0;border-right: 1px solid #ddd;width:580px;padding:0 40px 0 0} #M_44 .conRight{float:left;width:549px;} #M_44 .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_44 .inputCom input{width:100%;height:100%;text-indent:14px;font-family: "微軟雅黑";line-height:40px;border: 1px solid #ddd;background:#fff} #M_44 .inputCom i{position:absolute;left:14px;top:0;color:#ff0000;vertical-align: middle;margin-top:4px;} #M_44 .inputCom2 input{text-indent:30px;} #M_44 .inputCom:nth-child(odd) {margin-right:20px;} #M_44 .inputCom::-webkit-input-placeholder,.textCom::-webkit-input-placeholder{color:#bbb;} #M_44 .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_44 .textCom textarea{height:100px;width:99%;font-family: "微軟雅黑";text-indent: 0;padding:0} #M_44 .textCom i{position:absolute;left:14px;top:10px;color:#ff0000;vertical-align: middle;margin-top:12px;} #M_44 .messDl{padding-left: 40px;padding-top:83px;} #M_44 .messDl dd{margin-bottom: 20px;line-height:18px;word-break: break-all;color:#ffffff;} #M_44 .search_btn{width:100%;float:left;} #M_44 .search_yzm{float:left;width:280px;margin-right:20px;height:40px;position:relative;margin-bottom:20px;background:#fff} #M_44 .search_yzm input{width:99%;height:100%;text-indent:30px;line-height:40px;background:#fff;border: 1px solid #ddd;} #M_44 .search_yzm i{position:absolute;left:14px;top:10px;color:#ff0000;vertical-align: middle;margin-top:12px;} #M_44 .yzm_box{float:left;width:280px;height:40px;margin-bottom:20px;} #M_44 .yzm_box .verification_img{float:left;width:90px;height:40px;box-sizing:border-box;text-align:center;line-height:40px;background:#;} #M_44 .yzm_box .verification_img img{width:90px;height:40px;} #M_44 .yzm_box .comBtn{float:right;width:130px;height:40px;line-height:40px;text-align: center;color:#fff;font-size:14px;background:#bf0000;cursor: pointer;} #sub{border:1px solid #FFF} /*聯系方式響應式樣式*/ @media only screen and (max-width:1400px){ /*聯系方式*/ #M_44 .conLeft{width: 50%;/*padding: 80px 4% 80px 0;*/} #M_44 .inputCom{width: 267px;} #M_44 .textCom{width: 554px;} #M_44 .conRight{width: 45%;} #M_44 .search_yzm,.yzm_box{width:267px;} } @media only screen and (max-width:1260px){ /*聯系方式*/ /*#M_44 .conLeft{padding: 40px 40px 40px 0;}*/ #M_44 .inputCom,#M_44 .textCom{width: 100%;} #M_44 .search_yzm,.yzm_box{width:100%;} } @media only screen and (max-width:1023px){ /*聯系方式*/ #M_44 .float01{float: left;width: 48%;} #M_44 .float02{float: right;width: 48%;} #M_44 .inputCom:nth-child(odd){margin-right: 0;} #M_44 .conLeft{float:none;width:100%;padding: 40px 0;margin: 0 auto;border: none;} #M_44 .textCom{width: 100%;} #M_44 .inputCom,.textCom{padding-left: 0;width:99%} #M_44 .conRight{float:none;width: 100%;margin: 0 auto;} #M_44 .messDl{padding:0;padding-bottom: 20px;} #M_44 .messDl01{border: none;} } @media only screen and (max-width:767px){ /*聯系方式*/ #M_44 .float01,.float02{width: 100%;} } @media only screen and (max-width:330px){ /*聯系方式*/ #M_44 .messDl dd{margin-bottom: 10px;line-height: 20px;} }#M_46 .MS_C_1{background-color: #003f7f;} #M_46 .morewrap {width: 170px;margin: 0 auto} #M_46 .morewrap img{width: 170px;height: 42px;margin:0px 0px 30px } @media only screen and (max-width:1260px){ #M_46 .morewrap img{margin:30px 0} }#M_28 .titlewrap{background: #ffffff;width:100%;height:60px;position:relative;margin:30px 0px 0px 0px ;padding:40px 0px ;text-align: center;} #M_28 .m-titlepic{width:304px;height:60px;display: inline-block;} @media only screen and (max-width:1279px){ #M_28 .titlewrap{width:100%} } @media only screen and (max-width:1023px){ #M_28 .titlewrap{margin:30px 0 0 0;padding:0 0 30px 0;} } #L_36_99{background-color:#191919;} #L_36{width:1230px;margin:0 auto;} #L_42{width:1230px;margin:0 auto;} #Content_45,#M_45 table{color:#ffffff;} #Content_45 a{color:#ffffff;} #M_45 .b-footer{width:100%;overflow: hidden;padding:80px 0 70px;text-align: center;} #M_45 .b-footer a{color:#fff;;} #M_45 .fooP,#M_45 .fooP2{margin-bottom: 10px;;line-height: 18px;} #M_45 .fooP em{display: inline-block;margin:0 7px;} #M_45 .marSpan{margin-left: 20px;} @media only screen and (max-width:1260px){ /*底部*/ #M_45 .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;}