* { padding: 0; margin: 0; font-family: "微软雅黑"; } .inner { max-width: 1532px; width: 96%; margin: 0 auto; } @font-face { font-family: "msyhbd"; src: ; } @font-face { font-family: "impact"; src: ; } .header { position: relative; /* height: 891px; */ /* background: no-repeat center; */ } .banner-pic img { width: 100%; } .h-nav { height: 137px; display: flex; align-items: center; justify-content: space-between; } .ul-h-nav { display: flex; margin-right: 40px; } .ul-h-nav>li { } .ul-h-nav>li:last-child { margin-right: 0px; } .ul-h-nav>li>a { color: #fff; font-size: 18px; } .ul-lang { display: flex; align-items: center; } .ul-lang>li>a { font-size: 14px; } .chinese { margin-right: 15px; } .chinese>a { color: #fff; } .english>a { color: #a0a0a0; } .h-nav-w { display: flex; align-items: center; } .seek { margin-right: 26px; } .h-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .h-title>p:first-child { color: #ffffff; font-size: 60px; font-family: "msyhbd"; line-height: 75px; user-select: none } .h-title>p:nth-child(2) { color: #e8b624; font-size: 24px; line-height: 40px; user-select: none } .logo { margin-left: -130px; user-select: none } .ul-i-nav { display: flex; align-items: center; justify-content: center; margin: 150px 0 204px 0; } .home-pic { padding-bottom: 15px; } .ul-i-nav>li { /* margin-right: 297px; */ margin-right: 33.33%; text-align: center; } .ul-i-nav>li:last-child { margin-right: 0; } .pro-t { color: #0069b3; font-size: 36px; font-family: "msyhbd"; margin-bottom: 42px; } .pro-t1 { color: #666666; font-size: 20px; margin-bottom: 79px; } .pro-t2 { color: #999999; font-size: 14px; line-height: 26px; margin-bottom: 65px; } .more>a>span { color: #333333; font-size: 14px; vertical-align: middle; margin-left: 17px; } .product { margin: 0 16px 174px; } .product-w { display: flex; justify-content: space-between; flex-wrap: wrap; } .pro-cw-cp { display: none; margin-top: 20px; } .por-c-w { width: 32.44%; } .pro-t-pic { margin-bottom: 60px; } .por-r-t { color: #000000; font-size: 24px; } /* --- */ .ptw{ width: 22.58%; } .por-tt>p{ color: #0069b3; } .por-r-pic { margin:20px 0 42px 0; } .ul-por-r>li:nth-child(2), .ul-por-r>li:nth-child(3) { margin-bottom: 49px; } .ul-por-r>li:nth-child(4), .ul-por-r>li:nth-child(5) { margin-bottom: 40px; } .ul-por-r>li:nth-child(4) .por-r-t, .ul-por-r>li:nth-child(5) .por-r-t { margin-bottom: 8px; } .por-r-tt { line-height: 28px; color: #999; font-size: 16px; } .por-r { width: 24.28%; } .domain { padding-bottom: 231px; margin-bottom: 121px; background: no-repeat center; } .do-title { color: #ffffff; font-size: 36px; margin-bottom: 11px; } .do-title1 { color: #afc5dc; font-size: 14px; } .do-title-w { padding: 100px 0 172px 0; } .ul-domain { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 12px; } .ul-domain>li { width: 45.58%; margin-bottom: 53px; } .ul-domain>li>a { display: flex; align-items: center; } .domain-t { color: #fff; font-size: 30px; line-height: 38px; } .domain-tt { color: #f7db88; font-size: 16px; line-height: 22px; } .domian-w { width: 47.26%; } .do-pic { margin-right: 12px; width: 18.18%; } .new-l { width: 59.2%; } .new-title { color: #1e1e1e; font-size: 36px; margin-bottom: 10px; } .new-title1 { color: #a8a8a8; font-size: 14px; margin-bottom: 17px; } .new-pic { width: 28.56%; } .new-t-w { width: 68.8%; } .ul-new>li { margin-bottom: 25px; } .ul-new>li:last-child { margin-bottom: 0px; } .ul-new>li>a { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .new-t-w>p { color: #737272; font-size: 16px; } .new-t-w .new-t { color: #000000; font-size: 20px; line-height: 32px; } .new-t:hover { color:#0069b3; } .new-t1 { line-height: 28px; margin-bottom: 9px; } .new-t-w>p:last-child>span { vertical-align: middle; margin-left: 5px; } .new-more>a { padding: 0 0 9px 3px; border-bottom: 2px solid #0069b3; } .new-more>a>span { color: #868686; font-size: 16px; margin-right: 12px; vertical-align: middle; } .new-title-w { display: flex; justify-content: space-between; align-items: center; } .new { display: flex; justify-content: space-between; margin-bottom: 124px; flex-wrap: wrap; } .new-r { width: 36.81%; } .industry-t-w { margin-top: 9px; } .industry-t-w>p { color: #4a4a4a; font-size: 17px; line-height: 49px; } .ul-partner { display: flex; flex-wrap: wrap; margin-left: -2.23%; } .ul-partner>li { border: 1px solid #eeeeee; margin: 0 0 30px 2.23%; width: 22.77%; box-sizing: border-box; } .partner { padding: 76px 0 89px 0; background-color: #f3f3f3; } .ul-footer-nav>li { color: #ffffff; font-size: 16px; } .ul-footer-nav>li>a { color: #828282; font-size: 14px; } .footer { background-color: #1e1e1e; padding: 68px 0 102px 0; } .footer-nav { display: flex; justify-content: space-between; flex-wrap: wrap; } .ul-footer { display: flex; justify-content: space-between; } .ul-footer>li { /* margin-right: 113px; */ } .ul-footer>li:last-child { margin-right: 0px; } .ul-footer-nav>li { margin-bottom: 18px; } .ul-footer-nav>li:last-child { margin-bottom: 0px; } .ul-footer-nav>li:first-child { margin-bottom: 25px; } .footer-logo { margin-top: 14px; } .footer-bar { width: 62.4%; } .footer-t-w .footer-t { color: #0069b3; font-size: 36px; font-family: "impact"; line-height: 40px; margin: 11px 0 9px 0; } .footer-t-w>p { color: #fff; font-size: 14px; line-height: 24px; } .footer-t-w>p:last-child { margin-top: 40px; } .qr { display: flex; justify-content: space-between; margin-left: 114px; } .top { position: fixed; /* right: 117px; */ right: 6%; bottom: 524px; } .top>a { display: block; width: 67px; height: 67px; text-align: center; border: 1px solid #dfdfdf; background-color: #f3f3f3; box-sizing: border-box; padding-top: 14px; border-radius: 4px; } .top-pic { margin-bottom: 5px; } .top span { color: #353535; font-size: 15px; } .dom-t-w { width: 77.88%; } .home-pic>img:nth-child(2) { display: none; } .ul-i-nav>li>a span { color: #000000; font-size: 18px; } .home-pic img { margin: 0 auto; } .more { display: inline-block; } /* ------------------图片不变形-------------- */ .list-pic { position: relative; margin: 0 auto; /* max-width:238px; */ } .list-pic>img { opacity: 0; width: 100%; } .p-draw { overflow:hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .p-draw img { transition: .5s; -webkit-transition: .5s; height: 336px; } .p-draws { overflow:hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .p-draws img { transition: .5s; -webkit-transition: .5s; width:100%; } .p-drawss { overflow:hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .p-drawss img { transition: .5s; -webkit-transition: .5s; max-height: 324px; height: 100%; } /* 顶部导航 */ .menu { display: none; cursor: pointer; margin-left: 10px } .menu>ul>li { width: 32px; height: 3px; background-color: #fff; margin-bottom: 5px; } .tc .menu>ul>li { background-color: #333 } .menu>ul>li:nth-last-child(1) { margin-bottom: 0 } .tc { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.5); transition: unset; -webkit-transition: unset; } .tc-cont { position: relative; width: 100%; background-color: #ffffff; padding: 5px 25px 30px; box-sizing: border-box; /* margin-top: 84px; */ /* border-top: 1px #232323 solid; */ } .ul-tc { height: 80%; overflow-y: auto; } .ul-tc>li { color: #555555; font-size: 24px; width: 60%; border-bottom: 1px #232323 solid; } .ul-tc>li>a { display: block; padding: 15px 5px; cursor: pointer; } .menu2 { position: absolute; top: 20px; right: 10px; display: block; } /* --------------顶部搜索-------------- */ .ss2 { display: none; align-items: center; border-bottom: 1px #fff solid; } .ss2-go { background: url(/uploads/image/tmimages/icon.png) no-repeat center; background-size: 15px; width: 35px; height: 15px; outline: none; cursor: pointer; } .ss2-inp { width: 500px; height: 56px; background-color: transparent; outline: none; font-size: 16px; color: #757575; color: #ffffff; } .ss2-inp::placeholder { font-size: 16px; color: #ffffff; } .header .ss2-go { background-image: ; } /* ----------------:hover效果--------------- */ .ul-i-nav>li>a:hover .home-pic>img:first-child { display: none; } .ul-i-nav>li>a:hover .home-pic>img:nth-child(2) { display: block; } .ul-i-nav>li>a:hover span { color: #0069b3; } .mouse:hover { cursor: pointer; } .lessen img { } .ul-h-nav>li>a:hover, .ul-tc>li>a:hover, .ul-lang>li>a:hover, .ul-domain>li>a:hover .domain-t, .more:hover span, .previous:hover a{ color: #0069b3; } .new-more>a:hover span { color: #0069b3; } .ul-footer-nav>li>a:hover { color: #fff; } .ul-cate>li>a:hover p { color: #ccc; } .ul-footer>li>a:hover { color: #f7cf91; } .glass, .p-draw { overflow: hidden; text-align:center; } .p-draws { overflow: hidden; text-align:center; } .p-draws:hover img { transform: scale(1.1); } .p-draws img { transition: .5s; -webkit-transition: .5s; } .glass:hover img, .glass2:hover img, .p-draw:hover img { transform: scale(1.1); } .ul-domain>li>a:hover .glass2 img { transform: scale(1.1); } .glass img, .glass2 img, .p-draw img { transition: .5s; -webkit-transition: .5s; } .ul-case>li:hover { box-shadow: 0 0 10px 0 #cfcfcf; } .industry-t-w>p{ display: flex; align-items: center; } .industry-t-w>p>span{ display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #aaa; margin-right: 5px; } .industry-t-w>p:hover{ cursor: pointer; color: #0069b3; } .industry-t-w>p:hover span{ background-color: #0069b3; } /* 二级 */ .ul-rank { position: absolute; top: 60px; background-color: #fff; width: 176px; left: 50%; transform: translatex(-50%); z-index:9999; } .ul-rank>li>a { display: block; color: #303030; font-size: 16px; height: 63px; line-height: 63px; text-align: center; border-bottom: 1px solid #f2f2f2; } .ul-h-nav>li { position: relative; } .ul-h-nav>li>a { padding: 0 38px 42px; } .ul-rank>li:first-child { border-top: 6px solid #0069b3; } .ul-rank>li>a:hover { color: #0069b3; font-family: "msyhbd"; } .ul-h-nav { margin-right: 0px; } .ul-nav3 { display: none; padding: 10px 15px; padding-top: 0 } .ul-nav3 a { display: block; padding: 10px 0; cursor: pointer; border-bottom: 1px #232323 solid; } .ul-nav3>li:nth-last-child(1) a { border-bottom: none; } .ul-nav3>li>a:hover{ color: #0069b3; } .brief-par { margin-top:100px; } .place-wrap { margin-top:100px; } .advisory { margin-top:100px; } .marketing { margin-top:100px; } /*2023-7-10*/ .pro_w{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:145px 0 50px 0; max-height:999999px;} .pro_lf{ width:275px; position:relative;} .sbg{ display:none;} .sider_ico{ display:none;} .sider{ padding:25px 0 0 0;} .sider span{ display:block; line-height:30px; padding:10px 0; cursor:pointer;} .sider span a{ font-size:16px; color:#333; padding:0 20px;} .sider .pro_bot{ display:none;} .sider .pro_bot p{ line-height:30px; padding:5px 0;} .sider .pro_bot p a{ font-size:14px; color:#333; padding:0 20px;} .sider .pro_bot p.s_cur{ background:#0069b3;} .sider .pro_bot p.s_cur a{ color:#fff!important; font-weight:bold;} .sider .pro_bot p.s_cur em{ font-weight:500;} .sider .on{ line-height:40px;} .sider .on a{ font-weight:bold;} .sider a:hover{ color:#0069b3!important;} .pro_rt{ width:calc(100% - 310px);} .pro_rt .p-draw{ left:10px; right:10px; top:10px; bottom:10px; width:auto; height:auto;} .pro_list{ overflow:hidden;} .pro_list ul{ width:102.865%; display:flex; flex-wrap:wrap;} .pro_list ul li{ margin:0 2.865% 50px 0; width:30.46833333333333%;} .pro_list ul li .pic{ width:100%; position:relative; border:5px solid #f0f0f0; box-sizing:border-box;} .pro_list ul li .pic a{ display:block;} .df_img{ display:block; width:100%;} .pro_list ul li .txt{ padding:15px 0 0 0;} .pro_list ul li .txt h3{ line-height:48px; text-align: center;} .pro_list ul li .txt h3 a{ font-size:16px; color:#0069b3; font-weight:bold;} .pro_list ul li .txt p{ font-size:14px; color:#353535; line-height:30px;/* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ width:100%; box-sizing:border-box; position:relative; height: 30px; text-align: center;} .pro_list ul li .txt p em{ display:block; position:absolute; left:0; top:0; font-style:normal;} .pro_rt .sorter{ margin:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .pro_tit{ font-weight:bold; color:#0069b3; border-bottom:1px solid #f0f0f0; line-height:35px; font-size:30px; padding-bottom:15px;} .dt_con1{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:50px 0;} .dt_con1 .pic{ width:47.54%; position:relative; border:5px solid #f0f0f0; box-sizing:border-box; overflow: hidden; } .dt_con1 .txt{ width:48.35%; font-size:14px; color:#353535; line-height:30px; padding-left:10px;} .dt_con1 .txt p{ font-size:14px; color:#353535; line-height:30px; padding-left:10px;/* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ width:100%; box-sizing:border-box; position:relative;} .dt_con1 .txt p em{ display:block; position:absolute; left:0; top:0; font-style:normal;} .p_tit1{ font-size:20px; color:#0069b3; line-height:50px;} .p_tit1 span{ font-size:18px; color:#0069b3; line-height:50px; margin-left:5px;} .dt_con2{ border-top:1px solid #f0f0f0; padding:32px 0 0 0;} .dt_con2 .txt{ padding:0 0 20px 0; font-size:14px; line-height:30px; color:#353535;} .dt_con2 .txt p{ font-size:14px; line-height:30px; color:#353535;} .dt_con2 .txts{ padding:0 0 20px 0; font-size:14px; line-height:30px; color:#353535;} .dt_con2 .txts p{ font-size:14px; line-height:23px; color:#353535;} .dt_con2 .txts table{ max-width:100%; width:100%; border-right:#000000 solid 1px !important; border-top:#000000 solid 1px !important; float: left; margin-right: 30px; border-collapse:collapse !important;} .dt_con2 .txts table tr td{ font-size:14px; line-height:32px; border-left:#000000 solid 1px !important; border-bottom:#000000 solid 1px !important; text-align:center !important;} .dt_con3{ border-top:1px solid #f0f0f0; padding:15px 0 0 0;} .xj_pro{ display:flex; flex-wrap:wrap; width:101.5%;} .xj_pro li{ margin:15px 1.5% 0 0; width:18.5%;} .xj_pro li a{ display:block;} .xj_pro li .pic{ width:100%; position:relative; border:5px solid #f0f0f0; box-sizing:border-box;} .xj_pro li p{ text-align:center; color:#666; font-size:14px; line-height:22px; margin-top:15px;} .xj_pro li a:hover p{ color:#0069b3;}