/* CSS Document */ body{ margin:0px; padding:0px; border:0px; font-family:"微软雅黑","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#555555; font-size:14px; width:100%; background:#ffffff; } body.on{ overflow: hidden;} 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; } /* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/ li{ list-style:none;} i{ font-style: inherit;} .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"} .zd-map{width:98%;height:500px; margin: 60px 0 0 0; /* padding: 20px; */ border: 5px solid #ffffff;box-shadow: 0 10px 10px #eeeeee;} .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;} .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .zd-jxnmenu { font-size: 14px; position: absolute; top: 45%; left: 16%; color: #ffffff; } .zd-jxnmenu a{color: #ffffff;margin: 0 6px} .mo_down{ height:0px; overflow:hidden} .mo_down.on{ height:auto;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .pt80{padding-top:80px;} .bt0{padding-bottom:0px; margin-bottom:0px;} .mt40{margin-top:40px;} .mb40{margin-bottom:40px;} .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);} .mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;} .mo_top .mot .molo img{ height:30px;} .mo_top .mot .momenuicon{ float:right; height:16px; margin:17px 0;} .mo_top .mot .cloesicon{ display:none;} .mo_top .moxl{ left:-100%; top:50px; background:rgba(50,123,246,0.5); position:absolute; z-index:99; width:100%; transition:all ease 0.3s;} .mo_top .moxl_box{ width:60%; background:#327bf6; height:100%; padding-bottom: 50px;} .mo_top .moxl .moxl_xun{ width:100%; float:left; position:relative;} .mo_top .moxl .moxl_xun .moxl_xun_icon{ width:100%; height:0px; position:absolute; padding-right:10px;} .mo_top .moxl .moxl_xun .moxl_xun_icon img{ float:right; height:10px; margin:20px 0;} .mo_top .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2{ display:none; width:10px; height:7px} .mo_top .moxl .moxl_xun .moxl_xun_title{ width:100%; padding-left:10px; display:inline-block; line-height:35px; font-size:14px; color:#fff;} .mo_top .moxl .moxl_xun .moxl_erji{ width:100%; overflow:hidden; display:none} .mo_top .moxl .moxl_xun .moxl_erji a{ width:100%; padding-left:20px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; float:left;} .mo_bottom{ width:100%; background:#da251c; display:none; margin-top:20px; position:fixed; bottom:0; z-index:20;} .mo_bottom .mo_bottom_nei{ width:96%; margin:0 auto; height:50px;} .mo_bottom .mo_bottom_nei .mo_lj_font{ padding-top:5px;} .mo_lj{ color:#fff; padding:10px 0; text-align:center; font-size:13px; width:25%;} .mo_yc{ width:100%; height:80px; display:none;} .mo_lj div i{ font-size: 20px;} .banner{ height: 800px; overflow: hidden;} .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:47px; height:4px; margin: 0px 13px;} .banner .slick-dots li button{ width:100%; background:rgba(255,255,255,.4); padding:0px; height:100%;} .banner .slick-dots{ bottom:4%;} .banner .slick-slide .banner_img img{ width:100%; height: 800px; object-fit: cover;} .sysq{ position:absolute; right:0; top:0; line-height:80px; display:inline-block; width:120px; text-align:center; color:#fff; background:#17308e; font-size:14px;} .pc_all .pc_all_contnet{ max-width: 1320px; margin: 0 auto;} .pc_top{ position: fixed; top: 0; left: 0; width: 100%; z-index: 50; border-bottom: 1px solid rgba(255,255,255,.2); transition: all 0.5s ease;} .pc_top.stick{ background: #fff; transition: all 0.5s ease; border-bottom: 1px solid #eeeeee;} .pc_top.stick .top_content_nav .content_nav_list .nav_list_title{ color: #444444;} .pc_top.stick .top_content_logo{ /*background: url(../images/logo_on.png) no-repeat 50% 50%;*/} .pc_top.stick .top_content_nav .content_nav_list:before{ background: #e71e24;} .pc_top.in{ background: #fff; transition: all 0.5s ease; border-bottom: 1px solid #eeeeee;} .pc_top.in .top_content_nav .content_nav_list .nav_list_title{ color: #444444;} .pc_top.in .top_content_logo{ /*background: url(../images/logo_on.png) no-repeat 50% 50%;*/} .pc_top.in .top_content_nav .content_nav_list:before{ background: #e71e24;} .zd_pms {padding-bottom:100px;} .zd_pms ul {} .zd_pms ul li {width: 45%; float:left; margin: 20px 100px 40px 20px; transition: all 0.5s ease; background: #ffffff; padding: 30px;} .zd_pms ul li:hover{ transition: all 0.5s ease; box-shadow:0px 0px 20px rgba(0,0,0,.15);} .zd_pms ul li:nth-child(2n){ margin: 20px 0px 20px 0px;} .zd_pms ul li img{ width: 100%;} .zd_pms ul li p{font-size:20px; text-align:center; width:100%;margin-top:20px;} .pc_top .top_content_logo{ display: inline-block; width: 156px; height: 79px; /*background: url(../images/logo.png) no-repeat 50% 50%;*/} .pc_top .top_content_logo img{margin:10px 0 0 10px;;} .pc_top .top_content_nav .content_nav_list{ margin-right: 70px; position: relative;} .pc_top .top_content_nav .content_nav_list:last-child{ margin-right: 0px;} .pc_top .top_content_nav .content_nav_list:before{ content: ""; position: absolute; display: inline-block; width: 0px; height: 3px; background: #fff; bottom: 0px; left: 0; transition: all 0.3s ease; right: 0; margin: 0 auto;} .pc_top .top_content_nav .content_nav_list:first-child:before{ left: -14px;} .pc_top .top_content_nav .content_nav_list:hover:before{ width: 65px; transition: all 0.3s ease; } .pc_top .top_content_nav .content_nav_list .nav_list_title{ font-size: 16px; display: inline-block; line-height: 79px; color: #fff;} .pc_top .top_content_nav .content_nav_list .nav_list_down{ position:absolute; left:-60px; width:186px; display:none;} .pc_top .top_content_nav .content_nav_list .nav_list_down a{ display:inline-block; width:100%; line-height:44px; font-size:15px; color:#fff; background:rgba(0,0,0,.5); text-align:center;} .pc_top .top_content_nav .content_nav_list .nav_list_down a:hover{ color:#0469E2; background:#fff;} .pc_top .top_content_nav .content_nav_list:hover .nav_list_down{ display:block;} .platform{ padding: 80px 0px; background: #f5f6fa;} .platform .platform_title{ text-align: center; margin-bottom: 60px;} .platform .platform_title dd{ font-size: 30px; color: #222222;} .platform .platform_title dt{ font-size: 18px;line-height: 30px; color: #777777; margin-top: 10px; text-transform: uppercase;} .platform .platform_content .platform_content_left{ width: 69%;} .platform .case_content img{ max-width:100%;} .platform .platform_content .platform_content_left .content_left_nav{ width: 31%; border: 1px solid #c9c9c9; padding: 0px 20px; background: #fff; } .platform .platform_content .platform_content_left .content_left_nav .left_nav_list{ display: inline-block; width: 100%; padding: 35px 0px; border-bottom: 1px solid #c9c9c9; position: relative;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list:last-child{ border-bottom: 0px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_left{ width: 30%; text-align: center; line-height: 93px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_right{ width: 65%; height: 93px; margin-left: 5%;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_right dd{ font-size: 20px; color: #0469db; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_right dt{ font-size: 14px; color: #888888; display: -webkit-box; height: 57px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .platform .platform_content .platform_content_left .content_left_img{ width: 69%;} .platform .platform_content .platform_content_left .content_left_img .slick-dots li button:before{ display:none;} .platform .platform_content .platform_content_left .content_left_img .slick-dots li.slick-active button{ background:#fff;} .platform .platform_content .platform_content_left .content_left_img .slick-dots li{ width:10px; height:10px; margin: 0px 5px; border-radius:100%; overflow:hidden;} .platform .platform_content .platform_content_left .content_left_img .slick-dots li button{ width:100%; background:rgba(255,255,255,.4); padding:0px; height:100%;} .platform .platform_content .platform_content_left .content_left_img .slick-dots{ bottom:4%;} .platform .platform_content .platform_content_left .content_left_img img{ max-height: 657px; width: 100%;} .platform .platform_content .platform_content_left .content_left_img .left_img_list{ width: 100%;} .platform .platform_content .platform_content_right{ background: #fff; width: 30.5%; margin-left: 0.5%;} .platform .platform_content .platform_content_right .content_right_title{ background: url(../image/bg2.jpg) no-repeat 50%/cover; padding: 48px 25px;} .platform .platform_content .platform_content_right .content_right_title dd{ font-size: 24px; color: #fff;} .platform .platform_content .platform_content_right .content_right_title dt{ font-size: 16px; color: #fff; margin-top: 5px;} .platform .platform_content .platform_content_right .content_right_txt{ padding: 13px 8px;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list{ display: inline-block; width: 49%; border: 1px solid #ebebeb; margin-right: 2%; margin-bottom: 2%; padding: 24px 0px;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list:nth-last-child(2){ margin-bottom: 0px;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list:last-child{ margin-bottom: 0px;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list:nth-child(2n){ margin-right: 0px;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list dd{ height: 36px; width: 42px; margin: 0 auto; margin-bottom: 7px; line-height: 36px; overflow: hidden;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list dd img{ position: relative; left: 0; transition: all 0.3s ease;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list:hover dd img{ left: -42px; transition: all 0.3s ease;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list dt{ text-align: center; font-size: 16px; color: #444444;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list:hover{ background: #2883ea;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list:hover dt{ color: #fff;} .solution{ padding-top: 0px;} .solution .solution_content{ position: relative; margin-top: 55px; overflow:hidden;} .solution .solution_content .solution_content_title{ position: absolute; width: 100%; left: 0; top: 0; z-index: 5; line-height: 70px; background: rgba(0,0,0,.65);} .solution .solution_content .solution_content_title .slick-prev:before,.solution .solution_content .solution_content_title .slick-next:before{ color: #fff; font-size: 38px; line-height: 70px;} .solution .solution_content .solution_content_title .slick-prev,.solution .solution_content .solution_content_title .slick-next{ width: auto; height: auto; top: 0; line-height: 70px;} .solution .solution_content .solution_content_title .content_title_txt{ width: 1320px; margin: 0 auto; padding: 0px 55px;} .solution .solution_content .solution_content_title .content_title_txt dd{ text-align: center; outline:none;} .solution .solution_content .solution_content_title .content_title_txt dd.on a:before{ width: 83px;} .solution .solution_content .solution_content_title .content_title_txt dd.on a{ color: #fff;} .solution .solution_content .solution_content_title .content_title_txt a{ color: #afafaf; font-size: 18px; text-align: center; line-height: 70px;} .solution .solution_content .solution_content_title .content_title_txt a:before{ content: ""; position: absolute; display: inline-block; width: 0px; height: 2px; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #fff; transition: all 0.3s ease;} .solution .solution_content .solution_content_title .content_title_txt a:hover:before{ width: 82px; transition: all 0.3s ease;} .solution .solution_content .solution_content_txt .content_txt_list{ position: relative;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_img img{ width:100%; height:770px; object-fit:cover;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content{ position: absolute; width: 1320px; left: 0; right: 0; margin: 0 auto; bottom: 0px; background:rgba(0,0,0,.65); border-radius:10px 10px 0px 0px; padding:29px 0px; max-height:30%; transition: all 0.8s ease;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content:hover{ max-height:90.6%; transition: all 1s ease;} .solution .solution_content .solution_content_txt .content_txt_list:nth-child(2) .txt_list_content:hover{ max-height:47%; transition: all 0.8s ease;} .solution .solution_content .solution_content_txt .content_txt_list:nth-child(4) .txt_list_content:hover{ max-height:47%; transition: all 0.8s ease;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dd{ font-size: 22px; color: #fff; text-align:center; line-height:35px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dd img{ margin-right:12px; height:33px; position:relative; top:-1px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt{ padding:0px 50px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt a{ display:inline-block; width:18%; margin-right:2.5%; border-bottom:1px solid rgba(255,255,255,.5); color:#fff; font-size:15px; position:relative; padding-left:13px; padding-bottom:16px; margin-top:30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt a:nth-child(5n){ margin-right:0px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt a:before{ content:""; position:absolute; display:inline-block; width:5px; height:5px; border-radius:100%; background:#fff; left:0; top:8px; transition: all 0.5s ease;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt a:hover{ color:#2883ea; transition: all 0.5s ease;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt a:hover:before{ background:#2883ea; transition: all 0.5s ease;} .about .about_content{ position: relative;} .about .about_content .about_content_img .content_img_list img{ width: 100%; height: 638px; object-fit: cover;} .about .about_content .about_content_txt{ position: absolute; width: 327px; background: rgba(29,128,220,.8); height: 503px; bottom: -55px; padding: 0px 30px;} .about .about_content .about_content_txt .content_txt_top .txt_top_list{ padding-top: 40px;} .about .about_content .about_content_txt .content_txt_top .txt_top_list dd{ font-size: 30px; color: #fff; padding-bottom: 30px;} .about .about_content .about_content_txt .content_txt_top .txt_top_list dt{ font-size: 16px; color: #fff; line-height: 28px; text-align: justify;} .about .about_content .about_content_txt .content_txt_top .txt_top_list a{ display: inline-block; font-size: 14px; color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; margin-top: 50px;} .about .about_content .about_content_txt .content_txt_bottom{ font-size: 18px; color: #fff;} .about .about_content .about_content_txt .content_txt_bottom .buildnum{ text-align: right; margin-top: 35px;} .about .about_content .about_content_txt .content_txt_bottom .totalnum{ font-size: 14px;} .about .about_content .about_content_txt .content_txt_bottom .totalnum i{ font-style: inherit;} .about .slick-dots li button:before{ display:none;} .about .slick-dots li.slick-active button{ background:#fff;} .about .slick-dots li{ width:47px; height:4px; margin: 0px 13px;} .about .slick-dots li button{ width:100%; background:rgba(255,255,255,.4); padding:0px; height:100%;} .about .slick-dots{ bottom:4%;} .about .slick-slide .banner_img img{ width:100%; height: 800px; object-fit: cover;} .Advantage_title{ padding-bottom: 60px;} .Advantage_title .platform_title{ margin-bottom: 0px;} .Advantage{ background: url(../image/bg5.jpg) no-repeat 50%/cover;} .Advantage .Advantage_content .Advantage_content_list{ position: relative; cursor: pointer; width: 25%;} .Advantage .Advantage_content .Advantage_content_list .content_list_img{ position: relative;} .Advantage .Advantage_content .Advantage_content_list .content_list_img:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); transition: all 0.3s ease;} .Advantage .Advantage_content .Advantage_content_list .content_list_txt{ position: absolute; top: 50%; left: 50%; z-index: 5; text-align: center; width: 100%; transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease;} .Advantage .Advantage_content .Advantage_content_list .content_list_txt dt{ font-size: 22px; color: #fff; margin-top: 30px; margin-bottom: 70px; transition: all 0.6s ease;} .Advantage .Advantage_content .Advantage_content_list .content_list_txt p{ height: 0px; opacity: 0; transition: all 0.3s ease; color: #fff; line-height: 26px; text-align: justify; padding: 0px 18%;} .Advantage .Advantage_content .Advantage_content_list .content_list_txt span{ transition: all 0.3s ease; opacity: 1;} .Advantage .Advantage_content .Advantage_content_list:hover .content_list_img:before{ background: rgba(11,98,180,.7); transition: all 0.3s ease;} .Advantage .Advantage_content .Advantage_content_list:hover .content_list_txt{ transition: all 0.3s ease;} .Advantage .Advantage_content .Advantage_content_list:hover .content_list_txt p{ opacity: 1; transition: all 0.3s ease; height: auto;} .Advantage .Advantage_content .Advantage_content_list:hover .content_list_txt span{ opacity: 0; transition: all 0.3s ease;} .Advantage .Advantage_content .Advantage_content_list:hover .content_list_txt dt{ margin-bottom: 30px; transition: all 0.6s ease;} .IndexNews .IndexNews_content .IndexNews_content_left{ width: 46%; display: inline-block;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_img img{ width: 100%; height: 354px; object-fit: cover;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt{ background: #fff; padding: 30px;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title{ margin-bottom: 18px;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dd{ font-size: 20px; color: #333333; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dt{ font-size: 14px; color: #333333; width: 20%; text-align: right;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_bottom{ font-size: 14px; color: #777777; line-height: 23px; display: -webkit-box; height: 69px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .IndexNews .IndexNews_content .IndexNews_content_right{ width: 50%; margin-left: 4%;} .IndexNews .IndexNews_content .IndexNews_content_right .content_left_txt .left_txt_bottom{ height: 46px; -webkit-line-clamp: 2;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: inline-block; width: 100%; border-left: 4px solid #2883ea; border-right: 4px solid #2883ea; margin-bottom: 25px; padding: 34px 30px; position: relative;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:before{ content: ""; position: absolute; display: inline-block; width: 16px; height: 19px; background: url(../image/bn24.png) no-repeat 50% 50%; left: -20px; top: 40%; opacity: 0; transition: all 0.6s ease;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover:before{ opacity: 1; transition: all 0.6s ease;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .left_txt_title dd{ color: #2883ea; transition: all 0.6s ease;} .IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:last-child{ margin-bottom: 0px;} .IndexNews .IndexNews_content .IndexNews_content_right .content_left_txt .left_txt_title dt{ color: #777777;} .IndexNews .IndexNews_content_more{ text-align: center; padding-top: 50px;} .IndexNews .IndexNews_content_more a{ display: inline-block; width: 174px; text-align: center; line-height: 48px; border-radius: 5px; color: #fff; background: #2883ea; color: #fff; font-size: 18px;} .footer{ background: #272727;} .footer .footer_top{ padding: 75px 0px; border-bottom: 1px solid #757575; padding-bottom: 45px;} .footer .footer_top .footer_top_left{ position: relative; padding-right: 40px;width:40%;} .footer .footer_top .footer_top_left:before{ content: ""; position: absolute; display: inline-block; height: 180px; width: 1px; background: #444444; right: 0; top: -6px;} .footer .footer_top .footer_top_left dt{ font-size: 14px; color: #a8a8a8; line-height: 34px; margin-top: 20px;} .footer .footer_top .footer_top_nav{ padding: 0px 40px; position: relative; width: 17%;} .footer .footer_top .footer_top_nav:before{ content: ""; position: absolute; display: inline-block; height: 180px; width: 1px; background: #444444; right: 0; top: -6px;} .footer .footer_top .footer_top_nav dd{ font-size: 16px; color: #a8a8a8; margin-bottom: 30px;text-align: center; font-weight: bold;} .footer .footer_top .footer_top_nav dt a{ display: inline-block; font-size: 14px; color: #a8a8a8; width: 100%; margin-bottom: 8px; text-align:center;} .footer .footer_top .footer_top_nav dt a:nth-child(2n){} .footer .footer_top .footer_top_right{ padding-left: 85px;} .footer .footer_top .footer_top_right .top_right_list:first-child{ margin-bottom: 37px;} .footer .footer_top .footer_top_right .top_right_list dd{ font-size: 16px; color: #a8a8a8; margin-bottom: 20px;} .footer .footer_top .footer_top_right .top_right_list dt{ font-size: 28px; color: #a8a8a8; line-height: 38px; vertical-align:top;} .footer .footer_top .footer_top_right .top_right_list dt img{ margin-right: 20px;} .footer .footer_top .footer_top_right .top_right_list:nth-child(2) dt img:first-child{ position: relative; top: -20px;} .footer .footer_bottom{ font-size: 12px; color: #9fa3a6; padding: 28px 0px;} .details_banner{ position: relative;} .details_banner .details_banner_img img{ width: 100%; height: 464px; object-fit: cover;} .details_banner .details_banner_txt{ position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 57%; text-align: center;} .details_banner .details_banner_txt dd{ font-size: 46px; color: #fff;} .details_banner .details_banner_txt dt{ font-size: 16px; color: #fff; margin-top: 15px; letter-spacing: .1em;} .Dabout{ padding-bottom: 100px;} .Dabout .Dabout_content .Dabout_content_left{ width: 49%;} .Dabout .Dabout_content .Dabout_content_right{ width: 51%; position: relative;} .Dabout .Dabout_content .Dabout_content_right .content_right_top{ padding: 0px 100px;} .Dabout .Dabout_content .Dabout_content_right .content_right_top dd{ font-size: 30px; color: #333333; margin-bottom: 50px; position: relative; padding-top: 30px;} .Dabout .Dabout_content .Dabout_content_right .content_right_top dd:before{ content: ""; position: absolute; display: inline-block; width: 100px; height: 1px; background: #000000; top: 0; left: 0;} .Dabout .Dabout_content .Dabout_content_right .content_right_top dt p{ line-height: 24px; color: #555555; font-size: 14px; margin-bottom: 25px;} .Dabout .Dabout_content .Dabout_content_right .content_right_top dt p:last-child{ margin-bottom: 0px;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom{ background: #fff; width: 722px; position: absolute; right: 0; margin-top: 65px; box-shadow: 0px 0px 13px rgba(0,0,0,.1);} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list{ width: 50%; padding: 30px 20px; position: relative;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list:before{ content: ""; position: absolute; display: inline-block; width: 1px; height: 70px; background: #c7c7c7; right: 0; top: 40%;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list:last-child:before{ display: none;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list:first-child{ text-align: center;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list dd{ font-size: 16px; color: #444444; margin-bottom: 20px; text-align: center;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list dd img{ margin-right: 20px;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list dt{ color: #888888; font-size: 14px; line-height: 22px;} .culture{ background: url(../image/bg12.jpg) no-repeat 50%/cover; padding: 50px; padding-bottom: 120px;} .culture .platform_title{ margin-bottom: 120px;} .culture .platform_title dd{ color: #fff;} .culture .platform_title dt{ color: #fff;} .culture .culture_content .culture_content_list{ width: 25%; text-align: center;} .culture .culture_content .culture_content_list dd{ font-size: 22px; color: #fff; position: relative; padding-bottom: 18px; margin-bottom: 30px; margin-top: 20px;} .culture .culture_content .culture_content_list dd:before{ content: ""; position: absolute; display: inline-block; width: 30px; height: 1px; background: #fff; left: 0; right: 0; margin: 0 auto; bottom: 0;} .culture .culture_content .culture_content_list dt{ font-size: 16px; color: #fff; line-height: 26px;} .culture .culture_content .culture_content_list:last-child dt{ text-align: left;} .Team{ padding-bottom: 80px;} .Team .Team_content .Team_content_left{ width: 39%; position: relative;} .Team .Team_content .Team_content_left:before{ content: ""; display: inline-block; width: 151px; height: 88px; background: url(../image/bn32.png) no-repeat 50% 50%; position: absolute; right: -151px; top: 60px;} .Team .Team_content .Team_content_left:after{ content: ""; display: inline-block; width: 151px; height: 88px; background: url(../image/bn33.png) no-repeat 50% 50%; position: absolute; right: -151px; bottom: 60px;} .Team .Team_content .Team_content_left img{ width: 100%;} .Team .Team_content .Team_content_right{ width: 55%; padding-left: 6%; position: relative; padding-top: 210px;} .Team .Team_content .Team_content_right .content_right_top .right_top_list dd{ font-size: 26px; color: #333333; margin-bottom: 35px;} .Team .Team_content .Team_content_right .content_right_top .right_top_list dt{ font-size: 14px; color: #555555; line-height: 24px;} .Team .Team_content .Team_content_right .content_right_top .right_top_list dt p{ margin-bottom: 20px;} .Team .Team_content .Team_content_right .content_right_top .right_top_list dt p:last-child{ margin-bottom: 0px;} .Team .Team_content .Team_content_right .content_right_bottom{ position: absolute; right: 76px; bottom: -125px;} .Team .Team_content .Team_content_right .content_right_bottom .currentnum{ font-size: 26px; color: #666666;} .Team .Team_content .Team_content_right .content_right_bottom .totalnum{ font-size: 18px; color: #666666;} .Team .slick-prev,.Team .slick-next{ top: inherit; bottom: -115px; width: 44px; height: 16px;} .Team .slick-prev:before,.Team .slick-next:before{ display: none;} .Team .slick-prev.slick-disabled{ background: url(../image/bn34_on.png) no-repeat 50% 50%;} .Team .slick-next.slick-disabled{ background: url(../image/bn35_on.png) no-repeat 50% 50%;} .Team .slick-prev{ background: url(../image/bn34.png) no-repeat 50% 50%; right: 170px; left: inherit;} .Team .slick-next{ background: url(../image/bn35.png) no-repeat 50% 50%;} .path{ background: #fff; padding-bottom: 70px;} .path .path_content{ padding: 0px 115px; padding-top: 20px; position: relative; padding-bottom: 40px;} .path .path_content:before{ content: ""; position: absolute; display: inline-block; height: 100%; width: 2px; left: 0; right: 0; margin: 0 auto; background: #999999; top: 0;} .path .path_content:after{ content: ""; position: absolute; display: inline-block; width: 12px; height: 19px; background: url(../image/bn37.png) no-repeat 50% 50%; margin: 0 auto; left: 0; right: 0; bottom: 0;} .path .path_content .path_content_list{ margin-bottom: 40px; display: none;} .path .path_content .path_content_list:nth-child(1){ display: block;} .path .path_content .path_content_list:nth-child(2){ display: block;} .path .path_content .path_content_list:nth-child(3){ display: block;} .path .path_content .path_content_list:nth-child(4){ display: block;} .path .path_content.on .path_content_list{ display: block;} .path .path_content .path_content_list .content_list_left{ width: 46%; position: relative;} .path .path_content .path_content_list .content_list_left:before{ content: ""; position: absolute; width: 38px; height: 38px; background: url(../image/bn36.png) no-repeat 50% 50%; right: -62px; top: 12px; z-index: 20;} .path .path_content .path_content_list:nth-child(2n) .content_list_left:before{ right: inherit; left: -62px;} .path .path_content .path_content_list:nth-child(2n) .content_list_left{ float: right;} .path .path_content .path_content_list .content_list_left dd{ font-size: 46px; color: #555555; text-align: right;} .path .path_content .path_content_list .content_list_left dt{ font-size: 14px; color: #555555; line-height: 26px; text-align: justify;} .path .path_content .path_content_list:nth-child(2n) .content_list_left dd{ text-align: left;} .path .path_more{ text-align: center; margin-top: 20px;} .path .path_more a{ display: inline-block;} .path .path_more dd{ font-size: 16px; color: #444444; margin-bottom: 5px;} .path .path_more a dt img{ -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); transition: all 0.3s ease; } .path .path_more a.more_on dt img{ -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); transition: all 0.3s ease; } .honor{ padding-bottom: 120px;} .honor .honor_content .honor_content_list{ padding: 0px 25px;} .honor .honor_content .honor_content_list img{ max-width: 100%;} .honor .honor_content .honor_content_list dt{ font-size: 20px; color: #333333; text-align: center; margin-top: 15px; padding: 0px 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .honor .slick-dots{ bottom: -45px;} .honor .slick-dots li button:before{ color: #0076ff; font-size: 38px;} .honor .slick-dots li.slick-active button:before{ opacity: 1;} .honor .slick-prev,.honor .slick-next{ height: auto; top: 40%;} .honor .slick-prev:before,.honor .slick-next:before{ opacity: 1; color: #3b92db; font-size: 46px;} .honor .slick-prev.slick-disabled:before,.honor .slick-next.slick-disabled:before{ opacity: 1; color: #a0a0a0;} .case .case_content .case_content_list{ width:100%; margin:0px 15px;background: #fff; transition: all 0.4s ease-out 0s;border-radius: 20px;} .case .case_content .case_content_list:hover{ transition: all 0.5s ease;transform: translateY(-10px); box-shadow: 0 0 20px rgba(0,0,0,0.1);} .case .case_content .case_content_list:last-child{ margin-right: 0px;} .case .case_content .case_content_list .content_list_icon{ width: 80%; text-align: center; border: 1px solid #dcdcdc; border-radius: 100%; margin: 30px auto;} .case .case_content .case_content_list .content_list_icon img{ max-width: 100%;} .case .case_content .case_content_list dd{ color: #494949; font-size: 22px; text-align: center; padding: 0px 60px; margin-bottom: 30px; height: 58px;} .case .case_content .case_content_list dt{ height: 69px;} .case .case_content .case_content_list dt p{ font-size: 14px; color: #6c6c6c; text-align: center; line-height: 23px;} .case .case_content .case_content_list a{ display: inline-block; width: 100%; color: #218cf0; font-size: 18px; text-align: center; line-height: 57px; background: #d0ecf8; margin-top: 26px;} .case .slick-prev{ left:0;} .case2 .case2_list{ width:20%; float:left; background:#fff; border:1px solid #dcdcdc; margin-bottom:-1px; margin-right:-1px; overflow:hidden;padding: 10px;} .case2 .case2_list img{ -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; } .case2 .case2_list:hover img{ -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; } .OtherCase .case_content .case_content_list{ width:22.3%; margin-right:2%;} .OtherCase .case_content .case_content_list:nth-child(4n){ margin-right:0px;} .industry{ } .industry .industry_content .industry_content_title{ padding: 0px; border-bottom: 2px solid #e5e5e5; margin-bottom: 70px;} .industry .industry_content .industry_content_title a.on dt{ color: #ffffff; transition: all 0.3s ease; background: #288bfa;} .industry .industry_content .industry_content_title a.on:before{ width: 88px; opacity: 1; transition: all 0.3s ease; } .industry .industry_content .industry_content_title a.on dd img{ left: 0; transition: all 0.3s ease;} .industry .industry_content .industry_content_title a{ display: inline-block; width: 33.33%; position: relative;} /*.industry .industry_content .industry_content_title a:before{ content: ""; position: absolute; display: inline-block; width: 0px; height: 3px; background: #288bfa; bottom: -2px; left: 0; right: 0; margin: 0 auto; opacity: 0; transition: all 0.3s ease; }*/ .industry .industry_content .industry_content_title a dd{ width: 48px; margin: 0 auto; overflow: hidden; line-height: 52px; height: 52px;} .industry .industry_content .industry_content_title a dd img{ position: relative; left: -48px; transition: all 0.3s ease; } .industry .industry_content .industry_content_title a dt{ font-size: 26px; color: #555555; text-align: center; margin-top: 10px; transition: all 0.3s ease;line-height: 70px; } .industry .industry_content .industry_content_txt .content_txt_list .txt_list_li{ width:18.33%; margin-right:2%; text-align:center; font-size:16px; color:#333333; line-height:59px; background:#fff; margin-bottom:2%; position:relative; padding:0px 5px; overflow: hidden; transition: all 0.5s ease; text-overflow:ellipsis; cursor:pointer; white-space: nowrap;} .industry .industry_content .industry_content_txt .content_txt_list .txt_list_li:hover{ transition: all 0.5s ease; box-shadow:0px 0px 20px rgba(0,0,0,.15);} .industry .industry_content .industry_content_txt .content_txt_list .txt_list_li:before{ content:""; position:absolute; display:inline-block; width:2px; height:100%; background:#288bfa; left:0; } .industry .industry_content .industry_content_txt .content_txt_list .txt_list_li:nth-child(5n){ margin-right:0px;} .container { max-width: 1170px; } .container { margin-right: auto; margin-left: auto; } .sectionList { overflow: hidden; } .sectionList .bgc { background: #f3f3f3; } .sectionList .item { height: 600px; overflow: hidden; } .sectionList .item .warp { height: 100%; position: relative; } .sectionList .item .itemImg { width: 50%; position: absolute; } .sectionList .item .itemImgTwo { float: right; } .sectionList .item .itemImgTwo > img { width: 40%; } .sectionList .item .itemText { width: 49%; position: absolute; padding-left: 30px; } .sectionList .item .itemText .iTitle { font-size: 28px; color: #000000; } .sectionList .item .itemText .iCon { font-size: 16px; color: #666666; line-height: 1.4; margin-bottom: 30px; } .sectionList .item .itemText .iCon .ftb { font-size: 22px; color: #000000; } .sectionList .item .itemText .idDtail { font-size: 14px; margin-top: 20px; line-height: 1.2; } .sectionList .item .itemText .idDtail .idDtailTitle { font-size: 16px; color: #000; font-weight: bold; margin-bottom: 5px; } .sectionList .item .itemText .idDtail .fwb { line-height: 30px; } .sectionList .item .itemText .idDtail .fwb > text { font-weight: bold; margin-right: 10px; } .sectionList .item .itemText .idDtail .fwb i { font-weight: bold; margin-right: 10px; width:150px; } .sectionList .one .itemImg, .sectionList .three .itemImg, .sectionList .seven .itemImg, .sectionList .nine .itemImg { top: 50%; left: 0; transform: translate(0, -50%); } .sectionList .one .itemImg > img, .sectionList .three .itemImg > img, .sectionList .seven .itemImg > img, .sectionList .nine .itemImg > img { width: 90%;border-radius: 20px; } .sectionList .one .itemText, .sectionList .three .itemText, .sectionList .seven .itemText, .sectionList .nine .itemText { top: 50%; right: 0%; transform: translate(0, -50%); } .sectionList .two .itemImg, .sectionList .eight .itemImg, .sectionList .ten .itemImg { top: 50%; right: 0; transform: translate(0, -50%); } .sectionList .two .itemImg > img, .sectionList .eight .itemImg > img, .sectionList .ten .itemImg > img { width: 90%; } .sectionList .two .itemText, .sectionList .eight .itemText, .sectionList .ten .itemText { top: 50%; left: 0; transform: translate(0, -50%); } .sectionList .four .itemImg { bottom: 0; right: 0; transform: translate(0, 0); } .sectionList .four .itemImg > img { width: 90%; } .sectionList .four .itemText { top: 50%; left: 0; transform: translate(0, -50%); } .sectionList .six .itemImg { bottom: 0; right: -10%; transform: translate(0, 0); } .sectionList .six .itemImg > img { width: 30%; } .sectionList .six .itemText { top: 50%; left: 0; transform: translate(0, -50%); } .sectionList .five .itemImg { bottom: 0; left: 0; transform: translate(0, 0); } .sectionList .five .itemText { top: 50%; right: 0%; transform: translate(0, -50%); } /* -----------------[优势]--------------*/ .row-a2 { overflow:hidden; padding-top:100px; background-color:#1F3F8A; } .row-a2 .platform_title dd{color:#ffffff;} .row-a2 .platform_title dt{color:#eee;margin-top: 20px;} .m-imgtxt02 { float:left; width:59%; } .m-imgtxt02 .pic { overflow:hidden; position:relative; height:0; padding-top:73%; } .m-imgtxt02 .pic img { position:absolute; top:0; left:0; display:block; max-width:100%; } .ul-txt01 { width:38%; float:right; margin-top:10px; } .ul-txt01 li {height: 50px;line-height:50px; color:#fff; padding-left:90px; margin-bottom:60px; background-repeat:no-repeat; background-position:left center; } .ul-txt01 li.li1 { background-image:url(../image/i1.png); } .ul-txt01 li.li2 { background-image:url(../image/i2.png); } .ul-txt01 li.li3 { background-image:url(../image/i3.png); } .ul-txt01 li.li4 { background-image:url(../image/i4.png); } .ul-txt01 li.li5 { background-image:url(../image/i5.png); } .ul-txt01 li h3 { margin-bottom:15px; font-size:20px; font-weight:bold; } .ul-txt01 li p { font-size:14px; line-height:28px; } .zdcdb-ys .core{background:url("http://www.liyaotech.com/zdtpl/37v/images/systemBg2.jpg")/*tpa=/k3/template/default/images/systemBg2.jpg*/ center 0 no-repeat;width:100%;height:550px;} .zdcdb-ys .core .tiTle{padding:56px 0 56px 0;color:#fff;} .zdcdb-ys .core .tiTle{color:#ffffff;text-align:center;} .zdcdb-ys .core .tiTle .name{font-size:32px;} .zdcdb-ys .core .tiTle .infor{font-size:16px;margin-top:14px; color: #999;} .zdcdb-ys .core .tiTle .infor_white{font-size:16px;margin-top:14px; color: #eee;} .zdcdb-ys .core .list{width:100%;height:210px;background-color:#fff;border-radius: 12px; box-shadow: 0px 0px 29px rgba(0,0,0,.18);} .zdcdb-ys .core .list li{width:20%;padding:0.1px 10px 10px 10px;float:left;height:100%;overflow:hidden;} .zdcdb-ys .core .list li~li{border-left:1px solid #e6e6e6;} .zdcdb-ys .core .list li .pictrue{width:64px;height:64px;margin:40px auto 0 auto;} .zdcdb-ys .core .list li .pictrue img{} .zdcdb-ys .core .list li .name{font-size:18px;color:#333;text-align:center;margin-top:27px;} .zdcdb-ys .core .list li .line{width:38px;height:2px;background-color:#71777c;margin:17px auto 0 auto;} .zdcdb-ys .core .list li .infor{font-size:14px;color:#999;margin-top:25px;line-height:1.75;} .OtherCase .OtherCase_more{ text-align: center; margin-top: 50px;} .OtherCase .OtherCase_more a{ display: inline-block; background: #2883ea; width: 158px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; border-radius: 100px;} .solution_color{ background: #fff;} .DSolution{ padding: 80px 0px;} .DSolution .solution_content{ padding-top: 30px;} .DSolution .solution_content .solution_content_left{ width: 48%;} .DSolution .solution_content .solution_content_left img{ max-width: 100%;} .DSolution .solution_content .solution_content_right{ width: 46%; padding-top: 60px;} .DSolution .solution_content .solution_content_right dd{ font-size: 28px; color: #333333; margin-bottom: 20px;} .DSolution .solution_content .solution_content_right dd span{ font-size: 54px; color: #444444; margin-right: 10px;} .DSolution .solution_content .solution_content_right dt{ font-size: 14px; color: #666666; line-height: 24px;} .DSolution .solution_content .solution_content_right dt p{ margin-bottom: 14px;} .DSolution .solution_content .solution_content_right dt p span{ font-size: 16px;} .news .news_content{ margin-bottom: 60px;} .news .news_content .news_content_list:first-child{ border-top: 1px solid #dcdcdc;} .news .news_content .news_content_list:hover .content_list_txt .list_txt_left dd{ color: #2883ea; transition: all 0.3s ease; } .news .news_content .news_content_list{ display: inline-block; width: 100%; padding: 32px 0px; border-bottom: 1px solid #dcdcdc;} .news .news_content .news_content_list .content_list_img{ width: 24%;} .news .news_content .news_content_list .content_list_img img{ width: 100%; height: 180px; object-fit: cover;} .news .news_content .news_content_list .content_list_txt{ width: 73%; margin-left: 3%;} .news .news_content .news_content_list .content_list_txt .list_txt_left{ width: 80%; padding: 26px 0px;} .news .news_content .news_content_list .content_list_txt .list_txt_left dd{ font-size: 20px; color: #333333; margin-bottom: 35px; overflow: hidden; text-overflow:ellipsis; transition: all 0.3s ease; white-space: nowrap; } .news .news_content .news_content_list .content_list_txt .list_txt_left dt{ line-height: 22px; color: #666666; display: -webkit-box; height: 66px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news .news_content .news_content_list .content_list_txt .list_txt_time{ text-align: right; width: 20%;} .news .news_content .news_content_list .content_list_txt .list_txt_time .txt_time_top dd{ font-size: 18px; color: #777777;} .news .news_content .news_content_list .content_list_txt .list_txt_time .txt_time_top dt{ font-size: 32px; color: #666666; margin-top: 5px;} .news .news_content .news_content_list .content_list_txt .list_txt_time .txt_time_icon{ margin-top: 65px;} .page a{padding: 8px 12px; display: inline-block; text-align: center; background: #eeeeee; color: #2883ea; margin-right: 15px; border: 1px solid #dcdcdc; background: #ffffff;} .page .page-num-current{ background: #2883ea; color: #fff; border: 1px solid #2883ea;} .page a:hover{ background: #2883ea; color: #fff; border: 1px solid #2883ea;} .news_details{ background: #f5f5f5; padding: 65px;} .news_details .pc_all_contnet{ background: #fff; padding: 60px;} .news_details .news_details_title{ text-align:center; border-bottom:1px solid #dcdcdc; padding-bottom:15px;} .news_details .news_details_title dd{ font-size:26px; color:#333333; padding-bottom:20px; font-weight: bolder;} .news_details .news_details_title dt div{ color:#999999; font-size:13px; padding-right:50px; display:inline-block; line-height:26px;} .news_details .news_details_title dt div:nth-child(3){ padding-right:0px} .news_details .news_details_content{ padding-top: 40px;} .news_details .news_details_content .details_content_top div img{ max-width:100%;} .news_details .news_details_content .details_content_top{ border-bottom:1px solid #dcdcdc; padding-bottom:30px;} .news_details .news_details_content .details_content_top p{ line-height:32px; font-size:16px; color:#666666; text-indent: 2em; margin-top:20px;} .news_details .news_details_content .details_content_top div{ padding-bottom:10px; text-align: left;} .news_details .news_details_content .news_page{ margin-top: 35px;} .news_details .news_details_content .news_page div{ line-height:45px; width: 36%;} .news_details .news_details_content .news_page div span{ background: #ebebeb; width: 20%; text-align: center;} .news_details .news_details_content .news_page div a{ font-size:13px; color:#333333; display:inline-block; background: #f6f6f6; width: 80%; padding-left: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news_details .news_details_content .news_page div a:hover{ color:#e02026} .contact .contact_top .contact_top_list{ width: 23%; margin-right: 2%; background: #fff; height: 240px; text-align: center; padding-top: 53px;box-shadow: 0 10px 10px #eeeeee;} .contact .contact_top .contact_top_list:hover{ border: 0px solid #dddddd; box-shadow: 0px 0px 20px rgba(84,144,219,.3); background: #fff;transition: ease-in-out .3s; cursor: pointer;} .contact .contact_top .contact_top_list:last-child{ padding-top: 40px;} .contact .contact_top .contact_top_list:last-child{ margin-right: 0px;} .contact .contact_top .contact_top_list .top_list_icon{ margin-bottom: 20px;} .contact .contact_top .contact_top_list .top_list_txt dd{ font-size: 22px; color: #555555; margin-bottom: 12px;} .contact .contact_top .contact_top_list .top_list_txt dt{ font-size: 16px; color: #666666; line-height: 20px;} .contact .contact_bottom{ padding-top: 0px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list{ display: inline-block; width: 31%; margin-right: 3%; padding: 28px 15px; border: 1px solid #dcdcdc; text-align: center; margin-bottom: 3%;} .contact .contact_bottom .contact_bottom_content .bottom_content_list:hover{ border: 1px solid #5490db; box-shadow: 0px 0px 20px rgba(84,144,219,.3); background: #fff;} .contact .contact_bottom .contact_bottom_content .bottom_content_list:nth-child(3n){ margin-right: 0px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list dd{ font-size: 24px; color: #333333; margin-bottom: 20px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list dd img{ margin-right: 10px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list dt p{ font-size: 18px; color: #666666; margin-bottom: 5px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list dt p:last-child{ margin-bottom: 0px;} .DNav{ text-align: center; border-bottom: 1px solid #cccccc; background: #F1F1F1;} .DNav .DNav_list{ font-size: 16px;font-weight:bold; color: #454545; margin: 0 40px 0 40px; display: inline-block; line-height: 68px;} .DNav .DNav_list.on{ color: #2a73c6;} .DNav .DNav_list:hover{ color: #2a73c6;} .DNav .DNav_list:last-child{ margin-right: 0px;} .content_body{width:100%;} .content_body .body{} .content_body .body p{line-height:30px;} .DPlatform{ background: #f5f6fa; padding: 80px 0px;} .DPlatform .DPlatform_title{ text-align: center;} .DPlatform .DPlatform_title dd{ font-size: 30px; color: #222222; margin-bottom: 30px;} .DPlatform .DPlatform_title dt{ line-height: 30px; font-size: 18px; color: #777777; margin: 0 auto;} .DPlatform .DPlatform_bottom_content .bottom_content_img img{ width:100%;} .DPlatform .DPlatform_content{ margin-top: 40px;} .DPlatform .DPlatform_content .DPlatform_content_list{ width: 24.2%; margin-right: 1%; background: #fff; border: 1px solid #e1e2e7; padding: 28px 2%; padding-right: 1.1%; margin-bottom: 1%;transition: all 0.3s ease; cursor: pointer;} .DPlatform .DPlatform_content .DPlatform_content_list:hover{ box-shadow: 0px 0px 15px rgba(0,0,0,.2); transition: all 0.3s ease; border: 1px solid #67a3ee;} .DPlatform .DPlatform_content .DPlatform_content_list:nth-child(4n){ margin-right: 0px;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_icon{ width: 16%;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_left img{ max-width: 100%;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_right{ width: 76%; margin-left: 8%;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_right dd{ font-size: 18px; color: #696969; margin-bottom: 10px;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_right dt{ font-size: 14px; color: #999999; line-height: 22px; text-align: justify; height: 44px;} .DPlatform .DPlatform_bottom{ margin-top: 75px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list{ margin-bottom: 15px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:last-child{ margin-bottom: 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_left{ width: 6%; text-align: center; background: #186bc8; padding: 30px 0px; line-height: 22px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(3) .content_list_left{ padding: 52px 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(4) .content_list_left{ padding: 40px 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_left p{ color: #fff; font-size: 20px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right{ width: 94%; border-right: 1px solid #bfbfbf;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_list{ width: 16.66%; text-align: center; padding: 29px 0px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_list dd{ line-height: 81px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_list dd img{ max-height: 81px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_list dt{ color: #555555; font-size: 16px; margin-top: 8px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l{ width: 82%; margin-bottom: -1%; margin-left: 1%;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd{ font-size: 16px; color: #555555; border: 1px solid #bfbfbf; width: 19.2%; margin-right: 1%; line-height: 79px; float: left; margin-bottom: 6px; padding: 0px 15px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(5n){ margin-right: 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_r{ border: 1px solid #bfbfbf; width: 16%; margin-left: 1%; font-size: 16px; color: #555555; padding: 0px 25px; line-height: 166px; border-right: 0px;} .Features{ position: relative; background: url(../image/pro01.jpg) no-repeat 50% 50%; padding: 65px 0px; height: 629px; transition: all 0.3s ease;} .Features.on{ background: url(../image/pro01.jpg) no-repeat 50% 50%; transition: all 0.3s ease;} .Features.on1{ background: url(../image/pro01.jpg) no-repeat 50% 50%; transition: all 0.3s ease;} .Features.on2{ background: url(../image/pro02.jpg) no-repeat 50% 50%; transition: all 0.3s ease;} .Features.on3{ background: url(../image/pro03.jpg) no-repeat 50% 50%; transition: all 0.3s ease;} .Features.on4{ background: url(../image/pro04.jpg) no-repeat 50% 50%; transition: all 0.3s ease;} .Features.on5{ background: url(../image/pro05.jpg) no-repeat 50% 50%; transition: all 0.3s ease;} .Features .Features_content{ position: relative; top:-28px;} .Features .Features_title{ font-size: 29px; color: #fff; text-align: center;} .Features .Features_content .Features_content_left{ width: 308px;} .Features .Features_content .Features_content_left a{ display: inline-block; width: 100%; font-size: 18px; color: #fff; line-height: 96px; position: relative; padding-left:60px;} .Features .Features_content .Features_content_left a:before{ content: ""; position: absolute; display: inline-block; width: 4px; height: 100%; background: #1871d5 ;left: -5px; opacity: 0; transition: all 0.3s ease 0s;} .Features .Features_content .Features_content_left a span{ display:inline-block; width:26px; text-align:center; margin-right: 30px;} .Features .Features_content .Features_content_left a img{ max-width: 25px;} .Features .Features_content .Features_content_left a:hover{ background: #373a4b;} .Features .Features_content .Features_content_left a:hover:before{ left: 0; opacity: 1; transition: all 0.3s ease 0s;} .Features .Features_content .Features_content_left a.on{ background: #373a4b;} .Features .Features_content .Features_content_left a.on:before{ left: 0; opacity: 1; transition: all 0.3s ease 0s;} .Features .Features_content .Features_content_right{ padding: 0px 85px; position: absolute; bottom: 0px; left: 308px;} .Features .Features_content .Features_content_right .content_right_list dd{ font-size: 28px; color: #fff; position: relative; padding-bottom: 20px; margin-bottom: 25px;} .Features .Features_content .Features_content_right .content_right_list dd:before{ content: ""; position: absolute; display: inline-block; width: 38px; height: 2px; background: rgba(255,255,255,.5); bottom: 0; left: 0;} .Features .Features_content .Features_content_right .content_right_list dt{ font-size: 16px; color: #fff; line-height: 40px;background: rgba(0,0,0,.3); padding-left: 14px;} .system{ padding: 85px 0px; padding-top: 75px;} .system .system_content .system_content_list{ position: relative; cursor: pointer; width: 100%; margin: 0px 25px;} .system .slick-prev,.system .slick-next{ top: 45%;} .system .slick-prev{ left: -20px;} .system .slick-next{ right: -20px;} .system .slick-prev:before,.system .slick-next:before{ color: #4ab0ff; font-size: 46px;} .system .system_content .system_content_list:last-child{ margin-right: 0px;} .system .system_content .system_content_list .content_list_img img{ width: 100%;} .system .system_content .system_content_list .content_list_txt{ position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; text-align: center; width: 100%;} .system .system_content .system_content_list .content_list_txt dd{ line-height: 60px;} .system .system_content .system_content_list .content_list_txt dt{ font-size: 22px; color: #fff; margin-top: 20px; margin-bottom: 20px;} .system .system_content .system_content_list .content_list_f{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0px 37px; background: #2470c5; padding-top: 60px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); filter: scale(0); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer; } .system .system_content .system_content_list:hover .content_list_f{ opacity: 1; -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; } .system .system_content .system_content_list .content_list_f p{ text-align: center; margin-bottom: 10px;} .system .system_content .system_content_list .content_list_f dd{ font-size: 22px; color: #fff; margin-bottom: 20px; text-align: center; position: relative;} .system .system_content .system_content_list .content_list_f dt{ font-size: 14px; color: #fff; line-height: 22px; text-align: justify;} .PSystem .DPlatform_title{ margin-bottom: 40px;} .PSystem .system_content .system_content_list{ width: 100%; margin: 0px 25px;} .PSystem .system_content .system_content_list .content_list_txt .list_txt_p p{ font-size: 14px; color: #fff; line-height: 24px;} .PSystem .system_content .system_content_list .content_list_txt dt{ margin-bottom: 39px;} .PSystem .slick-prev:before,.PSystem .slick-next:before{ font-size: 55px; color: #51a1e1;} .PSystem .slick-prev{ left: -25px; top: 45%;} .PSystem .slick-next{ right: -25px; top: 45%;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(1) .content_list_left{ padding: 52px 0px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(1) .content_list_right{ border-right: 0px; width: 92.5%;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(1) .content_list_right{ margin-left: 1.5%;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(1) .content_list_right .list_right_list{ border: 1px solid #bfbfbf; width: 23.5%; margin-right: 2%;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(1) .content_list_right .list_right_list:last-child{ margin-right: 0px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right{ text-align: center; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; padding: 34px 0px; margin-left: 1.5%; width: 92.5%; border-left: 1px solid #bfbfbf;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_top span{ margin-right: 70px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_top span:last-child{ margin-right: 0px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_bottom{ margin-top: 25px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_bottom span{ color: #999; font-size: 22px; margin-right: 23px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_bottom span:last-child{ margin-right: 0px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(3) .content_list_left{ padding: 40px 0px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(3) .content_list_right{ border-right: 0px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l{ width: 98.5%; margin-left: 1.5%;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd{ width: 23.5%; margin-right: 2%;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(5){ margin-right: 2%;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(4n){ margin-right: 0px;} .monitor .system_content .system_content_list .content_list_txt .list_txt_p{ text-align: left;} .monitor .system_content .system_content_list .content_list_txt .list_txt_p p{ padding: 0px 45px; text-align: justify;} .monitor .system_content .system_content_list .content_list_txt dt{ margin-bottom: 25px;} .knowledge{padding: 60px 0px;} .knowledge .SamsFeatures_title{ margin-bottom: 50px; text-align: center;} .knowledge .SamsFeatures_title dd{ font-size: 28px; color: #333333;} .knowledge .SamsFeatures_title dt{ font-size: 16px; color: #777777; text-transform: uppercase; margin-top: 5px;} .knowledge .knowledge_content{ padding-bottom: 45px;} .knowledge .knowledge_content .knowledge_content_list{ line-height: 50px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; display: inline-block; width: 100%; padding: 0px 34px; padding-left: 30px; border-bottom: 0px;} .knowledge .knowledge_content .knowledge_content_list:last-child{ border-bottom: 1px solid #dadada;} .knowledge .knowledge_content .knowledge_content_list dd{ color: #999999; font-size: 16px; width: 4%;} .knowledge .knowledge_content .knowledge_content_list dt{ color: #999999; font-size: 16px; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .knowledge .knowledge_content .knowledge_content_list .content_list_icon{ width: 21px; overflow: hidden;} .knowledge .knowledge_content .knowledge_content_list .content_list_icon img{ left: 0; transition: all 0.3s ease 0s; position: relative;} .knowledge .knowledge_content .knowledge_content_list:hover .content_list_icon img{ left: -21px; transition: all 0.3s ease 0s;} .knowledge .knowledge_content .knowledge_content_list:hover dd{ color: #2883ea; transition: all 0.3s ease 0s;} .knowledge .knowledge_content .knowledge_content_list:hover dt{ color: #2883ea; transition: all 0.3s ease 0s;} .advisory .advisory_content{ background: #ffffff; border-radius: 8px; box-shadow: 0px 0px 29px rgba(0,0,0,.18); padding: 75px;} .advisory .advisory_content .advisory_content_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;} .advisory .advisory_content .advisory_content_list .codeimg{ height: 46px; margin-top: 36px;} .advisory .advisory_content .advisory_content_list:nth-child(3){ margin-right: 0px;} .advisory .advisory_content .advisory_content_list:last-child{ margin-right: 0px;} .advisory .advisory_content .advisory_content_list dd{ font-size: 14px; color: #c1c1c1; text-transform: uppercase; margin-bottom: 15px;} .advisory .advisory_content .advisory_content_list dt input{ width: 100%; line-height: 52px; border-radius: 100px; background: #f1f4f6; padding: 0px 20px; font-size: 16px; color: #333;} .advisory .advisory_content .advisory_content_textarea{ width: 100%;} .advisory .advisory_content .advisory_content_list dt textarea{ width: 100%; line-height: 25px; border-radius: 30px; background: #f1f4f6; padding: 0px 20px; font-size: 16px; color: #333; font-family: "微软雅黑"; height: 240px; padding: 15px; resize: none;} .advisory .advisory_content .advisory_content_reset dt input{ background: #848484; color: #fff; cursor: pointer; margin-top: 34px;} .advisory .advisory_content .advisory_content_submit dt input{ background: #2a73c6; color: #fff; cursor: pointer; margin-top: 34px;} .DSolution2{ padding:70px 0px;} .DSolution2 .DSolution2_content .DSolution2_content_left{ background:#e8eff7; width:38%; padding: 50px; margin-top:36px; border-radius:10px;} .DSolution2 .DSolution2_content .DSolution2_content_left dd{ font-size:28px; color:#333333; margin-bottom:30px; position:relative; padding-top:35px;} .DSolution2 .DSolution2_content .DSolution2_content_left dd:before{ content:""; position:absolute; display:inline-block; width:64px; height:2px; background:#2883ea; top:0;} .DSolution2 .DSolution2_content .DSolution2_content_left dt{ font-size:14px; color:#666666; line-height:24px; text-align:justify;} .DSolution2 .DSolution2_content .DSolution2_content_right{ width:60%; text-align:center;padding: 12px; background: #ffffff; box-shadow: 10px 0px 30px rgba(0,0,0,.18); margin-left: 20px} .DSolution2 .DSolution2_content .DSolution2_content_right img{ max-width:50%;margin-left:0px;border-radius: 10px;} .DSolution2_aims{ background:url(../image/bg30.jpg) no-repeat 50%/cover;} .DSolution2_aims .platform_title dd{ color:#fff; } .DSolution2_aims .platform_title dt{ color:#fff; } .DSolution2_aims .DSolution2_aims_content{ margin-top:114px;} .DSolution2_aims .DSolution2_aims_content .aims_content_list{ width:25%; text-align:center;} .DSolution2_aims .DSolution2_aims_content .aims_content_list dt{ margin-top:25px;} .DSolution2_aims .DSolution2_aims_content .aims_content_list dt p{ color:#fff; font-size:16px; line-height:24px;} .DSolution2_aims .DSolution2_aims_content .aims_content_list dt p:first-child{ font-size: 20px;font-weight:bold;margin-bottom:20px;} .knowledge_bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 50;top: 0; left: 0; display: none;} .knowledge_W{ position: fixed; top: 50%; left: 50%; right: 0; margin: 0 auto; width: 1358px; z-index: 51; padding: 0px; transform: translateX(-50%) translateY(-50%); display: none;} .knowledge_W .contact_bottom{ padding-top: 45px;} .knowledge_W .platform_title{ margin-bottom: 35px;} .knowledge_W .platform_title{ position: relative;} .knowledge_W .platform_title i{ position: absolute; right: 2%; top: 0; color: #999; font-size: 28px; cursor: pointer;} .Levitate{ width: 70px; position: fixed; right: 0; top: 35%; z-index: 49;} .Levitate .Levitate_list{ display: inline-block; width: 100%; padding: 10px 0px; margin-bottom: 6px; background: #0469E2; text-align: center;} .Levitate .Levitate_list dd{ color: #fff;} .Levitate .Levitate_list dt{ margin-top: 5px; font-size: 14px; color: #fff;} .Levitate .Levitate_list:last-child{ margin-bottom: 0px;} .content_list_video{ display:none;} .content_list_video.on{ display:block;} .content_list_video .list_video_bg{ position:fixed; background:rgba(0,0,0,.8); left:0; top:0; width:100%; height:100%; z-index:120;} .content_list_video .list_video_content{ position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index:121; } .content_list_video .list_video_content .video_content_close{ cursor:pointer; position:fixed; right:0; top:-35px;} .content_list_video .list_video_content .video_content_close span{ color:#fff; font-size:25px;} .content_list_video .list_video_content video{ width:100%;} .img{ display:none;} .img .img_bg{ position:fixed; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,.8); top:0; z-index:120;} .img .img_content{ position: fixed; text-align:center; z-index:121; width: 100%; left: 0; top: 5%; } .img .img_content span{ position:fixed; right:20%; top:5%; font-size:28px; color:#fff; cursor:pointer;} .Product{ background:#f2f2f2; padding:75px 0px;} .Product .Product_top .Product_top_list{ display:inline-block; width:23.5%; margin-right:2%; background:#fff; margin-bottom:2%; text-align:center; padding:0px 22px; padding-top:50px; padding-bottom:33px;} .Product .Product_top .Product_top_list:nth-child(4n){ margin-right:0px;} .Product .Product_top .Product_top_list .top_list_title{ font-size:18px; color:#333333; margin-bottom:55px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .Product .Product_top .Product_top_list .top_list_more{ width:133px; height:35px; display:flex; align-items:center; justify-content:center; background:#0469db; color:#fff; font-size:14px; margin:0 auto; margin-top:35px; opacity:0; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Product .Product_top .Product_top_list .top_list_img img{ max-width:100%;} .Product .Product_top .Product_top_list:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.1);} .Product .Product_top .Product_top_list:hover .top_list_more{ opacity:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .productd_nav{ line-height: 65px; background:#f5f5f5;} .productd_nav a{ color: #b5b5b5; font-size: 14px; text-transform: uppercase;} .productd_nav a img{ margin-right: 5px; position: relative; top: -2px;} .productd_nav span{ margin: 0px 8px; font-size: 16px; color: #b5b5b5;} .productd_nav a.on{ color: #d33641;} .product_detials{ padding: 0px 0px; padding-bottom: 90px; background:#f5f5f5;} .product_detials .product_detials_top{ background: #fff; padding: 35px; display: flex; align-items: center;} .product_detials .product_detials_top .detials_top_img{ width: 49%; height: 412px; text-align: center; border:1px solid #dcdcdc;background: #fff;} .product_detials .product_detials_top .detials_top_img img{ max-height: 410px; max-width:100%;} .product_detials .product_detials_top .detials_top_right{ width: 45%; margin-left: 6%; position: relative;} .product_detials .product_detials_top .detials_top_right dd{ font-size: 30px; color: #444444; margin-bottom: 20px;} .product_detials .product_detials_top .detials_top_right dt{ width: 410px;} .product_detials .product_detials_top .detials_top_right dt p{ font-size: 14px; color: #777777; line-height: 30px; border-bottom: 1px dashed #dcdcdc;} .product_detials .product_detials_top .detials_top_right a{ color: #fff; font-size: 16px; line-height: 44px; width: 283px; background: #f1262c; display: inline-block; text-align: center; margin-top: 35px; border-radius: 5px;} .product_detials .product_detials_top .detials_top_right a img{ margin-right: 14px; position: relative; top: -3px;} .product_detials .product_detials_top .detials_top_right .top_right_img{ margin-top: 34px; padding: 0px 1px;} .product_detials .product_detials_top .detials_top_right .top_right_img .right_img_list{ width: 100%; margin-right: 2%; text-align: center; border: 1px solid #fff; line-height: 74px; cursor: pointer; transition: all 0.3s ease 0s; background: #fff;} .product_detials .product_detials_top .detials_top_right .top_right_img .right_img_list img{ width:100%;} .product_detials .product_detials_top .detials_top_right .top_right_img .right_img_list:hover{ border: 1px solid #f1262c; transition: all 0.3s ease 0s;} .product_detials .product_detials_top .detials_top_right .top_right_img .right_img_list.swiper-slide-thumb-active{ border: 1px solid #f1262c; transition: all 0.3s ease 0s;} .product_detials .product_detials_top .detials_top_right .top_right_img .right_img_list:last-child{ margin-right: 0px;} .product_detials .product_detials_bottom{ margin-top: 60px;} .product_detials .product_detials_bottom .detials_bottom_right{ width: 100%;} .product_detials .product_detials_bottom .detials_bottom_right .bottom_right_title{ height: 52px; background: #f9f9f9; border: 1px solid #e7e7e7;} .product_detials .product_detials_bottom .detials_bottom_right .bottom_right_title a{ display: flex; height: 52px; align-items: center; font-size: 16px; color: #555555; width: 177px; justify-content: center; background: #fff; border-top: 5px solid #ce1a1b; border-right: 1px solid #e7e7e7;} .product_detials .product_detials_bottom .detials_bottom_right .bottom_right_content{ padding: 40px 55px; border: 1px solid #e7e7e7; border-top: 0px; background:#fff; font-size:14px; color:#666; line-height:33px;} .product_detials .product_detials_bottom .detials_bottom_right .bottom_right_content img{ max-width:100%;} .deta_hight{ height:80px;} .hot_img_box{ min-height: 2122px;} .height{ height:80px;} .Features .pc_all_contnet{ position:relative; z-index:2;} .Features .Features_img .Features_img_list{ position:absolute; left:0; top:0; opacity:0; transition: all 0.3s ease; width:100%; text-align:center; -webkit-transform: all 0.3s ease;} .Features .Features_img .Features_img_list img{ max-width:100%; height:629px; object-fit:cover;} .Features .Features_img .Features_img_list.on{ opacity:1; transition: all 0.3s ease; -webkit-transform: all 0.3s ease; } @media screen and (max-width:1440px){ .pc_top .top_content_nav{ margin-right: 120px;} .pc_top .top_content_nav .content_nav_list{ margin-right: 55px;} .img .img_content img{ width: 80%;} } @media screen and (max-width:1320px){ .pc_all .pc_all_contnet,.solution .solution_content{ width: 96% !important; margin: 0 auto;height:auto; overflow: hidden;} .pc_top{ display: none;} .footer .footer_top{ 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%;} .zd_pms ul li {width: 46%; margin: 20px 48px 0px 0px; } .zd_pms ul li p{font-size:14px;} .knowledge_bg,.knowledge_W{ display: none !important;} .container {max-width: 1170px;} .banner{ height: auto; overflow: inherit;} .banner .slick-slide .banner_img img{ height: auto;} .details_banner .details_banner_img img{ height: auto;} .details_banner .details_banner_txt dd{ font-size: 18px;} .details_banner .details_banner_txt dt{ font-size: 14px; margin-top: 10px;} .details_banner .details_banner_txt{ top: 50%; width: 90%;} .height{ display:none;} .platform{ padding: 40px 0px;} .platform .platform_title{ margin-bottom: 40px;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list dd img{ max-width: inherit;} .platform .platform_content .platform_content_left,.platform .platform_content .platform_content_right{ width: 100%;} .platform .platform_content .platform_content_left{ margin-bottom: 30px;} .platform .platform_content .platform_content_left .content_left_img img{ max-height: inherit;} .solution .solution_content .solution_content_title .content_title_txt{ width: 100%;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content{ width: 100%; padding: 0px 4%;} .about .pc_all_contnet{ overflow: inherit;} .about .about_content .about_content_txt{ padding-bottom: 25px;} .about .about_content .about_content_img .content_img_list img{ height: auto;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd{ font-size: 14px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l,.DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_r{ width: 100%;} .Levitate{ display:none;} .deta_hight{ display:none;} .Product{ padding:30px 0px;} .Product .Product_top .Product_top_list .top_list_title{ margin-bottom:20px; font-size:16px;} .Product .Product_top .Product_top_list .top_list_img img{ max-width:100%;} .Product .Product_top .Product_top_list{ width:49%; margin-right:2%; padding:22px 15px;} .Product .Product_top .Product_top_list:nth-child(2n){ margin-right:0px;} .Product .Product_top .Product_top_list .top_list_more{ opacity:1; font-size:12px; height:33px; width:100%;} .product_detials .product_detials_top{ display:block; padding:15px;} .product_detials .product_detials_top .detials_top_img,.product_detials .product_detials_top .detials_top_right{ width:100%;} .product_detials .product_detials_top .detials_top_img{ height:auto; padding:10px 0px;} .product_detials .product_detials_top .detials_top_right{ margin-left:0px; margin-top:35px;} .product_detials .product_detials_top .detials_top_right dd{ font-size:18px;} .product_detials .product_detials_top .detials_top_right dt p{ font-size:13px;} .product_detials .product_detials_top .detials_top_right a{ width:100%;} .product_detials .product_detials_bottom .detials_bottom_right .bottom_right_content{ padding:18px;} .product_detials .product_detials_bottom{ margin-top:22px;} .industry .industry_content .industry_content_title{ padding: 0px;} .industry .industry_content .industry_content_title a dd img{ max-width: inherit;} .knowledge .knowledge_content .knowledge_content_list .content_list_icon img{ max-width: inherit;} .news_details{ padding: 35px 0px;} .news_details .news_details_content .news_page div{ width: 48%;} .news_details .news_details_content .news_page div span{ width: 30%;} .news_details .news_details_content .news_page div a{ width: 70%;} .Team .Team_content .Team_content_right{ padding-top: 20px;} .Team .Team_content .Team_content_left:after,.Team .Team_content .Team_content_left:before{ display: none;} } @media screen and (max-width:950px){ .platform .platform_content .platform_content_left .content_left_nav,.platform .platform_content .platform_content_left .content_left_img{ width: 100%; overflow: hidden; background: none; padding: 0px; border: 0px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list{ display: inline-block; width: 49%; margin-right: 2%; float: left; background: #fff; padding: 25px; margin-bottom: 0px; border-bottom: 0px; margin-bottom: 2%;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_right dt{ -webkit-line-clamp: 2; height: 38px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list:nth-child(2n){ margin-right: 0px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_right{ height: auto;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_left{ line-height: normal;} .container {max-width: 950px;} .IndexNews .IndexNews_content .IndexNews_content_left,.IndexNews .IndexNews_content .IndexNews_content_right{ width: 100%;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_img img{ height: auto;} .Features .Features_img .Features_img_list img{ height:auto;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt{ padding:0px;} .solution .solution_content .solution_content_title .content_title_txt{ padding: 0px 20px;} .solution .solution_content .solution_content_title .slick-prev{ left: 4%;} .solution .solution_content .solution_content_title .slick-next{ right: 4%;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dd{ font-size: 18px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dd span img{ max-height: 30px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt{ font-size: 14px; line-height: 22px;} .about .about_content .about_content_txt{ width: 80%; height: auto; z-index: 20;} .about .about_content .about_content_txt{ position: inherit; width: 100%; height: auto; bottom: 0; padding-bottom: 25px;} .about .about_content .about_content_txt .content_txt_top .txt_top_list dd{ font-size: 18px; padding-bottom: 15px;} .about .about_content .about_content_txt .content_txt_top .txt_top_list dt{ font-size: 14px;} .about .about_content .about_content_txt .content_txt_top .txt_top_list a{ margin-top: 25px;} .about .about_content .about_content_txt .content_txt_bottom .buildnum{ margin-top: 0px;} .DNav .DNav_list{ margin-right: 30px;} .DPlatform{ padding: 45px 0px;} .DPlatform .DPlatform_content .DPlatform_content_list{ padding: 20px;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_icon{ text-align: center; margin-bottom: 10px;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_right dd{ text-align: center;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_icon,.DPlatform .DPlatform_content .DPlatform_content_list .content_list_right{ width: 100%; margin-left: 0px;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_right dt{ height: 66px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_left,.DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right{ width: 100%; overflow: hidden;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_left{ padding: 20px 40% !important; margin-bottom: 25px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right{ border: 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_left p{ float: left;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l{ margin-bottom: 10px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd{ width: 23%; margin-right: 2%;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(4n){ margin-right: 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(5){ margin-right: 2%;} .Features{ height: auto; padding: 35px 0px;} .Features .Features_content{ margin-top: 35px;} .Features .Features_content .Features_content_left{ width: 100%;} .Features .Features_content .Features_content_left a{ width: 25%; background: #1e212a; line-height: 65px;} .Features .Features_content .Features_content_left a img{ margin-right: 14px;} .Features .Features_content .Features_content_right{ position: inherit; left: 0; bottom: 0; margin-top: 35px; padding: 0px;} .Team .Team_content .Team_content_left,.Team .Team_content .Team_content_right{ width: 100%;} .Team .Team_content .Team_content_right{ padding-left: 0px;} .Team .Team_content .Team_content_right .content_right_bottom{ position: inherit; bottom: 0; margin-top: 20px;} .Team .Team_content .Team_content_right .content_right_bottom{ right: 0px;} .Dabout .Dabout_content .Dabout_content_left{ text-align: center;} .Dabout .Dabout_content .Dabout_content_left,.Dabout .Dabout_content .Dabout_content_right{ width: 100%;} .Dabout .Dabout_content .Dabout_content_right .content_right_top{ padding: 0px; margin-top: 40px;} .Dabout .Dabout_content .Dabout_content_right .content_right_top dd{ padding-top: 0px; margin-bottom: 30px;} .Dabout .Dabout_content .Dabout_content_right .content_right_top dd:before{ display: none;} .contact .contact_top .contact_top_list,.case .case_content .case_content_list{ width: 48%; margin-right: 4%; margin-bottom: 4%;} .contact .contact_top .contact_top_list:nth-child(2n),.case .case_content .case_content_list:nth-child(2n){ margin-right: 0px;} .DSolution2 .DSolution2_content .DSolution2_content_left,.DSolution2 .DSolution2_content .DSolution2_content_right{ width:100%;box-shadow: 0px 0px 14px rgba(0,0,0,.18); margin-left: 0px;} .DSolution2 .DSolution2_content .DSolution2_content_left{ margin-top:0px; margin-bottom:35px;} .DSolution2 .DSolution2_content .DSolution2_content_left dd{ margin-top:25px; margin-bottom:20px; font-size:20px;} .DSolution2_aims .DSolution2_aims_content{ margin-top:0px;} .DSolution2_aims .DSolution2_aims_content .aims_content_list{ width:48%; margin-right:4%; margin-top:4%;} .DSolution2_aims .DSolution2_aims_content .aims_content_list:nth-child(2n){ margin-right:0px;} } @media screen and (max-width:780px){ .case2 .case2_list { width: 33%;} .DPlatform{ padding: 30px 0px;} .DPlatform .DPlatform_title dd{ font-size: 20px; margin-bottom: 15px;} .DPlatform .DPlatform_title dt{ font-size: 14px;} .container {max-width: 768px;} .sectionList .warp { width: 80%; } .sectionList .item { } .sectionList .item .warp{padding-bottom:30px;} .sectionList .item .itemText { width: 40%; } .sectionList .item .itemText .iTitle { font-size: 24px; } .sectionList .item .itemText .iCon { font-size: 14px; margin-bottom: 15px; } .sectionList .item .itemText .iCon .ftb { font-size: 20px; } .sectionList .item .itemText .idDtail { font-size: 12px; margin-top: 15px; } .sectionList .item .itemText .idDtail .idDtailTitle { font-size: 14px; margin-bottom: 5px; } .sectionList .item .itemText .idDtail .fwb { line-height: 26px; } .sectionList .item .itemText .idDtail .fwb > text { margin-right: 6px;} .sectionList .warp { width: 90%; } .sectionList .item {height:auto; margin-top: 30px;} .sectionList .item .itemImg {width: 100%;transform: none; position: revert; margin: 0 auto;} .sectionList .item .itemImg > img { width: 100%; } .sectionList .item .itemText {transform: none; width: 100%; word-wrap: break-word; margin-top: 20px;padding: 0;position: inherit;} .sectionList .item .itemText .iTitle { font-size: 16px;text-align: center; } .sectionList .item .itemText .iCon { margin-top: 15px; font-size: 12px; } .sectionList .item .itemText .iCon .ftb { font-size: 14px; } .sectionList .item .itemText .dsn { display: none; } .sectionList .four .itemImg > img, .sectionList .five .itemImg > img { width: 110%; } .sectionList .six .itemImg > img { width: 45%; } .zdcdb-ys .core{height:auto; background: url(../image/value.jpg) no-repeat;background-size: 100% 100%;padding-bottom: 60px;} .zdcdb-ys .core .list{height:auto;} .zdcdb-ys .core .list li { width: 50%;height: 170px; background:#ffffff;border-bottom: 1px solid #e6e6e6;} .zdcdb-ys .core .list li .name { font-size: 14px;} .zdcdb-ys .core .list li .pictrue { width: 56px; height: 56px; margin: 20px auto 0 auto;} .zdcdb-ys .core .list li:nth-child(2n) { border-left: 1px solid #e6e6e6;} .zdcdb-ys .core .list li:last-child{width:100%;border-right: 1px solid #e6e6e6;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_list{ width: 33.33%; padding: 15px 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd{ width: 32%; margin-right: 2%;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(3n){ margin-right: 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(4){ margin-right: 2%;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(8){ margin-right: 2%;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_r{ line-height: 90px;} .zd_pms ul li {width: 46%; margin: 20px 25px 0px 0px; padding: 10px;} .zd_pms ul li p{font-size:14px;} .Features .Features_content .Features_content_left a{font-size: 16px;} .Features .Features_content .Features_content_right .content_right_list dd{ font-size: 22px;} .system .system_content .system_content_list .content_list_f{ padding: 5px;} .knowledge{ padding: 35px 0px;} .knowledge .SamsFeatures_title{ margin-bottom: 30px;} .knowledge .SamsFeatures_title dd{ font-size: 18px;} .knowledge .SamsFeatures_title dt{ font-size: 14px;} .advisory .advisory_content{ padding: 4%;} .news_details .pc_all_contnet{ padding: 30px;} .zd-map{display:none;} .zd-jxnmenu{display:none;} .DSolution .solution_content .solution_content_left{ text-align: center;} .DSolution .solution_content .solution_content_right{ padding-top: 35px;} .DSolution .solution_content .solution_content_left,.DSolution .solution_content .solution_content_right{ width: 100%;} } @media screen and (max-width:600px){ .banner,.banner .slick-slide .banner_img img{ height: 220px; overflow: hidden;} .details_banner .details_banner_img img{ height: 180px;} .advisory .advisory_content .advisory_content_list dt textarea{ border-radius: 5px;} .advisory .advisory_content .advisory_content_list dt input{ border-radius: 5px;} .DSolution .solution_content .solution_content_right{ padding-top: 20px;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom{ position: inherit; width: 100%; margin-top: 30px;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list{ width: 100%;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list:before{ left: 0; bottom: 0; height: 1px; width: 80%; top: inherit; right: 0; margin: 0 auto; background: #dcdcdc;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list dd{ margin-bottom: 15px;} .Dabout .Dabout_content .Dabout_content_right .content_right_bottom .right_bottom_list dd img{ height: 30px; margin-right: 10px;} .platform .platform_title{ margin-bottom: 30px;} .platform .platform_title dd{ font-size: 18px;} .platform .platform_title dt{ font-size: 14px; margin-top: 5px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list{ width: 100%; margin-right: 0px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list.on:before{ width: 100%; bottom: 0; height: 3px; background: #0469db; top: inherit; left: 0; right: inherit;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_left{ line-height: 65px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_left img{ max-height: 50px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_right dd{ font-size: 16px; margin-bottom: 6px;} .platform .platform_content .platform_content_left .content_left_nav .left_nav_list .nav_list_right dt{ font-size: 14px;} .platform .platform_content .platform_content_right .content_right_title{ padding: 35px;} .platform .platform_content .platform_content_right .content_right_title dd{ font-size: 18px;} .platform .platform_content .platform_content_right .content_right_title dt{ font-size: 14px;} .platform .platform_content .platform_content_right .content_right_txt .right_txt_list dt{ font-size: 15px;} .m-imgtxt02 {width: 87%; margin: 0 auto; float: none;} .ul-txt01 {width: 90%;margin: 0 auto; float: none;} .ul-txt01 li{margin-bottom:10px;} .ul-txt01 li h3{font-weight:normal;font-size: 16px;} .solution{ padding: 0px; padding-bottom: 30px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_img img{ height: 380px; width: 100%; object-fit: cover;} .solution .solution_content .solution_content_title .content_title_txt a{ font-size: 16px;} .Advantage_title{ padding: 10px 0px;} .Advantage .Advantage_content{ padding: 2% 0px;} .Advantage .Advantage_content .Advantage_content_list{ width: 50%;} .Advantage .Advantage_content .Advantage_content_list:nth-child(2n){ margin-right: 0px;} .Advantage .Advantage_content .Advantage_content_list .content_list_txt p{ display: none;} .Advantage .Advantage_content .Advantage_content_list .content_list_txt dd img{ max-height: 40px;} .Advantage .Advantage_content .Advantage_content_list .content_list_txt dt{ font-size: 16px; margin: 25px 0px;} .Advantage .Advantage_content .Advantage_content_list .content_list_txt span img{ max-height: 30px;} .IndexNews .IndexNews_content .IndexNews_content_right{ margin-top: 30px;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt{ padding: 20px;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title{ line-height: 24px; margin-bottom: 10px;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dd{ font-size: 16px; width: 60%;} .IndexNews .IndexNews_content .IndexNews_content_left .content_left_txt .left_txt_title dt{ width: 30%;} .IndexNews .IndexNews_content_more{ padding-top: 30px;} .IndexNews .IndexNews_content_more a{ font-size: 15px; line-height: 36px; width: 126px;} .about .about_content .about_content_txt .content_txt_bottom .buildnum{ margin-top: 15px;} .DNav .pc_all_contnet{ overflow: hidden; padding: 20px 0px; margin-bottom: -2%;} .DNav .DNav_list{ display: inline-block; width: 45%;margin: 0 10px 0 10px;float: left; font-size: 13px; border: 1px solid #dcdcdc; line-height: 48px; border-radius: 5px; margin-bottom: 2%; background: #fff;} .DNav .DNav_list:nth-child(2n){ margin-right: 0px;} .DNav .DNav_list.on{ color: #fff; background: #2a73c6; border: 1px solid #2a73c6;} .DPlatform .DPlatform_bottom{ margin-top: 30px;} .DPlatform .DPlatform_content .DPlatform_content_list{ width: 49%; margin-right: 2%; margin-bottom: 2%;} .DPlatform .DPlatform_content .DPlatform_content_list:nth-child(2n){ margin-right: 0px;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_icon img{ max-height: 30px;} .DPlatform .DPlatform_content .DPlatform_content_list .content_list_right dd{ font-size: 16px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_left{ padding: 10px 30% !important;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_left p{ font-size: 16px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_list dt{ font-size: 14px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_list dd img{ max-width: 35px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd{ width: 49%; margin-right: 2%;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(2n){ margin-right: 0px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(3){ margin-right: 2%;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_l dd:nth-child(9){ margin-right: 2%;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_r{ line-height: 70px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_r span img{ height: 30px;} .DPlatform .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list .content_list_right .list_right_list dd{ line-height: 50px; height: 50px;} .Features .Features_title{ font-size: 18px;} .Features .Features_content .Features_content_left a{ width: 49%; margin-right: 2%; margin-bottom: 2%; padding-left:15px;} .Features .Features_content .Features_content_left a:nth-child(2n){ margin-right: 0px;} .Features .Features_content .Features_content_right .content_right_list dd{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;} .Features .Features_content .Features_content_right .content_right_list dt{ font-size: 14px;} .system .system_content .system_content_list{ margin: 0px 10px;} .system .system_content .system_content_list .content_list_txt dt{ font-size: 14px;} .system .slick-prev{ left: 0px;} .system .slick-next{ right: 0px;} .system .system_content .system_content_list .content_list_f dd{ font-size: 14px;margin-bottom: 10px;} .system .system_content .system_content_list .content_list_f dt { font-size: 12px;} .system .system_content .system_content_list .content_list_txt dd{ line-height: 40px;} .system .system_content .system_content_list .content_list_txt dd img{ max-height: 30px;} .PSystem .system_content .system_content_list .content_list_txt dt{ margin-bottom: 20px; margin-top: 10px;} .PSystem .system_content .system_content_list .content_list_txt .list_txt_p p{ font-size: 12px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_top{ overflow: hidden;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_top span{ display: inline-block; width: 20%; margin-right: 0px; float: left;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_top span img{ max-height: 30px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_bottom span{ font-size: 14px; margin-right: 10px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(1) .content_list_right .list_right_list{ width: 49%; margin-right: 2%; margin-bottom: 2%;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(1) .content_list_right .list_right_list:nth-child(2n){ margin-right: 0px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right{ width: 100%; border-right: 1px solid #bfbfbf; margin-left: 0px; padding: 30px 0px;} .PSystem .DPlatform_bottom .DPlatform_bottom_content .bottom_content_list:nth-child(2) .content_list_right .list_right_bottom{ margin-top: 20px;} .monitor .system_content .system_content_list .content_list_txt .list_txt_p p{ padding: 0px 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .DSolution .solution_content .solution_content_right dd{ font-size: 18px;} .DSolution .solution_content .solution_content_right dd span{ font-size: 26px;} .DSolution .solution_content .solution_content_left,.DSolution .solution_content .solution_content_right{ width: 100%;} .case .case_content .case_content_list{ width: 45%; margin-right: 0%; margin-bottom: 2%;} .case .case_content .case_content_list:nth-child(2n){ margin-right: 0px;} .case .case_content .case_content_list dd{ padding: 0px 2%; font-size: 16px; height: 42px; margin-bottom: 15px;} .case .case_content .case_content_list dt{ height: 70px;} .case .case_content .case_content_list a{ font-size: 16px; line-height: 44px;} .case .case_content .case_content_list .content_list_icon{ width: 100px; margin-bottom: 20px;} .OtherCase .OtherCase_more{ margin-top: 35px;} .industry .industry_content .industry_content_title a dt{ font-size: 16px;} .industry .industry_content .industry_content_title a dd{ width: 35px;} .industry .industry_content .industry_content_title a dd img{ height: 30px;} .industry .industry_content .industry_content_title a dd img{ left: -31px;} .industry .industry_content .industry_content_txt .content_txt_list .txt_list_li dd{ width: 100px; height: 100px; line-height: 100px;} .industry .industry_content .industry_content_txt .content_txt_list .txt_list_li dd img{ max-width: 80px;} .industry .industry_content .industry_content_txt .content_txt_list .txt_list_li dt{ font-size: 14px;} .knowledge .knowledge_content .knowledge_content_list{ padding: 0px 2%;} .knowledge .knowledge_content .knowledge_content_list dd{ font-size: 15px; width: 10%;} .knowledge .knowledge_content .knowledge_content_list dt{ font-size: 15px; width: 70%;} .advisory .advisory_content{ padding: 0px 4%;} .advisory .advisory_content .advisory_content_list{ width: 100%; margin-top: 20px;} .advisory .advisory_content .advisory_content_reset dt input{ margin-top: 0px;} .advisory .advisory_content .advisory_content_submit dt input{ margin-top: 0px;} .news .news_content{ margin-bottom: 35px;} .news .news_content .news_content_list .content_list_img img{ height: auto;} .news .news_content .news_content_list .content_list_img,.news .news_content .news_content_list .content_list_txt{ width: 100%; margin-left: 0px;} .news .news_content .news_content_list .content_list_txt .list_txt_left{ width: 100%; padding-bottom: 0px;} .news .news_content .news_content_list .content_list_txt .list_txt_left dd{ margin-bottom: 15px; font-size: 18px;} .news .news_content .news_content_list .content_list_txt .list_txt_time{ display: none;} .news_details{ padding:25px 0px;} .news_details .pc_all_contnet{ padding:20px;} .news_details .news_details_title dd{ font-size:18px;} .news_details .news_details_content{ padding-top: 20px;} .news_details .news_details_content .news_page .news_page_left,.news_details .news_details_content .news_page .news_page_right{ width:100%;} .news_details .news_details_content .news_page .news_page_right{ margin-top:25px;} .news_details .news_details_content .news_page div{ width: 100%; margin-bottom: 20px;} .Dabout .Dabout_content .Dabout_content_left,.Dabout .Dabout_content .Dabout_content_right{ width: 100%;} .Dabout .Dabout_content .Dabout_content_right .content_right_top{ padding: 0px;} .Dabout .Dabout_content .Dabout_content_right .content_right_top dd{ font-size: 20px; margin: 20px 0px; padding-top: 10px;} .Dabout .Dabout_content .Dabout_content_right .content_right_top dd:before{ display: none;} .culture .culture_content .culture_content_list{ width: 49%; margin-right: 2%; margin-bottom: 2%;} .culture .culture_content .culture_content_list:nth-child(2n){ margin-right: 0px;} .Team .Team_content .Team_content_left,.Team .Team_content .Team_content_right{ width: 100%;} .Team .Team_content .Team_content_left img{ width: 100%; height: 300px; object-fit: cover;} .Team .Team_content .Team_content_right{ padding-left: 0px; padding-top: 25px;} .Team .Team_content .Team_content_right .content_right_top .right_top_list dd{ font-size: 18px; margin-bottom: 20px;} .culture .culture_content .culture_content_list{ margin-bottom: 35px;} .culture .culture_content .culture_content_list .content_list_icon img{ height: 35px;} .culture .culture_content .culture_content_list dd{ font-size: 18px; margin-bottom: 15px; margin-top: 15px;} .culture .culture_content .culture_content_list dt{ font-size: 14px;} .path .path_content{ padding: 0px;} .path .path_content:after{ display: none;} .path .path_content .path_content_list{ margin-bottom: 25px;} .path .path_content .path_content_list .content_list_left:before{ left: 0; width: 31px; height: 31px; background-size: 100%;} .path .path_content:before{ right: inherit; left: 13px; margin: inherit;} .path .path_content .path_content_list .content_list_left{ width: 100%; padding-left: 45px;} .path .path_content .path_content_list:nth-child(2n) .content_list_left{ float: left;} .path .path_content .path_content_list .content_list_left dd{ text-align: left;} .path .path_content .path_content_list .content_list_left dt{ text-align: left;} .path .path_content .path_content_list:nth-child(2n) .content_list_left dd{ text-align: left;} .path .path_content .path_content_list:nth-child(2n) .content_list_left dt{ text-align: left;} .path .path_content .path_content_list .content_list_left dd{ font-size: 24px; margin-bottom: 10px;} .honor .honor_content .honor_content_list{ padding: 0px 10px;} .honor .honor_content .honor_content_list dt{ font-size: 16px;} .contact .contact_top .contact_top_list{ height: 200px;} .contact .contact_top .contact_top_list{ width: 49%; margin-right: 2%; margin-bottom: 2%;} .contact .contact_top .contact_top_list .top_list_icon img{ height: 35px;} .contact .contact_top .contact_top_list:nth-child(2n){ margin-right: 0px;} .contact .contact_top .contact_top_list .top_list_txt dd{ font-size: 18px; margin-bottom: 10px;} .contact .contact_top .contact_top_list .top_list_txt dt{ font-size: 14px;} .contact .contact_bottom{ padding-top: 30px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list{ width: 49%; margin-right: 2%;} .contact .contact_bottom .contact_bottom_content .bottom_content_list:nth-child(2n){ margin-right: 0px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list:nth-child(3){ margin-right: 2%;} .contact .contact_bottom .contact_bottom_content .bottom_content_list dd{ font-size: 18px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list dd img{ height: 18px;} .contact .contact_bottom .contact_bottom_content .bottom_content_list dt p{ font-size: 14px;} .industry .industry_content .industry_content_title{ margin-bottom: 40px;} .DSolution2 .DSolution2_content .DSolution2_content_left{ padding:20px;} .DSolution2_aims .DSolution2_aims_content .aims_content_list dd img{ width:80px;} .DSolution2_aims .DSolution2_aims_content .aims_content_list dt{ margin-top:13px;} .DSolution2_aims .DSolution2_aims_content .aims_content_list dt p{ font-size:13px;} .DSolution2 .DSolution2_content .DSolution2_content_right img{ width:70%;} .DSolution2 .DSolution2_content .DSolution2_content_left dd{ font-size:16px; margin-bottom:10px; margin-top:15px; padding-top:15px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt a{ width:49%; margin-right:2%; margin-top:20px;} .solution .solution_content .solution_content_txt .content_txt_list .txt_list_content .list_content_bottom dt a:nth-child(2n){ margin-right:0px;} } @media screen and (max-width:375px){ } @media screen and (max-width:360px){ } @media screen and (max-width:320px){ }