/*头部样式*/ .wh{width:1400px;margin:0 auto;} .flex_11{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .flex_22{ display: flex; flex-wrap: wrap; justify-content: space-between;} .flex_33{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} .pt {display: flex;justify-content: space-between;align-items: center;width: 155px;margin: 0 auto;} .pt .wz {text-align: center;} .pt .wz h3 {color: #333333;font-size: 26px;} .pt .wz h4 {color: #999999;font-size: 18px;font-family: "Arial";font-weight: 400;} /**/ .head-bg { background: #fbfcff; } .head-bg .head-index .logo { line-height: 130px; } .head-bg .head-index .top-ad { background: url(//cdn.myxypt.com/093a3190/21/09/8f98da8ef533836cc149299d1fd09d01ce4fb082.png) no-repeat left center; margin-left: 19px; padding-left: 19px; margin-top: 40px; } .head-bg .head-index .top-ad p:nth-of-type(1) { color: #106298; font-size: 26px; } .head-bg .head-index .top-ad p:nth-of-type(2) { color: #666666; font-size: 18px; } .head-bg .head-index .tel { background: url(//cdn.myxypt.com/093a3190/21/09/34519c17863eb97dc7c3711ee35242de86aedb34.png) no-repeat left center; padding-left: 52px; margin-top: 40px; } .head-bg .head-index .tel p:nth-of-type(1) { color: #666666; font-size: 16px; } .head-bg .head-index .tel p:nth-of-type(2) { color: #106298; font-size: 26px; font-weight: bold; } .head-bg .head-index .top-erq { text-align: center; margin-top: 20px; margin-left: 25px; } .head-bg .head-index .top-erq p { color: #999999; font-size: 14px; line-height: 30px; } /* 导航样式 */ .menu { background: #004982; } .x-menu { display: flex; justify-content: space-between; align-items: center; } .x-menu>li { float: left; position: relative; background: url(../images/xv1.png) no-repeat left center; margin-left: -9px; } .x-menu>li:last-child { background: url(../images/xv1.png) no-repeat left center, url(../images/xv1.png) no-repeat right center; } .x-menu>li>a { display: block; font-size: 16px; color: #ffffff; line-height: 50px; text-align: center; padding: 0 49px; position: relative; z-index: 999; } .x-menu>li:hover {} .x-menu>li:hover>a { color: #fff; /* background: #009944; transform: skewx(-18deg); */ } .x-menu>li.active>a {} .x-menu>li:nth-of-type(1):hover::after { content: ""; position: absolute; top: 0; left: 9px; background: #0067a7; transform: skewx(-18deg); width: 125px; height: 50px; z-index: 0; } .x-menu>li:hover::after { content: ""; position: absolute; top: 0; left: 9px; background: #0067a7; transform: skewx(-18deg); width: 153px; height: 50px; z-index: 0; } .x-menu>li:hover .x-sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .x-sub-menu { position: absolute; z-index: 99; width: 150%; left: -25%; top: 65px; background: #fff; border-radius: 5px; padding: 10px 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; transition: all .5s ease; } .x-sub-menu>li>a { display: block; text-align: center; line-height: 2; font-size: 14px; color: #333; line-height: 1.5; padding: .5em; } .x-sub-menu>li>a:hover { background: #e9eaeb; } .x-sub-menu:after { content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; border-top: none; position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 99; } /**/ .product-bg { background: #fbfcff; } .product-index { padding-top: 55px; } .product-index .plist1 .tt{ display: none; } .product-index .pt { display: flex; justify-content: space-between; align-items: center; width: 155px; margin: 0 auto; } .product-index .pt .wz { text-align: center; } .product-index .pt .wz h3 { color: #333333; font-size: 26px; } .product-index .pt .wz h4 { color: #999999; font-size: 18px; font-family: "Arial"; } .product-index .nsort { background: #004982; transform: skewx(-20deg); margin-top: 40px; } .product-index .nsort li { float: left; width: 199px; } .product-index .nsort li + li { border-left: 1px solid #0067a7; } .product-index .nsort li.cur { background: #0067a7; } .product-index .nsort li a { display: block; line-height: 60px; text-align: center; color: #fff; font-size: 18px; transform: skewx(20deg); } .product-index .plist1 { margin-top: 54px; } .product-index .plist1 .plist2 { margin: 0 -7px; } .product-index .plist1 .plist2 li { float: left; width: 326px; margin: 0 7px; margin-bottom: 30px; } .product-index .plist1 .plist2 li a .zi { border-top: none; line-height: 47px; color: #444444; font-size: 16px; text-align: center;background:#e4e4e4;margin-top: 10px; } .product-index .plist1 .plist2 li .img1{ width: 324px; height: 245px; background-color: #ffffff; border: solid 1px #d4d4d4;} .product-index .plist1 .plist2 li .img1 img{width: 100%;height:100%} .product-index .plist1 .plist2 li:hover a .zi{background:#0067a7; color: #fff;} /**/ .about-bg { background: url(../images/ab.png) no-repeat top center; height: 592px; overflow: hidden; margin-top: 50px; } .about-bg .about-index .atel { color: #fff; font-size: 25px; background: url(../images/tel11.png) no-repeat left center; padding-left: 55px; margin-left: 528px; margin-top: 25px; margin-bottom: 14px; } .about-bg .about-index .ab-con { margin-top: 56px; position: relative; } .about-bg .about-index .ab-con .ab1 { width: 467px; margin-left: 275px; padding-top: 44px; } .about-bg .about-index .ab-con .ab1 h3 { color: #5a5a5a; font-size: 30px; font-weight: bold; margin-bottom: 20px; } .about-bg .about-index .ab-con .ab1 h3 span { display: block; color: #ababa9; font-size: 14px; font-weight: normal; padding-top: 5px; } .about-bg .about-index .ab-con .ab1 p { color: #555555; font-size: 14px; line-height: 26px; } .about-bg .about-index .ab-con .ab1 a { background: url(../images/more11.png) no-repeat top center; width: 168px; height: 36px; line-height: 36px; display: block; color: #fff; font-size: 16px; text-indent: 20px; margin-top: 30px; } .about-bg .about-index .ab-con .ab2 { position: absolute; right:0px; top: -3px } /**/ .jilei-bg { background: #fbfcff; padding-top: 90px; padding-bottom: 106px; } .jilei-bg .jilei-index h3 { text-align: center; color: #363636; font-size: 30px; font-weight: bold; } .jilei-bg .jilei-index h3 b { color: #004982; font-size: 48px; } .jilei-bg .jilei-index h4 { color: #4e4e4e; font-size: 16px; font-weight: lighter; text-align: center; padding-top: 14px; } .jilei-bg .jilei-index .jilei-list { margin-top: 40px; display: flex; justify-content: space-between; align-items: center; } .jilei-bg .jilei-index .jilei-list li { width: 286px; display: flex; justify-content: center; align-items: center; background: #f6f6f6; padding: 12px 0; } .jilei-bg .jilei-index .jilei-list li .img1 { margin-right: 30px; } .jilei-bg .jilei-index .jilei-list li .wz .w1 { color: #363636; font-size: 18px; font-weight: bold; } .jilei-bg .jilei-index .jilei-list li .wz .w2 { color: #585858; font-size: 12px; } .jilei-bg .jilei-pic { margin-top: 54px; } .jilei-bg .jilei-pic .jilei-list2 { display: flex; justify-content: space-between; align-items: center; } .jilei-bg .jilei-pic .jilei-list2 li .img1 img { width: 441px; height: 300px; } /* 流程 */ .liu-bg { background: url(../images/lc.png) no-repeat top center; height: 332px; overflow: hidden; padding-top: 45px; } .liu-bg .liu-index .pt { display: flex; justify-content: space-between; align-items: center; width: 175px; margin: 0 auto; } .liu-bg .liu-index .pt .wz { text-align: center; } .liu-bg .liu-index .pt .wz h3 { color: #333333; font-size: 26px; } .liu-bg .liu-index .pt .wz h4 { color: #999999; font-size: 18px; font-family: "Arial"; } .liu-bg .liu-index .liu-list { display: flex; justify-content: space-between; align-items: center; margin-top: 60px; } .liu-bg .liu-index .liu-list li { text-align: center; position: relative; } .liu-bg .liu-index .liu-list li::before { content: ""; position: absolute; background: url(../images/lv.png) no-repeat top center; width: 21px; height: 14px; top: 50%; margin-top: -7px; right: -42px; } .liu-bg .liu-index .liu-list li .wz { color: #3d7eaa; font-size: 17px; } .liu-bg .liu-index .liu-list li:last-child::before { display: none; } .case_cc{margin-top: 70px;} /* CSS Document */ #certify { position: relative; margin: 0 auto;margin-top:45px; } #certify .swiper-container { padding-bottom: 98px; } #certify .swiper-slide { width: 645px; height: 403px; background-color: #1e1c1d; box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.3); } #certify .swiper-slide img { display: block; width: 100%; height: 100%; } #certify .swiper-slide .dgg{ width: 341px;margin:0 auto; height: 70px; background-color: #004982;position: relative;margin-top: -71px;display: none;padding: 15px 70px;text-align: left;} #certify .swiper-slide .dgg h2{ font-family: MicrosoftYaHei; font-size: 24px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff;line-height: 35px;height:35px;overflow: hidden;;} #certify .swiper-slide .dgg h3{ font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff;line-height: 25px;height:25px;overflow: hidden;margin-top: 5px;} #certify .swiper-slide.swiper-slide-active .dgg { display:block; } #certify .swiper-pagination { width: 100%; bottom: 0px; } #certify .swiper-button-prev { left: 41%; width: 38px; height: 38px; background: url(../images/left1.png) no-repeat; background-size: 100%; top: 99%; } #certify .swiper-button-prev:hover{background: url(../images/left11.png) no-repeat;} #certify .swiper-button-next { right: 41%; width: 38px; height: 38px; background: url(../images/right1.png) no-repeat; background-size: 100%; top: 99%; } #certify .swiper-button-next:hover{background: url(../images/right11.png) no-repeat;} #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; background-color: #d1d1d3; width: 10px; height: 10px;opacity:1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet active{opacity: 1; background: #005a9c} #certify .swiper-pagination-bullets .swiper-pagination-bullet on{opacity: 1; background: #005a9c} #certify .swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #005a9c; } /**/ .mess-bg { background: url(../images/yan.png) no-repeat top center; height: 537px; overflow: hidden;margin-top: 70px; } .mess-bg .mess-index { padding-top: 65px; padding-left: 64px; padding-right: 49px; } .mess-bg .mess-index .wz1 h3 { color: #ffffff; font-size: 36px;font-weight: 400; } .mess-bg .mess-index .wz1 h4 { color: #bfbfbf; font-size: 16px; padding-top: 5px;font-weight: 400; } .mess-bg .mess-index .wz2 h3 { color: #333333; font-size: 36px; } .mess-bg .mess-index .wz2 ul { display: flex; justify-content: center; align-items: center; padding-top: 15px; } .mess-bg .mess-index .wz2 ul li { color: #333333; font-size: 17px; background: url(../images/xl.png) no-repeat left center; padding-left: 24px; margin-right: 26px; } .mess-bg .ly { margin-top: 28px; height: 348px; background: #fff; margin-left: 93px; margin-right: 95px; border-bottom: 1px solid #20222f; } .mess-bg .ly .ly1 { width: 65px; background: #20222f; color: #ffffff; font-size: 26px; height: 348px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .mess-bg .ly .ly2 { width: 438px; margin-left: 36px; padding-top: 20px; } .mess-bg .ly .ly2 .m1 { margin-bottom: 10px; } .mess-bg .ly .ly2 .m1 span { display: block; color: #bb0000; font-size: 16px; line-height: 30px; } .mess-bg .ly .ly2 .m1 span b { color: #272727; font-weight: normal; } .mess-bg .ly .ly2 .m1 input { background: #eff1f5; height: 35px; width: 432px; text-indent: 6px; color: #696969; font-size: 12px; } .mess-bg .ly .ly2 .code-group { background: #eff1f5; width: 432px; } .mess-bg .ly .ly2 .code-group input { text-indent: 6px; width: 300px; font-size: 12px; } .mess-bg .ly .ly2 .tijiao { width: 108px; height: 43px; background: #20222f; color: #fff; line-height: 43px; text-align: center; font-size-adjust: 14px; margin-top: 10px; } .mess-bg .ly .ly3 { margin-top: 34px; margin-right: 26px; border: 1px solid #e6e6e6; padding: 8px; width: 376px; } .mess-bg .ly .ly3 h3 { color: #2d2b2b; font-size: 28px; font-weight: bold; text-align: center; letter-spacing: -1px; padding-top: 20px; } .mess-bg .ly .ly3 h4 { color: #106298; font-size: 34px; font-weight: bold; text-align: center; padding-bottom: 15px; } .mess-bg .ly .ly3 .dh { background: url(../images/hua.png) no-repeat left center; font-size: 20px; color: #333333; border-top: 1px solid #e6e6e6; padding: 18px 0; padding-left: 52px; } .mess-bg .ly .ly2 .tijiao input{outline: none;border-radius: 0px;background:none;border: none;color:#fff} /* 新闻中心 */ .xw_con{margin-top: 70px;} .nort{margin-top: 35px;margin-bottom: 50px;} .nort li{margin:0 15px} .nort li a{color:#666666;font-size: 20px;} .nort li a img{padding-right: 5px;} .nort li a:hover{ color: #0067a7;font-weight: 600;} .xw_11{width: 642px;} .nn_ll li{width: 100%;position: relative;} .nn_ll li a.img{width: 100%;display: block;} .nn_ll li a.img img{width: 100%;display: block;} .nn_ll li .tm{ height: 52px; border-radius: 0px 40px 0px 0px;background: rgba(000,000,000,0.6);width: 100%;position: absolute;left:0px;bottom: 0px;} .nn_ll li .tm h3{margin-left: 20px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 52px; letter-spacing: 0px; color: #ffffff;} .nn_ll li .tm h4{margin-right: 40px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 52px; letter-spacing: 0px; color: #ffffff;} .xw_22{width: 702px;} .nn_22 li{margin-bottom: 50px;} .nn_22 li .img_a{width: 176px; height: 116px;float: left;} .nn_22 li .img_a img{width: 176px; height: 116px;} .nn_22 li .time{width: 120px;float: left;border-right: 2px solid #e3e3e3;height:84px;text-align: center;margin-top: 15px;padding-top: 10px;} .nn_22 li .time dt{ font-size: 40px; font-weight: 600; letter-spacing: 0px; color: #2e2f34;line-height: 40px;} .nn_22 li .time dd{ font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #666666;padding-top: 2px;} .xw_con2{width: 375px;float: right;margin-top: 15px;} .xw_con2 h2{ font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 35px; letter-spacing: 0px; color: #333333;} .xw_con2 h3{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #999999;height:50px;overflow: hidden;} #ydemo{overflow:hidden;margin:0 auto;position:relative;height: 460px;} #yindemo{height:100%;} #ydemo1{} #ydemo2{} /**/ .link-bg { background: #fbfcff; padding: 30px 0;margin-top: 100px; } .link-bg .link .img1 { display: inline-block;line-height: 34px; } .link-bg .link a { color: #999999; font-size: 16px;margin:0 10px;line-height: 34px; } /* 网站底部 */ .dff{background:#404040;padding-top: 70px;padding-bottom: 20px;} .dg1{width: 545px;} .dt11{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #ffffff;margin-bottom: 15px;} .wm{width:112px;} .wm img{max-width: 112px;} .wm p{ font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px;color:rgba(195,195,195,0.55);text-align: center;} .dg1 dl dd{font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #929292;} .dg1 dl dd a{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #929292;} .lx1{ font-family: MicrosoftYaHei; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #c3c3c3;} .f_links{width: 1200px;margin:0 auto;margin-top: 30px;padding-bottom: 10px;border-bottom: 1px solid rgba(191,191,191,0.34);line-height: 25px;color: #c3c3c3;margin-bottom: 35px;} .f_links a{ line-height: 25px; letter-spacing: 0px; color: #c3c3c3;} .wh2{width: 1200px;margin:0 auto;} .seo1{ font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #c3c3c3;} .seo1 a{color: #c3c3c3;} /*热门搜索*/ .sskui{ background: rgba(0,0,0,0.36); height: 60px; width: 1920px; position: absolute; bottom: 0; left:50%; margin-left: -960px; z-index: 9999; } .search{text-align:left;height:60px;} #formsearch{width:auto;float:left;margin-top: 10px;} .hotSearch{width:auto;float:right;height:60px;font-weight:normal;color: #fff;font:500 14px/60px "微软雅黑";} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{margin-right:6px;color: #fff;} #formsearch input{height:40px;background:#fff;border:none;line-height:40px;} #formsearch input#keyword{height:40px;line-height:40px;padding-left:4px;color:#666;width: 242px;margin-right: -3px;} #formsearch input#s_btn{width:60px;height:40px;line-height:24px;text-align:center;background:url(../images/ssk1.jpg);color:#fff;border:none;cursor:pointer;} /*模拟select弹出框*/ .searchs { position:relative; display: inline-block; z-index:99999; float: left;width:100px;border: 1px solid #c8c8c8;margin-right: 5px;line-height:22px;text-align:center;color:#000;height:22px; } .option_g { display: none; border: 1px solid #c8c8c8; border-top:none; background:#fff; } .option_g li{ color:#fff; font-size:12px; line-height:22px; color:#000; } .option_g li:hover{ background:#3480ce; color:#fff; } /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*首页新闻*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*友情链接*/ .f_link{width:1200px;margin:0 auto;} .about-bg .wh{position: relative;} .abv{position: absolute;left:55px;top:10px} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height: 45px; padding-left: 0px; font-weight: bold; font-family: "微软雅黑"; background: #004982; font-size: 17px; color: #000; text-align: center; color: #fff;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:1920px;margin:0 auto;position: relative;left: 50%;margin-left: -960px;} .n_banner img{width:1920px;margin:0 auto} .left{width:235px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:1120px;float:right;padding-bottom:10px;} .sitemp{line-height:45px;height:45px;overflow:hidden;padding-right:10px;background:#004982;} .sitemp h2{width:340px;float:left;line-height:45px;text-align:center;text-align:left;text-indent:15px;font-size:17px;color: #fff;} .sitemp .site{width:380px;float:right;text-align:right;line-height:45px;color: #fff;font-size: 14px;} .sitemp .site a{ color: #fff; } .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}