/*@font-face { font-family: 'iconfont'; src: url('../font/iconfont.woff2?t=1625532141317') format('woff2'), url('../font/iconfont.woff?t=1625532141317') format('woff'), url('../font/iconfont.ttf?t=1625532141317') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ .width1200{ min-width:1200px; width:100%; overflow:hidden;} .indexcontent{ margin:0 auto; width:1200px;} .indexcontent1400{ min-width:1200px; padding:0 50px; max-width:1500px; box-sizing:border-box; margin:0 auto; position:relative;} .indexcontent1500{ min-width:1200px; padding:0 50px; max-width:1600px; box-sizing:border-box; margin:0 auto; position:relative;} .sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;} a.bs:hover{ text-decoration:underline;} .block{ display:block;} .fl { float: left; } .fr { float: right; } .enlarge8{ -moz-transition:all 0.8s; /* Firefox 4 */ -webkit-transition:all 0.8s; /* Safari and Chrome */ -o-transition:all 0.8s; /* Opera */ transition:all 0.8s; cursor: pointer; } .enlarge4{ -moz-transition:all 0.4s; /* Firefox 4 */ -webkit-transition:all 0.4s; /* Safari and Chrome */ -o-transition:all 0.4s; /* Opera */ transition:all 0.4s; cursor: pointer; } .ellipsis{ overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/ } .ellipsis2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .clearfix::after { content: ""; clear: both; overflow: hidden; display: block; height: 0; visibility: hidden; } .clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; zoom: 1; } .content{ font-size:16px; color:#666666; line-height:30px;} .content *{ line-height:30px;} .content img{ max-width:100%; height: auto!important;} .content video, .content iframe{ width:100%; height: auto!important; min-height:800px;} .content2{ font-size:14px; color:#919191; line-height:30px;} .content2 *{ line-height:30px;} .content2 img{ max-width:100%; height: auto!important;} .content2 video, .content2 iframe{ width:100%; height: auto!important;} .pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; } .pages a { text-decoration: none; color: #666; background: #fff; border:#cccccc 1px solid; display: inline-block; width: 40px; line-height: 40px; line-height: 40px; margin-right: 8px; font-size: 16px; color: #999999;} .pages a.active { background: #ec6200; border:#ec6200 1px solid; color: #fff } .pages a:hover { background: #ec6200; border:#ec6200 1px solid; color: #fff; text-decoration: none; } .pages a.wz{ display: inline-block; width: 86px; line-height: 40px; line-height: 40px;} /*英国365集团公司*/ .h300{ height:300px;} .h200{ height:200px;} .h140{ height:140px;} .h130{ height:130px;} .h120{ height:120px;} .h100{ height:100px;} .h80{ height:80px;} .h75{ height:75px;} .h70{ height:70px;} .h60{ height:60px;} .h50{ height:50px;} .h40{ height:40px;} .h30{ height:30px;} .h20{ height:20px;} /*.top1{ background:#1b1b1b; height:30px;} .top1 .top1_a{ float:right; font-size:14px; color:#999999; line-height:30px; margin-left:40px;} .top1 a{ color:#999999;} .top1 img.ico{ position:relative; top:-2px; margin-right:5px;}*/ /* .top1{ position:fixed; left:0; width:100%; min-width:1200px; z-index:9; transition:all 0.6s; z-index:2;} .top1 .top1_indexcontent{ height:160px; position:relative; transition:all 0.6s;} .top1 .top_logo{ display:block; position:absolute; left:50px; top:56px; width:160px; height:79px; background:url(../images/top_logo.png) center no-repeat; transition:all 0.6s;} .top1 .top_txt{ position:absolute; right:50px;; top:30px; transition:all 0.6s;} .top1 .top_txt .top_txt_dh{ float:left; font-size:24px; color:#ffffff; line-height:40px; transition:all 0.6s;} .top1 .top_txt .top_s{ float:left; margin-left:10px; width:164px; height:28px; line-height:28px; border:#fff 1px solid; border-radius:15px; margin-top:5px; transition:all 0.6s;} .top1 .top_txt .top_s .top_s_inp{ float:left; width:130px; padding:0 10px; height:28px; background-color:transparent; border:0; outline:none; box-sizing:border-box; transition:all 0.6s; color:#fff;} input.top_s_inp::placeholder { color: #fff; transition:all 0.6s;} .top1 .top_txt .top_s .btn{ float:right; width:30px; height:28px; background:url(../images/top_search_ico.png) center no-repeat; border:0; cursor:pointer; transition:all 0.6s;} .top1 .top_txt .top_txt_lang{ float:left; margin-left:10px; line-height:40px; transition:all 0.6s;} .top1 .top_txt .top_txt_lang .ico{ position:relative; top:2px; margin-right:5px; width:17px; height:17px; display:inline-block; background:url(../images/top_lang_ico.png) center no-repeat; transition:all 0.6s;} .top1 .top_txt .top_txt_lang a{ font-size:18px; color:#ffffff; transition:all 0.6s;} */ .top1{ position:fixed; left:0; width:100%; min-width:1200px; z-index:9; transition:all 0.6s; z-index:2;} .top1 .top1_indexcontent{ height:120px; position:relative; transition:all 0.6s;} .top1 .top_logo{ display:block; position:absolute; left:50px; top:20px; width:160px; height:79px; background:url(../images/top_logo.png) center no-repeat; background-size:142px 70px; transition:all 0.6s;} .top1 .top_txt{ position:absolute; right:50px;; top:15px; transition:all 0.6s;} .top1 .top_txt .top_txt_dh{ float:left; font-size:20px; color:#ffffff; line-height:40px; transition:all 0.6s;} .top1 .top_txt .top_s{ float:left; margin-left:10px; width:164px; height:28px; line-height:28px; border:#fff 1px solid; border-radius:15px; margin-top:5px; transition:all 0.6s;} .top1 .top_txt .top_s .top_s_inp{ float:left; width:130px; padding:0 10px; height:28px; background-color:transparent; border:0; outline:none; box-sizing:border-box; transition:all 0.6s; color:#fff;} input.top_s_inp::placeholder { color: #fff; transition:all 0.6s;} .top1 .top_txt .top_s .btn{ float:right; width:30px; height:28px; background:url(../images/top_search_ico.png) center no-repeat; border:0; cursor:pointer; transition:all 0.6s;} .top1 .top_txt .top_txt_lang{ float:left; margin-left:10px; line-height:40px; transition:all 0.6s;} .top1 .top_txt .top_txt_lang .ico{ position:relative; top:2px; margin-right:5px; width:17px; height:17px; display:inline-block; background:url(../images/top_lang_ico.png) center no-repeat; transition:all 0.6s;} .top1 .top_txt .top_txt_lang a{ font-size:18px; color:#ffffff; transition:all 0.6s;} .fixed.top1, .top1:hover{ background:rgba(255,255,255,1); padding-top:0; padding-bottom:0px; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);} .fixed.top1 .top1_indexcontent, .top1:hover .top1_indexcontent{ height:120px;} .fixed.top1 .top_logo, .top1:hover .top_logo{ top:20px; background:url(../images/top_logo_on.png) center no-repeat; background-size:142px 70px;} .fixed.top1 .top_txt, .top1:hover .top_txt{ top:15px;} .fixed.top1 .nav, .top1:hover .nav{ bottom:5px;} .fixed.top1 .top_txt .top_txt_dh, .top1:hover .top_txt .top_txt_dh{ color:#ed6914;} .fixed.top1 .top_txt .top_s, .top1:hover .top_txt .top_s{ border:#333 1px solid;} .fixed.top1 .top_txt .top_s .top_s_inp, .top1:hover .top_txt .top_s .top_s_inp{ color:#333;} .fixed.top1 input.top_s_inp::placeholder, .top1:hover input.top_s_inp::placeholder { color: #333; /* 将颜色改为你想要的颜色代码 */ } .fixed.top1 .top_txt .top_s .btn, .top1:hover .top_txt .top_s .btn{ background:url(../images/top_search_ico_on.png) center no-repeat;} .fixed.top1 .top_txt .top_txt_lang .ico, .top1:hover .top_txt .top_txt_lang .ico{ background:url(../images/top_lang_ico_on.png) center no-repeat;} .fixed.top1 .top_txt .top_txt_lang a .top1:hover .top_txt .top_txt_lang a{ color:#333;} .fixed.top1 .nav .nLi h3 a, .top1:hover .nav .nLi h3 a{ color:#333;} .fixed.top1 .nav .on h3 a, .nav .on h3 a .nav-e, .top1:hover .nav .on h3 a, .nav .on h3 a .nav-e{ color:#333;} .fixed.top1 .top_txt .top_txt_lang a, .top1:hover .top_txt .top_txt_lang a{ font-size:18px; color:#333; transition:all 0.6s;} .banner-container img{ display:block; width:100%;/* height:800px; object-fit: cover;*/} .banner-pagination{ position:absolute; left:0; bottom:30px !important; width:100%; text-align:center; z-index:2;} .banner-pagination .swiper-pagination-bullet{ width:9px; height:5px; background:#fff; opacity:1; border-radius:0; transition:all 0.3s;} .banner-pagination .swiper-pagination-bullet-active{ width:42px; background:#ec6200;} .i_d1_h40{ height:40px;} .i_d1_h50{ height:50px;} .i_d1_h60{ height:60px;} .i_d1_h70{ height:70px;} .i_d1_h80{ height:80px;} .i_d1_h100{ height:100px;} .i_d1_h120{ height:120px;} .i_d1_title .title1{ font-size:36px; color:#333333; line-height:40px; text-align:center;} .i_d1_title .ico{ text-align:center;} .i_d1_title .title2{ font-size:30px; color:#a4a4a4; line-height:40px; text-align:center; text-transform:uppercase;} .i_d1{ background:#fafafa;} .i_d1_box{ padding:0 100px;} .i_d1_box_title{ padding-top:20px; font-size:42px; color:#ec6200; line-height:70px; font-weight:bold;} .i_d1_list1 li{ float:left; width:49.5%; margin-left:1%;} .i_d1_list1 li:nth-child(2n+1){ margin-left:0;} .i_d1_list1 li .img{ position: relative; padding: 26% 0; overflow:hidden; box-sizing:border-box; background:#000; cursor:default !important; } .i_d1_list1 li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .i_d1_list1 li .txt{ height:44px; padding:0 15px; background:#666666; font-size:20px; color:#ffffff; line-height:44px;} .i_d1_list2{} .i_d1_list2 li{ float:left; width:33.33%; text-align:center;} .i_d1_list2 li .box{ display:inline-block;} .i_d1_list2 li .box .ico{ text-align:center; line-height:60px;} .i_d1_list2 li .box .ico_txt{ font-size:24px; color:#666666; line-height:40px; text-align:center;} .i_d1_list2 li .txt{ display:inline-block; font-size:40px; line-height:100px;} .i_d1_list2 li .txt .animateNum{ font-size:80px; font-weight:bold; color:#ec6200; margin-right:10px;} a.i_d1_more{ display:block; width:154px; height:48px; background:#ec6200; line-height:48px; text-align:center; border:#ec6200 1px solid; font-size:18px; color:#fff; margin:0 auto; transition:all 0.3s;} a.i_d1_more:hover{ background:#fff; color:#ec6200;} .i_d2-container{ position:relative;} .i_d2-container .li{ position:relative;} .i_d2-container .li .img{ position: relative; padding: 34.5% 0; overflow:hidden; box-sizing:border-box; background:#000; } .i_d2-container .li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .i_d2-container .li .box{ position:absolute; right:165px; bottom:266px; width:352px; height:260px; background:#25408f; box-sizing:border-box; padding:50px 60px 0 60px;} .i_d2-container .li .box .txt1{ font-size:30px; color:#ffffff; line-height:40px;} .i_d2-container .li .box .ico{ width:16px; height:2px; background:#fff; margin-top:20px; margin-bottom:20px;} .i_d2-container .li .box .txt2{ font-size:18px; color:#ccc; line-height:30px;} .i_d2_nav{ position:absolute; right:165px; bottom:112px; width:352px; height:154px; background:#fff; z-index:2;} .i_d2_nav .i_d2_prev{ position:absolute; left:65px; top:30px; width:64px; height:64px; background:url(../images/i_d2_l_ico.png) #fff center no-repeat; border:#25408f 2px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .i_d2_nav .i_d2_prev:hover{ background:url(../images/i_d2_l_ico_on.png) #25408f center no-repeat;} .i_d2_nav .i_d2_next{ position:absolute; right:65px; top:30px; width:64px; height:64px; background:url(../images/i_d2_r_ico.png) #fff center no-repeat; border:#25408f 2px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .i_d2_nav .i_d2_next:hover{ background:url(../images/i_d2_r_ico_on.png) #25408f center no-repeat;} .i_d2-container .li .box2{ position:absolute; left:50%; bottom:46px; width:830px; height:150px; background:rgba(37,64,143,0.57); box-sizing:border-box; margin-left:-415px; box-sizing:border-box; padding:0 150px;} .i_d2-container .li .box2 .txt1{ font-size:30px; color:#ffffff; line-height:40px; text-align:center; padding-top:52px;} .i_d2-container .li .box2 .ico{ width:16px; height:2px; background:#fff; margin:10px auto;} .i_d2-container .li .box2 .txt2{ font-size:18px; color:#ccc; line-height:30px; text-align:center;} .i_d2-container .i_d2_prev{ position:absolute; left:50%; bottom:90px; width:64px; height:64px; margin-left:-375px; background:url(../images/i_d2_l_ico_on.png) center no-repeat; border:#fff 2px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .i_d2-container .i_d2_prev:hover{ background:url(../images/i_d2_l_ico.png) #fff center no-repeat;} .i_d2-container .i_d2_next{ position:absolute; right:50%; bottom:90px; width:64px; height:64px; margin-right:-375px; background:url(../images/i_d2_r_ico_on.png) center no-repeat; border:#fff 2px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .i_d2-container .i_d2_next:hover{ background:url(../images/i_d2_r_ico.png) #fff center no-repeat;} .i_d3{ position:relative;} .i_d3_box{ position:absolute; left:0; bottom:50%; width:100%; transform:translate(0,50%);} .i_d3_box .title{ font-size:50px; color:#fff; line-height:60px; text-align:center; font-weight:bold;} .i_d3_box .ico{ text-align:center; margin-top:10px; margin-bottom:10px;} .i_d3_box .txt{ font-size:16px; color:#fff; line-height:30px; text-align:center; width:760px; margin:0 auto;} .i_d4_list li{ float:left; width:32.66%; margin-left:1%; position:relative; margin-top:20px;} .i_d4_list li:nth-child(1), .i_d4_list li:nth-child(2){ margin-top:0;} .i_d4_list li.i_d4_li1{ width:49.5%;} .i_d4_list li:nth-child(1), .i_d4_list li:nth-child(3){ margin-left:0;} .i_d4_list li .img img{ width:100%; height:406px; object-fit: cover;} .i_d4_list li .txt{ position:absolute; left:0; bottom:24px; padding:0 40px; background:#ec6200; font-size:24px; color:#ffffff; line-height:50px; height:50px;} .i_d5{ background:url(../images/i_d5_bg.jpg) center no-repeat; background-size:cover; height:714px;} .i_d5 .i_d5_l{ float:left; padding-top:235px; width:460px;} .i_d5 .i_d5_l .title{ font-size:44px; color:#ffffff; line-height:70px; font-weight:bold;} .i_d5 .i_d5_l .txt{ font-size:18px; color:#ffffff; line-height:30px; margin-top:5px;} .i_d5 .i_d5_l .txt *{ line-height:30px;} .i_d5_r{ float:right; padding-top:86px;} .i_d5_r .i_d5_r_rn{ /*width:615px; height:615px;*/ width:550px; height:550px; position:relative;} .i_d5_r .i_d5_r_rn:after{content:"";display:block;width:100%;height:100%;background:url(../images/i_d5_r_bg.png) no-repeat center center / cover;position:absolute;top:0px;left:0px;z-index:0;} .i_d5_r .i_d5_r_rn img{ position:relative; z-index:1; width:550px;} .i_d5_r .i_d5_r_rn:after{animation-iteration-count:infinite;animation:rotation2 6s linear infinite;-webkit-animation:rotation2 6s linear infinite;-moz-animation:rotation2 6s linear infinite;} @keyframes rotation{ 0%{transform: rotate(0deg);} 100%{transform: rotate(-360deg);}} @-webkit-keyframes rotation{ 0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(-360deg);}} @-moz-keyframes rotation{ 0%{-moz-transform: rotate(0deg);} 100%{-moz-transform: rotate(-360deg);}} @keyframes rotation2{ 0%{transform: rotate(-360deg);} 100%{transform: rotate(0deg);}} @-webkit-keyframes rotation2{ 0%{-webkit-transform: rotate(-360deg);} 100%{-webkit-transform: rotate(0deg);}} @-moz-keyframes rotation2{ 0%{-moz-transform: rotate(-360deg);} 100%{-moz-transform: rotate(0deg);}} .i_d6{ position:relative;} .i_d6_box{ position:relative;} .i_d6_box_l{ position:absolute; right:50%; top:0; min-width:600px; padding:0 50px; max-width:800px; box-sizing:border-box; width:50%;} .i_d6_c{ float:right; width:71%;} .i_d6_c_list li{ border:#d4d4d4 1px solid; box-sizing:border-box; padding:45px 45px 45px 45px; position:relative;} .i_d6_c_list li .img{ position: relative; padding: 35% 0; overflow:hidden; box-sizing:border-box; background:#000; } .i_d6_c_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .i_d6_c_list li .txt{ height:220px;} .i_d6_c_list li .txt .txt1{ padding-top:30px; font-size:20px; color:#333333; line-height:30px; transition:all 0.3s;} .i_d6_c_list li .txt .txt2{ padding-top:20px; font-size:16px; color:#333333; line-height:25px;} .i_d6_c_list li .txt .txt3{ position:absolute; right:45px; bottom:15px; font-size:16px; color:#666; line-height:25px;} .i_d6_c_list li .txt .txt2 *{ line-height:25px;} .i_d6_c_list li:hover .txt .txt1{color:#ec6200;} .i_d6_nav{ position:absolute; right:50%; bottom:120px; min-width:600px; padding:0 50px; max-width:800px; box-sizing:border-box; width:50%;} .i_d6_nav .i_d6_prev{ float:left; width:64px; height:64px; background:url(../images/i_d6_l_ico.png) #fff center no-repeat; border:#ec6200 2px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .i_d6_nav .i_d6_prev:hover{ background:url(../images/i_d6_l_ico_on.png) #ec6200 center no-repeat;} .i_d6_nav .i_d6_next{ float:left; margin-left:14px; width:64px; height:64px; background:url(../images/i_d6_r_ico.png) #fff center no-repeat; border:#ec6200 2px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .i_d6_nav .i_d6_next:hover{ background:url(../images/i_d6_r_ico_on.png) #ec6200 center no-repeat;} .footer1{ background:#efefef;} .footer1_box{ position:relative; padding-left:180px; padding-right:324px; min-height:192px;} .footer_logo{ position:absolute; left:0; top:30px; height:88px;} .footer1_ewm_list{ position:absolute; right:0; top:30px;} .footer1_ewm_list li{ float:left; width:100px; margin-left:10px;} .footer1_ewm_list li:nth-child(1){ margin-left:0;} .footer1_ewm_list li img{ display:block; width:100%;} .footer1_ewm_list li .txt{ font-size:14px; color:#333; line-height:25px; text-align:center; margin-top:10px;} .footer1_nav{ padding-top:70px; text-align:center;} .footer1_nav a{ font-size:18px; color:#333; margin:0 20px;} .footer2{ background:#efefef; padding-top:30px; padding-bottom:30px; border-top:#ccc 1px solid;} .footer2_l{ float:left; width:calc(100% - 300px); font-size:16px; color:#666; line-height:30px;} .footer2_l a{ color:#666;} .footer2_r{ float:right; width:300px; text-align:right; font-size:16px; color:#666; line-height:30px;} .footer2_r a{ color:#666;} @media only screen and (max-width:1500px) { .i_d1_h40{ height:20px;} .i_d1_h50{ height:30px;} .i_d1_h60{ height:40px;} .i_d1_h70{ height:50px;} .i_d1_h80{ height:60px;} .i_d1_h100{ height:80px;} .i_d1_h120{ height:100px;} .i_d1_title .title1{ font-size:28px; line-height:30px;} .i_d1_title .title2{ font-size:20px; line-height:30px;} .i_d1_box_title{ font-size:30px; line-height:50px;} .i_d1_list2 li .box .ico_txt{ font-size:20px;} .i_d1_list2 li .txt{ font-size:30px;} .i_d1_list2 li .txt .animateNum{ font-size:60px;} .i_d2-container .li .box{ right:50px; bottom:204px;} .i_d2_nav{ right:50px; bottom:50px;} .i_d3_box .title{ font-size:40px; line-height:50px;} .i_d4_list li .txt{ padding:0 20px; font-size:20px; line-height:40px; height:40px;} .i_d6_c_list li{ border:#d4d4d4 1px solid; box-sizing:border-box; padding:20px;} .i_d6_c_list li .txt{ height:200px;} .i_d6_c_list li .txt .txt1{ padding-top:20px; font-size:18px;} .i_d6_c_list li .txt .txt2{ padding-top:20px; font-size:14px;} .i_d6_c_list li .txt .txt3{ right:20px;} .i_d6_nav{ bottom:100px;} .footer1_nav a{ font-size:16px; color:#333; margin:0 10px;} } /*关于我们*/ .n_banner_c{ position:relative;} .n_banner{ display:block; width:100%; /*height:500px; object-fit: cover;*/} .n_nav_c{ border-bottom:#d9d9d9 1px solid; line-height:70px; height:70px;} .n_nav_c .n_nav_list{ line-height:70px; text-align:center; font-size:20px; color:#333333;} .n_nav_c .n_nav_list a{ display:inline-block; width:16%; height:70px; line-height:70px; text-align:center; font-size:20px; color:#333333; position:relative; transition:all 0.3s;} .n_nav_c .n_nav_list a:after{content: "";width:0; height: 3px; margin-left:0px; position: absolute; left: 50%; bottom:-1px; background:#ec6200; transition:all 0.3s;} .n_nav_c .n_nav_list a:hover, .n_nav_c .n_nav_list a.on{ color:#ed6914;} .n_nav_c .n_nav_list a:hover:after, .n_nav_c .n_nav_list a.on:after{ width:38px; margin-left:-19px;} .ab_d1_l{ float:left; width:51%;} .ab_d1_title{ font-size:34px; color:#000000; font-weight:bold; line-height:80px; position:relative;} .ab_d1_title:after{content: ""; position:absolute; left:0; bottom:0; width:28px; height: 3px; background:#ec6200;} .ab_d1_txt{ margin-top:40px; font-size:16px; color:#666666; line-height:30px;} .ab_d1_txt *{ line-height:30px;} .ab_d1_r{ float:right; width:45%; position:relative; text-align:right; padding-top:80px;} .ab_d1_r .ab_d1_img2{ position:absolute; right:0; bottom:0; width:498px; height:330px; object-fit: cover; z-index:1; max-width:90%;} .ab_d1_r .ab_d1_img1{ position:absolute; left:0; top:0; width:309px; height:417px; object-fit: cover; z-index:2; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);} .ab_d1_r .ab_d1_imgn1{ max-width:100%;} .ab_d2{ background:url(../images/ab_d2_bg.jpg) center no-repeat; background-size:cover; height:402px;} .ab_d2_list{ width:1200px; margin:0 auto;} .ab_d2_list li{ float:left; width:25%; height:147px; border-left:#fff 1px solid; box-sizing:border-box;} .ab_d2_list li:nth-child(1){ border-left:0;} .ab_d2_list li .txt1{ font-size:50px; color:#ffffff; text-align:center; line-height:65px; padding-top:20px;} .ab_d2_list li .txt1 .txt1_sz{ display:inline-block; line-height:65px; position:relative;} .ab_d2_list li .txt1 .txt1_sz{ display:inline-block; line-height:65px; position:relative;} .ab_d2_list li .txt1 .txt1_sz .dw{ position:absolute; left:100%; top:7px; line-height:30px; font-size:18px; color:#ffffff; padding-left:10px; width:80px; text-align:left;} .ab_d2_list li .txt2{ font-size:18px; color:#ffffff; text-align:center; line-height:30px;} .ab_d3{ background:#efefef;} .ab_d3_title{ font-size:34px; color:#000000; font-weight:bold; line-height:80px; text-align:center; position:relative;} .ab_d3_title:after{content: ""; position:absolute; left:50%; bottom:0; width:28px; height: 3px; background:#ec6200; margin-left:-14px;} .ab_d3_c_list li{ overflow:hidden; border-radius:10px;} .ab_d3_c_list li .img{ position: relative; padding: 77.5% 0; overflow:hidden; box-sizing:border-box; } .ab_d3_c_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .ab_d3_c_list li .txt{ padding:25px; background:#fff;} .ab_d3_c_list li .txt .txt_c{ font-size:24px; color:#000000; line-height:30px; height:60px; overflow:hidden;} .ab_d4_c{ position:relative;} .ab_d4_l{ float:left; width:28.8%; padding-top:60px;} .ab_d4_l .ico{ line-height:100px;} .ab_d4_l .title{ font-size:44px; color:#ed6914; line-height:50px; font-weight:bold; padding-top:30px; padding-bottom:30px; border-bottom:#ccc 1px solid;} .ab_d4_l .txt{ font-size:22px; color:#999999; line-height:40px; margin-top:30px;} .ab_d4_r{ float:right; width:64.4%;} .ab_d4_r .img{ position: relative; padding: 32% 0; overflow:hidden; box-sizing:border-box; } .ab_d4_r .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .ab_d4_c_prev{ position:absolute; left:0; bottom:60px; width:60px; height:30px; background:url(../images/ab_d4_l_ico.png) #fff center no-repeat; border:#999999 1px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .ab_d4_c_prev:hover{ background:url(../images/ab_d4_l_ico_on.png) #ed6914 center no-repeat; border:#ed6914 1px solid;} .ab_d4_c_next{ position:absolute; left:94px; bottom:60px; width:60px; height:30px; background:url(../images/ab_d4_r_ico.png) #fff center no-repeat; border:#999999 1px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .ab_d4_c_next:hover{ background:url(../images/ab_d4_r_ico_on.png) #ed6914 center no-repeat; border:#ed6914 1px solid;} .ab_d5_img{ width:100%;} .ab_d5_img{ position: relative; padding: 20% 0; overflow:hidden; box-sizing:border-box; width:100%; } .ab_d5_img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .ab_d5_box{ background:rgba(255,255,255,0.9); box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); position:relative; margin-top:-156px;} .ab_d5_box_title{ font-size:50px; color:#ec6200; line-height:60px; text-align:center;} .ab_d5_box_txt{ font-size:28px; color:#333333; line-height:40px; text-align:center; margin-top:15px;} .ab_d5_box_txt *{ line-height:40px;} .ab_d5_list{ width:1200px; margin:0 auto; max-width:100%;} .ab_d5_list li{ float:left; width:25%; border-left:#fff 1px solid; box-sizing:border-box;} .ab_d5_list li:nth-child(1){ border-left:0;} .ab_d5_list li .txt1{ font-size:60px; color:#ec6200; font-weight:bold; text-align:center; line-height:65px; padding-top:20px;} .ab_d5_list li .txt1 .txt1_sz{ display:inline-block; line-height:65px; position:relative;} .ab_d5_list li .txt1 .txt1_sz{ display:inline-block; line-height:65px; position:relative;} .ab_d5_list li .txt1 .txt1_sz .dw{ position:absolute; left:100%; top:7px; line-height:30px; font-size:22px; color:#666666; font-weight:normal; padding-left:10px; width:80px; text-align:left;} .ab_d5_list li .txt2{ font-size:18px; color:#666666; text-align:center; line-height:30px;} .fzlc_box{ position:relative;} .fzlc_box:before { content: ""; position: absolute; left: 50%; top:0; width: 1px; height: 100%; background: #cccccc;} .fzlc_list{ width:498px;} .fzlc_list li{ margin-top:80px;} .fzlc_list li:nth-child(1){ margin-top:0;} .fzlc_list li .fzlc_img{ width:498px;} .fzlc_list li .title{ font-size:28px; color:#ed6914; line-height:50px; text-align:center; margin-top:20px; position:relative;} .fzlc_list li .txt{ font-size:16px; color:#666666; line-height:30px; min-height:200px;} .fzlc_list1{ float:left; /*text-align:right;*/} .fzlc_list1 li .title:after { content: ""; position: absolute; left: 600px; top:15px; width: 20px; height:20px; background:#ec6200; border-radius:50%; margin-left:-10px;} .fzlc_list2{ float:right; text-align:left; padding-top:185px;} .fzlc_list2 li .title:after { content: ""; position: absolute; right: 600px; top:15px; width: 20px; height:20px; background:#ec6200; border-radius:50%; margin-right:-10px;} /*新闻列表页*/ .news_list li{ float:left; width:30%; margin-left:5%; margin-top:70px;} .news_list li:nth-child(3n+1){ margin-left:0;} .news_list li:nth-child(1), .news_list li:nth-child(2), .news_list li:nth-child(3){ margin-top:0;} .news_list li .img { position: relative; padding: 34% 0; overflow:hidden; box-sizing:border-box; border-radius:10px; overflow:hidden; } .news_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.6s; background:#fff; } .news_list li .txt1{ font-size:20px; color:#000000; font-weight:bold; line-height:40px; margin-top:25px; transition:all 0.3s;} .news_list li .txt2{ font-size:16px; color:#000000; line-height:25px; height:50px; overflow:hidden; margin-top:10px;} .news_list li:hover .txt1{ color:#ec6200;} .news_list li:hover .fd img{transform: scale(1.05)} /*新闻详情页*/ .news_i_title1{ font-size:20px; color:#222222; line-height:40px; text-align:center; font-weight:bold;} .news_i_title2{ font-size:14px; color:#999999; line-height:40px; text-align:center; padding-bottom:10px; border-bottom:#f1f1f1 1px solid;} .news_i_more{ border-top:#efefef 1px solid; margin-top:50px; padding-top:20px; position:relative;} .news_i_more .li{ position:relative; padding-left:98px; height:33px; line-height:33px; font-size:18px; color:#999999; margin-top:20px;} .news_i_more .li a{ font-size:18px; color:#999999; transition:all 0.3s;} .news_i_more .li a:hover{ color:#333333;} .news_i_more .li a .ico1{ position:absolute; left:0; top:0; width:75px; height:31px; border:#222222 1px solid; background:url(../images/news_i_more_ico1.png) center no-repeat; transition:all 0.3s;} .news_i_more .li a:hover .ico1{ border:#ec6200 1px solid; background:url(../images/news_i_more_ico1_on.png) #ec6200 center no-repeat;} .news_i_more .li a .ico2{ position:absolute; left:0; top:0; width:75px; height:31px; border:#222222 1px solid; background:url(../images/news_i_more_ico2.png) center no-repeat; transition:all 0.3s;} .news_i_more .li a:hover .ico2{ border:#ec6200 1px solid; background:url(../images/news_i_more_ico2_on.png) #ec6200 center no-repeat;} a.news_i_more_back{ position:absolute; right:0; top:40px; display:block; height:33px; line-height:33px; font-size:18px; color:#222222;} /*荣誉证书*/ .honor_c{ background:#f5f5f5;} .honor_list li{ float:left; width:24%; margin-left:1.33%; margin-top:50px; padding:15px; box-sizing:border-box; background:#fff; position:relative; overflow:hidden;} .honor_list li:nth-child(4n+1){ margin-left:0;} .honor_list li:nth-child(1), .honor_list li:nth-child(2), .honor_list li:nth-child(3), .honor_list li:nth-child(4){ margin-top:0;} .honor_list li .img { position: relative; padding: 50% 0; overflow:hidden; box-sizing:border-box; overflow:hidden; } .honor_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: contain; transition: all 0.6s; } .honor_list li .mb{ position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.6); transition:all 0.3s;} .honor_list li .mb .mb_box{ position:absolute; left:0; top:50%; width:100%; transform:translate(0,-50%);} .honor_list li .mb .mb_box .title{ padding:0 10px; font-size:14px; color:#fffefe; line-height:30px; text-align:center;} .honor_list li .mb .mb_box .ico{ text-align:center; margin-top:10px;} .honor_list li:hover .mb{ top:0;} /*企业文化*/ .qywh_d1{ padding-bottom:10px;} .qywh_d1_img img { display:block; width:100%;} .qywh_d1_box{ background:rgba(255,255,255,0.9); box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); position:relative; width:1300px; max-width:100%; margin:0 auto; margin-top:-148px; box-sizing:border-box; padding:0 8%;} .qywh_d1_l{ float:left; width:55%;} .qywh_d1_l_title1{ margin-top:30px; font-size:26px; color:#333333; line-height:40px; font-weight:bold;} .qywh_d1_l_title1 span{ font-size:44px; color:#ed6914; font-weight:bold; margin-right:10px;} .qywh_d1_l_title2{ padding-top:30px; font-size:40px; color:#e5e5e5; font-weight:bold; text-transform:uppercase; line-height:40px;} .qywh_d1_r{ position:absolute; right:8%; top:50%; width:35%; transform:translate(0,-50%); font-size:18px; color:#666666; line-height:30px;} .qywh_d2_list li{ float:left; width:25%; position:relative; cursor:pointer;} .qywh_d2_list li .img { position: relative; padding: 65% 0; overflow:hidden; box-sizing:border-box; overflow:hidden; background:#000; } .qywh_d2_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.6s; opacity:0.5; } .qywh_d2_list li .box{ position:absolute; left:0; top:50%; width:100%; transform:translate(0,-50%);} .qywh_d2_list li .box .title{ font-size:26px; color:#fff; line-height:40px; text-align:center; font-weight:bold;} .qywh_d2_list li .box .title span{ color:#ec6200;} .qywh_d2_list li .box .txt{ font-size:18px; color:#ffffff; line-height:30px; text-align:center; margin-top:20px; height:120px; padding:0 20%; box-sizing:border-box;} .qywh_d2_list li .box .txt *{ line-height:30px;} .qywh_d2_list li .box .ico{ text-align:center; line-height:80px;} .qywh_d2_list li:hover .img img { opacity:0.8;} /*企业视频*/ .video_c{ background:#efefef;} .video_list li{ float:left; width:24%; margin-left:1.33%; margin-top:40px; overflow:hidden; border-radius:10px;} .video_list li:nth-child(4n+1){ margin-left:0;} .video_list li:nth-child(1), .video_list li:nth-child(2), .video_list li:nth-child(3), .video_list li:nth-child(4){ margin-top:0;} .video_list li .img{ position: relative; padding: 77.5% 0; overflow:hidden; box-sizing:border-box; } .video_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .video_list li .txt{ padding:25px; background:#fff;} .video_list li .txt .txt_c{ font-size:24px; color:#000000; line-height:30px; height:60px; overflow:hidden; transition:all 0.3s;} .video_list li:hover .txt .txt_c{ color:#ec6200;} /*项目案例*/ .case_nav_c{ padding-top:40px; padding-bottom:60px;} .case_nav_c .case_nav_list{ line-height:46px; text-align:center; font-size:22px; color:#333333;} .case_nav_c .case_nav_list a{ display:inline-block; width:12%; margin:0 2%; height:46px; line-height:46px; text-align:center; font-size:20px; color:#333333; background:#efefef; position:relative; transition:all 0.3s;} .case_nav_c .case_nav_list a:hover, .case_nav_c .case_nav_list a.on{ color:#fff; background:#cf6116;} .case_d1{ background:#f2f2f2;} .case_list li{ float:left; width:32%; margin-left:2%; margin-top:40px;} .case_list li:nth-child(3n+1){ margin-left:0;} .case_list li:nth-child(1), .case_list li:nth-child(2), .case_list li:nth-child(3){ margin-top:0;} .case_list li .img{ position: relative; padding: 36.35% 0; overflow:hidden; box-sizing:border-box; } .case_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .case_list li .txt{ font-size:20px; color:#cf6116; line-height:50px; text-align:center;} /*联系我们*/ .lianxi_d1{ background:url(../images/lianxi_bg.jpg) top center no-repeat; background-size:cover;} .lianxi_title{ font-size:38px; color:#ffffff; line-height:50px; text-align:center; font-weight:bold;} .lianxi_list li{ float:left; width:46%; margin-left:8%; margin-top:30px; background:rgba(255,255,255,0.8); box-sizing:border-box; padding:20px 60px;} .lianxi_list li:nth-child(2n+1){ margin-left:0;} .lianxi_list li:nth-child(1), .lianxi_list li:nth-child(2){ margin-top:0;} .lianxi_list li .title{ font-size:30px; color:#ec6200; line-height:50px;} .lianxi_list li .lianxi_box{ margin-top:30px; position:relative; padding-left:90px;} .lianxi_list li .lianxi_box .ico{ position:absolute; left:0; top:5px; width:60px; height:60px; border:#ec6200 1px solid; border-radius:50%; text-align:center; line-height:60px;} .lianxi_list li .lianxi_box .title{ font-size:24px; color:#ec6200; line-height:35px;} .lianxi_list li .lianxi_box .txt{ font-size:20px; color:#666666; line-height:35px; height:70px; max-height:70px !important; overflow:hidden;} .lianxi_list li .lianxi_box .txt *{ line-height:35px;} .lianxi_d2{ background:#f3f1f1;} .lianxi_d2_title{ font-size:40px; color:#ec6200; font-weight:bold; line-height:90px; text-align:center; position:relative;} .lianxi_d2_title:after{content: ""; position:absolute; left:50%; bottom:0; width:28px; height: 3px; background:#ec6200; margin-left:-14px;} .join_d8_list li{ float:left; width:22%; margin-left:4%; height:56px; position:relative;} .join_d8_list li:nth-child(4n+1){ margin-left:0;} .join_d8_list li .xin{ position:absolute; right:-20px; top:10px; width:20px; height:46px; line-height:46px; font-size:18px; color:#ff0000; text-align:center;} .jm_inp{ display:block; width:100%; height:56px; box-sizing:border-box; padding:0 15px; border:0; outline:none; font-size:18px; border:#ccc 1px solid;} .jm_sel{ display:block; width:100%; height:56px; box-sizing:border-box; padding:0 15px; border:0; outline:none; font-size:18px; border:#ccc 1px solid;} .jm_textarea{ display:block; width:100%; height:142px; padding:13px 15px; line-height:30px; font-size:18px; font-family:"微软雅黑"; outline:none; border:0; box-sizing:border-box; border:#ccc 1px solid;} .jm_bt{ display:block; width:270px; height:52px; background:#ec6200; margin:0 auto; border:0; font-size:18px; color:#ffffff; line-height:52px; text-align:center; cursor:pointer;} .lianxi2_d1{ background:url(../images/lianxi2_d1_bg.jpg) top center no-repeat; background-size:cover; padding-top:165px; padding-bottom:230px;} .lianxi2_d1_box{ background:rgba(255,255,255,0.9); padding:40px;} .lianxi2_d1_box_l{ float:left; width:36%;} .lianxi2_d1_box_l_title{ font-size:30px; color:#ec6200; font-weight:bold; line-height:50px; padding-bottom:25px; margin-bottom:25px; border-bottom:#ec6200 1px dashed;} .lianxi2_d1_list li{ padding-left:40px; position:relative; line-height:25px; min-height:25px; font-size:18px; color:#333; margin-bottom:25px;} .lianxi2_d1_list li .ico{ position:absolute; left:0px; top:0;} .lianxi2_d1_ewm{ width:130px; margin-left:40px; text-align:center;} .lianxi2_d1_ewm img{ width:122px;} .lianxi2_d1_ewm .txt{ font-size:14px; color:#222222; line-height:25px; margin-top:10px;} /*服务于支持*/ .fw_d1_c{ position:relative;} .fw_d1_r{ float:right; width:36%; padding-top:60px;} .fw_d1_r .ico{ line-height:100px;} .fw_d1_r .title{ font-size:44px; color:#ed6914; line-height:50px; font-weight:bold; padding-top:30px; padding-bottom:30px; border-bottom:#ccc 1px solid;} .fw_d1_r .txt{ font-size:22px; color:#999999; line-height:40px; margin-top:30px;} .fw_d1_l{ float:left; width:56.73%;} .fw_d1_l .img{ position: relative; padding: 32% 0; overflow:hidden; box-sizing:border-box; } .fw_d1_l .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .fw_d1_c_prev{ position:absolute; left:64%; bottom:60px; width:60px; height:30px; background:url(../images/ab_d4_l_ico.png) #fff center no-repeat; border:#999999 1px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .fw_d1_c_prev:hover{ background:url(../images/ab_d4_l_ico_on.png) #ed6914 center no-repeat; border:#ed6914 1px solid;} .fw_d1_c_next{ position:absolute; left:calc(64% + 94px); bottom:60px; width:60px; height:30px; background:url(../images/ab_d4_r_ico.png) #fff center no-repeat; border:#999999 1px solid; z-index:5; cursor:pointer; transition:all 0.3s;} .fw_d1_c_next:hover{ background:url(../images/ab_d4_r_ico_on.png) #ed6914 center no-repeat; border:#ed6914 1px solid;} .fw_d2{ background:url(../images/fw_d2_bg.jpg) center no-repeat; background-size:cover; min-height:585px;} .fw_d2_list li{ float:left; width:46%; margin-left:8%; margin-top:30px; background:#fff; box-sizing:border-box; padding:16px 22px;} .fw_d2_list li:nth-child(2n+1){ margin-left:0;} .fw_d2_list li:nth-child(1), .fw_d2_list li:nth-child(2){ margin-top:0;} .fw_d2_list li .ico{ float:left; width:121px; height:121px;} .fw_d2_list li .txt{ float:right; width:calc(100% - 151px); font-size:28px; color:#333333; line-height:121px;} .fw_d3_img img{ display:block; width:100%;} .fw_d3_box{ background:rgba(255,255,255,0.9); box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); position:relative; margin-top:-230px;} .fw_d3_box_title{ font-size:50px; color:#ec6200; line-height:60px; text-align:center;} .fw_d3_box_txt{ width:960px; margin:0 auto; font-size:24px; color:#333333; line-height:50px; text-align:center; margin-top:15px;} .fw_d3_box_txt *{ line-height:50px;} /*产品于解决方案*/ .p_nav_list{ background:#043d94; position:relative; top:-28px;} .p_nav_list li{ float:left; width:25%;} .p_nav_list li a{ display:block; width:100%; height:100px; line-height:100px; font-size:20px; color:#ffffff; text-align:center; transition:all 0.3s;} .p_nav_list li a .ico{ position:relative; top:-2px; margin-right:5px;} .p_nav_list li:hover a, .p_nav_list li.on a{ background:#ec6200;} .p_list li{ position:relative; margin-top:80px;} .p_list li:nth-child(1){ margin-top:0;} .p_list .img{ position: relative; padding: 21.83% 0; overflow:hidden; box-sizing:border-box; } .p_list .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .p_list li .mb{ background:url(../images/p_s_mb.png) left center no-repeat; position:absolute; left:0; top:0; width:100%; height:100%;} .p_list li .mb .mb_box{ position:absolute; left:84px; top:50%; transform:translate(0,-50%);} .p_list li .mb .mb_box .txt1{ font-size:48px; color:#ffffff; line-height:70px;} .p_list li .mb .mb_box .txt2{ font-size:20px; color:#ffffff; line-height:40px;} .p_list li .mb .mb_box a.more{ display:block; width:154px; height:50px; border:#ec6200 1px solid; background:#ec6200; line-height:50px; text-align:center; font-size:26px; color:#ffffff; margin-top:40px; transition:all 0.3s;} .p_list li .mb .mb_box a.more:hover{ background:#fff; color:#ec6200;} /*产品详情页*/ .p_i_d1_img{ display:block; width:100%;} .p_i_d1_img img{ display:block; width:100%;} .p_i_d1_box{ background:rgba(255,255,255,0.9); box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); position:relative; margin-top:-180px;} .p_i_d1_box_title{ font-size:50px; color:#ec6200; line-height:60px; text-align:center;} .p_i_d1_box_txt{ width:1050px; margin:0 auto; font-size:24px; color:#333333; line-height:50px; text-align:center; margin-top:15px;} .p_i_d1_box_txt *{ line-height:50px;} .p_i_d2_c{ position:relative;} .p_i_d2_r{ float:right; width:36%; padding-top:60px;} .p_i_d2_r .ico{ line-height:100px;} .p_i_d2_r .title{ font-size:44px; color:#ed6914; line-height:50px; font-weight:bold; padding-top:30px; padding-bottom:30px; border-bottom:#ccc 1px solid;} .p_i_d2_r .txt{ font-size:22px; color:#999999; line-height:40px; margin-top:30px;} .p_i_d2_r .txt *{ line-height:40px;} .p_i_d2_l{ float:left; width:56.73%;} .p_i_d2_l .img{ position: relative; padding: 32% 0; overflow:hidden; box-sizing:border-box; } .p_i_d2_l .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } /*网站地图*/ .sitemap { overflow: hidden; line-height: 30px; padding: 10px; border-bottom: 1px solid #ddd; } .sitemap dt { float: left; margin-right: 2%; width: 14.66666667%; } .sitemap dt a { display: block; text-align: center; background: #ececec; font-size: 14px; padding: 8px 0; font-weight: normal; } .sitemap dt a:hover { background: #ccc; color: #fff; } .sitemap dd { float: left; width: 83.333333%; } .sitemap dd a { float: left; color: #666; padding-right: 35px; line-height: 46px; transition: none; } .sitemap dd a:hover { color: #333; } /*网站标签*/ .txtcon.bgfff { padding-top: 30px; } .bgfff { padding: 15px 40px 50px; border: 1px solid #dddddd; background: #fff; } .tags_list { overflow: hidden; line-height: 30px; padding: 10px; border-bottom: 1px solid #ddd; } .tags_list dt { float: left; margin-right: 2%; margin-bottom: 2%; width: 14.66666667%; } .tags_list dt a { display: block; text-align: center; background: #ececec; font-size: 14px; padding: 8px 0; font-weight: normal; } .tags_list dt a:hover { background: #ccc; color: #fff; } .tags { overflow: hidden; margin-bottom: 20px; } .tags span { float: left; display: block; line-height: 40px; } .tags a { border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; line-height: 28px; padding: 0 6px; margin: 5px; background: #fff; border: 1px solid #dadada; } .tags a:hover { background: #2ca501; border-color: #2ca501; color: #fff; } /*服务与支持-全球全品牌*/ .qgqpp_d1_img img{ display:block; width:100%;} .qgqpp_d1_box{ background:rgba(255,255,255,0.9); box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); position:relative; margin-top:-230px;} .qgqpp_d1_box_title{ font-size:50px; color:#ec6200; line-height:60px; text-align:center;} .qgqpp_d1_box_txt{ width:960px; margin:0 auto; font-size:24px; color:#333333; line-height:50px; text-align:center; margin-top:15px;} .qgqpp_d1_box_txt *{ line-height:50px;} .qgqpp_d2{ background:#f7f7f7;} .qgqpp_d2_l{ float:left; width:48%;} .qgqpp_d2_title{ font-size:34px; color:#000000; font-weight:bold; line-height:80px; position:relative;} .qgqpp_d2_title:after{content: ""; position:absolute; left:0; bottom:0; width:28px; height: 3px; background:#ec6200;} .qgqpp_d2_txt{ margin-top:40px; font-size:16px; color:#666666; line-height:30px;} .qgqpp_d2_txt *{ line-height:30px;} .qgqpp_d2_r{ float:right; width:46%; position:relative; padding-top:20px;} .qgqpp_d2_r .qgqpp_d2_img{ display:block; width:100%;} .qgqpp2_d1{ background:url(../images/qgqpp2_d1_bg.jpg) center no-repeat; background-size:cover;} .qgqpp2_d1_t{ padding-left:200px; position:relative;} .qgqpp2_d1_t .txt1{ font-size:36px; color:#181818; line-height:40px;} .qgqpp2_d1_t .txt2{ font-size:24px; color:#181818; line-height:30px;} .qgqpp2_d1_t .no{ font-size:80px; color:#ec6200; font-weight:bold; line-height:70px; position:absolute; left:0; top:0px;} .qgqpp2_d1_img{ float:left; width:45%;} .qgqpp2_d1_r{ float:right; width:47%;} .qgqpp2_d1_title{ height:120px; position:relative;} .qgqpp2_d1_title .title1{ height:120px; line-height:120px; font-size:110px; color:#e7e7e7; font-weight:bold; text-transform:uppercase;} .qgqpp2_d1_title .title2{ position:absolute; left:0; top:0; height:120px; line-height:120px; font-size:38px; color:#181818; font-weight:bold;} .qgqpp2_d1_title:after{content: "";width:120px;height:4px; background:#ec6200; position: absolute; left:-150px; top:50%; margin-top:-2px;} .qgqpp2_d1_txt{ font-size:16px; color:#181818; line-height:30px;} .qgqpp2_d2{ background:url(../images/qgqpp2_d2_bg.jpg) bottom center no-repeat; background-size:cover; padding-top:100px; padding-bottom:100px;} .qgqpp2_d2_list li{ float:left; width:16.66%; position:relative;} .qgqpp2_d2_list li .txt1{ font-size:42px; color:#ec6200; font-weight:bold; line-height:60px; text-align:center;} .qgqpp2_d2_list li .txt2{ font-size:22px; color:#fff; line-height:40px; text-align:center;} .qgqpp2_d2_list li:after{ content: ""; position:absolute; right:0; top:50%; width:1px; height: 80px; background:#245297; margin-top:-40px;} /*产品中心*/ .p2_nav_c{ padding-top:40px; padding-bottom:60px;} .p2_nav_c .p2_nav_list{ line-height:46px; font-size:22px; color:#333333; text-align:center;} .p2_nav_c .p2_nav_list a{ display:inline-block; width:12%; margin:0 2%; height:46px; line-height:46px; text-align:center; font-size:20px; color:#333333; background:#efefef; position:relative; transition:all 0.3s; margin-top:20px;} .p2_nav_c .p2_nav_list a:nth-child(1), .p2_nav_c .p2_nav_list a:nth-child(2), .p2_nav_c .p2_nav_list a:nth-child(3), .p2_nav_c .p2_nav_list a:nth-child(4), .p2_nav_c .p2_nav_list a:nth-child(5), .p2_nav_c .p2_nav_list a:nth-child(6){ margin-top:0;} .p2_nav_c .p2_nav_list a:hover, .p2_nav_c .p2_nav_list a.on{ color:#fff; background:#cf6116;} .p2_list li{ float:left; width:29%; margin-left:6.5%; margin-top:70px; background:#efefef; overflow:hidden; border-radius:10px; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.3);} .p2_list li:nth-child(3n+1){ margin-left:0;} .p2_list li:nth-child(1), .p2_list li:nth-child(2), .p2_list li:nth-child(3){ margin-top:0;} .p2_list li .img{ position: relative; padding: 65% 0; overflow:hidden; box-sizing:border-box; } .p2_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.8s; background:#fff; opacity:1; } .p2_list li .txt{ font-size:18px; color:#666666; line-height:50px; text-align:center; transition:all 0.3s;} .p2_list li:hover img{transform: scale(1.05)} .p2_list li:hover .txt{ color:#ec6200;} /*产品详情页*/ .p2_i_d1{ background:#f3f1f1; padding:50px 0;} .p2_i_d1_l{ float:left; width:36%; margin-left:5%;} .p2_i_d1_l .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .p2_i_d1_l .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .p2_i_d1_l .swiper-slide { background-size: cover; background-position: center; } .mySwiper2 { height: 80%; width: 100%; } .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; } .mySwiper .swiper-slide { /*width: 25%; height: 100%;*/ /*opacity: 0.4;*/ } .mySwiper .swiper-slide-thumb-active { /*opacity: 1;*/ } .mySwiper .swiper-slide-thumb-active:after{content: ""; width:100%; height: 100%; position: absolute; left: 0; top:0px; box-sizing:border-box; border:#ec6200 2px solid;} .p2_i_d1_l .img { position: relative; width:100%; padding: 50% 0; overflow:hidden; box-sizing:border-box; /*box-shadow: 5px 10px 10px 0px rgba(10, 2, 5, 0.15);*/ } .p2_i_d1_l .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: contain; transition: all 0.6s; background:#fff; } .mySwiper_c{ position:relative;} .mySwiper_c .p_prev{ left:-30px; color:#aaa9a9; outline:none;} .mySwiper_c .p_next{ right:-30px; color:#aaa9a9; outline:none;} .mySwiper_c .p_prev:after, .mySwiper_c .p_next:after{ font-size:30px;} .p2_i_d1_r{ float:right; width:48%; margin-right:3%;} .p2_i_title1{ font-size:38px; color:#ec6200; font-weight:bold; line-height:60px;} .p2_i_txt1{ font-size:18px; color:#666666; line-height:30px; margin-top:30px; color:#666666;} .p2_i_d2_title{ font-size:30px; color:#ec6200; line-height:40px; text-align:center;} /*资料下载*/ .download_s{ width:428px; height:38px; border:#c1c1c1 1px solid; margin:0 auto;} .download_s_inp{ float:left; display:block; width:366px; height:38px; line-height:38px; box-sizing:border-box; padding:0 10px; border:0; outline:none;} .download_s_btn{ float:right; width:62px; height:38px; background:url(../images/download_ico1.png) #c1c1c1 center no-repeat; cursor:pointer; border:0;} .download_list li{ border-bottom:#d1d1d1 1px solid; height:45px; line-height:45px; margin-top:10px; position:relative; padding-right:100px; font-size:18px; color:#000000;} .download_list li a.download_xz{ display:block; position:absolute; right:0; top:0; font-size:16px; color:#000; padding-right:35px;} .download_list li a.download_xz:after{content: "";width:22px;height:24px; background:url(../images/download_ico2.png) center no-repeat; position: absolute; right:0px;top:50%; margin-top:-12px; transition:all 0.3s;} .download_list li a.download_xz:hover{ color:#ec6200;} .download_list li a.download_xz:hover:after{ background:url(../images/download_ico2_on.png) center no-repeat;} /*门店*/ .md_d1_title{ font-size:80px; color:#ec6200; line-height:50px; text-align:center; font-weight:bold;} .md_d1_content{ width:900px; margin:0 auto; text-align:center;} .md_list li{ float:left; width:32%; margin-left:2%; margin-top:30px;} .md_list li:nth-child(3n+1){ margin-left:0;} .md_list li .img { position: relative; padding: 28% 0; overflow:hidden; box-sizing:border-box; overflow:hidden; } .md_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.6s; background:#fff; } .md_list li .txt1{ background:#ec6200; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff;} /*招聘职位*/ .zp_list li{ background:#fff; height:65px; overflow:hidden; margin-top:10px;} .zp_list li:nth-child(1), .zp_list li:nth-child(2){ margin-top:0px;} .zp_list li .zp_xx_list{ background:#fff;} .zp_list li.bt .zp_xx_list{ background:#7e7e7e; color:#fff;} .zp_list li .zp_xx_list{ border:#d4d4d4 1px solid; box-sizing:border-box;} .zp_list li.bt .zp_xx_list{ border:#7e7e7e 1px solid;} .zp_list li .zp_xx_list .li{ float:left; width:15.5%; height:63px; line-height:63px; text-align:center; font-size:16px;} .zp_list li .zp_xx_list .li.cz{ float:right; width:5%;} .zp_list li .zp_xx_list .li .ico{ display:block; width:100%; height:63px; cursor:pointer; position:relative;} .zp_list li .zp_xx_list .li .ico:after{content: "详情";width:100%;height:63px; position: absolute; left:0; top:0; font-size:16px; color:#ec6200;} .zp_list li .zp_xx2{ padding:30px 0;} .zp_list li .zp_xx2 .zp_xx2_box{ float:left; width:50%; padding:0 3%; padding-bottom:30px; box-sizing:border-box;} .zp_xx2_box_bian{ border-right:#bfbfbf 1px solid; box-sizing:border-box;} .zp_list li .zp_xx2 .zp_xx2_box .title{ font-size:20px; color:#585858; line-height:40px;} .zp_list li .zp_xx2 .zp_xx2_box .box_txt{ font-size:18px; color:#585858; line-height:30px;} .zp_list li .zp_xx2 .zp_xx2_box2{ display:inline-block; background:#ec6200; height:44px; line-height:44px; font-size:18px; color:#fff; padding:0 20px; margin-left:3%;} .zp_list li .zp_xx2 .zp_xx2_box3{ display:inline-block; height:44px; line-height:44px; font-size:18px; color:#494949; margin-left:20px;} .zp_list li .zp_xx2 .zp_xx2_box2 a.ljsq_bt{ display:inline-block; width:164px; height:44px; line-height:44px; text-align:center; background:#c3d72b; color:#fff; margin-right:20px;} .zp_list li.on{ height:auto;} .zp_list li.on .zp_xx_list{ border:#ec6200 1px solid; background:#ec6200; color:#fff;} .zp_list li.on .zp_xx_list .li .ico{} .zp_list li.on .zp_xx_list .li .ico:after{content: "收起"; color:#ffb580;} .zp_d2_list{ padding:40px 30px; border:#c5c5c5 1px solid;} .zp_d2_list li{ float:left; width:16.66%; box-sizing:border-box; line-height:47px; position:relative; font-size:20px; color:#3c3c3c; text-align:center;} .zp_d2_list li .ico{ position:relative; top:-2px; margin-right:10px;} /*产品解决方案*/ .cpfa_nav_list li{ float:left; width:16%; height:72px; margin-left:5%; position:relative;} .cpfa_nav_list li:nth-child(5n+1){ margin-left:0px;} .cpfa_nav_list li a{ display:block; width:100%; height:72px; border:#bbbbbb 1px solid; font-size:24px; color:#282828; line-height:70px; text-align:center; transition:all 0.3s;} .cpfa_nav_list li.on a, .cpfa_nav_list li:hover a{ border:#eb6100 1px solid; background:#eb6100; color:#fff;} .cpfa_nav_list li:after{content:"";display:block;width:18px;height:2px;background:#bbbbbb;position:absolute;top:50%;left:-19%; margin-top:-1px;} .cpfa_nav_list li:nth-child(5n+1):after{ display:none;} .cpfa_p_c{ position:relative;} .cpfa_p_c_list li .box{ border:#d6d6d6 1px solid; box-sizing:border-box; padding:6%;} .cpfa_p_c_list li .img{ width:100%;} .cpfa_p_c_list li .img { position: relative; padding: 90% 0; overflow:hidden; box-sizing:border-box; } .cpfa_p_c_list li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all 0.6s; background:#fff; object-fit: contain; } .cpfa_p_c_list li .txt{ height:50px; line-height:50px; font-size:20px; color:#0c0c0c; text-align:center; transition:all 0.3s;} .cpfa_p_c_list li:hover .txt{ color:#eb6100;} .cpfa_p-pagination{ width:100%; text-align:center; z-index:2;} .cpfa_p-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#9e9c9b; border-radius:50%; opacity:1; margin:0 5px; transition:all 0.3s;} .cpfa_p-pagination .swiper-pagination-bullet-active{ background:#ec6200;} .cpfa_p_c .cpfa_p_c_prev{ position:absolute; right:50%; bottom:0; margin-right:50px; margin-bottom:12px; width:40px; height:40px; border:#999999 1px solid; z-index:99; cursor:pointer; font-family:"宋体"; font-size:20px; text-align:center; line-height:40px; text-align:center; transition:all 0.3s;} .cpfa_p_c .cpfa_p_c_prev:hover{ border:#ec6200 1px solid; color:#ec6200;} .cpfa_p_c .cpfa_p_c_next{ position:absolute; left:50%; bottom:0; margin-left:50px; margin-bottom:12px; width:40px; height:40px; border:#999999 1px solid; z-index:99; cursor:pointer; font-family:"宋体"; font-size:20px; text-align:center; line-height:40px; text-align:center; transition:all 0.3s;} .cpfa_p_c .cpfa_p_c_next:hover{ border:#ec6200 1px solid; color:#ec6200;} .cpfa_p_box{ overflow:hidden;} .cpfa_p_box .big_img{ margin-left:-14%; margin-right:14%; max-width:128%;} @media only screen and (max-width:1500px) { .ab_d1_r{ padding-top:160px;} .ab_d3_c_list li .txt .txt_c{ font-size:18px;} .ab_d4_l{ padding-top:30px;} .ab_d4_l .ico{ line-height:80px;} .ab_d4_l .ico img{ height:60px;} .ab_d4_l .title{ font-size:30px; line-height:30px; padding-top:20px; padding-bottom:20px;} .ab_d4_l .txt{ font-size:18px; color:#999999; line-height:30px; margin-top:20px;} .ab_d4_c_prev{ bottom:40px;} .ab_d4_c_next{ bottom:40px;} .ab_d5_box_title{ font-size:40px; line-height:50px;} .ab_d5_box_txt{ font-size:24px;} .ab_d5_list li .txt1{ font-size:50px;} .video_list li .txt .txt_c{ font-size:18px;} .case_nav_c .case_nav_list a{ font-size:18px;} .fw_d1_r{ padding-top:30px;} .fw_d1_r .ico{ line-height:80px;} .fw_d1_r .ico img{ height:60px;} .fw_d1_r .title{ font-size:30px; line-height:30px; padding-top:20px; padding-bottom:20px;} .fw_d1_r .txt{ font-size:18px; color:#999999; line-height:30px; margin-top:20px;} .fw_d1_c_prev{ bottom:40px;} .fw_d1_c_next{ bottom:40px;} .fw_d2_list li .txt{ font-size:24px;} .fw_d3_box_title{ font-size:40px; line-height:50px;} .fw_d3_box_txt{ font-size:24px;} .p_list li{ margin-top:60px;} .p_list li .mb .mb_box .txt1{ font-size:36px;} .p_list li .mb .mb_box .txt2{ font-size:18px;} .p_list li .mb .mb_box a.more{ font-size:22px;} .p_i_d1_box_title{ font-size:40px; line-height:50px;} .p_i_d1_box_txt{ font-size:24px;} .p_i_d2_r{ padding-top:30px;} .p_i_d2_r .ico{ line-height:80px;} .p_i_d2_r .ico img{ height:60px;} .p_i_d2_r .title{ font-size:30px; line-height:30px; padding-top:20px; padding-bottom:20px;} .p_i_d2_r .txt{ font-size:18px; color:#999999; line-height:30px; margin-top:20px;} .ab_d3_title{ font-size:28px;} .fw_d2_list li .ico{ float:left; width:100px; height:100px;} .fw_d2_list li .txt{ float:right; width:calc(100% - 130px); font-size:24px; color:#333333; line-height:100px;} .cpfa_nav_list li a{ font-size:20px;} }