input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; -webkit-tap-highlight-color: transparent; outline: none;} a:hover{ text-decoration:none; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} *{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none;} /* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/ li{ list-style:none;} .clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} .clear{zoom: 1;}/* 触发 hasLayout */ img{ vertical-align: middle;} input:focus{ outline: none;}/*去除按钮选中的高亮标签*/ textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/ button:focus{ outline: none;}/*去除按钮选中的高亮标签*/ select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/ img{vertical-align: middle;} div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;} input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;} input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} textarea::-webkit-input-placeholder{color:#999999; font-size:15px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"} .search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;} .search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;} video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .mo_down{ height:0px; overflow:hidden} .mo_down.on{ height:auto;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .fl{ float:left;} .fr{ float:right;} /*渐变从左向右*/ .jianbian2{ height: 200px; background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */ } /*黑白照片*/ .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .gray:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } /*圆角5px*/ .radius5{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*圆角10px*/ .radius10{ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } /*图片变大*/ .tra{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .tra:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } /*透明度50%*/ .opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;} .shadow1{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; } .shadow2{transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow2:hover{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } /*投影*/ .shadow5{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7{ transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7:hover{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow1_1{ -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow5:hover{ -webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow8{ -webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; box-shadow:rgba(0,0,0,0.05) 5px 5px 5px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .shadow6{ -webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; box-shadow:rgba(0,0,0,0.3) 5px 5px 60px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } /*投影*/ .shadow10{ -webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; } /*图片居中*/ .center{ -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: star; } /*图片居中2*/ .vertical{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center; /* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -ms-flex-align:center; -moz-box-pack:center; /* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center; } /*图片翻转*/ .flip{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .flip:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; cursor:pointer; } .noscroll{ overflow: hidden; } .bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto} .quan{ width: 100%;} .mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;} .mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2); display:flex; align-items:center; justify-content: space-between;} .mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;} .mo_top .mot .molo img{ height:30px;} .mo_top .mot .mot_right{ display:flex; align-items:center;} .mo_top .mot .mot_right dd{ margin-right: 5px;} .mo_top .mot .mot_right dd a i{ font-size:26px; color:#004a91;} .mo_top .mot .mot_right dt{ position:relative; width:35px; height:35px;} .mo_top .mot .mot_right dt .cd-nav-trigger{ top:0; right:0;} .banner{ overflow: hidden; z-index: 1; width: 100%; height: 100vh;} .pc_index .banner{ position:fixed;} .banner .banner_content{ position: relative;} .banner .slider .item{ display:inline-block; position: relative;} .banner .slick-dots li button:before{ display:none;} .banner .slick-dots li.slick-active button{ background:#fff;} .banner .slick-dots li{ width:41px; height:2px; margin: 0px 8px;} .banner .slick-dots li button{ width:100%; background:rgba(255,255,255,.4); padding:0px; height:100%;} .banner .slick-dots{ bottom:4%;} .banner .content_list_img img{ width: 100%; object-fit: cover;} .slick-animation .slick-center .bannertop{ opacity: 0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; position: relative;} .slick-animation .slick-center .top1.on{ bottom: 0; transition-delay: 0.1s; opacity: 1;} .slick-animation .slick-center .top2.on{ bottom: 0; transition-delay: 0.2s; opacity: 1;} .slick-animation .slick-center .top3.on{ bottom: 0; transition-delay: 0.3s; opacity: 1;} .slick-animation .slick-center .top1{ bottom: -50px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .slick-animation .slick-center .top2{ bottom: -85px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .slick-animation .slick-center .top3{ bottom: -120px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .banner{ overflow:hidden;} .banner .slider .banner_mdx2{ background:#035fa3; position:relative; display:flex; align-items:center; justify-content:center;} .banner .slider .banner_mdx2 .banner_mdx2_content{ display:none; align-items:center; justify-content:space-between; width:1705px; margin:0 auto;} .banner .slider .banner_mdx2.slick-active .banner_mdx2_content{ display:flex;} .banner .slider .banner_mdx2 .banner_mdx2_left{ width:41%;} .banner .slider .banner_mdx2 .banner_mdx2_left img{ max-width:100%;} .banner .slider .banner_mdx2 .banner_mdx2_left .mdx2_left_dd{ margin-bottom:40px;} .banner .slider .banner_mdx2 .banner_mdx2_right{ width:58%; text-align:right;} .banner .slider .banner_mdx2 .banner_mdx2_right img{ max-width:100%; border:6px solid #000000; border-radius:10px;} .banner .slider .banner_mdx2 .banner_mdx2_logo{ position:absolute; bottom:13%; width:100%; text-align:center;} .pc_all{ position: relative; z-index: 3;} .pc_all .pc_all_content{ max-width: 1705px; margin: 0 auto;} .JiJin1{ padding: 90px 0px; background: #fff; position: relative; z-index: 3;} .JiJin1 .JiJin1_title{ text-align: center; margin-bottom: 60px;} .JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 40px; color: #333333; margin-bottom: 20px; letter-spacing: .2em;} .JiJin1 .JiJin1_title .JiJin1_title_dt{ font-size: 16px; color: #888888;} .JiJin1 .JiJin1_content{ display: flex;} .JiJin1 .JiJin1_content .JiJin1_content_list{ width: 50%;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ background: url(../image/bg1.jpg) no-repeat 50%/cover;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list:last-child .content_list_top{ background: url(../image/bg2.jpg) no-repeat 50%/cover;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 460px; position: relative;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_p{ position: absolute; right: 0; top: 0; right: 10%; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 32px; color: #fff; position: relative; margin-bottom: 44px; padding-bottom: 33px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title::before{ content: ""; display: inline-block; width: 55px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p{ font-size: 18px; color: #fff; display: flex; align-items: center; margin-bottom: 18px;transition: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #0ccc00; margin-right: 10px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p:last-child{ margin-bottom: 0px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p:hover{ color: #0ccc00;transition: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom { display: flex; flex-wrap: wrap;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li{ width: 50%; height: 198px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;} .JiJin1 .JiJin1_content .JiJin1_content_list:last-child .content_list_bottom .list_bottom_li:nth-child(2n){ border-right: 0px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt{ margin-top: 20px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd{ font-size: 18px; color: #333333; margin-bottom: 10px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt{ font-size: 14px; color: #666666;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li:hover .bottom_li_txt dd{ color: #0ccc00;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 527px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list.on{ box-shadow: 0px 0px 49px rgba(0,0,0,.13);transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJinCase{ background: #f8f8f8;} .JiJinCase .JiJinCase_content{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -40px;} .JiJinCase .JiJinCase_content .JiJinCase_content_list{ width: 32%; margin-bottom: 40px; position: relative;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_img{ text-align: center; position: relative;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_img img{ max-width: 100%;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{ font-size: 16px; color: #333333; line-height: 68px; padding: 0px 20px; background: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt span{ font-size: 13px; color: #999999; margin-left: 17px;} .JiJinCase .JiJinCase_content .JiJinCase_content_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.2);} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover dt{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;color:#fff;font-size:35px;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover dd{background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover .hr{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover .hr img{width:auto;height:auto;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;} .JiJinCase .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover dd{opacity:1;} .JiJinCase .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover .hr img{opacity:1;} .JiJinCase .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover dt{opacity:1;} .JiJinCase .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover .hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;} @-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);} } .JiJinCase .JiJinCase_content_more{ display: flex; align-items: center; justify-content: center; margin-top: 40px;} .JiJinCase .JiJinCase_content_more a{ font-size: 16px; color: #111; display: inline-block; background: #0ccc00; padding: 0 18px; line-height: 50px; top: 0; position: relative;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJinCase .JiJinCase_content_more a:hover{ background: #0ccc00; color: #111;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; top: -10px;} .JiJinAbout{ background: #fff url(../image/bn14.png) no-repeat 50% 100%;} .JiJinAbout .JiJinAbout_title{ text-align: left; max-width: 1705px; margin: 0 auto;} .JiJinAbout .JiJinAbout_title dd{ font-size: 40px; color: #333333; letter-spacing: .2em; margin-bottom: 48px; padding-bottom: 34px; position: relative;} .JiJinAbout .JiJinAbout_title dd::before{ content: ""; position: absolute; display: inline-block; width: 62px; height: 2px; background: #dcdcdc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;} .JiJinAbout .JiJinAbout_title dt{ font-size: 20px; color: #777777; line-height: 40px;} .JiJinAbout .JiJinAbout_bottom{ display: flex; align-items: center; justify-content: center; margin-top: 80px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 30px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd{} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list:last-child{ margin-right: 0px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dt{ font-size: 16px; color: #555555; line-height: 30px;text-align: center;} .JiJinClient{ background: url(../image/bg12.jpg) no-repeat 50%/cover;} .JiJinClient .JiJin1_title .JiJin1_title_dd{ color: #fff;} .JiJinClient .JiJin1_title .JiJin1_title_dt{ color: #fff;} .JiJinClient .JiJinClient_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .JiJinClient .JiJinClient_content .JiJinClient_content_list{ width: 20%; height: 170px; display: flex; align-items: center; justify-content: center;} .JiJinClient .JiJinClient_content .JiJinClient_content_list img{ max-width: 100%;} .IndexNews{background:#fff;} .IndexNews .IndexService_content_title{ margin-bottom: 55px; display: flex; align-items: center; justify-content: space-between;} .IndexNews .IndexService_content_title dd{ font-size: 34px; color: #333333; letter-spacing: .2em;} .IndexNews .IndexNews_title a{padding:0px 18px;min-width:120px;line-height:50px;display:inline-block;background:#eeeeee;font-size:16px;color:#333333;margin-right:13px; text-align: center;} .IndexNews .IndexNews_title a:hover{color:#fff;background:#0ccc00;} .IndexNews .IndexNews_title a.on{color:#fff;background:#0ccc00;} .IndexNews .IndexNews_title a:last-child{margin-right:0px;} .IndexNews .IndexNews_content .IndexNews_content_video{width:40%;} .IndexNews .IndexNews_content .IndexNews_content_video .content_video_title{cursor:pointer;position:relative;} .IndexNews .IndexNews_content .IndexNews_content_video .content_video_title img{width:100%;height:370px;object-fit:cover;} .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body{border:1px solid #e5e5e5;border-top:0px;padding:25px 25px;} .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd{font-size:18px;color:#333333;line-height:30px;margin-bottom:15px;} .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd a{font-size:18px;color:#333333;} .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd span{font-size:30px;position:relative;top:3px;margin-right:12px;} .IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dt{color:#666666;font-size:14px;line-height:22px;display:-webkit-box;height:42px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .IndexNews .IndexNews_content .IndexNews_content_right{width:58%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{display:inline-block;width:100%;margin-bottom:31px;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:last-child{margin-bottom:0px;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img a{display:inline-block; background: #000;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{width:25%;overflow:hidden;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .tra{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;cursor:pointer; opacity: 1;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content .list_content_title dd{color:#ff7019;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img img{width:100%;height:150px;object-fit:cover; opacity: .8;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{width:72%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title{border-bottom:1px solid #e5e5e5;margin-bottom:15px;line-height:40px;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd{width:85%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd a{font-size:18px;color:#333333;width:100%;transition:all 0.5s ease 0s;display:inline-block;-webkit-transform:all 0.5s ease 0s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dt{font-size:18px;color:#999999;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content p{color:#666666;line-height:24px;font-size:14px;display:-webkit-box;height:69px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content .list_content_title dd a{ color: #0ccc00;} .footer{background:#111;position:relative; z-index: 3;} .footer .footer_content{max-width:1705px;margin:0 auto;position:relative;z-index:6;} .AboutBanner{ position: fixed; z-index: -2; width: 100%;} .AboutBanner img{ width: 100%; height: 520px; object-fit: cover;} .AboutBanner_height{ height: 520px;} .about{ background: #f8f8f8 url(../image/bn14.png) no-repeat 50% 100%;} .about .about_title{ text-align: center; position: relative;} .about .about_title dd{ font-size: 20px; color: #8d8d8d; font-weight:bolder; margin-bottom: 15px;} .about .about_title dt{ font-size: 40px; color: #111111; letter-spacing: .2em; position: relative; padding-bottom: 25px; margin-bottom: 40px;} .about .about_title dt::before{ content: ""; position: absolute; display: inline-block; width: 96px; height: 2px; background: #0ccc00; bottom: 0px; left: 0; right: 0; margin: 0 auto;} .honor{ padding: 70px 0px 150px; background: #fff;} .honor .about_title{ margin-bottom: 82px;} .honor .honor_content .honor_content_left{ width: 54%; position: relative;} .honor .honor_content .honor_content_right{ width: 44%; padding-top: 0px;} .honor .honor_content .honor_content_right ul{ display: flex; flex-wrap: wrap; justify-content: space-between;} .honor .honor_content .honor_content_right ul li{ display: inline-block; width: 49%; line-height: 50px; border: 1px solid #dcdcdc; margin-bottom: 15px; padding: 0px 14px; overflow: hidden; cursor: pointer; transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; text-overflow:ellipsis; white-space: nowrap; } .honor .honor_content .honor_content_right ul li:hover{ background: #0ccc00; color: #fff; border: 1px solid #0ccc00; transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .honor .honor_content .honor_content_right ul li.on{ background: #0ccc00; color: #fff; border: 1px solid #0ccc00;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .honor .honor_content .honor_content_right ul li:nth-child(2n){ margin-right: 0px;} .honor .honor_content .honor_content_left .content_left_li{ position: relative; text-align: center;} .honor .honor_content .honor_content_left .content_left_li .left_li_top img{ max-width: 100%;} .honor .honor_content .honor_content_left .content_left_li .left_li_bottom{ position: absolute; left: 0%; bottom: 25%; color: #333333; font-size: 18px; text-align: center; font-weight: bolder; margin-top: 20px; width: 100%;} .Perspective{ background: url(../image/bg15.jpg) no-repeat 50%/cover; height: 763px; display: flex; align-items: center; position: relative; overflow: hidden;} .Perspective .Perspective_content{ text-align: center; padding-bottom: 100px;} .Perspective .Perspective_content dd{ font-size: 60px; color: #000000; font-weight: bolder;} .Perspective .Perspective_content dt{ font-size: 14px; color: #000000; line-height: 36px; margin-top: 30px; position: relative; z-index: 2;} .Perspective .Perspective_y{ position: absolute; top: 43%; width: 100%; z-index: 1; width: 100%; left: 0; overflow: hidden;} .Perspective .Perspective_y .Perspective_y_list{ display: inline-block; text-align: right;} .txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s; } .txt-scroll .txt,.txt-scroll .txt-clone{ display: inline; position: relative; } .Customers{ background: url(../image/bg16.jpg) no-repeat 50%/cover fixed; padding: 80px 0px;} .Customers .about_title{ margin-bottom: 60px;} .Customers .about_title dd{ color: #8d8d8d;} .Customers .about_title dt{ color: #fff;} .Customers .about_title p{ color: #fff; opacity: .2; text-align: center;} .Customers .Customers_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .Customers .Customers_content .Customers_content_list{ width: 20%; height: 150px; display: flex; align-items: center; justify-content: center;} .Customers .Customers_content .Customers_content_list img{transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .Customers .Customers_content .Customers_content_list.op8 img{ opacity: .8;} .Customers .Customers_content .Customers_content_list.op6 img{ opacity: .6;} .Customers .Customers_content .Customers_content_list.op4 img{ opacity: .4;} .Customers .Customers_content .Customers_content_list img:hover{ opacity: 1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .ContactNow{ background: url(../image/bg17.jpg) no-repeat 50%/cover; padding: 60px 0px;} .ContactNow .ContactNow_title{ text-align: center;} .ContactNow .ContactNow_title dd{ font-size: 24px; color: #000; position: relative; font-weight: bolder; margin-bottom: 60px;} .ContactNow .ContactNow_title dd::before{ content: ''; width: 40px; height: 1px; background: #ccc; position: absolute; left: 50%; margin-left: -20px; bottom: -30px;} .ContactNow .ContactNow_title dt{ font-size: 14px; color: #666; line-height: 28px; max-width: 995px; margin: 0 auto; } .ContactNow .ContactNow_click{ margin-top: 30px;} .ContactNow .ContactNow_click a{ display: flex; align-items: center; justify-content: center; width: 211px; height: 56px; background: #111111; color: #fff; margin: 0 auto; font-size: 15px;} .ContactNow .ContactNow_click a:hover{ background: #0ccc00; width: 220px;} .ContactNow .ContactNow_click a span{ display: inline-block; margin-right: 10px; width: 20px; height: 20px; position: relative;} .ContactNow .ContactNow_click a span img{ position: absolute; left: 0; top: 0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .ContactNow .ContactNow_click a span img:last-child{ opacity: 0;} .ContactNow .ContactNow_click a:hover span img:first-child{ opacity: 0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .ContactNow .ContactNow_click a:hover span img:last-child{ opacity: 1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:50px; color:#fff; font-weight:bolder; text-transform:uppercase;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:56px; color:#fff; font-weight:bolder;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:30px; color:#fff;} .DBanner{ position: fixed; overflow: hidden; z-index: 1; width: 100%; left: 0; top: 0; height: 1008px;} .DBanner .DBanner_img img{ width: 100%; height: 1008px; object-fit: cover;} .WBanner_height{ height: 1008px;} .DBanner .DBanner_txt{ position: absolute; left: 0; top: 0px; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; flex-direction: column;} .DBanner .DBanner_txt .DBanner_txt_dd{ font-size: 60px; color: #fff; text-align: center;} .DBanner .DBanner_txt .DBanner_txt_dt{ font-size: 20px; color: #fff; margin-top: 75px;} .DBanner .DBanner_scroll{ position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center;} .DBanner .DBanner_scroll img{animation:scroll 5s infinite; -webkit-animation:scroll 1.2s infinite; /* Safari and Chrome */ position: relative; cursor: pointer;} @keyframes scroll { 0% {top:0px;} 50% {top:10px;} 100% {top:0px;} } @-webkit-keyframes scroll /* Safari and Chrome */ { 0% {top:0px;} 50% {top:10px;} 100% {top:0px;} } .HighWebsite{ background: #f5f5f5; padding: 147px 0px; position: relative;} .HighWebsite .HighWebsite_left{ width: 45%; position: relative; z-index: 2;} .HighWebsite .HighWebsite_left .HighWebsite_left_title{ margin-bottom: 70px;} .HighWebsite .HighWebsite_left .HighWebsite_left_title dd{ font-size: 34px; color: #333333; margin-bottom: 15px;} .HighWebsite .HighWebsite_left .HighWebsite_left_title dt{ font-size: 18px; color: #666666; padding-bottom: 33px; margin-bottom: 33px; position: relative;} .HighWebsite .HighWebsite_left .HighWebsite_left_title dt::before{ content: ""; position: absolute; display: inline-block; width: 223px; height: 1px; background: #dcdcdc; bottom: 0; left: 0;} .HighWebsite .HighWebsite_left .HighWebsite_left_title p{ font-size: 16px; color: #666666; line-height: 32px; text-align: justify;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l{ display: flex; align-items: center; margin-bottom: -1px;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list{ width: 25%; background: #fff; border: 1px solid #eaeaea; text-align: center; padding: 25px 0px; margin-right: -1px; position: relative;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list:hover{ box-shadow: 0px 0px 27px rgba(0,0,0,.15); z-index: 2;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd{ height: 48px; display:flex; align-items:center; justify-content:center;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dt{ font-size: 18px; color: #666666; margin-top: 12px;} .HighWebsite .HighWebsite_right{ position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center; width: 52%; justify-content: flex-end;} .HighWebsite .HighWebsite_right img{ max-width: 100%;} .HighWebsite2{ background: #fff; position: relative; padding: 91px 0px;} .HighWebsite2 .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .HighWebsite2 .HighWebsite2_left{ position: relative; z-index: 2;} .HighWebsite2 .HighWebsite2_center{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; left: 0;} .HighWebsite2 .HighWebsite2_right{ position: relative; z-index: 2;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 113px;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dd{ font-size: 34px; color: #333333; margin-bottom: 10px;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dt{ font-size: 18px; color: #888888;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_txt{ font-size: 18px; color: #333333; margin: 40px 0px; line-height: 30px;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_bottom b{ font-size: 18px; color: #888888;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_bottom p{ font-size: 16px; margin-top: 5px; color: #888888;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more{ margin-top: 30px;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more a{ font-size: 16px; color: #888888; display: flex; align-items: center; justify-content: center; width: 134px; height: 40px; border: 1px solid #dcdcdc; background: #fff;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more a:hover{ background: #0ccc00; color: #fff; border: 1px solid #0ccc00;} .Research{ background: url(../image/bg33.jpg) no-repeat 50%/cover; padding: 100px 0px;} .Research .Research_title{ text-align: center; margin-bottom: 60px;} .Research .Research_title dd{ font-size: 34px; color: #fff; margin-bottom: 15px;} .Research .Research_title dt{ font-size: 18px; color: #fff;} .Research .Research_content{ display: flex; justify-content: center; align-items: center; padding: 0px 240px;} .Research .Research_content .Research_content_img{ margin: 0px 50px;} .Research .Research_content .Research_content_list .content_list_li{ display: flex; align-items: flex-start;} .Research .Research_content .Research_content_list .content_list_li:first-child{ margin-bottom: 109px;} .Research .Research_content .Research_content_list .content_list_li .list_li_icon{ padding-top: 5px;} .Research .Research_content .Research_content_list .content_list_li .list_li_txt{ margin-left: 30px;} .Research .Research_content .Research_content_list .content_list_li .list_li_txt dd{ font-size: 20px; color: #fff; margin-bottom: 12px;} .Research .Research_content .Research_content_list .content_list_li .list_li_txt dt{ font-size: 14px; color: #fff; line-height: 24px;} .ContentPlanning{ background: #fff url(../image/bn58.png) no-repeat 78% 50%; padding: 110px 0px; padding-bottom: 60px;} .ContentPlanning .pc_all_content{ display: flex; justify-content: space-between; padding-left: 145px; padding-right: 120px;} .ContentPlanning .ContentPlanning_right{ width: 576px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_title{ margin-bottom: 52px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dd{ font-size: 34px; color: #333333;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dt{ font-size: 18px; color: #666666; margin-top: 10px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list{ display: flex; align-items: center; height: 112px; box-shadow: 0px 0px 29px rgba(0,0,0,.1); margin-bottom: 20px; padding: 0px 22px; background: #fff;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list:last-child{ margin-bottom: 0px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_icon{ width: 65px; height: 65px; border: 1px dashed #dcdcdc; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: 18px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list:hover .content_list_icon{ background:#ededed; border: 1px dashed #ededed; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt dd{ color: #333; font-size: 18px; margin-bottom: 10px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt dt{ color: #999; font-size: 14px;} .BrandInternet{ background: url(../image/bg34.jpg) no-repeat 50%/cover; position: relative;} .BrandInternet .pc_all_content{ display: flex; align-items: center; justify-content: space-between; position: relative;} .BrandInternet .BrandInternet_left{ width: 45%; padding: 160px 0px;} .BrandInternet .BrandInternet_left .BrandInternet_left_title{ position: relative; padding-bottom: 34px; margin-bottom: 20px; color: #fff; } .BrandInternet .BrandInternet_left .BrandInternet_left_title::before{ content: ""; position: absolute; display: inline-block; width: 40px; height: 4px; background: #fff; opacity: .6; bottom: 0;} .BrandInternet .BrandInternet_left .BrandInternet_left_title dd{ font-size: 36px;} .BrandInternet .BrandInternet_left .BrandInternet_left_title dt{ font-size:18px; margin-top:20px;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt{ display: flex; justify-content: space-between; flex-wrap: wrap;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list{ margin-top: 44px; width:48%;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon{ height:50px; display:flex; align-items:center;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon img{ max-height:50px;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dd{ font-size: 20px; color: #fff; margin-bottom: 8px; margin-top: 18px;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dt{ font-size: 15px; color: #fff; opacity: .6;} .BrandInternet .BrandInternet_right{ display: flex; align-items: center;} .BrandInternet .BrandInternet_right .BrandInternet_right_li{position: absolute; } .BrandInternet .BrandInternet_right .BrandInternet_right_li1{ bottom:258px; right:715px;} .BrandInternet .BrandInternet_right .BrandInternet_right_li2{ bottom:96px; right:486px;} .BrandInternet .BrandInternet_right .BrandInternet_right_li3{ bottom:40px; right:422px;} .BrandInternet .BrandInternet_right .BrandInternet_right_li4{ bottom:206px; right:267px;} .BrandInternet .BrandInternet_right .BrandInternet_right_li5{ bottom:262px; right:500px;} .BrandInternet .BrandInternet_right .BrandInternet_right_li6{ bottom:110px; right:100px;} .BrandInternet .BrandInternet_right .BrandInternet_right_li7{ bottom:152px; right:290px;} .BrandInternet .BrandInternet_right .BrandInternet_right_li8{ bottom:240px; right:170px;} .SystemDevelopment{ position: relative; background: #fff; padding: 105px 0px;} .SystemDevelopment::before{ content: ""; display: inline-block; width: 720px; height: 100%; background: url(../image/bn70.png) no-repeat 50% 50%; position: absolute; right: 0; top: 0;} .SystemDevelopment .pc_all_content{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2;} .SystemDevelopment .HighWebsite_left{ width: 40%;} .SystemDevelopment .HighWebsite_left .HighWebsite_left_title{ margin-bottom: 60px;} .SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_title{ font-size: 20px; color: #9f9f9f; font-weight: bolder;} .SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_title span{ margin-left: 15px; text-transform: uppercase; font-size: 14px;} .SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_txt{ display: flex; align-items: center; margin-top: 20px;} .SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_txt .logo_txt_list{ margin-right: 33px;} .SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_txt .logo_txt_list:last-child{ margin-right: 0px;} .SystemDevelopment .SystemDevelopment_content{ display: flex; flex-wrap: wrap; width: 51%; justify-content: space-between;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list{ box-shadow: 0px 0px 32px rgba(0,0,0,.08); width: 48%; display: flex; padding: 37px 50px; background: #fff;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list:nth-child(1),.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list:nth-child(2){ margin-bottom: 4%;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_icon{ margin-right: 34px;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_right dd{ font-size: 18px; color: #555555; margin-bottom: 8px;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_right dt{ font-size: 14px; color: #888888; line-height: 22px;} .Maintenance{ background: url(../image/bg35.jpg) no-repeat 50%/cover; padding: 82px 0px; padding-bottom: 113px; overflow: hidden;} .Maintenance .Maintenance_title{ text-align: center;} .Maintenance .Maintenance_title dd{ font-size: 34px; color: #fff; margin-bottom: 20px;} .Maintenance .Maintenance_title dt{ font-size: 16px; color: #fff; opacity: .6; line-height: 30px;} .Maintenance .Maintenance_content .Maintenance_content_y{ display: flex; align-items: center; justify-content: center; margin-top: 405px;} .Maintenance .Maintenance_content .Maintenance_content_y::before{ content: ""; display: inline-block; width: 1236px; height: 1236px; border-radius: 100%; border: 2px solid rgba(255,255,255,.1); position: absolute; top: 51%;} .Maintenance .Maintenance_content .Maintenance_content_y2{ position: absolute; left: 0; top: 0; width: 100%;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list{ margin-right: 150px; position: relative; z-index: 5;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_icon{ width: 65px; height: 65px; border-radius: 100%; background: #292929; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_icon img{ opacity: .25;transition: all 0.3s ease 0s; animation:opacity 5s infinite; -webkit-animation:opacity 5s infinite; /* Safari and Chrome */ } .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:hover .y_list_icon img{ opacity:1;transition: all 0.3s ease 0s;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_title{ color: #fff; font-size: 18px; margin-top: 18px; opacity: .5;transition: all 0.3s ease 0s;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:hover .y_list_title{ opacity:1;transition: all 0.3s ease 0s;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:last-child{ margin-right: 0px;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:nth-child(2){ top: -168px; margin-right: 420px;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:nth-child(3){ top: -168px;} .Maintenance .Maintenance_content .Maintenance_content_c{ position: absolute; bottom: 45px; text-align: center; width: 400px; margin: 0 auto; right: 0; left: 0;} .Maintenance .Maintenance_content .Maintenance_content_c .content_c_logo{ position: absolute; width: 100%; left: 0; bottom: 118px;} .Maintenance .Maintenance_content .Maintenance_content_c .content_c_logo img{ animation:Maintenancemove 1.2s infinite; -webkit-animation:Maintenancemove 1.2s infinite; /* Safari and Chrome */ position: relative; cursor: pointer;} .Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list{ margin-right: 240px;} .Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list:nth-child(2){ top: -125px; margin-right: 160px;} .Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list:nth-child(3){ top: -125px;} .Maintenance .Maintenance_content .Maintenance_content_y2::before{ top: -100px; width: 1560px; height: 1560px;} @keyframes Maintenancemove { 0% {top:0px;} 50% {top:15px;} 100% {top:0px;} } @-webkit-keyframes Maintenancemove /* Safari and Chrome */ { 0% {top:0px;} 50% {top:15px;} 100% {top:0px;} } @keyframes opacity { 0% { opacity:0;} 50% { opacity:1;} 100% { opacity:0;} } @-webkit-keyframes opacity /* Safari and Chrome */ { 0% { opacity:0;} 50% { opacity:1;} 100% { opacity:0;} } .INews{ padding-bottom:80px; background:#fff;} .INews .company_title{ text-align:left; margin-bottom:35px;} .INews .company_title p{ color:#4f4f4f; font-size:18px; margin-top:5px;} .INews .INews_content .INews_content_list{ width:49%;} .INews .INews_content .INews_content_list .content_list_top{ display:inline-block;} .INews .INews_content .INews_content_list .content_list_top .list_top_img img{ width:100%; object-fit:cover;} .INews .INews_content .INews_content_list .content_list_top .list_top_txt{ padding:22px 0px; border-bottom:1px solid #d4d4d4;} .INews .INews_content .INews_content_list .content_list_top .list_top_txt dd{ font-size:16px; color:#333333; font-weight:bolder; overflow: hidden; margin-bottom:8px; text-overflow:ellipsis; white-space: nowrap; } .INews .INews_content .INews_content_list .content_list_top .list_top_txt dt{ line-height:28px; font-size:14px; color:#777777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .INews .INews_content .INews_content_list .content_list_bottom a{ color:#777777; font-size:14px; display:inline-block; width:100%; line-height:50px; border-bottom:1px solid #d4d4d4; position:relative; } .INews .INews_content .INews_content_list .content_list_bottom a:before{ content:""; display:inline-block; bottom:-1px; left:0; width:100%; height:1px; width:0%; background:#333; position:absolute;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .INews .INews_content .INews_content_list .content_list_bottom a:hover:before{ width:100%;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .INews .INews_content .INews_content_list .content_list_bottom a dd{ width:80%;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .INews .INews_content .INews_content_list .content_list_bottom a:hover dd{ color:#333;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; padding-left:10px;} .INews .INews_content .INews_content_list .content_list_bottom a dt{ text-align:right; width:20%;font-family: 'Montserrat-Light'; } .mo_show{ display:none;} .SEO1{ background:#fff url(../image/bg39.jpg) no-repeat 50%/cover; position:relative; z-index:2; padding:103px 0px; padding-bottom:80px;} .SEO1 .pc_all_content{ display:flex; align-items:center; justify-content:space-between; padding:0px 120px;} .SEO1 .SEO1_left{ width:47%;} .SEO1 .SEO1_left img{ max-width:100%;} .SEO1 .SEO1_right{ width:48%;} .SEO1 .SEO1_right .SEO1_right_title{ margin-bottom:70px;} .SEO1 .SEO1_right .SEO1_right_title dd{ font-size:40px; color:#27282a;} .SEO1 .SEO1_right .SEO1_right_title dd span{ color:#0ccc00;} .SEO1 .SEO1_right .SEO1_right_title dt{ font-size:18px; color:#666666; margin-top:25px;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list{ display:flex; align-items:center; margin-bottom:45px;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list:last-child{ margin-bottom:0px;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_icon{ width:50px; text-align:center;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r{ margin-left:26px;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dd{ font-size:18px; margin-bottom:8px; color:#333333;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dt{ font-size:15px; color:#7b7b7b;} .SEO_Advantage{ background:#fff; display:flex; justify-content:space-between; padding:0px;} .SEO_Advantage .SEO_Advantage_left{ background:url(../image/bg40.jpg) no-repeat 50%/cover; width:50%; padding:100px 0px; padding-right:57px;} .SEO_Advantage .SEO_Advantage_right{ background:url(../image/bg41.jpg) no-repeat 50%/cover; width:50%; padding-right:0; padding-left:57px; position:relative; top:-65px;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_title{ font-size:64px; color:#333333; text-align:right; margin-bottom:55px;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_title span{ color:#999999;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list{ display:flex; align-items:center; justify-content:flex-end; margin-bottom:40px;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt{ text-align:right; margin-right:28px;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list:last-child{ margin-bottom:0px; } .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dd{ font-size:20px; color:#333333; font-weight:bolder; margin-bottom:10px;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dt{ font-size:16px; color:#666666;} .SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list{ justify-content:flex-start;} .SEO_Advantage .SEO_Advantage_right .Advantage_left_title{ text-align:left; color:#fff;} .SEO_Advantage .SEO_Advantage_right .Advantage_left_title span{ color:#0ccc00;} .SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt{ text-align:left; margin-right:0px; margin-left:28px;} .SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt dd{ color:#0ccc00;} .SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt dt{ color:#fff;} .SEO_idea{ background:#fff; position:relative; z-index:5; padding:95px 0px;} .SEO_idea .SEO_idea_title{ text-align:center;} .SEO_idea .SEO_idea_title dd{ font-size:40px; color:#27282a; margin-bottom:20px;} .SEO_idea .SEO_idea_title dd span{ color:#0ccc00;} .SEO_idea .SEO_idea_title dt{ font-size:16px; color:#666666; line-height:31px; padding:0px 330px;} .SEO_idea .SEO_idea_content{ display:flex; align-items:center; justify-content:space-between; margin-top:65px;} .SEO_idea .SEO_idea_content .idea_content_icon{ position:relative; width:445px; height:442px;} .SEO_idea .SEO_idea_content .idea_content_icon .content_icon_t div{ position:absolute; top:0; left:0; opacity:0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .SEO_idea .SEO_idea_content .idea_content_icon .content_icon_title{ font-size:20px; color:#fff;} .SEO_idea .SEO_idea_content .idea_content_icon .content_icon_t div.on{ opacity:1; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .SEO_idea .SEO_idea_content .idea_content_icon .content_icon_title .icon_title_li1{ position:absolute; left:13%; top:39%; transform:rotate(-73deg);} .SEO_idea .SEO_idea_content .idea_content_icon .content_icon_title .icon_title_li2{ position:absolute; right:13%; top:24%; transform:rotate(52deg);} .SEO_idea .SEO_idea_content .idea_content_icon .content_icon_title .icon_title_li3{ position:absolute; right:23%; bottom:8%; transform:rotate(157deg);} .SEO_idea .SEO_idea_content .idea_content_right{ width:65%;} .SEO_idea .SEO_idea_content .idea_content_right .content_right_list{ padding:35px 44px; background:#fff; position:relative;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title{ font-size:20px; color:#000000; margin-bottom:15px;} .SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title span{ font-size:16px; color:#999999; margin-left:15px;} .SEO_idea .SEO_idea_content .idea_content_right .content_right_list.on{ background:#f5f5f5;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .SEO_idea .SEO_idea_content .idea_content_right .content_right_list:before{ content:""; display:inline-block; width:0; height:0; border-top: 13px solid transparent; border-right: 13px solid #f5f5f5; border-bottom: 13px solid transparent; position:absolute; left:0px; top:50px; opacity:0;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .SEO_idea .SEO_idea_content .idea_content_right .content_right_list.on:before{ left:-13px; opacity:1;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_txt{ font-size:16px; color:#666666;} .SEO_detail{ background:url(../image/bg42.jpg) no-repeat 50%/cover;} .SEO_detail .SEO_idea_title dd{ color:#fff;} .SEO_detail .SEO_idea_title dt{ color:#fff;} .SEO_detail .SEO_detail_content{ display:flex; justify-content:space-between; padding:0px 230px; margin-top:75px;} .SEO_detail .SEO_detail_content .detail_content_list{ text-align:center;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_txt{ margin-top:30px;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd{ font-size:18px; color:#fff; position:relative; padding-bottom:15px; margin-bottom:30px;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd:before{ content:""; display:inline-block; width:15px; height:2px; background:#fff; opacity:.5; position:absolute; left:0; right:0; margin:0 auto; bottom:0;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dt{ font-size:15px; color:#fff; opacity:.6;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dt p{ margin-bottom:12px;} .SEO_detail .SEO_detail_btn{ text-align:center; margin-top:58px;} .SEO_detail .SEO_detail_btn a{ font-size:16px; color:#fff; display:inline-block; width:172px; line-height:48px; text-align:center; border-radius:100px; background:#0ccc00;} .SEO2{ position:relative; z-index:2; background:#f6f6f6; padding:112px 0px;} .SEO2 .pc_all_content{ display:flex; justify-content:space-between; align-items:center;} .SEO2 .SEO2_img{ width:46%;} .SEO2 .SEO2_img img{ max-width:100%; box-shadow:0px 0px 43px rgba(0,0,0,.1)} .SEO2 .SEO2_right{ width:45%;} .SEO2 .SEO2_right dd{ font-size:40px; color:#27282a; padding-right:48%; line-height:60px; margin-bottom:45px;} .SEO2 .SEO2_right dd span{ color:#0ccc00;} .SEO2 .SEO2_right dt{ font-size:18px; color:#666666; line-height:32px; margin-bottom:120px;} .SEO2 .SEO2_right a{ display:inline-block; width:147px; line-height:52px; font-size:16px; color:#fff; background:#111111; text-align:center;} .SEO2 .SEO2_right a:hover{ background:#0ccc00;} .Customers .SEO_idea_title{ text-align:center; margin-bottom:55px;} .Customers .SEO_idea_title dd{ font-size:40px; color:#fff; margin-bottom:30px;} .Customers .SEO_idea_title dd span{ color:#0ccc00;} .Customers .SEO_idea_title dt{ font-size:16px; color:#fff; line-height:31px; padding:0px 330px;} .PINews .JiJin1_title .JiJin1_title_dd{ letter-spacing: 0em; } .PINews .JiJin1_title .JiJin1_title_dd span{ color:#0ccc00;} .SEO_case{ background:#f8f8f8;} .SEO_case .SEO_case_content{ display:flex; justify-content:space-between; margin-top:60px;} .SEO_case .SEO_case_content .case_content_list{ width:32%; background:#fff; box-shadow:0px 0px 21px rgba(0,0,0,.1);} .SEO_case .SEO_case_content .case_content_list .content_list_img{ padding:35px;} .SEO_case .SEO_case_content .case_content_list .content_list_img img{ width:100%;} .SEO_case .SEO_case_content .case_content_list .content_list_txt{ display:flex; align-items:center; justify-content: space-between; height:75px; padding:0px 30px; border-top:1px solid #dcdcdc;} .SEO_case .SEO_case_content .case_content_list .content_list_txt dd{ font-size:20px; width:70%; color:#333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .SEO_case .SEO_case_content .case_content_list .content_list_txt dt{ font-size:16px; color:#999;} .Topic_header{ position:fixed; top:54px; width:100%; left:0; z-index:2;} .Topic_header .pc_all_content{ display:flex; align-items:center; justify-content:space-between;} .Topic_header .pc_all_content .Topic_header_content{ display:flex; align-items:center;} .Topic_header .pc_all_content .Topic_header_content .header_content_list{ margin-right:65px;} .Topic_header .pc_all_content .Topic_header_content .header_content_list:last-child{ margin-right:0px;} .Topic_header .pc_all_content .Topic_header_content .header_content_list .content_list_title{ font-size:18px; color:#fff;} .TBanner .TBanner_content{ position:absolute; left:0; bottom:0; width:1705px; height:100%; display:flex; align-items:center; justify-content:space-between; right:0; margin:0 auto;} .TBanner .TBanner_content .TBanner_content_left{ width:38%;} .TBanner .TBanner_content .TBanner_content_left .content_left_dd{ font-size:70px; color:#fff; margin-bottom:55px;} .TBanner .TBanner_content .TBanner_content_left .content_left_dt{ font-size:20px; color:#fff; line-height:37px; opacity:.8;} .TBanner .TBanner_content .TBanner_content_left a{ font-size:16px; color:#fff; position:relative; margin-top:110px; display:inline-block; width:190px; height:50px; background:#0ccc00; display:flex; align-items:center; justify-content:center; box-shadow: 0px 0px 10px rgb(255 255 255 / 10%);} .TBanner .TBanner_content .TBanner_content_left a span{ display:flex; width:96%; height:80%; align-items:center; justify-content:center; left:0; top:0; border:1px solid rgba(255,255,255,.3);} .TBanner .TBanner_content .TBanner_content_left a:hover{ background:#0ccc00;} .TBanner .TBanner_content .TBanner_content_right{ position:absolute; right:0;} .Topic_case{ background:#f8f8f8; padding-bottom:108px;} .Topic_case .Topic_case_content{ display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:40px;} .Topic_case .Topic_case_content .case_content_list{ width:32%; background:#fff; margin-top:2%; padding:45px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; position:relative;} .Topic_case .Topic_case_content .case_content_list:before{ content:""; position:absolute; display:inline-block; width:32px; height:32px; background:url(../image/link.png) no-repeat 50% 50%; right:20px; top:20px; opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .Topic_case .Topic_case_content .case_content_list:hover:before{ opacity:.5;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .Topic_case .Topic_case_content .case_content_list:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.1);transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_logo{ margin-bottom:15px;} .Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_title{ font-size:20px; color:#333333; position:relative; padding-bottom:15px; margin-bottom:28px;} .Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_title:before{ content:""; display:inline-block; width:25px; height:2px; background:#ff8625; position:absolute; left:0; bottom:0;} .Topic_case .Topic_case_content .case_content_list .content_list_txt{ font-size:14px; line-height:30px; color:#666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .Topic_technology{ background:#353e4d; padding:75px 0px; position:relative; z-index:5;} .Topic_technology:before{ content:""; display:inline-block; width:256px; height:548px; background:url(../image/bn114.png) no-repeat 50% 50%; position:absolute; left:0; top:-86px;} .Topic_technology:after{ content:""; display:inline-block; width:248px; height:730px; background:url(../image/bn115.png) no-repeat 50% 50%; position:absolute; right:0; bottom:-68px;} .Topic_technology .pc_all_content{ display:flex; justify-content:space-between; padding-left:235px; padding-right:180px;} .Topic_technology .Topic_technology_left{ position:relative; margin-top:30px;} .Topic_technology .Topic_technology_left:before{ content:""; display:inline-block; width:97px; height:97px; border-radius:100%; background:rgba(255,255,255,.06); position:absolute; right:127px; top:-25px;} .Topic_technology .Topic_technology_left .technology_left_dd{ font-size:40px; color:#fff;} .Topic_technology .Topic_technology_left .technology_left_dd p{ margin-bottom:15px;} .Topic_technology .Topic_technology_left .technology_left_dd p span{ font-weight:bolder; color:#0ccc00;} .Topic_technology .Topic_technology_left .technology_left_dd p:last-child{ margin-bottom:0px;} .Topic_technology .Topic_technology_right{ display:flex; justify-content:space-between; flex-wrap:wrap; width:871px;} .Topic_technology .Topic_technology_right .technology_right_list{ width:48%; border-radius:13px; text-align:center; padding:45px 40px; margin-bottom:4%; background: rgba(255,255,255,.03);} .Topic_technology .Topic_technology_right .technology_right_list .right_list_title{ font-size:20px; color:#fff; margin-bottom:25px; margin-top:18px;} .Topic_technology .Topic_technology_right .technology_right_list .right_list_txt{ font-size:14px; color:#fff; opacity:.5; line-height:26px;} .Topic_technology .Topic_technology_right .technology_right_list:nth-child(3){ margin-left:-235px;} .Topic_technology .Topic_technology_right .technology_right_list:nth-child(4){ margin-right:235px;} .honor .SEO_idea_title{ margin-bottom:85px;} .APPService{ background:url(../image/bg47.jpg) no-repeat 50%/cover; padding:94px 0px;} .APPService .pc_all_content{ position:relative;} .APPService .HighWebsite_left{ width:53%;} .APPService .HighWebsite_right{ bottom:0; right:50px; align-items: flex-start; width:44%;} .APPProcess{ background:#000 url(../image/bg48.jpg) no-repeat 50%/cover fixed; padding:80px 0px; position:relative;} .APPProcess:before{ content:""; display:inline-block; width:100%; height:100%; background:url(../image/bn132.png) no-repeat 50% 61%; position:absolute; left:0; top:0; z-index:1;} .APPProcess .pc_all_content{ position:relative; z-index:2; padding:0px 23px;} .APPProcess .APPProcess_title{ font-size:32px; color:#fff; text-align:center; margin-bottom:55px;} .APPProcess .APPProcess_content{ display:flex; justify-content:space-between;} .APPProcess .APPProcess_content .APPProcess_content_list{ text-align:center;} .APPProcess .APPProcess_content .APPProcess_content_list .content_list_title{ margin-bottom:70px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2n) .content_list_title{ margin-bottom:0px; margin-top:70px;} .APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dd{ font-size:18px; color:#fff; margin-bottom:12px;} .APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dt{ font-size:14px; color:#fff; font-weight:bolder;} .APPProcess .APPProcess_content .APPProcess_content_list .content_list_icon{ width:66px; height:66px; border-radius:100%; border:1px solid #fff; display:flex; align-items:center; justify-content:center; margin:0 auto;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(1){ margin-top:145px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2){ margin-top:104px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(3){ margin-top:45px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(4){ margin-top:63px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(5){ margin-top:46px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(6){} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(7){ margin-top:58px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(8){ margin-top:120px;} .APPAdvantage{ background:#f8f8f8; padding:95px 0px;} .APPAdvantage .APPAdvantage_title{ text-align:center; margin-bottom:80px;} .APPAdvantage .APPAdvantage_title dd{ font-size:32px; color:#27282a;} .APPAdvantage .APPAdvantage_title dd span{ color:#0ccc00;} .APPAdvantage .APPAdvantage_title dt{ font-size:16px; color:#666666; margin-top:20px;} .APPAdvantage .APPAdvantage_content{ display:flex; justify-content:space-between;} .APPAdvantage .APPAdvantage_content .APPAdvantage_content_list{ background:#fff; width:23%; padding:60px 50px;} .APPAdvantage .APPAdvantage_content .APPAdvantage_content_list:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.1)} .APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_title{ display:flex; align-items:center; justify-content:space-between; font-size:22px; color:#333; margin-bottom:35px;} .APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_txt{ font-size:16px; color:#888; line-height:28px; text-align:justify;} .APPDevelopment{ padding:65px 0px; padding-bottom:55px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; position:relative; background:#000;} .APPDevelopment .APPDevelopment_bg{ position:absolute; left:0; top:0; width:100%; opacity:0; transition: all 1s ease 0s; -webkit-transform: all 0.3s ease 0s; background:#000;} .APPDevelopment .APPDevelopment_bg img{ width:100%; height:717px; object-fit:cover;} .APPDevelopment .APPDevelopment_bg.on{ opacity:1; transition: all 2s ease 0s; -webkit-transform: all 0.3s ease 0s;} .APPDevelopment .APPAdvantage_title{ margin-bottom:40px;} .APPDevelopment .APPAdvantage_title dd{ color:#fff;} .APPDevelopment .APPAdvantage_title dt{ color:#fff;} .APPDevelopment .APPDevelopment_content{ display:flex; justify-content:space-between;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left{ width:18%; padding:65px 0px; background: url(../image/bn141.png) no-repeat 50% 50%; position: relative; top:-65px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a{ display: flex; width:100%; padding-left:65px; background:#1e2029; height:86px; align-items:center; font-size:18px; color:#fff; position:relative;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a img{ margin-right:25px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a:hover{ background:#373a4b;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a:before{ content:""; display:inline-block; width:4px; height:100%; background:#0ccc00; left:-4px; position:absolute; top:0; opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a:hover:before{ left:0; opacity:1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a.on{ background:#373a4b;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a.on:before{ left:0; opacity:1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right{ width:79%; padding-top:33px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list{ display:none;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list.on{ display: block;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top{ margin-bottom:70px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top dd{ font-size:24px; color:#fff; margin-bottom:12px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top dt{ font-size:14px; color:#fff; opacity:.7; margin-bottom:21px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top p{ font-size:14px; color:#fff;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom{ display:flex; justify-content:space-between; margin-bottom:50px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li{ width:46%;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li dd{ font-size:24px; color:#fff; margin-bottom:20px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li dt{ font-size:14px; color:#fff; opacity:.7; line-height:28px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_btn a{ width:130px; line-height:40px; background:#0ccc00; font-size:14px; color:#fff; display:inline-block; text-align:center;} .APPApplication .APPApplication_content{ display:flex; flex-wrap:wrap; justify-content:space-between;} .APPApplication .APPApplication_content .APPApplication_content_list{ width:24%; background:#fff; border-radius:8px; margin-bottom:1%; padding:38px 40px;} .APPApplication .APPApplication_content .APPApplication_content_list:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.1)} .APPApplication .APPApplication_content .APPApplication_content_list .content_list_icon{ width:53px; height:53px; background:#f8f8f8; border-radius:100%; display:flex; align-items:center; justify-content:center; margin-bottom:20px;} .APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dd{ font-size:20px; color:#000000; margin-bottom:10px;} .APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dt{ font-size:15px; color:#7d7d7d; line-height:26px;} .WeChat2{ background:#fff; padding-bottom:0px;} .WeChat2 .APPAdvantage_title{ margin-bottom:60px;} .WeChat2 .WeChat2_content{ display:flex; align-items:center; justify-content:space-between;} .WeChat2 .WeChat2_content .WeChat2_content_list{ background:#f8f8f8; width:23%; text-align:center; padding:40px 0px;} .WeChat2 .WeChat2_content .WeChat2_content_list .content_list_title{ padding:0px 85px; margin-top:24px; line-height:26px; font-size:16px; color:#333333;} .WeChat2 .WeChat2_bottom{ text-align:center; margin-top:93px;} .WeChatShop{ position:relative; z-index:5; background:#ffffff url(../image/bg54.jpg) no-repeat 50% 0%; padding:75px 0px;} .WeChatShop .WeChatShop_title{ font-size:32px; color:#fff; text-align:center; margin-bottom:60px;} .WeChatShop .WeChatShop_content{ display:flex; justify-content:space-between; align-items:flex-start;} .WeChatShop .WeChatShop_content .WeChatShop_content_list{ display:flex; align-items:center; justify-content:space-between; width:34%; margin-top:195px;} .WeChatShop .WeChatShop_content .WeChatShop_content_img{ width:32%; text-align:center;} .WeChatShop .WeChatShop_content .WeChatShop_content_img img{ max-width:100%;} .WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li{ text-align:center;} .WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dd{ width:122px; height:122px; border-radius:100%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.2);} .WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dt{ font-size:18px; color:#fff; margin-top:20px;} .WeChatShop .WeChatShop_bottom{ margin-top:50px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title{ text-align:center; padding:0px 22%;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dd{ font-size:32px; color:#27282a; margin-bottom:18px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dt{ font-size:16px; color:#666666; line-height:32px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content{ display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:20px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li{ width:10%; text-align:center; margin-top:50px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li dt{ font-size:14px; color:#333; margin-top:25px;} .WeChatWhy{ background:url(../image/bg55.jpg) no-repeat 50%/cover;} .WeChatWhy .WeChatWhy_content{ position:relative;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_img{ text-align:center;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po{ position:absolute; left:0; right:0; margin:0 auto; width:70%; top:0; display:flex; justify-content:space-between; align-items:center; height:100%;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list{ width:50%; padding:0px 40px;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list:last-child{ width:44%;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_title{ margin-bottom:50px; text-align:center; font-size:24px; color:#fff;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt{ display:flex; flex-wrap:wrap; justify-content:space-between;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li{ width:46%; margin-bottom:65px;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li:nth-child(3),.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li:nth-child(4){ margin-bottom:0px;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li dd{ margin-bottom:13px; font-size:16px; color:#fff;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li dt{ color:rgba(255,255,255,.5); line-height:22px;} .IndexNews2023 .IndexService_content_title dd span{ font-size: 14px; color: #666666; margin-left: 14px; letter-spacing: 0;} .IndexNews2023 h3{ font-weight: normal;} .IndexNews2023 .IndexNews_title a{ min-width: auto;} .IndexNews2023 .IndexService_content{ display: flex; justify-content: space-between;} .IndexNews2023 .IndexService_content .IndexNews2023_left{ width: 69%;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top{ display: flex; justify-content: space-between;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list{ width: 32%; box-shadow: 0px 0px 35px rgba(0,0,0,.05);} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_img img{ width: 100%; height: 240px; object-fit: cover;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt{ padding: 30px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_dd{ font-size: 20px; color: #333333; margin-bottom: 25px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: normal;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list:hover .top_list_txt .list_txt_dd{ color: #0ccc00;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_dt{ font-size: 14px; color: #666666; line-height: 24px; margin-bottom: 50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_time{ font-size: 14px; color: #999999;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom{ display: flex; flex-wrap: wrap; margin-top: 20px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list{ width: 32%; margin-right: 2%; padding: 20px 0px; padding-left: 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f5f5f5;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list:nth-child(3n){ margin-right: 0;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list .bottom_list_dd{ font-size: 16px; color: #666666; width: calc(100% - 120px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: normal;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list:hover{ border-bottom: 1px solid #0ccc00;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list:hover .bottom_list_dd{ color: #0ccc00;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list .bottom_list_dt{ font-size: 14px; color: #999999;} .IndexNews2023 .IndexService_content .IndexNews2023_right{ width: 28.5%; display: flex; flex-direction: column; justify-content: space-between;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_title{ font-size: 16px; color: #333333; padding-left: 16px; border-left: 5px solid #0ccc00; height: 50px; display: flex; align-items: center; background: #f2f3f6;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_title span{ font-size: 14px; color: #666666; margin-left: 12px;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content{ height: 60%; overflow: hidden; border-bottom: 1px solid #f2f3f6; position: relative;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .IndexNews2023_right_con{padding: 30px 20px; border: 1px solid #f2f3f6; padding-bottom: 0; width: 100%; position: relative; padding-top: 0;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .IndexNews2023_right_con::before{ content: ""; display: inline-block; width: 100%; height: 40px; background: linear-gradient(to top,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); position: absolute; left: 0; top: 0; z-index: 2;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content ul{ width: 100%;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list{ margin-bottom: 20px;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user{ display: flex; justify-content: space-between;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_left{ width: 40px; height: 40px; border-radius: 100%;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_left img{ width: 40px; height: 40px; border-radius: 100%; object-fit: cover;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_right{ width: calc(100% - 55px);} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_right .user_right_dd{ padding: 15px 12px; border-radius: 4px; background: #f5f5f5; font-size: 14px;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_right .user_right_dd span{ color: #666666;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_user .list_user_right .user_right_dt{ margin-top: 5px; font-size: 12px; color: #999999;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list .content_list_jijin{ flex-flow: row-reverse; margin-top: 15px;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_bottom{ border: 1px solid #f2f3f6; padding: 35px 20px; padding-bottom: 15px; padding-right: 0;background: linear-gradient(to bottom,white, #f3f4f6); height: calc(40% - 15px);} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_bottom a{ font-size: 14px; color: #666666; display: inline-block; padding: 11px 16px; border-radius: 100px; box-shadow: 0px 0px 21px rgba(114,64,6,.1); margin-right: 10px; margin-bottom: 15px;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_bottom a:hover{ color: #fff; background: #0ccc00;} .CBanner{ z-index: 1;} .CBanner img{ height: auto;} .CBanner .AboutBanner_po{ position: absolute; top: 0; height: 100%; left: 0; right: 0; display: flex; justify-content: center; flex-direction: column; height: 100%;} .CBanner .AboutBanner_po .AboutBanner_po_title{ font-size: 40px; color: #fff; font-weight: bolder;} .CBanner .AboutBanner_po .AboutBanner_po_txt{ font-size: 24px; color: #fff; line-height: 1.5; margin-top: 30px; margin-bottom: 45px;} .CBanner .AboutBanner_po .AboutBanner_po_btn{ display: flex;} .CBanner .AboutBanner_po .AboutBanner_po_btn a{ font-size: 18px; padding: 20px 60px; border: 1px solid rgba(255,255,255,.3); display: inline-block; color: #fff;} .CBanner .AboutBanner_po .AboutBanner_po_btn a:hover{ background: #0ccc00; border: 1px solid #0ccc00; color: #111;} .Configuration{ background: #f9f9f9; padding: 90px 0px;} .Configuration .pc_all_content{} .Configuration .pc_all_content .Configuration_title{ font-size: 24px; color: #333333; text-align: center; border-top: 1px solid #0ccc00; padding: 15px 0px; background: #fff;} .Configuration .pc_all_content .Configuration_table{ border: 1px solid #eaeaea; background: #fff;} .Configuration .pc_all_content .Configuration_table .Configuration_table_title{ display: flex; justify-content: space-between; background: #f5f5f5; } .Configuration .pc_all_content .Configuration_table .Configuration_table_title .table_title_list{ color: #333333; padding: 24px 12px; font-size: 18px; text-align: center;} .Configuration .pc_all_content .Configuration_table .Configuration_table_title .table_title_list:nth-child(1){ width: 20%;} .Configuration .pc_all_content .Configuration_table .Configuration_table_title .table_title_list:nth-child(2){ width: 30%;} .Configuration .pc_all_content .Configuration_table .Configuration_table_title .table_title_list:nth-child(3){ width: 30%;} .Configuration .pc_all_content .Configuration_table .Configuration_table_title .table_title_list:nth-child(4){ width: 20%;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list{ display: flex; justify-content: space-between; background: #fff; border-top: 1px solid #eaeaea;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list:hover{ background: #fffdf2;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li{ color: #333333; padding: 14px 12px; font-size: 13px; text-align: center; line-height: 1.5; border-right: 1px solid #eaeaea; display: flex; align-items: center; justify-content: center;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li:last-child{ border-right: 0;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li:nth-child(1){ width: 20%;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li:nth-child(2){ width: 30%;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li:nth-child(3){ width: 30%;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li:nth-child(4){ width: 20%;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li.font18{ font-size: 18px;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li span{ font-weight: bolder; color: #d81e06;} .Configuration .pc_all_content .Configuration_bottom{ margin-top: 22px; margin-bottom: 80px;} .Configuration .pc_all_content .Configuration_bottom p{ font-size: 13px; color: #999999; margin-bottom: 11px;} .Configuration .pc_all_content .Configuration_bottom p:last-child{ margin-bottom: 0;} .Configuration .pc_all_content .Configuration_btn{ display: flex; justify-content: center;} .Configuration .pc_all_content .Configuration_btn .Configuration_btn_left{ background: #ffec00; width: 268px; padding: 13px 0px; text-align: center; cursor: pointer;} .Configuration .pc_all_content .Configuration_btn .Configuration_btn_left .btn_left_dd{ font-size: 18px; color: #111111;} .Configuration .pc_all_content .Configuration_btn .Configuration_btn_left .btn_left_dt{ font-size: 13px; color: #333333; margin-top: 5px;} .Configuration .pc_all_content .Configuration_btn .Configuration_btn_right{ width: 268px; border: 1px solid #dadada; text-align: center; display: flex; align-items: center; justify-content: center; margin-left: 12px; font-size: 13px; color: #999999; cursor: pointer;} .Configuration .pc_all_content .Configuration_btn .Configuration_btn_right img{ height: 17px; margin-right: 10px;} @media screen and (max-width:1705px){ .pc_all .pc_all_content,.footer .footer_content{ max-width: 1500px;} .banner .slider .banner_mdx2 .banner_mdx2_content{ width:1500px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 380px;} .JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 440px;} .AboutBanner img{ height: auto;} .nav_down .nav_down_contact .down_contact_bottom .contact_bottom_top p span{ margin-left: 0px;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ padding:125px;} .ContentPlanning .pc_all_content{ padding:0px 80px;} .ContentPlanning .ContentPlanning_right{ width:39%;} .BrandInternet .BrandInternet_right{ position:absolute; right:-110px; top:0; height:100%;} .DBanner,.DBanner .DBanner_img img,.WBanner_height{ height:950px;} .SEO1 .pc_all_content{ padding:0px 60px;} .SEO_idea .SEO_idea_content .idea_content_right{ width:58%;} .SEO_detail .SEO_detail_content{ padding:0px 130px;} .SEO2 .SEO2_right dd{ padding-right:36%;} .TBanner .TBanner_content{ width: 1500px; height:87%;} .Topic_technology .pc_all_content{ padding:0px 110px; padding-left:200px;} } @media screen and (max-width:1530px){ .pc_all .pc_all_content,.footer .footer_content{ max-width: 1200px;} .banner .slider .banner_mdx2 .banner_mdx2_content{ width:1200px;} .pc_top{ padding-left: 50px;} .pc_header .pc_header_content .header_content_right .menu ul li{ margin-right: 35px;} .pc_header2 .pc_header_content .header_content_right .top_right_phone{ width: 245px; padding-right: 50px;} .pc_header2 .pc_header_content .header_content_right .top_right_icon{ margin-left: 35px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 300px;} .JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 380px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 95px;} .footer .footer_content .footer_content_bottom .content_bottom_right a{ width: 9%;} .alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption img{ max-width:40%;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_pbl .slick-hero-slider-caption img{ max-width:40%;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_jq .slick-hero-slider-caption img{ max-width:40%;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption .transitionDelay4{ padding:33px 0px; margin: 0px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption img{ max-width:30%; max-height:60px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption .bg2 img{ max-height:inherit; max-width: 100%;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption img{ max-width: 57%;} .nav_down .nav_down_list .down_list_title .list_title_dt{ font-size: 22px;} .nav_down .nav_down_list .down_list_content p a{ font-size: 15px;} .nav_down .nav_down_list{ padding: 40px 20px;} .nav_down .nav_down_contact .down_contact_bottom .contact_bottom_top{ font-size: 14px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:30px; color:#fff; font-weight:bolder; text-transform:uppercase; margin-bottom:10px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:36px; color:#fff; font-weight:bolder; margin-bottom:0px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:20px; color:#fff;} .DBanner,.DBanner .DBanner_img img,.WBanner_height{ height:830px;} .HighWebsite2{ overflow:hidden;} .HighWebsite2 img{ max-width:100%;} .HighWebsite2 .HighWebsite2_left{ width:40%;} .HighWebsite2 .HighWebsite2_right{ width:35%;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_icon img{ max-width:100%;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ padding:0px;} .Research img{ max-width:100%; } .Research .Research_content{ padding:0px;} .ContentPlanning img{ max-width:100%; } .ContentPlanning .pc_all_content{ padding:0px;} .ContentPlanning .ContentPlanning_img{ width:55%;} .BrandInternet .BrandInternet_right{ right:-170px;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list{ padding:22px;} .SEO_idea .SEO_idea_content,.SEO1 .pc_all_content,.SEO_detail .SEO_detail_content{ padding:0px;} .SEO2 .SEO2_right dt{ margin-bottom:60px;} .TBanner .TBanner_content{ width: 1200px; height:87%;} .Topic_technology .pc_all_content{ padding:0px;} .TBanner .TBanner_content .TBanner_content_left .content_left_dd{ font-size:40px; margin-bottom:30px;} .TBanner .TBanner_content .TBanner_content_left .content_left_dt{ font-size:16px;} .TBanner .TBanner_content .TBanner_content_left a{ margin-top:50px;} .TBanner .TBanner_content .TBanner_content_right{ width:80%;} .TBanner .TBanner_content .TBanner_content_right img{ max-width:100%;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po{ width:100%;} .APPService .HighWebsite_right{ width:40%;} .APPAdvantage .APPAdvantage_content .APPAdvantage_content_list{ padding:30px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a{ padding-left:22px;} .SEO_idea .SEO_idea_title dt{ padding:0px;} .pc_header .pc_header_content .header_content_right .menu ul li .DropDown a{ margin-right:50px;} .pc_header .pc_header_content .header_content_right .menu ul li .DropDown a:after{ right:-25px;} .WeChat2 .WeChat2_content .WeChat2_content_list .content_list_title{ padding:0px 33px;} .APPService .HighWebsite_right{ align-items:flex-end;} .APPService .pc_all_content{ position: initial;} .APPProcess .APPProcess_content{ height:328px;} .APPProcess .APPProcess_content .APPProcess_content_list .content_list_title{ margin-bottom:40px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(1){ margin-top:85px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2){ margin-top:35px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(3){ margin-top:25px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(5){ margin-top:70px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(7){ margin-top:5px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(8){ margin-top:43px;} .DetailsBanner .DetailsBanner_img img{ height: 480px;} .IndexNews .IndexService_content_title dd{ font-size: 26px;} .IndexNews .IndexNews_title a{padding: 0px 12px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt{ padding: 20px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_dd{ font-size: 18px; margin-bottom: 14px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_dt{ margin-bottom: 25px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_img img{ height: 160px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom{ justify-content: space-between;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list{ width: 48%; margin-right: 0;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list{ margin-bottom: 0;} } @media screen and (max-width:1200px){ .pc_all .pc_all_content{ width: 96% !important; margin: 0 auto; overflow: hidden;} .pc_top,.footer_content,#mydiv{ display: none;} .mo_footer{ display:block;} .mo_top{display: block;} .mo_height{ height: 50px;} .slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;} img{ max-width: 100%;} .hight,.pc_top_company,.banner .banner_txt,.buildnum{ display: none;} input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px !important;} input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px !important;} input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:13px !important;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;} textarea::-webkit-input-placeholder{color:#999999; font-size:13px !important;} .Copyright .pc_all_content{ display: block; padding: 15px 0px; height: auto; font-size: 13px; text-align: center;} .Copyright .pc_all_content a{ font-size: 13px;} .footer .footer_content{ z-index:50;} .pc_header2 .pc_header_content .header_content_right .top_right_icon,.pc_header2 .pc_header_content .header_content_right .top_right_phone{ display:none;} .banner{ position: relative;} .banner .slick-dots{ bottom: 4%; width: 100%; left: 0;} .banner .slick-dots li{ width: 12px; height: 17px; margin: 0px 2px;} .banner .slick-dots li.slick-active{ border:0px;} .banner .slick-dots li.slick-active button:before{ opacity:1;} .banner .slick-dots li button{ width:100%; height:auto; height: 1px; padding:0px;} .banner .slick-dots li button:before{ position: relative; left: 0px; top: 0px; font-size:24px; width:100%; height:auto; line-height:2px; opacity:.5;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_jq .slick-hero-slider-caption .transitionDelay2{ margin-bottom:15px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption .transitionDelay4{ padding:12px 0px;} .banner_height{ display: none;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .transitionDelay2{ margin-bottom: 5px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .transitionDelay4{ margin-bottom: 0px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption img{ max-width: 60%;} .alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption div{ margin: 0px;} .banner,.slick-item,.banner_height,.slick-hero-slider .image-bg{ height: 400px !important;} .AboutBanner{ position: relative;} .AboutBanner_height{ display: none;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .JiJin1{ padding: 50px 2%;} .JiJin1 .JiJin1_title{ margin-bottom: 30px;} .JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 30px; margin-bottom: 10px;} .JiJin1 .JiJin1_content{ display: block;} .JiJin1 .JiJin1_content .JiJin1_content_list{ width: 100%; box-shadow: 0px 0px 49px rgb(0 0 0 / 13%);} .JiJin1 .JiJin1_content .JiJin1_content_list:last-child{ margin-top: 30px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_p{ right: 4%;} .JiJinCase .JiJinCase_content{ margin-bottom: -20px;} .JiJinCase .JiJinCase_content .JiJinCase_content_list{ margin-bottom: 22px;} .JiJinAbout .JiJinAbout_title dd{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;} .JiJinAbout .JiJinAbout_title dt{ line-height: 30px;} .JiJinAbout .JiJinAbout_bottom{ flex-wrap: wrap; margin-top: 22px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 0px; width: 49%; margin-top: 26px; text-align: center;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd{ margin-bottom: 15px;} .JiJinClient .JiJinClient_content .JiJinClient_content_list{ width: 30%; height: 145px;} .IndexNews .IndexService_content_title{ display: block; margin-bottom: 45px; overflow: hidden;} .IndexNews .IndexService_content_title dd{ text-align: center; margin-bottom: 20px;} .IndexNews .IndexService_content_title dd,.IndexNews .IndexService_content_title .IndexNews_title{ width: 100%;} .IndexNews .IndexService_content_title .IndexNews_title{ display: flex; justify-content: space-between;} .IndexNews .IndexNews_content .IndexNews_content_video,.IndexNews .IndexNews_content .IndexNews_content_right{ width: 100%;} .IndexNews .IndexNews_content .IndexNews_content_video{ margin-bottom: 35px;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: flex; align-items: center; justify-content: space-between;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content p{-webkit-line-clamp: 2; height: auto;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{ width: 32%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{ width: 60%;} .about .about_title dd{ font-size: 15px; margin-bottom: 10px;} .about .about_title dt{ font-size: 18px; margin-bottom: 22px; padding-bottom: 15px;} .honor{ padding: 33px 0px;} .honor .about_title{ margin-bottom: 30px;} .honor .honor_content .honor_content_left,.honor .honor_content .honor_content_right{ width: 100%;} .honor .honor_content .honor_content_left{ margin-bottom: 25px; position: relative;} .honor .honor_content .honor_content_left .content_left_li .left_li_bottom{ font-size: 14px; bottom: 23%;} .Perspective{ height: 400px;} .Perspective .Perspective_y{ top: 32%;} .Perspective .Perspective_content{ padding-bottom: 0px;} .Perspective .Perspective_content dd{ font-size: 30px;} .Perspective .Perspective_content dt{ margin-top: 22px;} .Customers{ padding: 33px 0px; background: url(../image/bg29.jpg) no-repeat 50%/cover;} .Customers .about_title{ margin-bottom: 20px;} .Customers .Customers_content .Customers_content_list{ width: 32%;} .Customers .Customers_content .Customers_content_list{ height: 90px;} .Customers .Customers_content .Customers_content_list img{ max-width: 80%; opacity: 1 !important;} .pc_index .banner{ position:relative;} .pc_index .pc_header{ z-index:50; height:auto; padding:0px 4%; position:absolute;} .pc_header .pc_header_content{} .pc_header2 .pc_header_content .header_content_right .top_right_icon,.pc_header2 .pc_header_content .header_content_right .top_right_phone{ display:none;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:16px; color:#fff; font-weight:bolder; text-transform:uppercase; margin-bottom:10px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:14px; color:#fff; font-weight:bolder; margin-bottom:0px;} .alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:12px; color:#fff;} .DBanner .DBanner_txt{ padding:0px 25px;} .DBanner .DBanner_txt .DBanner_txt_dd{ font-size:24px; line-height:36px;} .DBanner .DBanner_txt .DBanner_txt_dt{ margin-top:25px; font-size:15px; text-align:center;} .HighWebsite{ padding:35px 0px;} .HighWebsite .HighWebsite_left,.HighWebsite .HighWebsite_right{ width:100%; } .HighWebsite .HighWebsite_left .HighWebsite_left_title{ margin-bottom:30px;} .HighWebsite .HighWebsite_left .HighWebsite_left_title dd{ font-size:20px; margin-bottom:8px;} .HighWebsite .HighWebsite_left .HighWebsite_left_title dt{ font-size:14px; padding-bottom:20px; margin-bottom:20px;} .HighWebsite .HighWebsite_left .HighWebsite_left_title p{ font-size:14px;} .HighWebsite .HighWebsite_right{ position:inherit; margin-top:35px;} .HighWebsite .HighWebsite_right img{ width:100%;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list{ width:48%; padding:18px 0px;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dt{ font-size:15px; height:32px; padding:0px 10px;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd{ height:40px;} .HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd img{ max-height:32px;} .HighWebsite2{ padding:35px 0px;} .HighWebsite2 .pc_all_content{ display:block;} .HighWebsite2 .HighWebsite2_center{ display:none;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_icon{ display:none;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ position:inherit; padding:25px 0px; padding-bottom:0px;} .HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dd{ font-size:24px;} .Research{ padding:35px 0px;} .Research .Research_title{ margin-bottom:30px;} .Research .Research_title dd{ font-size:24px;} .Research .Research_title dt{ font-size:16px;} .Research .Research_content{ display:block; padding:0px;} .Research .Research_content .Research_content_list .content_list_li:first-child{ margin-bottom:30px;} .Research .Research_content .Research_content_img{ margin:33px;} .Research .Research_content .Research_content_list .content_list_li .list_li_txt dd{ font-size:18px;} .Research .Research_content .Research_content_list .content_list_li .list_li_icon img{ max-height:35px;} .Research .Research_content .Research_content_list .content_list_li .list_li_txt{ margin-left:20px;} .ContentPlanning{ padding:35px 0px;} .ContentPlanning .pc_all_content{ padding:0px; display:block;} .ContentPlanning .ContentPlanning_right{ width:100%; margin-top:35px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_title{ margin-bottom:30px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dd{ font-size:26px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dt{ font-size:16px;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list{ justify-content:space-between;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt{ width:80%;} .ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt dd{ font-size:16px;} .BrandInternet{ padding-bottom:40px;} .BrandInternet .pc_all_content{ display:block;} .BrandInternet .BrandInternet_left{ padding:35px 0px;} .BrandInternet .BrandInternet_left,.BrandInternet .BrandInternet_right{ width:100%;} .BrandInternet .BrandInternet_left .BrandInternet_left_title{ margin-bottom:0px;} .BrandInternet .BrandInternet_left .BrandInternet_left_title dd{ font-size:24px;} .BrandInternet .BrandInternet_left .BrandInternet_left_title dt{ font-size:15px; margin-top:10px;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list{ width:48%;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon{ height:40px; display:flex; align-items:center;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon img{ max-height:36px;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dd{ font-size:16px;} .BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dt{ font-size:14px;} .BrandInternet .BrandInternet_right{ position:inherit; right:0px;} .BrandInternet .BrandInternet_right .mo_show{ padding:0px 33px;} .pc_show{ display:none;} .mo_show{ display:block;} .HighWebsite2 .HighWebsite2_left,.HighWebsite2 .HighWebsite2_right{ width:100%;} .SystemDevelopment::before{ display:none;} .SystemDevelopment .pc_all_content{ display:block;} .SystemDevelopment .SystemDevelopment_content{ width:100%; margin-top:35px;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list{ display:block; padding:20px;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_icon{ margin-right:0px; margin-bottom:15px;} .SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_icon img{ max-height:36px;} .Maintenance{ padding:36px 0px;} .Maintenance .Maintenance_title { margin-bottom:33px;} .Maintenance .Maintenance_title dd{ font-size:26px;} .Maintenance .Maintenance_title dt{ font-size:14px; line-height:26px;} .Maintenance .Maintenance_content .Maintenance_content_c{ display:none;} .Maintenance .Maintenance_content .Maintenance_content_y{ margin-bottom:33px;} .Maintenance .Maintenance_content .Maintenance_content_y2{ margin-bottom:0px;} .Maintenance .Maintenance_content .Maintenance_content_y,.Maintenance .Maintenance_content .Maintenance_content_y2{ position:inherit; margin-top:0px; justify-content:space-between;} .Maintenance .Maintenance_content .Maintenance_content_y::before{ display:none;} .Maintenance .Maintenance_content .Maintenance_content_y2::before{ display:none;} .Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list,.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list{ margin-right:0px !important; top:0px !important;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list{ width:25%;} .Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_title{ font-size:16px; text-align:center;} .INews .INews_content .INews_content_list{ width:100%;} .INews .INews_content .INews_content_list:last-child{ margin-top:36px;} .DBanner .DBanner_scroll img{ max-height:25px;} .SEO1{ padding:35px 0px;} .SEO1 .pc_all_content{ display:block;} .SEO1 .SEO1_left,.SEO1 .SEO1_right{ width:100%;} .SEO1 .SEO1_left{ padding:0px 65px;} .SEO1 .SEO1_right{ margin-top:35px;} .SEO1 .SEO1_right .SEO1_right_title{ margin-bottom:33px;} .SEO1 .SEO1_right .SEO1_right_title dd{ font-size:24px;} .SEO1 .SEO1_right .SEO1_right_title dt{ font-size:16px; margin-top:12px; line-height:26px;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list{ justify-content:space-between;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r{ margin-left:0px; width:80%;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dd{ font-size:16px;} .SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dt{ font-size:14px;} .SEO_Advantage{ display:block;} .SEO_Advantage .SEO_Advantage_left,.SEO_Advantage .SEO_Advantage_right{ width:100%; top:0px; padding:33px 20px;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_title{ font-size:26px; text-align:center; margin-bottom:22px;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt{ text-align:center; width:100%;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_icon{ display:none;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dd{ font-size:16px;} .SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dt{ font-size:14px;} .SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt{ margin-left:0px;} .SEO_idea{ padding:0px; padding-bottom:35px;} .SEO_idea .SEO_idea_title dd{ font-size:26px;} .SEO_idea .SEO_idea_title dt{ padding:0px; font-size:14px; line-height:26px;} .SEO_idea .SEO_idea_content{ display:block;} .SEO_idea .SEO_idea_content .idea_content_icon{ width:100%; height:380px;} .SEO_idea .SEO_idea_content .idea_content_icon .content_icon_t div{ padding:0px 30px;} .SEO_idea .SEO_idea_content .idea_content_icon img{ width:100%;} .SEO_idea .SEO_idea_content .idea_content_right{ width:100%;} .SEO_idea .SEO_idea_content .idea_content_right .content_right_list:before{ display:none;} .SEO_idea .SEO_idea_content .idea_content_right .content_right_list{ padding:20px;} .SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title{ font-size:18px;} .SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title span{ font-size:14px;} .SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_txt{ font-size:14px;} .SEO_detail{ padding:33px 0px;} .SEO_detail .SEO_detail_content{ flex-wrap:wrap; justify-content: flex-start; margin-top:30px;} .SEO_detail .SEO_detail_content .detail_content_list{ width:33.33%; margin-bottom:30px;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_icon img{ max-height:55px;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd{ font-size:16px;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dt{ font-size:14px;} .SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd{ margin-bottom:20px; padding-bottom:10px;} .SEO_detail .SEO_detail_btn{ margin-top:0px;} .SEO2{ padding:35px 0px;} .SEO2 .pc_all_content{ display:block;} .SEO2 .SEO2_img,.SEO2 .SEO2_right{ width:100%;} .SEO2 .SEO2_right{ margin-top:33px;} .SEO2 .SEO2_right dd{ font-size:20px; padding-right:0px; line-height:45px; margin-bottom:10px;} .SEO2 .SEO2_right dt{ font-size:15px; margin-bottom:30px;} .Customers .SEO_idea_title{ margin-bottom:25px;} .Customers .SEO_idea_title dd{ font-size:26px; margin-bottom:10px;} .Customers .SEO_idea_title dt{ padding:0px; font-size:14px;} .SEO_case{ padding:35px 0px;} .SEO_case .SEO_case_content{ display:block; padding:0px 25px; margin-top:25px;} .SEO_case .SEO_case_content .case_content_list{ width:100%; margin-bottom:25px;} .SEO_case .SEO_case_content .case_content_list .content_list_img{ padding:20px;} .Topic_header{ top:30px;} .Topic_header .pc_all_content{ display:block;} .Topic_header .Topic_header_logo{ display:none;} .Topic_header .pc_all_content .Topic_header_content{ display: flex; flex-wrap:wrap; justify-content:space-between;} .Topic_header .pc_all_content .Topic_header_content .header_content_list{ margin-right:0px; width:31%; margin-bottom:15px;} .Topic_header .pc_all_content .Topic_header_content .header_content_list .content_list_title{ font-size:16px; padding:10px 0px; border:1px solid #fff; text-align:center; display:inline-block; width:100%; border-radius:10px;} .TBanner .TBanner_content{ height:76%; display:block; padding:0px 4%; max-width:100%;} .TBanner .TBanner_content .TBanner_content_left{ width:100%; margin-bottom:35px;} .TBanner .TBanner_content .TBanner_content_left .content_left_dd{ font-size:18px;} .TBanner .TBanner_content .TBanner_content_left .content_left_dt{ font-size:14px; line-height:26px;} .TBanner .TBanner_content .TBanner_content_left a{ margin-top:30px; font-size:15px;} .TBanner .TBanner_content .TBanner_content_right{ width:100%; text-align:left;} .Topic_case{ padding:35px 0px;} .Topic_case .Topic_case_content{ margin-top:20px;} .Topic_case .Topic_case_content .case_content_list{ width:48%; margin-top:4%; padding:20px;} .Topic_case .Topic_case_content .case_content_list .content_list_txt{ line-height:22px;} .Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_title{ font-size:16px; margin-bottom:20px; padding-bottom:10px;} .Topic_technology{ padding:35px 0px;} .Topic_technology:before,.Topic_technology:after{ display:none;} .Topic_technology .pc_all_content{ display:block;} .Topic_technology .Topic_technology_left{ margin-bottom:25px;} .Topic_technology .Topic_technology_left .technology_left_dd{ font-size:18px;} .Topic_technology .Topic_technology_left .technology_left_dd p{ margin-bottom:8px; text-align:center;} .Topic_technology .Topic_technology_right{ width:100%;} .Topic_technology .Topic_technology_right .technology_right_list{ padding:20px;} .Topic_technology .Topic_technology_right .technology_right_list:nth-child(3){ margin-left:0px;} .Topic_technology .Topic_technology_right .technology_right_list:nth-child(4){ margin-right:0px;} .Topic_technology .Topic_technology_right .technology_right_list .right_list_title{ margin:15px 0px; font-size:16px;} .honor{ padding:35px 0px;} .honor .SEO_idea_title{ margin-bottom:30px;} .APPService .HighWebsite_right{ right:0;} .APPProcess{ padding:35px 0px;} .APPProcess .APPProcess_title{ margin-bottom:33px; font-size:22px;} .APPProcess:before{ display:none;} .APPProcess .APPProcess_content{ flex-wrap:wrap;} .APPProcess .pc_all_content{ padding:0px;} .APPProcess .APPProcess_content .APPProcess_content_list{ margin-top:0px !important; width:48%; margin-bottom:25px;} .APPProcess .APPProcess_content .APPProcess_content_list .content_list_title{ margin-bottom:25px;} .APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2n) .content_list_title{ margin-top:25px;} .APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dd{ font-size:16px; margin-bottom:8px;} .APPAdvantage{ padding:35px 0px;} .APPAdvantage .APPAdvantage_title{ margin-bottom:34px;} .APPAdvantage .APPAdvantage_title dd{ font-size:22px;} .APPAdvantage .APPAdvantage_title dt{ font-size:14px; margin-top:11px;} .APPAdvantage .APPAdvantage_content{ flex-wrap:wrap;} .APPAdvantage .APPAdvantage_content .APPAdvantage_content_list{ width:48%; padding:20px; margin-bottom:4%;} .APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_title{ font-size:16px; margin-bottom:20px;} .APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_txt{ font-size:14px; text-align:left; line-height:24px;} .APPDevelopment .APPDevelopment_content{ display:block;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left,.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right{ width:100%; background:none; top:0px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left{ padding:0px; display:flex; justify-content:space-between; flex-wrap:wrap;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a{ height:65px; font-size:16px; padding:0px; justify-content:center; width:49%; margin-bottom:2%;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a img{ margin-right:15px; max-height:25px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top dd{ font-size:18px;} .APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li dd{ font-size:18px;} .APPApplication .APPApplication_content .APPApplication_content_list{ width:48%; margin-bottom:4%; padding:20px;} .APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dd{ font-size:16px;} .APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dt{ font-size:14px;} .WeChat2{ padding-bottom:0px;} .WeChat2 .WeChat2_content{ flex-wrap:wrap;} .WeChat2 .WeChat2_content .WeChat2_content_list{ width:49%; margin-bottom:2%; padding:20px 0px;} .WeChat2 .WeChat2_content .WeChat2_content_list .content_list_iocn img{ max-height:45px;} .WeChat2 .WeChat2_content .WeChat2_content_list .content_list_title{ padding:20px; font-size:14px; line-height:22px; margin-top:0px; padding-bottom:0px;} .WeChat2 .WeChat2_bottom{ margin-top:30px;} .WeChatShop{ padding:33px 0px; background: #ffffff url(../image/bg54.jpg) no-repeat 50%/cover;} .WeChatShop .WeChatShop_title{ font-size:22px; margin-bottom:30px;} .WeChatShop .WeChatShop_content{ display:block;} .WeChatShop .WeChatShop_content .WeChatShop_content_list{ width:100%; margin-top:0px;} .WeChatShop .WeChatShop_content .WeChatShop_content_img{ display:none;} .WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li{ margin-bottom:22px; width:32%;} .WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dd{ width:100%; height:65px; border-radius:0px; padding:0px 15px;} .WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dt{ font-size:16px;} .WeChatShop .WeChatShop_bottom{ margin-top:18px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title{ padding:0px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dd{ font-size:20px; color:#fff;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dt{ font-size:14px; line-height:26px; color:#fff;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li{ width:32%; margin-bottom:2%; background:#fff; margin-top:0px; padding:13px 0px; border-radius:3px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li dd img{ max-height:25px;} .WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li dt{ margin-top:10px;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_img{ display:none;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po{ position:inherit; width:100%; display: block;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list{ width:100%; padding:20px; background:#2b303b;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li{ margin-bottom:22px;} .WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list:last-child{ background:#656b78; width:100%; margin-top:20px;} .pc_header .pc_header_content .header_content_right .menu ul li .DropDown a dd{ display:none;} .APPProcess .APPProcess_content{ height:auto;} .banner .slider .banner_mdx2 .banner_mdx2_content{ width:94%;} .banner .slider .banner_mdx2 .banner_mdx2_left{ width:32%;} .banner .slider .banner_mdx2 .banner_mdx2_left .mdx2_left_dd{ margin-bottom:15px;} } @media screen and (max-width:950px){ .pc_index .pc_header{ position:fixed; padding:0px;} .AboutBanner{ margin-top:50px;} .pc_index .banner{ margin-top:51px;} .pc_header .pc_header_content .header_content_logo{ line-height:50px;} .pc_header .pc_header_content .header_content_logo img{ position: relative; top: -3px;} } @media screen and (max-width:768px){ .JiJin1{ padding: 33px 0px;} .JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 18px;} .JiJin1 .JiJin1_title .JiJin1_title_dt{ font-size: 14px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 16px; padding-bottom: 12px; margin-bottom: 10px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title::before{ height: 1px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p{ font-size: 14px; margin-bottom: 10px;} .JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 210px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 210px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li{ padding: 0px 12px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd{ font-size: 16px; margin-bottom: 5px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt{ font-size: 13px;} .JiJinCase .JiJinCase_content .JiJinCase_content_list{ width: 48%;} .JiJinCase .JiJinCase_content .JiJinCase_content_list:last-child{ display: none;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt span{ font-size: 12px;} .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{ line-height: 48px; font-size: 14px;} .JiJinAbout .JiJinAbout_title dd{ font-size: 18px; padding-bottom: 18px; margin-bottom: 26px;} .JiJinAbout .JiJinAbout_title dt{ font-size: 13px; line-height: 28px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd img{ max-height: 150px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dt{ font-size: 13px;} .JiJinClient .JiJinClient_content .JiJinClient_content_list{ width: 48%; height: 90px;} .JiJinClient .JiJinClient_content .JiJinClient_content_list img{ max-width: 70%;} .JiJinClient .JiJinClient_content .JiJinClient_content_list:last-child{ display: none;} .IndexNews .IndexService_content_title{ margin-bottom: 25px;} .IndexNews .IndexService_content_title .IndexNews_title{ flex-wrap: wrap; justify-content: center;} .IndexNews .IndexService_content_title dd{ font-size: 18px;} .IndexNews .IndexNews_title a{ margin-right: 0px; width: 30%; margin-right: 13px; margin-bottom: 13px; line-height: 45px;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: block;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img img{ height: auto;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{ width: 100%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{ width: 100%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title{ display: flex; height: 45px; line-height: normal; align-items: center; justify-content: space-between;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd{ width: 70%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title:after{ display: none;} .Customers .Customers_content .Customers_content_list{ width: 49%;} .Customers .Customers_content .Customers_content_list:last-child{ display: none;} .ContactNow{ padding: 32px 4%;} .ContactNow .ContactNow_title dd{ font-size: 16px; margin-bottom: 30px;} .ContactNow .ContactNow_title dd::before{ bottom: -15px;} .APPDevelopment .APPDevelopment_bg img{ height:900px; object-fit:cover;} .IndexNews2023 .IndexService_content{ display: block;} .IndexNews2023 .IndexService_content .IndexNews2023_left,.IndexNews2023 .IndexService_content .IndexNews2023_right{ width: 100%;} .IndexNews2023 .IndexService_content .IndexNews2023_left{ margin-bottom: 22px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top{ flex-wrap: wrap;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list{ width: 100%; margin-bottom: 15px;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list:last-child{ margin-bottom: 0;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_img img{ height: 200px;} .IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_bottom{ margin-top: 20px;} .CBanner img{ height: 350px;} .CBanner .AboutBanner_po .AboutBanner_po_title{ font-size: 24px;} .CBanner .AboutBanner_po .AboutBanner_po_txt{ font-size: 16px; margin: 22px 0px;} .CBanner .AboutBanner_po .AboutBanner_po_btn a{ font-size: 16px; padding: 10px;} .Configuration{ padding: 45px 0px;} .Configuration .pc_all_content .Configuration_title{ font-size: 20px;} .Configuration .pc_all_content .Configuration_table .Configuration_table_title .table_title_list{ font-size: 16px; padding: 12px 6px;} .Configuration .pc_all_content .Configuration_table .Configuration_table_txt .table_txt_list .txt_list_li{ padding: 10px 5px; font-size: 12px;} .Configuration .pc_all_content .Configuration_btn{ flex-wrap: wrap;} .Configuration .pc_all_content .Configuration_btn .Configuration_btn_left,.Configuration .pc_all_content .Configuration_btn .Configuration_btn_right{ width: 100%;} .Configuration .pc_all_content .Configuration_btn .Configuration_btn_right{ margin-top: 20px; height: 72px; margin-left: 0;} .Configuration .pc_all_content .Configuration_bottom{ margin: 30px 0px;} } @media screen and (max-width:600px){ .banner,.slick-item,.banner_height,.slick-hero-slider .image-bg{ height: 230px !important;} .DBanner, .DBanner .DBanner_img img, .WBanner_height{ height:340px !important;} .pc_index .pc_header{ background:#111 !important; height: 62px; border-bottom: 0px; display: flex; align-items: center;} .IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list{ width: 100%;} } @media screen and (max-width:375px){ } @media screen and (max-width:360px){ } @media screen and (max-width:320px){ }