@CHARSET "utf-8"; html{margin:0;padding:0;border:0;} body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,nav,section {margin:0;padding:0;border:0;} body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;} a{text-decoration:none;outline:none;} a:link{color:#666;} a:visited{color:#666;} a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;} input{padding:0;margin:0;font-family:'Microsoft YaHei';} img{border:none;background:none;vertical-align:middle;} ul,ol,li{list-style-type:none;} select,input,img,select{vertical-align:middle;} table{border-collapse:collapse;border-spacing:0} table, th, td {vertical-align: middle} .clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;} .clearfix{zoom:1} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;} h1,h2,h3,h4{font-size:12px;font-weight:bold;} hr {border: 0;border-top:1px solid #ccc;height:0;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} @font-face { font-family: 'constan2'; src:url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype'); } .ssddds{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .demo-message-wrap input::-webkit-input-placeholder, .demo-message-wrap textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .demo-message-wrap input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .demo-message-wrap input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .demo-message-wrap input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .demo-message-wrap input[type='text']::-webkit-input-placeholder{ color: #fff; } .aby_hh li:hover .aby_hh_img img{ filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%); } /*头部样式*/ .head-bg { background: #f7f7f7; } .wel { float: left; line-height: 34px; font-size: 12px; color: #999999; } .wel p { margin: 0; } .k1 { float: right; line-height: 34px; font-size: 12px; color: #999999; } .k1 a { color: #999999; } .k1 p { margin: 0; } .bhhann { float: right; line-height: 60px; } .search_box { display: none; position: absolute; top: 130px; z-index: 9999; background: #fff; width: 1920px; left: 50%; margin-left: -960px; padding: 5px 0; } .search { text-align: left; } #formsearch { width: auto; float: right; } .hotSearch { width: auto; float: left; height: 24px; line-height: 24px; font-weight: normal; color: #333333; } #search-type { float: left; width: 100px; height: 24px; border: 1px solid #c8c8c8; margin-right: 5px; } /*搜索和热门搜索*/ .hotSearch a { margin-right: 6px; color: #333333; } .hotSearch a:hover { color: #014a97; } #formsearch input { height: 22px; background: #fff; border: 1px solid #c8c8c8; line-height: 22px; } #formsearch input#keyword { height: 24px; line-height: 24px; padding-left: 4px; color: #666; } #formsearch input#s_btn { width: 46px; height: 24px; line-height: 24px; text-align: center; background-color: #3480ce; color: #fff; border: none; cursor: pointer; float: right; } @media(max-width:767px){ #formsearch input#keyword{ margin-top: 10px; } } .x-header { padding: 1.041666% 0; } .x-logo { width: 25.3125%; } .x-banner .owl-carousel .owl-dots button.owl-dot { border-radius: 0; width: 2em; height: 2px; } .x-banner .owl-carousel .owl-dots button.owl-dot.active { background: #ea3f01; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 768px) { .container { width:750px } } @media (min-width: 992px) { .container { width:970px } } @media (min-width: 1200px) { .container { width:1230px } } @media (min-width: 1240px) { .container { width:1270px } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } /*cont1*/ .cont1 { background: url(//cdn.myxypt.com/9698e6df/21/04/b92e288db4a0075b9e54ece399aa7da91d970def.jpg) no-repeat center top; padding: 3.28125vw 0; box-sizing: border-box; border-bottom: 1px solid #ebebeb; background-size: cover; } .title_ad1 { text-align: center; } .title_ad1 h2 { color: #000000; font: 600 36px/58px "微软雅黑"; } .title_ad1 h2:after { content: ""; display: block; width: 30px; height: 2px; background: #014a97; margin: 10px auto 10px; } .title_ad1 span { display: block; color: #666; font: 500 16px/34px "微软雅黑"; } .a1_v1 { margin-top: 72px; } .a1_b1 li { box-sizing: border-box; background: #fff; padding: 0 10px; } .a1_b1 li a.img .img11 { position: relative; } .a1_b1 li a.img { display: block; position: relative; border: 2px solid #fff; padding: 10px; box-shadow: 0 0 8px #ccc; } .a1_b1 li a.img img { width: 100%; height: auto; } .a1_b1 li a.img h3 { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.56); opacity: 0; top: 0; left: 0; right: 0; } .a1_b1 li a.img h3 span { display: block; color: #ffffff; font: 500 16px/36px "微软雅黑"; border-radius: 18px; width: 196px; text-align: center; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .a1_b1 li h2 { display: block; text-align: center; color: #666666; font: 500 15px/34px "微软雅黑"; margin-top: 20px; } .a1_b1 li .moer_ah { display: block; width: 100%; border: 1px solid #eeeeee; color: #666666; font: 500 12px/38px "微软雅黑"; text-align: center; margin-top: 20px; } .a1_b1 li .moer_ah b { font-size: 16px; color: #b2b2b2; } .a1_b1 li:hover a.img { border-color: #014a97; } .a1_b1 li:hover .moer_ah { background: #014a97; color: #fff; border-color: #014a97; } .a1_b1 li:hover .moer_ah b { color: #fff; } .a1_b1 li:hover a.img h3 { opacity: 1; } @media (max-width: 768px) { .title_ad1 h2 { font: 600 18px/29px "微软雅黑"; } .title_ad1 h2:after { margin: 5px auto 5px; } .title_ad1 span { font: 500 14px/18px "微软雅黑"; } .a1_v1 { margin-top: 20px; } .a1_b1 li { margin-bottom: 10px; } .a1_b1 li h2 { margin-top: 10px; font: 500 13px/20px "微软雅黑"; } .a1_b1 li .moer_ah { margin-top: 10px; font: 500 12px/20px "微软雅黑"; } } /*cont2*/ .cont2 { margin-top: 2.604166666666667vw; } .a2_v1 { margin-top: 2.604166666666667vw; display: flex; } .a2_b1 { width: 50%; } .a2_b2 { width: 50%; } .a2_c1 { width: 100%; background: #f7f7f7; padding: 10% 0; } .a2_c2 img { max-width: 100%; } .abt_wenaa { width: 60%; margin-left: 17.70333vw; } .abt_wenaa h2 { color: #333; font: 600 28px/28px "微软雅黑"; } .abt_wenaa p { font-size: 14px; color: #666666; font-weight: normal; margin: 0; padding-top: 5px; } .abt_wenaa h2 span { display: block; color: #666666; font: 500 16px/30px "微软雅黑"; } .abt_wenaa h2:after { content: ""; display: block; width: 45px; height: 3px; background: #014a97; margin: 15px 0 0px; } .abt_wen { color: #666666; font: 500 14px/30px "微软雅黑"; margin-top: 2px; } .xw_hha li { width: 50%; height: auto; text-align: center; position: relative; float: left; } .xw_hha li .img11 { position: relative; } .xw_hha li .img11 .img12 img { width: 100%; height: auto; } .xw_hha li a.img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .xw_hha li .wenhha { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .xw_hha li .wenhha i { display: block; text-align: center; } .xw_hha li .wenhha h3 { color: #ffffff; font: 500 28px/44px "微软雅黑"; margin-top: 22px; } .xw_hha li .wenhha h3 span { display: block; color: rgba(255, 255, 255, 0.6); text-transform: uppercase; font: 500 12px/22px "Arial"; display: none; } .xw_hha li .wenhha h2 { margin-top: 26px; display: none; } .xw_hha li:hover a.img { background: rgba(1, 74, 151, 0.9); } .xw_hha li:hover .wenhha h3 span, .xw_hha li:hover .wenhha h2 { display: block; } @media (max-width: 1366px) { .a2_v1 { display: block; } .a2_b1 { width: 100%; float: none; } .a2_c1 { padding: 2%; } .abt_wenaa { width: 100%; margin-left: 0; padding: 0 2%; } .a2_b2 { width: 100%; float: none; } .a2_c2 { width: 100%; } .a2_c2 img { width: 100%; } } @media (max-width: 768px) { .abt_wenaa h2 { font: 600 18px/20px "微软雅黑"; } .abt_wenaa p { font-size: 12px; } .abt_wen { font: 500 14px/22px "微软雅黑"; } .xw_hha li .wenhha h3 { font: 500 16px/10px "微软雅黑"; margin-top: 10px; } } /*cont3*/ .cont3 { padding-top: 3.90625vw; position: relative; background: url(//cdn.myxypt.com/9698e6df/21/04/a630e01001f23da3fe8827714f6e2a4d636960cd.jpg) bottom center no-repeat; text-align: center; background-size: cover; } .a3_b1 { margin-top: 3.90625vw; } .a3_b1 li { float: left; padding: 10px 10px 0; background: none; } .a3_b1 li a.img { display: block; } .a3_b1 li a.img img { width: 100%; height: auto; } .a3_b1 li h2 a { display: block; text-align: center; color: #333333; font: 500 16px/60px "微软雅黑"; opacity: 0; } .a3_b1 li:hover { background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } .a3_b1 li:hover h2 a { opacity: 1; } a.case_more { display: block; color: #fff; background: #014a97; font: 500 16px/46px "微软雅黑"; width: 18%; text-align: center; border-radius: 23px; margin: 102px auto 0; } @media (max-width: 768px) { .a3_b1 li h2 a { font: 500 12px/30px "微软雅黑"; opacity: 1; } a.case_more { width: 40%; margin: 10px auto 0; } } /*cont4*/ .cont4 { margin-top: 3.4375vw; margin-bottom: 3.4375vw; } .x-case-item a { border: 1px solid #f4f4f4; margin: 0 5%; } .x-banner .owl-carousel { position: relative; } .x-case-list .owl-carousel .owl-nav .owl-prev { left: 0; background: url(//cdn.myxypt.com/9698e6df/21/04/f3341909249d16b0e5652e8a1956f3b8e4195875.png) no-repeat left center; width: 20px; height: 20px; } .x-case-list .owl-carousel .owl-nav .owl-next { right: 0; background: url(//cdn.myxypt.com/9698e6df/21/04/ff89fa4bba0519f24b9ec485d86618aea50df70e.png) no-repeat left center; } .x-case-list .owl-carousel .owl-nav.disabled { display: block; } .x-case-list .owl-carousel .owl-nav button.owl-prev, .x-case-list .owl-carousel .owl-nav button.owl-next { outline: none; position: absolute; top: 50%; z-index: 9999; height: 46px; width: 24px; margin-top: -23px; border-radius: 0; -webkit-transition: all .5s ease; transition: all .5s ease; } .x-case-list .owl-carousel .owl-nav .icon-font { display: block; width: 100%; height: 100%; } .x-case-list .owl-carousel .owl-nav .owl-prev:after { display: none; } .x-case-list .owl-carousel .owl-nav .owl-next:after { display: none; } /*cont5*/ .cont5 { background: url(//cdn.myxypt.com/9698e6df/21/04/f1936fa668e8a39864e040ff6af5732692a2c654.jpg) no-repeat center top; box-sizing: border-box; background-size: cover; padding: 7.8125vw 0; } .a5_v1 { display: flex; } .a5_b1 { width: 72%; box-sizing: border-box; padding: 25px 22px; background: #fff; } .a5_b2 { box-sizing: border-box; padding: 25px 22px 0; width: calc(100% - 72%); } .xw_tti h2 { color: #333333; font: 500 36px/50px "微软雅黑"; float: left; } .xw_tti h2 span { color: #999999; font: 500 16px/25px "微软雅黑"; display: block; } .xw_tti a.more_xw { display: block; float: right; color: #c1c1c1; font: 500 12px/40px "微软雅黑"; width: 40px; border: 1px solid #f4f4f4; text-align: center; margin-top: 8px; } .a5_abba { margin-top: 38px; } .xw_a1 { width: 50%; float: left; } .xw_a1 li a.img { display: block; } .xw_a1 li a.img img { max-width: 100%; height: auto; } .xw_a1 li h2 a { display: block; color: #333333; font: 500 18px/38px "微软雅黑"; margin-top: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xw_a1 li h3 { color: #666666; font: 500 14px/24px "微软雅黑"; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .xw_a1 li a.nxbnba { display: block; color: #ffffff; font: 500 14px/38px "微软雅黑"; width: 118px; box-sizing: border-box; padding-left: 15px; background: url(//cdn.myxypt.com/9698e6df/21/04/150fa205ddfe035678b86bf473c5e07683fb56ea.jpg) no-repeat center; margin-top: 36px; } .xw_a2 { float: right; width: 45%; margin-top: 8px; } .xw_a2 li a { display: block; color: #666; font: 500 14px/50px "微软雅黑"; border-bottom: 1px solid #e5e5e5; background: url(//cdn.myxypt.com/9698e6df/21/04/4067341efd53c86031f0c448a7515ae845a798db.png) no-repeat center left; padding-left: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .a5_b2 { background: #004b97; } .abr_ahjhj h2 { color: #fff; font: 500 36px/50px "微软雅黑"; } .abr_ahjhj h2 span { display: block; font: 500 16px/24px "微软雅黑"; } .a5_ahh { color: #fff; font: 500 12px/24px "微软雅黑"; margin-top: 1.5625vw; background: url(//cdn.myxypt.com/9698e6df/21/04/bc3775c1d52f829f21e4600060ef544d97a9327d.png) no-repeat left center; padding-left: 10%; } .a5_ahh p { margin: 0; } .a5_ahh img { padding-right: 22px; } .a6_ahh { color: #fff; font: 500 12px/24px "微软雅黑"; margin-top: 1.5625vw; background: url(//cdn.myxypt.com/9698e6df/21/04/9a0ddf0d0d4a3e9777e5db0ed2783d1043140f74.png) no-repeat left center; padding-left: 10%; } .a6_ahh p { margin: 0; } .a6_ahh img { padding-right: 22px; } .sou_tu { margin-top: 1.5625vw; } .sou_tu p { margin: 0; } .sou_tu img { max-width: 100%; } @media (max-width: 1366px) { .a5_v1 { display: block; } .a5_b1 { width: 100%; } .a5_b2 { width: 100%; margin-top: 10px; } .ct-con { display: flex; } .ct { width: 50%; } .sou_tu { width: 50%; margin-top: 0; } } @media (max-width: 768px) { .xw_a1 { float: none; width: 100%; } .ct-con { display: block; } .ct { width: 100%; } .sou_tu { width: 100%; margin-top: 0; } .xw_a2 { width: 100%; margin-top: 0; } .xw_tti h2 { font: 500 20px/22px "微软雅黑"; } .xw_tti h2 span { font: 500 12px/25px "微软雅黑"; } .xw_tti a.more_xw { font: 500 12px/30px "微软雅黑"; } .a5_abba { margin-top: 10px; } .xw_a1 li h2 a { font: 500 16px/20px "微软雅黑"; margin-top: 10px; } .xw_a1 li h3 { font: 500 12px/20px "微软雅黑"; margin-top: 6px; } .xw_a1 li a.nxbnba { margin-top: 10px; } .xw_a2 li a { font: 500 14px/34px "微软雅黑"; } } .x-layout { background: #323131; padding: 2.083333333333333vw 0; } .x-layout-menu dl { text-align: left; } .x-layout-menu dl dt { margin-bottom: 20px; font-size: 17px; font-weight: normal; } .x-layout-menu dl dt p { width: 18px; height: 1px; background: #7a7979; margin: 10px 0; } .x-layout-menu dl dd a { font-size: 12px; } .foot-ct { color: #fff; background: url(//cdn.myxypt.com/9698e6df/21/04/19fdbd36809e6c5f61b392ecc0388a8e1c89fe08.png) no-repeat left center; padding-left: 30%; margin-top: 1vw; } .foot-ct p { margin: 0; } .foot-ct p:nth-of-type(1) { font-size: 24px; } .foot-ct p { font-size: 14px; } .foot-foucs { color: #fff; background: url(//cdn.myxypt.com/9698e6df/21/04/19fdbd36809e6c5f61b392ecc0388a8e1c89fe08.png) no-repeat left center; padding-left: 30%; margin-top: 1vw; } .foot-foucs p { margin: 0; } .foot-foucs p:nth-of-type(1) { font-size: 24px; } .foot-foucs p { font-size: 14px; } .x-footer { background: #323131; border-top: 1px solid #3e3d3d; text-align: left; } .f1 { float: left; } .f2 { float: right; } @media (max-width: 980px) { .foot-ct { padding-left: 12%; } .foot-foucs { padding-left: 12%; } } @media (max-width: 768px) { .abr_ahjhj h2 { font: 500 18px/25px "微软雅黑"; } .abr_ahjhj h2 span { font: 500 14px/20px "微软雅黑"; } } /*手机底部*/ @media (max-width:768px){ .db{display:block!important;} } .dbb{height:50px;} /* 页脚 */ .footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #be131b; } .footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #ffffff; line-height: 30px;padding:10px 0; font-size: 0; } .footer ul li.active { background: #da251c; } .footer ul li a { display: block;color:#fff; } .footer ul li .iconfont { font-size: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; } .footer ul li span { display: inline-block; vertical-align: middle; font-size: 16px;color:#fff; } .footer li .icon-home{ background: url(//cdn.myxypt.com/9698e6df/21/04/a402bc01c6dc3926547b293617c40a07ccb0b6ce.png) no-repeat;width:20px;height:20px;} .footer li .icon-home2{ background: url(//cdn.myxypt.com/9698e6df/21/04/6692ffcade5bcb7213ce6ecfcb90df30c9a93b1b.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone{ background: url(//cdn.myxypt.com/9698e6df/21/04/0a1cdd6ad8c45a748f6f05fcdd539b5ce1a8d7f3.png) no-repeat;width:20px;height:20px;} .footer li .icon-contact{ background: url(//cdn.myxypt.com/9698e6df/21/04/a7443b1885656d81a1bfad867a4543bd7c35bba4.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone:before{font-size:0;} .footer ul li a{border-right:1px solid #fff;} .footer ul li:last-child a{border-right:none;}