body, html {
height: 100%;
font-size: 12px;
font-family: "Microsoft YaHei", Arial, sans-serif;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.xm_header h2 {
font-size: 18px;
padding: 0px 15px;
}
.xm_header img {
width:50px; float:left; margin-top:3px;
margin-right: 8px;
}.sp_ls_box img {
width: 100%;
height: 100%;
}.sp_ls_box {
float: left;
overflow: hidden;
width: 100px;
height: 70px;
display: inline-block;
padding: 1px;
border: 1px solid #ddd;
}ul li.sp_fixd2 {
margin-top: 10px;
overflow: hidden;
cursor: pointer;
position: relative;
}.ap_label_warning {
font-weight: normal;
padding: 2px 8px;
text-shadow: none;
position: absolute;
right: 8px;
border-radius: 10px;
display: inline-block;
white-space: nowrap;
background-color: #f8ac59;
color: #FFFFFF;
}
.sp_ls_text p {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
padding: 0;
padding-top: 0px;
margin: 0;
padding-top: 8px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2; color:#58666e;
-webkit-box-orient: vertical;
}
.xm_header .text12{ font-size:12px; font-weight:normal}
.xm_header h2 {
font-size: 18px;
padding: 0px 15px;
}.xm_header {
height: 52px;
line-height: 52px;
width: 100%;
color: rgb(255, 255, 255);
position: relative;
background: rgb(44, 109, 210);
}
.header_fr { margin-top:.4rem;
position: absolute;
right: 10px; line-height: 22px;
top: 0px; font-size:12px;
}
.header_fr ul li{ float:left; padding:.2rem .8rem; text-align:center}
.header_fr ul li i{ font-size:2rem}
.font18{ font-size:1.6rem !important}
ul {
margin: 0px;
padding: 0px;
}
h2, h3 {
margin: 0px;
padding: 0px;
}
.xm_box .xmmore { position:absolute; right:2%; top:2px; font-size:12px; font-weight:normal}
.xm_box .xmmore i{ font-size:13px; margin-right:.3rem; margin-top:.2rem}
.xm_box .project-ul-s { padding:0.08rem}
.xm_box .project-ul-s li{ padding:8px 3px; border-bottom:1px dashed #e1e3e4; font-size:12px; list-style:none; clear:both; overflow:hidden}
.xm_box .project-ul-s li:nth-of-type(2n+1) {
background-color: #f8fbfd;
}
.xm_box .project-ul-s li .pull_left{ display:inline-block; float:left; color:#212121; }
.xm_box .project-ul-s li .pull_right{ display:inline-block; float:right; color:#555; width: 66%;}
.text-1{color:#184897; margin-right:.1rem; font-size:8px}
.text-2{color:#04cdf4; margin-right:.1rem; font-size:8px}
.text-3{color:#39b54a; margin-right:.1rem; font-size:8px}
.text-4{color:#fea03c; margin-right:.1rem; font-size:8px}.text-5{color:#ff7058; margin-right:.1rem; font-size:8px}
.text-6{color:#4cdcc5; margin-right:.1rem; font-size:8px}
.text-7{color:#ffd05c; margin-right:.1rem; font-size:8px}
.xm_box { position:relative;
background-color: rgb(255, 255, 255);
box-shadow: rgba(69, 65, 78, 0.08) 0px 1px 15px 1px;
border-radius: 5px;
margin:0.5rem 0.75rem;
}.xm_box h2 {
height: 3rem;
line-height: 3rem;
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: 800;
position: relative;
background-image: linear-gradient(to right, rgba(54, 163, 247,.8), rgba(54, 163, 247));
border-radius: 5px;
overflow: hidden;
padding: 0px 0.8rem;
}
.xline_box{ position:relative; top:0px }
.margin-10{ margin-top:-25px}
.xline_box .text-zx{ position:relative; top:5px; left:3px; display:inline-block; font-size:26px; color:#1ab394; font-weight:bold}
.xline_box .text-lx{ position:relative; top:20px; right:5px; display:inline-block; font-size:26px; color:#ed5565; font-weight:bold}
.number_text{ color:#2c6dd2; font-size:26px;position:relative; top:10px; font-weight:bold}
.xm_fixd h2.xm_num_fl60 {
height: 6.5rem !important; padding-top:1rem;
line-height:24px !important; width:80px}
.xm_box h2::before {
position: absolute;
top: -80%;
left: -2%;
width: 80px;
height: 80px;
content: "";
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
}.xm_box h2 span {
display: inline-block;
padding: 0px 10px;
}.xm_box h2::after {
position: absolute;
top: -85%;
left: 6%;
width: 70px;
height: 70px;
content: "";
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
}.height30 {
height: 30vh;
}.xm_box .project-ul-s {
padding: 0.08rem;
}.xm_box .project-ul-s li .pull_left {
display: inline-block;
float: left;
color: rgb(33, 33, 33);
}..xm_box .project-ul-s li .pull_right {
display: inline-block;
float: right;
color: rgb(85, 85, 85);
width: 76%;
}.padding10 {
padding:.8rem .2rem;
}.xm_num .col-lg-4 {
text-align: center;
}.xm_num .num_block {
line-height: 26px;
width: 55%;
text-align: center;
color: black;
font-size: 24px;
padding: 0.6rem;
margin: 0.6rem auto;
background: rgb(255, 255, 255);
border-radius: 3px;
}
.xm_list_a i{ font-size:1.6rem !important}
.xm_list_a i.icon-anquanmao1{ font-size:1.3rem !important}
.xm_num .num_success {
color: rgb(10, 207, 151) !important;
border-width: 1px;
border-style: solid;
border-color: rgb(10, 207, 151);
border-image: initial;
background: none;
}.xm_num .num_info {
color: rgb(0, 178, 202) !important;
background: none;
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(0, 188, 212) !important;
border-image: initial !important;
}.xm_num .num_danger {
color: rgb(242, 18, 94) !important;
border-width: 1px;
border-style: solid;
border-color: rgb(242, 18, 94);
border-image: initial;
background: none;
}
.xm_list_a {
text-align: center;
box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 10px;
border-radius: 5px;
border-width: 1px;
border-style: dashed;
border-color: rgb(221, 221, 221);
border-image: initial;
background: rgb(255, 255, 255);
margin: 0.6rem;
}.xm_list_a h3 { font-size:13px;
display: flex;
justify-content: center;
align-items: center;
font-weight: normal;
color: rgb(51, 51, 51);
}.num_fr40 {
width: 35px;
text-align: center;
margin-right: 0.6rem;
}.xm_list_a .icon-outline-primary {
color: rgb(255, 255, 255) !important;
background: rgb(85, 172, 238);
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(85, 172, 238) !important;
border-image: initial !important;
}
.xm_icon_radius {
width: 30px;
height:30px;
line-height: 30px;
display: inline-block;
margin: 0.4rem;
border-radius: 5px;
}.xm_text_num {
font-size: 1.3rem;
color: rgb(170, 170, 170);
border-bottom: 1px solid rgb(221, 221, 221);
padding: 0.2rem;
}.xm-text-y {
color: #f8895d !important;
}.xm-text-info {
color: rgb(54, 163, 247) !important;
}.xm_list_a .icon-outline-info2 {
color: rgb(255, 255, 255) !important;
background: rgb(0, 188, 212);
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(0, 188, 212) !important;
border-image: initial !important;
}.xm_list_a .icon-outline-primary {
color: rgb(255, 255, 255) !important;
background: rgb(85, 172, 238);
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(85, 172, 238) !important;
border-image: initial !important;
}.xm_list_a .icon-outline-warning {
color: rgb(255, 255, 255) !important;
border-width: 1px;
border-style: solid;
border-color: rgb(255, 131, 0);
border-image: initial;
background: rgb(255, 131, 0);
}.xm_list_a .icon-outline-dark {
color: rgb(255, 255, 255) !important;
background: rgb(58, 63, 81);
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(58, 63, 81) !important;
border-image: initial !important;
}.xm_list_a .icon-outline-twitter {
color: rgb(255, 255, 255) !important;
background: rgb(78, 135, 160);
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(78, 135, 160) !important;
border-image: initial !important;
}.xm_list_a .icon-outline-dribbble {
color: rgb(255, 255, 255) !important;
background: rgb(234, 76, 137);
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(234, 76, 137) !important;
border-image: initial !important;
}.xm_list_a .icon-outline-success {
color: rgb(255, 255, 255) !important;
background: rgb(10, 207, 151);
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(10, 207, 151) !important;
border-image: initial !important;
}.xm_list_a .icon-outline-primary {
color: rgb(255, 255, 255) !important;
background: rgb(85, 172, 238);
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(85, 172, 238) !important;
border-image: initial !important;
}.num_fr50 {
width: 50px;
text-align: left;
}.xm_box h2 span.mline::before {
width: 0.3rem;
height: 1.2rem;
top: 1rem;
position: absolute;
content: "";
left: 8px;
background: rgb(255, 255, 255);
border-radius: 20px;
}.xm_list_num p {
color: rgb(170, 170, 170);
margin: 0.4rem;
padding: 0.1rem;
}
.xm_fixd{ display: flex;flex:1;justify-content: space-between;align-items:center;}
.width70{ width:70%}
.width80{ width:96%}
.myline{
position:relative;
margin:0px auto;display:inline-block;
width:40px; margin-top:-6px;
box-sizing:border-box;
}
p{ padding:0; margin:0}
.myline::before{
content:"";
position:absolute;
width:100%;
box-sizing:border-box;
border-bottom:1px solid #2c6dd2;
transform:rotateZ(-65deg) scale(1.114);
animation:slash 5s infinite ease;
}
/* 涓昏鏍峰紡 */
.container{width:100%;margin-right:auto;margin-left:auto;*zoom:1}
.process{padding:0px ;text-align:center;}
.process h3{font-size:30px;line-height:52px;color:#23292E;font-weight:400;}
.process p{line-height:26px;font-size:14px;color:#999;}
.process .flowline{margin-top:0px;margin-left:10px;*zoom:1}
.process .flowline li{float:left; text-align:center;list-style:none; width:20%;}
.process .flowline li .icon-block{position:relative;display:inline-block;width:42px;height:42px;border-radius:42px;background-color:rgba(54, 163, 247);line-height:42px;margin-top:0; color:#fff}
.process .flowline li i{ font-size:2rem}
.process .flowline li .icon-block:before{content:''}
.process .flowline li .icon-block span{margin:0}
.process .flowline li span{display:inline-block;color: #2c6dd2; margin:0 .3rem}
.process .flowline li p{ color:#333}
.process .flowline li.process-5 .flow-line{display:none}
.process .flowline .flow-line{position:absolute;top:20px;left:42px;width:23vh;border-bottom:8px solid rgba(54, 163, 247)}
.process .process-g .flow-line{border-bottom:8px solid #ccc}
.process .process-g .icon-block{background-color: #ccc !important;}
.mt-5{ margin-top:.5rem}
.process .process-g p span {
color: #666 !important;}
.tj_a {height:33vh; overflow:hidden;margin-bottom:2%;margin-top:2%; padding-left:5%;padding-right:5%}
.tajibox{ background:url(../images/tj_a.png) no-repeat;width: auto;
height:98%; position:relative; margin-top:2%; background-size:100% 100%; }
.tj_a ul li{ float:left; width:25% }
.car-icon{ background:url(../images/car2.png) no-repeat; width:19px; height:12px; display:block;background-size:100% 100%;}
.tj_b{position:absolute; left:18.58rem; top:13%;
}
.tj_c{position:absolute; left:18.64rem; top:22%;}
.tajiiconbox{animation: myfirst 5s;animation: wrapper-gradient 2s linear; position:relative; top:16.3% }
.mgrignt{ margin:0 .08rem }
.icon-fangda{ position:relative;top:.05rem}
.rope-icon{ width:18px; height:1.9rem; display:block;animation:myfirst 5s;background:url(../images/rope2.png);
-webkit-animation:myfirst 5s;
animation-fill-mode: forwards;}
.hook-icon{ width:19px; height:19px; display:block; background:url(../images/hook2.png) no-repeat;background-size:100% 100%; position:absolute; bottom:-16px; left:0}
@keyframes wrapper-gradient {
100% {
transform: translateX(0);
}
0% {
transform: translateX(-20%);
}
}
@keyframes myfirst
{
0% {background:url(../images/rope2.png) no-repeat;background-size:100% 100%; left:500px; }
25% {background:url(../images/rope2.png) no-repeat;background-size:100% 100%; left:500px;bottom:0rem;}
50% {background:url(../images/rope2.png) no-repeat;background-size:100% 100%; left:500px;bottom:0rem;}
75% {background:url(../images/rope2.png) no-repeat;background-size:100% 100%; left:500px;height:15vh; }
100% {background:url(../images/rope2.png) no-repeat;background-size:100% 100%; left:500px; height:22vh;}
}
.tj-centon { width:100%;font-size:1rem; font-weight:bold; border-bottom:1px solid #f2f2f2;box-shadow: 0 3px 10px rgba(62,85,120,.045); background:#fff; overflow:hidden; padding-bottom:.08rem; color:#c0e9ff; display: flex;justify-content:space-between;}
.tj-centon li{ padding:15px; color:#333 }
.tj-table{ border:1px solid #edede3; background:#fbfbf1; width:98%; margin:1% auto; box-shadow: 0 3px 10px rgba(62,85,120,.045); }
.clearfix{ clear:both; overflow:hidden}
.tj-table img{ width:24px; margin:0 10px;}
.tj-centon li span{ color:#2c6dd2}
.tj-table td{ padding:2px 0; font-size:12px; position:relative; color:#333; font-weight:bold; text-align:left;}
.tj-table td div{ display:inline-block}
.tj-table .bg-tr td{background:#303c52; color:#fff!important}
.tj-table td .unit{ position:absolute; right:0px; top:0; color:#89909d; font-size:13px}
.ringline{ border-left:1px dashed #edede3}
.leftline{ border-right:1px dashed #edede3}
.tj-table td p b{ font-size:16px; color:#212121;}
.tj-table td p{ margin:0; padding:2px 0}
.tj-table .icon-xiangshang1{ font-size:.26rem!important}
.tj-table .icon-fangda{ font-size:.26rem!important}
.tj-table i{ font-size:.40rem}
.tj-table .icon-cuo{ color:#cf1715; font-size:.30rem }
.tj-table .icon-dui{color:#97f23b; font-size:.30rem}
.tj-table .icon-jinggao{ color:#e0941a; font-size:.30rem}
.tj-box-table{ width:98%; margin:0 auto; box-shadow: 0 3px 10px rgba(62,85,120,.045); }
.tj-box-table .sp_box{ padding:0}
.tj-box-table a.more{ margin:0 !important}
.tj-box-table .sp_content{background:#fff; padding:10px;}
.height40{ height:36vh; overflow:auto}.text-b{color:#2c6dd2 !important}
.text-s{ color:#39b54a !important}
.text-r{ color:#ff7058 !important}
.text-y{ color:#f8ac59 !important}
.xm_tjbox table td i {
font-size: 1.9rem; padding:3px; display:block
}
.xm_tjbox table td { text-align:center; padding:6px; background:#f2f2f2}.xm_tjbox table{ margin-top:.6rem}.sjj-box {
text-align: center;
padding-top: 10px
}
.sjj-box {
position: relative
}
.sjj_sd {
position: absolute;
top: 30%;
left: 10%
}
.sjj_sd img {
width: 60px
}
.sjj-tip3 {
position: absolute;
left:1.6rem;
animation: myfirst 5s;
animation: wrapper-gradient2 5s linear;
}
.sjj-tip4 {
position: absolute;
right: 1.2rem;
animation: myfirst 5s;
animation: wrapper-gradient3 6s linear;
}
.sjj-tip3 .sjj-tip-img-s {
background: url(../images/sjj_02.png);
display: inline-block;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
width: 4.8rem;
height: 6.5rem;
}
.sjj-tip4 .sjj-tip-img-s {
background: url(../images/sjj_03.png);
display: inline-block;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
width: 4.8rem;
height: 6.5rem;
}
.sjj-px {
position: relative;
display: inline-block;
width: 12.6rem;
overflow: hidden;
height: 100%;
}
.sjj_card .p_l {
text-align: left !important;
padding-left: 20px;
color: #2c6dd2;
}
.sjj_card .p_r {
text-align: right !important;
padding-right: 20px;
color: #333;
}
.sjj_card i {
font-size: 30px !important;
padding-right: 5px
}
.sjj-px img {
width: 100%;
height: auto;
}
.sjj-px li {
padding: 0 1rem
}
.sjj-px ul {
margin-left:.8rem;
padding-top:.6rem;
}
.sjj-sj-p p {
border-bottom: 1px dotted #7ee3ff;
padding:.1rem;
font-size:.9rem
}
.sjj-zl-box p {
padding:.1rem
}
.text-primary {
color: #177dff !important;
}
.sjj-tip-img {
background: url(../images/sjj_box.png);
display: inline-block;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
width: .6rem;
height: .7rem;
}
.fr {
float: right;
display: inline-block;
margin-right: 1rem;
margin-top:.6rem
}
.sjj-sj-box {
background: linear-gradient(45deg, #067fc6, #4bd9fe);
color: white;
position: relative;
box-shadow: 0 4px 20px 0px rgba(0,0,0,0.14), 0 7px 10px -5px rgba(0,188,212,0.4);
border-radius: 5px;
padding: 10px
}
.sjj-zl-box {
background-color: rgba(0,0,0,0.1);
border-radius: 0 0 3px 3px;
padding: 10px;
}
.sjj-sj-p {
margin-top: -20px
}
.sjj-tip-text {
position: absolute;
top: 2rem;
right: 0;
background: #ff9746;
border-radius: 6px;
overflow: hidden;
display: inline-block;
padding: 5px;
font-size: 1rem;
font-weight: 600;
color: #fff;
text-align: left;
}ul li {
list-style: none;
}
.xm_echarts2{height:42vh; width:100%; position:absolute; top:2%}
.border-r{ border-top:1px dashed #ddd}
.xm_right{text-align:right}
.xm_ycbox{position:absolute; bottom:0; width:100%}
.xm_ycbox h3 { padding:.6rem 0}
.xm_list_a i.icon-wendu{ font-size:2rem !important}
.xm_list_a .xm-text-info{ margin-right:.5rem}
@media only screen and (max-width: 2000px) and (min-width: 1800px)
{
body, html {
font-size: 13px;
}
.xm_box .project-ul-s li {
font-size: 13px;}
.xm_header .text12{ font-size:14px; font-weight:normal}
.xm_box h2 {
height: 3rem;
line-height: 3rem;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 800;
position: relative;
background-image: linear-gradient(to right, rgba(54, 163, 247,.8), rgba(54, 163, 247));
border-radius: 5px;
overflow: hidden;
padding: 0px 0.8rem;
}.xm_box .project-ul-s li .pull_right {
display: inline-block;
float: right;
color: rgb(85, 85, 85);
width: 80%;
}
.xm_box .project-ul-s li {
padding: 10px 3px;
border-bottom: 1px dashed rgb(225, 227, 228);
list-style: none;
overflow: hidden;
}.xm_num .num_block {
line-height: 36px;
width: 55%;
text-align: center;
color: black;
font-size: 28px;
padding: 0.6rem;
margin: 0.6rem auto;
background: rgb(255, 255, 255);
border-radius: 3px;
}.padding10 {
padding: 1rem;
}.xm_list_a { margin-top:.75rem}.xm_list_a h3 { font-size:16px;}.num_fr40 {
width: 40px;
text-align: center;
margin-right: 0.6rem;
}.xm_icon_radius {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
margin: 0.6rem;
border-radius: 5px;
}.xm_text_num {
font-size: 1.6rem;
color: rgb(170, 170, 170);
border-bottom: 1px solid rgb(221, 221, 221);
padding: 0.2rem;
}.num_fr50 {
width: 50px;
text-align: left;
margin-right: 0.6rem;
}.height40{ height:38vh; overflow:auto}.xm_tjbox table td i {
font-size: 2.6rem;
padding: 5px;
display: block;
}.tj_a {height:35vh; overflow:hidden;margin-bottom:2%;margin-top:2%; padding-left:5%;padding-right:5%}.sjj-px {
position: relative;
display: inline-block;
width: 14rem;
overflow: hidden;
height: 100%;
}.sjj_sd img {
width: 70px
}
.sjj-tip3 {
position: absolute;
left:2.1rem;
animation: myfirst 5s;
animation: wrapper-gradient2 5s linear;
}
.sjj-tip4 {
position: absolute;
right: 1.8rem;
animation: myfirst 5s;
animation: wrapper-gradient3 6s linear;
}
.sjj-tip3 .sjj-tip-img-s {
background: url(../images/sjj_02.png);
display: inline-block;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
width: 4.8rem;
height: 6.5rem;
}
.sjj-tip4 .sjj-tip-img-s {
background: url(../images/sjj_03.png);
display: inline-block;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
width: 4.8rem;
height: 6.5rem;
}.xm_box {
position: relative;
background-color: rgb(255, 255, 255);
box-shadow: rgba(69, 65, 78, 0.08) 0px 1px 15px 1px;
border-radius: 5px;
margin: 0.75rem;
}.process .flowline li .icon-block{position:relative;display:inline-block;width:52px;height:52px;border-radius:52px;background-color:rgba(54, 163, 247);line-height:52px;margin-top:0; color:#fff}}