Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 6
.container {
height: 120px;
display: none;
}
.headwbw img {
margin-top: 34px;
}
.phone_search {
display: none;
}
.header .search {
position: relative;
margin: 0 10px;
margin-top: 40px;
}
.header .search .tex {
width: 240px;
border-radius: 30px;
color: #999999;
font-size: 0.875rem;
height: 40px;
border: 1px solid #999999;
box-sizing: border-box;
padding-left: 20px;
}
.header .search .bth {
background: url(../img/icon/search.png) center no-repeat;
width: 21px;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.header .img {
margin-top: 15px;
}
.sidemenu .sidemenulist {
display: flex;
width: 90%;
max-width: 1200px;
margin: 0 auto;
border-top: 2px solid #6785a2;
}
.sidemenu .sidemenulist>li {
flex: 1;
padding-top: 18px;
position: relative;
}
.sidemenu .sidemenulist>li>a {
color: #FFFFFF;
display: block;
text-align: center;
font-size: 16px;
}
.sidemenu .sidemenulist li p {
font-size: 12px;
margin-top: 5px;
}
.sidemenu .sidemenulist li:before {
content: '';
position: absolute;
top: -3px;
left: 50%;
width: 0%;
background-color: #00bbff;
height: 4px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sidemenu .sidemenulist li:hover:before {
width: 50%;
}
.sidemenu .sidemenulist li:after {
content: '';
position: absolute;
top: -3px;
right: 50%;
width: 0%;
background-color: #00bbff;
height: 4px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sidemenu .sidemenulist li:hover:after {
width: 50%;
}
.sidemenu .sidemenulist li.on:before,
.sidemenu .sidemenulist li.on:after {
width: 50%;
}
.sidemenu .sidemenulist li .i2 {
position: absolute;
display: inline-block;
height: 20px;
width: 2px;
background-color: #4f7296;
right: 0;
top: 49%;
}
.sidemenu .sidemenulist li:last-child .i2 {
display: none;
}
.sidemenu_wrap .w {
position: relative;
}
.sidemenu_wrap .more {
position: absolute;
right: 0;
top: -120px;
}
.sidemenu_wrap .more a {
color: #333333;
font-size: 16px;
margin-left: 20px;
}
.sidemenu_wrap .more a img {
vertical-align: -2px;
margin-right: 5px;
}
.banner {
position: relative;
top: 0;
left: 0;
}
.banner .swiper-slide {
height: 41.667vw !important;
}
.banner2 {
position: relative;
left: 0;
top: 0;
}
.container {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99;
}
.sidemenu_wrap {
display: none;
position: absolute;
left: 0;
top: 120px;
width: 100%;
z-index: 99;
}
/* end */
.headwbc .tel {
margin-top: 38px;
}
.headwbc .tel ul li .number p {
color: #ffffff;
font-size: 14px;
}
.headwbc .tel ul li:last-child {
margin-left: 50px;
}
.headwbc .tel ul li .image {
margin-right: 10px;
}
.headwbc .tel ul li .image img {
vertical-align: -21px;
}
.banner .swiper-pagination-bullet {
background-color: #FFFFFF;
width: 12px;
height: 12px;
opacity: .5;
}
.banner .swiper-pagination-bullet-active {
opacity: 1;
}
.banner .swiper-pagination {
bottom: 30px;
}
.banner .swiper-slide a {
display: block;
width: 100%;
height: 100%;
}
.index_title {
text-align: center;
}
.index_title span {
display: block;
color: #333333;
font-size: 36px;
}
.index_title .box {
width: 170px;
height: 4px;
margin: 0 auto;
position: relative;
background-color: #f7f7f7;
margin-bottom: 10px;
margin-top: 5px;
}
.index_title i {
position: absolute;
display: inline-block;
width: 60px;
height: 4px;
background-color: #333333;
left: 50%;
transform: translateX(-50%);
top: 0;
}
.index_title p {
color: #cfcfcf;
font-size: 16px;
}
.index_title2 span {
color: #FFFFFF;
}
.index_title2 p {
color: #FFFFFF;
}
.index_title2 i {
background-color: #073daa;
}
.index_box {
margin: 80px 0 100px 0;
}
.index_box .w {
margin-top: 20px;
}
.index_box .left {
width: 46%;
}
.index_box .left .title .t {
color: #3e3e3e;
font-size: 22px;
}
.index_box .left .title .t2 {
color: #999999;
font-size: 14px;
}
.index_box .left .title i {
width: 54px;
height: 4px;
display: inline-block;
background-color: #ec1e24;
}
.index_box .left .text {
color: #666666;
font-size: 14px;
margin-top: 20px;
}
.index_box .left .text em {
color: #004098;
}
.index_box .left .more {
margin-top: 40px;
}
.index_box .left .more a {
color: #333333;
font-size: 14px;
display: inline-block;
width: 135px;
height: 40px;
box-sizing: border-box;
border: 1px solid #333333;
line-height: 40px;
text-align: center;
}
.index_box .left .more a:hover {
color: #ee7500;
border: 1px solid #ee7500;
}
.index_box .right {
width: 50%;
text-align: right;
}
.index_box2 {
background: url(../img/icon/bg.jpg) center top no-repeat #03122a;
height: 643px;
box-sizing: border-box;
padding-top: 60px;
position: relative;
}
.index_box2 .text_m {
color: #ffffff;
font-size: 18px;
line-height: 32px;
margin-top: 20px;
}
.index_box2 .list {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 125px;
overflow: hidden;
/* box-shadow: 0 0 70px inset rgba(255,255,255,.5); */
}
.index_box2 .list .ul {
text-align: center;
display: block;
background: rgba(0,0,0, 0.1);
}
.index_box2 .list .ul .li {
transition: all .5s;
height: 125px;
display: inline-block;
cursor: pointer;
width: auto;
position: relative;
margin-right: -2px;
}
.index_box2 .list .ul .li::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 85%;
background: #264679;
}
.index_box2 .list .ul .li:nth-child(1)::before {
display: none;
}
.index_box2 .list .ul div:nth-child(1){
border-left: none;
}
.index_box2 .list .ul .li .left {
height: 125px;
color: #FFFFFF;
font-size: 14px;
box-sizing: border-box;
text-align: center;
width: 110px;
display: table;
}
.index_box2 .list .ul .on .left {
color: #2C6FEF;
}
.index_box2 .list .ul .i1,
.index_box2 .list .ul .on .i2 {
display: inline-block;
max-width: 35px;
}
.index_box2 .list .ul .on .i1,
.index_box2 .list .ul .i2 {
display: none;
}
.index_box2 .list .ul .li .left p {
margin-top: 10px;
font-size: 12px;
}
.index_box2 .list .ul .li .left .table {
display: table-cell;
vertical-align: middle;
}
.index_box2 .list .ul .li .right {
background-color: #D1D5E0;
color: #2C6FEF;
font-size: 12px;
width: 380px;
height: 100px;
box-sizing: border-box;
padding-right:20px;
display: none;
text-align: left;
}
.index_box2 .list .ul .li .right img{
min-width: 180px;
margin-right: 20px;
}
.index_box2 .list .ul .li:hover .right {
display: table;
}
.index_box2 .list .ul .li .right .table {
display: table-cell;
vertical-align: middle;
}
.ai_block_title{
font-size: 18px;
color: #fff;
background: linear-gradient(to right,#2690f1,#041735);
font-weight: bold;
padding: 6px 10px;
max-width: 420px;
margin: 25px 0 20px 15px;
position: relative;
}
.ai_block_title::before{
position: absolute;
content: '';
width: 5px;
height: 38px;
background: #2690f1;
left: -10px;
top: 0;
}
.pthx-list{
color: #2e93f1;
font-size: 14px;
font-weight: bold;
text-align: center;
display: flex;
}
.ptys-list button{
padding: 8px 10px;
width: 140px;
color: #2e93f1;
font-size: 14px;
font-weight: bold;
margin: 0 13px;
background: #0e233c;
box-shadow: #2e93f1 0px 0px 5px 1px;
border: none;
}
.pthx-list img{
width: 180px;
}
.jieshao-list{
color: #041835;
display: flex;
margin-left: 10px;
}
.jieshao-list li{
padding: 15px;
border-radius: 3px;
min-width: 200px;
font-size: 13px;
font-weight: bold;
background: linear-gradient(to right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
}
.jieshao-list li b{
font-size: 16px;
}
.jieshao-list li p{
margin-top: 6px;
}
.index_box3 {
margin-top: 100px;
margin-bottom: 80px;
}
.index_box3 ul {
margin-top: 65px;
}
.index_box3 ul li {
cursor: pointer;
}
.index_box3 ul li .img {
width: 50%;
height: 370px;
}
.index_box3 ul li .img img {
width: 100%;
height: 100%;
}
.index_box3 ul li .text {
width: 50%;
box-sizing: border-box;
text-align: center;
padding: 80px 75px 0 75px;
transition: all .5s;
}
.index_box3 ul li .text .t {
color: #333333;
font-size: 28px;
}
.index_box3 ul li .text .t2 {
color: #666666;
font-size: 14px;
margin: 30px 0;
}
.index_box3 ul li .text span {
color: #333333;
line-height: 40px;
font-size: 16px;
display: inline-block;
width: 136px;
height: 42px;
box-sizing: border-box;
border: 1px solid #333333;
}
.index_box3 ul li:hover .text .t,
.index_box3 ul li:hover .text .t2,
.index_box3 ul li:hover .text span {
color: #FFFFFF;
}
.index_box3 ul li:hover .text span {
border: 1px solid #FFFFFF;
}
.index_box3 ul li:hover {
background-color: #004098;
transition: all .5s;
}
.index_box3 ul li:hover .text {
}
.index_box3 .more {
text-align: center;
margin-top: 80px;
}
.index_box3 .more a {
color: #333333;
font-size: 16px;
width: 136px;
height: 42px;
box-sizing: border-box;
border: 1px solid #333333;
line-height: 42px;
display: inline-block;
}
.index_box3 .more a:hover {
color: #ee7500;
border: 1px solid #ee7500;
}
.index_box4 .bg {
background: url(../img/icon/bg2.jpg) center no-repeat;
height: 597px;
box-sizing: border-box;
padding-top: 90px;
}
.index_title3 .box {
background-color: rgba(255, 255, 255, .5);
}
.index_title3 i {
background-color: #FFFFFF;
}
.index_box4 .list {
position: relative;
margin-top: 52px;
}
.index_box4 .swiper-slide {
width: 580px;
background-color: #FFFFFF;
padding-bottom: 30px;
}
.index_box4 .swiper-slide .text {
padding: 30px;
box-sizing: border-box;
}
.index_box4 .swiper-slide .text .t {
color: #333333;
font-size: 18px;
margin-bottom: 10px;
}
.index_box4 .swiper-slide .text .t2 {
color: #666666;
font-size: 14px;
}
.index_box4 .swiper-slide .icon {
text-align: right;
margin-top: 10px;
-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
padding-bottom: 20px;
padding-right: 30px;
}
.index_box4 .list .swiper-button-next {
background: url(../img/icon/right.png) center no-repeat;
width: 50px;
height: 50px;
right: -80px;
}
.index_box4 .list .swiper-button-prev {
background: url(../img/icon/left.png) center no-repeat;
width: 50px;
height: 50px;
left: -80px;
}
.index_box4 .more,.index_box5 .more {
text-align: center;
margin-top: 80px;
}
.index_box4 .more a ,.index_box5 .more a{
color: #333333;
font-size: 16px;
width: 136px;
height: 42px;
display: inline-block;
line-height: 42px;
border: 1px solid #333333;
text-align: center;
}
.index_box4 .more a:hover,.index_box5 .more a:hover {
color: #ee7500;
border: 1px solid #ee7500;
}
.index_box5 {
margin-top: 445px;
}
.index_box5 ul {
border: 1px solid #cccccc;
border-bottom: none;
margin-top: 50px;
margin-bottom: 60px;
}
.index_box5 ul li {
width: 25%;
text-align: center;
box-sizing: border-box;
height: 100px;
border-right: 1px solid #CCCCCC;
display: table;
border-bottom: 1px solid #CCCCCC;
}
.index_box5 ul li:nth-child(4n) {
border-right: none;
}
.index_box5 ul li a {
display: table-cell;
vertical-align: middle;
}
.footer .top {
background-color: #004098;
height: 170px;
}
.footer .top .logo {
margin-top: 60px;
}
.footer .top .text {
margin-left: 160px;
margin-top: 60px;
}
.footer .top ul {
text-align: center;
margin-bottom: 5px;
}
.footer .top ul li {
display: inline-block;
}
.footer .top ul li a {
color: #ffffff;
font-size: 14px;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #FFFFFF;
}
.footer .top ul li:last-of-type a {
border-right: none !important;
}
.footer .top ul li a:hover {
text-decoration: underline;
}
.footer .top .text p {
color: #ffffff;
font-size: 14px;
}
.footer .top .img {
margin-top: 30px;
}
.footer .t {
text-align: center;
color: #ffffff;
font-size: 14px;
padding: 10px 0;
background-color: #002f6d;
}
.title_n {
color: #333333;
font-size: 36px;
text-align: center;
}
.sdk .box {
margin-top: 115px;
padding-bottom: 100px;
border-bottom: 1px solid #e6e6e6;
box-sizing: border-box;
}
.sdk .box .text {
color: #666666;
font-size: 18px;
margin-top: 50px;
line-height: 32px;
margin-bottom: 60px;
}
.sdk .box2 {
padding-top: 100px;
padding-bottom: 100px;
background-color: #fafbfd;
border-bottom: 1px solid #e6e6e6;
box-sizing: border-box;
}
.sdk .box2 ul {
margin-top: 70px;
}
.sdk .box2 ul li {
width: 19%;
height: 180px;
box-sizing: border-box;
text-align: center;
border: 2px dashed #134d87;
margin-right: 1.25%;
margin-bottom: 30px;
display: table;
}
.sdk .box2 ul li .center {
display: table-cell;
vertical-align: middle;
}
.sdk .box2 ul li:nth-child(5n) {
margin-right: 0;
}
.sdk .box2 ul li p {
color: #134d87;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}
.sdk .box3 {
padding-top: 100px;
padding-bottom: 100px;
border-bottom: 1px solid #e6e6e6;
box-sizing: border-box;
}
.sdk .box4 {
padding-top: 100px;
border-bottom: 1px solid #e6e6e6;
background-color: #fafbfd;
}
.sdk .box4 ul {
margin-top: 60px;
}
.sdk .box4 ul li {
width: 30%;
margin-right: 5%;
text-align: center;
min-height: 175px;
margin-bottom: 70px;
}
.sdk .box4 ul li:nth-child(3n) {
margin-right: 0;
}
.sdk .box4 ul li p {
color: #134d87;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
line-height: 32px;
}
.sdk .box5 {
padding: 100px 0;
}
.sdk .box5 ul {
margin-top: 70px;
}
.sdk .box5 ul li {
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
text-align: center;
}
.sdk .box5 ul li:nth-child(3n) {
margin-right: 0;
}
.sdk .box5 ul li p {
color: #333333;
font-size: 18px;
font-weight: bold;
padding: 20px 0;
}
.title_n2 .t {
color: #333333;
font-size: 24px;
font-weight: bold;
}
.title_n2 .t2 {
color: #aeaead;
font-size: 12px;
}
.title_n2 i {
display: inline-block;
width: 35px;
height: 2px;
background-color: #2C6FEF;
}
.service .box {
padding: 100px 0 80px 0;
border-bottom: 1px solid #e6e6e6;
}
.service .box .cont {
display: flex;
box-sizing: border-box;
padding: 1px;
margin-top: 40px;
}
.service .box .cont .img {
border-radius: 10px;
overflow: hidden;
}
.service .box .cont .img img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: 660px;
}
.service .box .cont .text {
flex: 1;
color: #666666;
font-size: 16px;
margin-left: 10px;
display: table;
padding: 0 40px;
box-shadow: 0 0 10px #ccc;
border-radius: 10px;
}
.service .box .cont .text .center {
display: table-cell;
vertical-align: middle;
}
.service .box2 {
background-color: #0D4BA2;
padding: 60px 0 80px 0;
border-bottom: 1px solid #e6e6e6;
}
.service .box2 .title_n2 .t,
.service .box2 .title_n2 .t2{
color: #fff;
}
.service .box2 .text {
color: #fff;
font-size: 16px;
line-height: 32px;
margin-top: 30px;
margin-bottom: 10px;
}
.service .box2 .image {
text-align: center;
}
.service .box2 ul {
margin-top: 40px;
}
.service .box2 ul li {
width: 18%;
margin-right: 2.5%;
text-align: center;
height: 197px;
display: table;
box-sizing: border-box;
border: 1px solid #dddddd;
padding: 0 20px;
}
.service .box2 ul li:last-child {
margin-right: 0;
}
.service .box2 ul li .t {
color: #666666;
font-size: 14px;
text-align: left;
margin-top: 10px;
}
.service .box2 ul li .center {
display: table-cell;
vertical-align: middle;
}
.service .box3 {
/*background-color: #f9fbfd;*/
padding: 60px 0 80px 0;
border-bottom: 1px solid #e6e6e6;
}
.service .box3 .text {
color: #666666;
font-size: 16px;
line-height: 32px;
margin-top: 50px;
}
.service .box3 ul {
margin-top: 40px;
}
.service .box3 ul li {
display: flex;
width: 32%;
margin-right: 2%;
box-sizing: border-box;
box-shadow: 0 0 10px #ccc;
padding: 5px;
margin-bottom: 10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
.service .box3 ul li:nth-child(3n) {
margin-right: 0;
}
.service .box3 ul li:last-child {
margin-right: 0;
}
.service .box3 ul li .img {
width: 190px;
height: 133px;
overflow: hidden;
}
.service .box3 ul li .img img {
width: 100%;
height: 100%;
}
.service .box3 ul li .t {
flex: 1;
color: #666666;
font-size: 14px;
height: 133px;
display: table;
padding: 0 10px 0 20px;
box-sizing: border-box;
}
.service .box3 ul li .t .center {
display: table-cell;
vertical-align: middle;
}
.service .box4 {
/*background-color: #f9fbfd;*/
/*padding: 80px 0;*/
position: relative;
box-sizing: border-box;
}
.service .box4>.w {
position: absolute;
left: 50%;
top: 80px;
transform: translateX(-50%);
z-index: 2;
}
.service .box4 ul {
/*margin-top: 40px;*/
width: 100%;
}
.service .box4 ul li {
width: 100%;
height: 275px;
display: flex;
box-sizing: border-box;
position: relative;
}
.service .box4 ul li:last-child {
margin-right: 0;
}
.service .box4 ul li .img {
width: 260px;
height: 180px;
overflow: hidden;
}
.service .box4 ul li .img img {
width: 100%;
height: 100%;
}
.service .box4 ul li .text {
flex: 1;
box-sizing: border-box;
padding: 0 20px;
position:relative;
z-index: 2;
}
.service .box4 ul li .text .t {
color: #fff;
font-size: 20px;
margin-top: 15px;
font-weight: bold;
}
.service .box4 ul li .text .t2 {
color: #fff;
font-size: 14px;
margin-top: 15px;
}
.service .box4 .title_n2 {
position: relative;
z-index: 2;
}
.service .box4 .title_n2 .t,
.service .box4 .title_n2 .t2 {
color: #fff;
}
.service .box4 .title_n2 i {
background: #fff;
}
.service .box5 {
padding: 80px 0;
}
.service .box5 .text {
color: #666666;
font-size: 16px;
line-height: 32px;
margin-top: 50px;
}
.service .box5 ul{
margin-top: 40px;
}
.service .box5 ul li{
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
text-align: center;
box-sizing: border-box;
padding: 10px;
padding-bottom: 0;
box-shadow: 0 0 15px #E9EAEC;
background: #F9F9F9;
}
.service .box5 ul li:nth-child(3n){
margin-right: 0;
}
.service .box5 ul li .t{
font-size: 18px;
color: #666666;
padding: 20px 0;
}
.service_link .box {
padding: 120px 0 105px 0;
border-bottom: 1px solid #e6e6e6;
}
.service_link .box .title {
color: #333333;
font-size: 32px;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
}
.service_link .box .text {
color: #666666;
font-size: 18px;
line-height: 32px;
}
.service_link .box2 {
background-color: #f9f8fd;
height: 642px;
}
.service_link .box2 .text {
width: 532px;
height: 640px;
display: table;
}
.service_link .box2 .text .center {
display: table-cell;
vertical-align: middle;
}
.service_link .box2 .text .t {
color: #333333;
font-size: 26px;
font-weight: bold;
}
.service_link .box2 .text .t2 {
color: #666666;
font-size: 16px;
margin: 30px 0;
font-weight: bold;
}
.service_link .box2 ul li {
margin-bottom: 10px;
}
.service_link .box2 ul li a {
color: #0055c6;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}
.service_link .box3 {
height: 646px;
}
.service_link .box3 .center {
height: 646px;
display: table;
}
.service_link .box3 .center .text {
display: table-cell;
vertical-align: middle;
width: 520px;
}
.service_link .box3 .center .text .t {
color: #ffffff;
font-size: 26px;
font-weight: bold;
}
.service_link .box3 .center .text .t2 {
color: #ffffff;
font-size: 16px;
font-weight: bold;
margin: 30px 0;
}
.service_link .box3 .center .text ul li {
margin-bottom: 10px;
}
.service_link .box3 .center .text ul li a {
color: #666;
font-size: 16px;
font-weight: bold;
}
.applications .box {
padding: 100px 0;
border-bottom: 1px solid #e6e6e6;
}
.applications .box .title {
color: #333333;
font-size: 32px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
.applications .box .img {
width: 100%;
}
.applications .box .text {
color: #666666;
font-size: 18px;
font-weight: bold;
margin-bottom: 40px;
line-height: 36px;
}
.applications .box ul li {
width: 32%;
margin-right: 2%;
}
.applications .box ul li:last-child {
margin-right: 0;
}
.applications .box ul li p {
color: #333333;
font-size: 18px;
font-weight: bold;
text-align: center;
margin-top: 15px;
}
.applications .box2 {
background-color: #f9f8fd;
}
.about .box {
padding: 100px 0;
border-bottom: 1px solid #e6e6e6;
}
.about .box .cle {
display: flex;
}
.about .box .image {
width: 400px;
height: 290px;
}
.about .box .image img {
width: 100%;
height: 100%;
}
.about .box .text {
flex: 1;
height: 290px;
display: table;
color: #666666;
font-size: 16px;
margin-left: 40px;
}
.about .box .text .center {
display: table-cell;
vertical-align: middle;
}
.about .box2 {
height: 830px;
box-sizing: border-box;
padding: 100px 0;
}
.about .box2 .title {
color: #666666;
font-size: 33px;
text-align: center;
margin-bottom: 50px;
}
.about .box2 ul li {
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
}
.about .box2 ul li:nth-child(3n) {
margin-right: 0;
}
.about .box3 {
padding: 100px 0;
}
.about .box3 ul {
display: flex;
}
.about .box3 ul img {
height: 45px;
}
.about .box3 ul li {
flex: 1;
text-align: center;
}
.about .box3 ul li .t {
color: #0D4BA2;
font-size: 20px;
margin: 5px 0 20px;
}
.about .box3 ul li .t2 {
color: #0D4BA2;
font-size: 16px;
margin-bottom: 5px;
}
.about .box3 ul li .t2 em {
color: #222;
}
.about .box3 ul li:last-child .t2 {
text-align: left;
}
.partners {
background-color: #f6f6f6;
}
.partners .box {
padding: 60px 0;
}
.partners .box ul {
margin-top: 50px;
}
.partners .box ul li {
width: 19%;
margin-right: 1.25%;
text-align: center;
display: table;
height: 215px;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
margin-bottom: 30px;
}
.partners .box ul li .center {
display: table-cell;
vertical-align: middle;
background: #fff;
}
.partners .box ul li:nth-child(5n) {
margin-right: 0;
}
.partners .box2 {
padding-top: 0;
}
.news {
padding: 60px 0;
}
.news .link ul {
white-space: nowrap;
}
.news .link ul li {
margin-right: 10px;
display: inline-block;
}
.news .link ul li a {
display: inline-block;
color: #666;
font-size: 14px;
text-align: center;
line-height: 32px;
padding-left: 40px;
padding-right: 10px;
box-sizing: border-box;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
background: url(../img/sdk/new-t.png) 10px center no-repeat;
}
.news .link ul li:hover a ,
.news .link ul li.on a {
color: #FFFFFF;
background: url(../img/sdk/new-t-h.png) 10px center no-repeat,#0D4BA2;
}
.news .list ul {
margin-top: 60px;
}
.news .list ul li {
margin-bottom: 40px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 20px;
}
.news .list ul li a {
display: flex;
}
.news .list ul li .img {
width: 240px;
height: 140px;
}
.news .list ul li .img img {
width: 100%;
height: 100%;
}
.news .list ul li .time {
width: 80px;
text-align: right;
}
.news .list ul li .time .t {
color: #333333;
font-size: 30px;
}
.news .list ul li .time .t2 {
color: #666666;
font-size: 18px;
}
.news .list ul li .time i {
width: 40px;
height: 3px;
background-color: #e6e6e6;
display: inline-block;
}
.news .list ul li .text {
flex: 1;
margin-left: 20px;
margin-right: 40px;
}
.news .list ul li .text .t {
color: #333333;
font-size: 22px;
}
.news .list ul li .text .t2 {
color: #666666;
font-size: 14px;
margin: 10px 0;
}
.news .list ul li .text .tips {
color: #999999;
font-size: 14px;
}
.news .list ul li:hover .text .t {
color: #02598d;
}
.page a {
width: 40px;
height: 40px;
display: inline-block;
background-color: #f4f4f5;
color: #717377;
font-size: 16px;
text-align: center;
line-height: 40px;
border-radius: 5px;
}
.page a.on {
background-color: #0177ff;
color: #FFFFFF;
}
.page a:hover {
background-color: #0177ff;
color: #FFFFFF;
}
.news_content .title {
color: #333333;
font-size: 18px;
height: 90px;
box-sizing: border-box;
line-height: 90px;
border-bottom: 1px solid #e6e6e6;
}
.news_content .title i {
display: inline-block;
width: 4px;
height: 26px;
background-color: #007eff;
vertical-align: -6px;
margin-right: 15px;
}
.news_content .content {
display: flex;
padding: 60px 0;
}
.news_content .content .cont {
flex: 1;
margin-right: 40px;
}
.news_content .content .cont .titles {
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 30px;
}
.news_content .content .cont .titles span {
display: block;
color: #333333;
font-size: 32px;
}
.news_content .content .cont .titles .time {
color: #999999;
font-size: 16px;
margin-top: 20px;
}
.news_content .content .cont .text {
color: #666666;
font-size: 16px;
line-height: 32px;
}
.news_content .content .right {
width: 300px;
}
.news_content .content .right ul li {
box-sizing: border-box;
padding: 10px;
border: 1px solid #e6e6e6;
margin-bottom: 10px;
}
.news_content .content .right ul li .img {
width: 280px;
height: 180px;
overflow: hidden;
}
.news_content .content .right ul li .img img {
width: 100%;
height: 100%;
}
.news_content .content .right ul li .text .t {
color: #333333;
font-size: 16px;
margin: 10px 0 5px 0;
}
.news_content .content .right ul li .text .t2 {
color: #999;
font-size: 12px;
word-wrap: break-word;
}
.news_content .content .right .more a {
display: block;
background-color: #007eff;
color: #ffffff;
font-size: 16px;
text-align: center;
height: 48px;
line-height: 48px;
}
.join_us {
padding: 60px 0;
}
.join_us .w {
display: flex;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.join_us .link {
width: 240px;
background-color: #f9f9f9;
padding-top: 30px;
}
.join_us .link ul li a {
color: #333333;
font-size: 16px;
display: block;
padding: 10px;
text-align: center;
}
.join_us .link ul li:hover a,
.join_us .link ul li.on a {
color: #fff;
background: linear-gradient(90deg,#2C6FF1 30%,rgba(0,0,0,0));
}
.join_us .cont {
flex: 1;
box-sizing: border-box;
padding-left: 40px;
padding-top: 45px;
width: 100%;
padding-bottom: 45px;
}
.join_us .cont .nav_n ul li {
margin-right: 10px;
display: inline-block;
}
.join_us .cont .nav_n ul li a {
color: #333333;
font-size: 14px;
height: 32px;
border: 1px solid #333333;
box-sizing: border-box;
line-height: 30px;
display: inline-block;
padding: 0 15px;
border-radius: 5px;
}
.join_us .cont .nav_n ul li.on a {
background-color: #007eff;
color: #FFFFFF;
border: 1px solid #007eff;
}
.join_us .cont .nav_n ul li:hover a {
background-color: #007eff;
color: #FFFFFF;
border: 1px solid #007eff;
}
.join_us .cont .list {
border: 1px solid #ebebeb;
margin-top: 20px;
}
.join_us .cont .list ul li {
cursor: pointer;
}
.join_us .cont .list ul li:last-child {
border-bottom: none;
}
.join_us .cont .list ul li .title {
position: relative;
padding: 30px 20px 20px 30px;
}
.join_us .cont .list ul li .title::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 10px;
height: 100%;
background: #3971DD;
opacity: 0;
transition: opacity .3s;
}
.join_us .cont .list ul li.on .title::before,
.join_us .cont .list ul li .title:hover::before {
opacity: 1;
}
.join_us .cont .list ul li .title .t {
font-size: 20px;
color: #333333;
font-weight: bold;
}
.join_us .cont .list ul li .title .t2 {
font-size: 14px;
color: #666666;
}
.join_us .cont .list ul li .text:nth-child(2) {
padding-bottom: 0;
}
.join_us .cont .list ul li .text .t {
font-size: 16px;
margin-bottom: 5px;
color: #333333;
}
.join_us .cont .list ul li .text .t2 {
font-size: 14px;
color: #666666;
}
/* 2021-10-5 */
.nheader {
position: fixed;
top: 0;
width: 100%;
height: 100px;
background: url(../img/icon/top_bg.png) center no-repeat;
z-index: 99;
background-size: 100% 100%;
transition: all .5s;
}
.head {
width: 100%;
max-width: 1200px;
margin: 0 auto;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.nheader:hover,.scrolltop {
background: #fff;
box-shadow: 0px 0px 7px #333;
}
.nheader:hover .nav>li>a ,.scrolltop .nav>li>a{
color: #000;
}
.head .rnav {
display: flex;
justify-content: center;
align-items: center;
}
.nav {
display: flex;
}
.nav>li {
position: relative;
}
.nav>li>a{
display: inline-block;
width: 130px;
text-align: center;
line-height: 100px;
position: relative;
color: #fff;
transition: all .3s;
font-size: 18px;
}
.navlist {
position: absolute;
left: 0;
bottom: 0;
transform: translateY(100%);
display: none;
width: 100%;
}
.navlist a{
display: inline-block;
font-size: 14px;
color: #fff;
width: 100%;
text-align: center;
background: #004098;
line-height: 40px;
border-bottom: 1px solid #3366ad;
}
.navlist li:last-of-type a {
border-bottom: none;
}
.nav dl {
position: absolute;
width: 1200px;
right: 0;
transform: translateX(480px) !important;
background-color: rgba(0, 64, 152);
padding: 30px;
box-sizing: border-box;
}
.nav dd {
width: 100%;
margin-right: 2%;
border-bottom: 1px solid rgba(255, 255, 255, .2);
padding-bottom: 20px;
display: flex;
justify-content: flex-start;
margin-bottom: 20px;
}
.nav dd span {
width: 20%;
display: inline-block;
font-size: 18px;
font-weight: bold;
color: #f0f0f0;
}
.nav dd .dd-link {
width: 80%;
display: flex;
flex-wrap: wrap;
}
.nav dl dd a{
width: 33%;
color: #f0f0f0;
font-size: 13px;
background: none !important;
border-bottom: none;
position: relative;
line-height: normal;
padding: 8px 0;
padding-left: 20px;
}
.nav dl dd a {
display: flex;
align-items: center;
}
.nav dl dd a:hover {
text-decoration: underline;
}
.nav dl dd a::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 5px;
height: 5px;
background-color: #f0f0f0;
vertical-align: 4px;
margin-right: 5px;
}
.navlist>li>a {
background-color: rgba(0, 64, 152, .9);
}
.nav>li>a::before,.nav>li>a::after{
content: '';
position: absolute;
height: 2px;
width: 0;
bottom: 0;
background: #ec1e24;
transition: all.3s;
}
.nav>li>a::before {
left: 50%;
}
.nav>li>a::after {
right: 50%;
}
.nav>li>a:hover ,.nav .li-on>a{
color: #ec1e24 !important;
}
.nav>li>a:hover::before,.nav>li>a:hover::after,
.nav .li-on>a::before ,.nav .li-on>a::after {
width: 50%;
}
.search-i {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background: url(../img/icon/search.png) center no-repeat;
background-size: contain;
margin-left: 10px;
cursor: pointer;
}
.headbg {
background: #fff !important;
box-shadow: 0px 0px 7px #333;
}
.headbg .menuico i::before {
background: #004098 !important;
}
.aclick::after {
-webkit-transform:rotate(135deg) skew(5deg,5deg) !important;
transform: rotate(135deg) skew(5deg,5deg) !important;
}
.pc-search,.wap-search{
display: none;
position: absolute;
bottom: 0;
right: 0;
transform: translateY(100%);
background: #fff;
border-radius: 2px;
}
.pc-search input {
height: 32px;
}
.pc-search {
padding: 10px 20px;
box-shadow: 1px 1px 5px #666;
}
.wapi {
margin: 2rem 1rem 0 1rem;
}
.wap-search {
padding: .4rem .8rem;
box-shadow: .1rem .1rem .25rem #666;
}
/* 2021-10-8 新增智能设备列表与详情页 */
.machinelist {
width: 100%;
background: #eee;
border-bottom: 1px solid #ddd;
}
.machinelist ul {
width: 98%;
max-width: 1200px;
margin: 0 auto;
display: flex;
}
.machinelist ul li {
width: 20%;
}
.machinelist ul li a{
display: inline-block;
font-size: 16px;
line-height: 80px;
border-bottom: 2px solid #eee;
width: 100%;
text-align: center;
color: #000;
position: relative;
transition: all .3s;
}
.machinelist ul li a::before {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 1px;
background: #ddd;
}
.machinelist ul li:last-of-type a::before {
display: none;
}
.machinelist ul li a:hover ,.machinelist .on a{
color: #ec1e24;
border-bottom: 2px solid #ec1e24;
}
.machine {
width: 95%;
max-width: 1200px;
margin:40px auto 60px;
}
.machine .machinebox ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.machine .machinebox ul li {
width: 48%;
border: 1px solid #ddd;
position: relative;
transition: all .3s;
margin-bottom: 40px;
cursor: pointer;
}
.machine .machinebox ul li img{
width: 100%;
}
.machine .machinebox ul li a {
color: #000;
position: absolute;
right: 20px;
bottom: 20px;
font-size: 18px;
line-height: 22px;
}
.machine .machinebox ul li a>i {
content: '';
display: inline-flex;
justify-content: center;
align-items: center;
height: 22px;
width: 22px;
margin-left: 10px;
background: #004098;
border-radius: 5px;
transition: all .3s;
}
.arr-b {
content: '';
display: inline-block;
height: 10px;
width:12px;
background: url(../img/icon/next.png) center no-repeat;
background-size: contain;
}
.machine .machinebox ul li:hover{
box-shadow: 0px 3px 5px #ddd;
transform: translateY(-7px);
}
.machine .machinebox ul li:hover a>i {
background:#ec1e24;
}
.machinebox{
display: none;
}
.machinebox h2 {
color: #333;
border-bottom: 2px solid #004098;
line-height: 60px;
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
}
.machinebox:first-child{
display: block;
}
.name {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.picbox {
width: 30%;
display: inline-block;
}
.tips {
width: 65%;
}
.tips h1 {
font-size: 24px;
color: #004098;
font-weight: 500;
margin-bottom: 60px;
}
.tips h2 {
font-size: 18px;
font-weight: 500;
position: relative;
color: #222;
margin: 20px 0;
}
.tips h2::before {
content: '';
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
width: 17px;
height: 18px;
background: url(../img/icon/tips.png) center no-repeat;
background-size: contain;
}
.tips>div {
padding-left: 30px;
}
.tips>div p {
color:#222;
font-size: 14px;
line-height: 1.8em;
}
.spec {
display: flex;
justify-content: space-between;
}
.spec>div {
text-align: center;
width: 40%;
}
.spec>div p:first-of-type {
background:#004098;
padding: 15px 0;
color: #fff;
}
.spec>div p:last-of-type {
background:#ddd;
line-height: 60px;
color: #000;
}
.spec>div:nth-child(1) {
width: 40%;
}
.advantage {
display: flex;
justify-content: space-between;
margin: 40px 0;
}
.advantage li {
width: 31%;
background: #004098;
box-sizing: border-box;
transition: all .3s;
padding: 40px 20px 60px;
color: #fff;
}
.advantage li:hover {
background: #ec1e24;
}
.advantage li .title {
font-size: 24px;
text-align: center;
line-height: 40px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
}
.advantage li p:last-of-type {
font-size: 14px;
}
.advantage li .title::before {
content: '';
position: absolute;
width: 60px;
height: 2px;
background: #fff;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.pic {
display: flex;
justify-content: space-between;
}
.pic div {
width: 49%;
background: #666;
overflow: hidden;
cursor: pointer;
border: 1px solid #ddd;
transition: all .5s;
margin-bottom: 20px;
}
.pic div img {
width: 100%;
transition: all .5s;
}
.pic div:hover {
border: 1px solid #ec1e24;
}
.pic div:hover img {
transform: scale(1.2);
}
.sdk .box {
margin-top: 120px;
padding-bottom: 120px;
border-bottom: 1px solid #e6e6e6;
box-sizing: border-box;
}
.sdk .box .text {
color: #666666;
font-size: 18px;
margin-top: 50px;
line-height: 32px;
margin-bottom: 60px;
}
.sdk .box .img {
text-align: center;
margin-top: 20px;
}
.sdk .box_bg {
padding: 80px 0;
}
.sdk .box_bg .title_n {
color: #FFFFFF;
}
.sdk .box_bg .img {
margin-top: 40px;
}
.sdk .box2 {
padding-top: 120px;
padding-bottom: 120px;
background-color: #fafbfd;
border-bottom: 1px solid #e6e6e6;
box-sizing: border-box;
background-color: #fafbfd;
}
.sdk .box2 ul {
margin-top: 80px;
}
.sdk .box2 ul li {
width: 19%;
height: 180px;
box-sizing: border-box;
text-align: center;
border: 2px dashed #134d87;
margin-right: 1.25%;
margin-bottom: 30px;
display: table;
}
.sdk .box2 ul li .center {
display: table-cell;
vertical-align: middle;
}
.sdk .box2 ul li:nth-child(5n) {
margin-right: 0;
}
.sdk .box2 ul li p {
color: #134d87;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}
.sdk .box3 {
padding-top: 120px;
padding-bottom: 120px;
border-bottom: 1px solid #e6e6e6;
box-sizing: border-box;
}
.sdk .box4 {
padding-top: 120px;
border-bottom: 1px solid #e6e6e6;
background-color: #fafbfd;
}
.sdk .box4 ul {
margin-top: 60px;
}
.sdk .box4 ul li {
width: 30%;
margin-right: 5%;
text-align: center;
min-height: 175px;
margin-bottom: 70px;
}
.sdk .box4 ul li .img {
min-height: 62px;
}
.sdk .box4 ul li:nth-child(3n) {
margin-right: 0;
}
.sdk .box4 ul li p {
color: #134d87;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
line-height: 32px;
}
.sdk .box5 {
padding: 120px 0;
}
.sdk .box5 ul {
margin-top: 70px;
}
.sdk .box5 ul li {
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
text-align: center;
}
.sdk .box5 ul li:nth-child(3n) {
margin-right: 0;
}
.sdk .box5 ul li p {
color: #333333;
font-size: 18px;
font-weight: bold;
padding: 20px 0;
}
.service .box4 {
background-color: #f9fbfd;
border-bottom: 1px solid #e6e6e6;
}
/*.service .box4 ul {*/
/* margin-top: 40px;*/
/*}*/
/*.service .box4 ul li {*/
/* width: 49%;*/
/* margin-right: 2%;*/
/* margin-bottom: 10px;*/
/* height: 200px;*/
/* display: table;*/
/* position: relative;*/
/*}*/
.service .box4 ul li .bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.service .box4 ul li:nth-child(2n) {
margin-right: 0;
}
.service .box4 ul li .cont {
color: #FFFFFF;
box-sizing: border-box;
padding: 0 20px;
display: table-cell;
vertical-align: middle;
background-size: cover !important;
position: relative;
}
.service .box4 ul li a{
display: table;
width: 100%;
height: 100%;
}
/*.service .box4 ul li:nth-child(3){
width: 100%;
margin-right: 0;
text-align: center;
}*/
.service .box4 ul li.last{
width: 100%;
margin-right: 0;
text-align: center;
}
.service .box4 ul li .cont .t {
font-size: 28px;
font-weight: bold;
text-align: center;
}
.service .box4 ul li .cont .t2 {
font-size: 14px;
margin-top: 10px;
line-height: 27px;
text-align: center;
}
.bg .list .img img {
width: 100%;
height: 358px;
}
.navlist{
min-width: 100%;
width: auto;
}
.navlist a {
text-align: left;
padding: 0px 20px;
box-sizing: border-box;
min-width: 200px;
}
.index_box4 .swiper-slide .text {
min-height: 180px !important;
}
.navlist2 {
display: none;
background: rgba(230,236,241,0.9);
box-sizing: border-box;
}
.navlist2 {
margin-top: .6rem;
padding-top: .1rem;
}
.navlist2 a{
display: block;
color: #333;
padding-left: 1rem;
margin-top: .6rem;
font-size: 14px;
border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.navlist4 {
width: 100%;
background: rgba(230,236,241,0.9);
}
.navlist4 a {
padding-left: 2rem;
border-bottom: 1px solid rgba(255, 255, 255, .3);
margin-top: 0;
}
.navlist4 .box4 a{
color: #666;
line-height: normal;
padding: .4rem 0 .4rem 3rem;
padding-left: 3rem;
font-size: 13px;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.navlist4 .box4 a::before {
content: '';
position: absolute;
left: 2.2rem;
top: 50%;
transform: translateY(-50%);
height: 5px;
width: 5px;
background: #666;
}
.sidemenulist>li>a:hover::after, .cur-active::after {
transform: rotate(135deg) skew(5deg, 5deg);
-webkit-transform: rotate(135deg) skew(5deg, 5deg);
}
.index_box2 .list .ul .on .left {
background-color: #ec1e24;
}
.index_box2 .list .ul .on .right {
display: table;
}
.navlist>li{
position: relative;
}
.navlist3 {
position: absolute;
right: 0;
top: 0;
transform: translateX(100%);
padding: 20px;
background: rgba(230,236,241,0.9);
}
.box30 {
display: flex;
}
.nav ul {
display: none;
}
.box30 div {
min-width: 250px;
margin-right: 20px;
}
.box30 div a {
line-height: normal;
text-align: left;
padding: 10px 10px 10px 20px;
position: relative;
display: inline-block;
box-sizing:border-box;
color: #666;
}
.box30 div a:hover {
text-decoration: underline;
}
.box30 div a::before{
content: '';
position: absolute;
left: 5px;
top: 50%;
transform:translateY(-50%);
height: 10px;
width: 10px;
background: #666;
}
.box30 div a {
background: none;
border-bottom: none;
}
.box30 div span {
display: inline-block;
width: 100%;
font-size: 18px;
color: #000;
border-bottom: 1px solid #fff;
line-height: 50px;
margin-bottom: 20px;
text-align: center;
}
.sidemenulist ul {
display: none;
}
/* 2021-10-12 */
.sdk-title, .sdk-title2{
font-size: 36px;
color: #000;
font-weight: 700;
text-align: center;
padding: 80px 0 60px;
}
.sdk-title2 {
color: #fff;
}
.sdk-ul {
width: 100%;
display: flex;
justify-content: space-between;
margin: 0 auto;
margin-top: 20px;
border:none !important;
}
.sdk-ul li {
width: 33%;
height: 160px;
font-size: 18px;
text-align: center;
position: relative;
transition: all .3s;
background: url(../img/sdk/15.jpg) center center no-repeat;
background-size: cover;
color: #fff !important;
display: flex;
align-items: center;
justify-content: center;
}
.sdk-ul li::before{
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1px;
background: #ddd ;
}
.sdk-ul li:last-child:before {
display: none;
}
.sdk-ul2 {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.sdk-ul2 li {
width: 23%;
}
.sdk-ul2 li p {
text-align: center;
color: #333;
}
.imgtext {
margin: 0 auto 20px !important;
}
.sdk-ul2 .imgtext p:nth-child(1){
font-size: 18px;
font-weight: 700;
margin: 20px 0;
}
.sdk-ul2 .imgtext p:nth-child(2){
font-size: 14px;
}
.sdk-videobg {
width: 100%;
background: url(../img/sdk/bg1.jpg) center no-repeat;
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
box-sizing: border-box;
padding: 40px 0;
border-radius: 10px;
}
.sdk-videobg video {
width: 90%;
border-radius: 10px;
}
.sdk-box2 {
width: 100%;
background: url(../img/sdk/bg2.png) top no-repeat;
margin-top: 80px;
padding-bottom: 20px;
background-size: 100% 100% ;
}
.sdk-cabox {
border: 1px solid #fff;
border-radius: 10px;
margin-bottom: 40px;
}
.sdk-cati {
width: 350px;
line-height: 70px;
text-align: center;
font-size: 24px;
font-weight: 700;
color: #fff;
background:url(../img/sdk/ca1.png) center no-repeat;
margin: 0 auto
;
}
.sdk-ul3 {
margin: 40px 0;
padding: 0 20px;
display: flex;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
}
.sdk-ul3 p {
color: #fff;
}
.sdk-ul3 li {
width: 23%;
}
.sdk-ul3 .imgtext p:nth-child(1) {
text-align: center;
font-size: 20px;
margin: 20px 0;
font-weight: 700;
}
.sdk-ul3 .imgtext p:nth-child(2) {
font-size: 14px;
box-sizing: border-box;
}
.sdk-li li {
width: auto;
}
.sdk-li li p {
text-align: center;
}
.sdk-li li img{
height: 146px ;
}
.sdk-box3 {
padding-bottom: 80px;
}
.sdk-img {
width: 100%;
}
.sdk-box4 {
width: 100%;
background: #eee;
padding-bottom: 40px;
background: url("../img/sdk/16.jpg") center center no-repeat;
background-size: cover;
}
.sdk-box4 .sdk-title {
color: #fff !important;
}
.sdk-ul4 {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.sdk-ul4 li {
position: relative;
width: 220px;
margin-right: 40px !important;
}
.red-ca {
position: absolute;
content: '';
width: 72px;
height: 72px;
top: 0;
left: 0;
color: #fff;
font-size: 24px;
box-sizing: border-box;
background: url(../img/sdk/sc1.png) center no-repeat;
text-align: left;
padding: 15px 0 0 15px;
}
.sdk-box5 {
background: url(../img/sdk/17.jpg) top no-repeat;
background-size: cover;
padding-bottom: 60px;
}
.sdk-ul5 {
margin-bottom: 10px;
}
.sdk-ul5,
.sdk-ul6 {
display: flex;
justify-content:space-between;
}
.sdk-ul5 li,
.sdk-ul6 li{
box-shadow: 0 0 200px inset rgba(255,255,255,.5);
padding-bottom: 20px;
}
.sdk-ul5 li {
width: 390px;
min-height: 300px;
}
.sdk-ul6 li {
width: 290px;
min-height: 270px;
}
.sdk-ibox {
padding: 20px 0;
border-bottom: 2px solid #fff;
text-align: center;
}
.sdk-ibox i {
content: '';
display: inline-block;
width: 50px;
height: 50px;
}
.sdkbox-text {
box-sizing: border-box;
padding: 25px 30px 0;
}
.sdkbox-text p:nth-child(1) {
text-align: center;
color: #fff;
font-size: 20px;
margin-bottom: 20px;
font-weight: 700;
}
.sdkbox-text p:nth-child(2){
font-size: 14px;
}
.sdk1 {
background: url(../img/icon/sdk1.png) center no-repeat;
background-size: contain;
}
.sdk2 {
background: url(../img/icon/sdk2.png) center no-repeat;
background-size: contain;
}
.sdk3 {
background: url(../img/icon/sdk3.png) center no-repeat;
background-size: contain;
}
.sdk4 {
background: url(../img/icon/sdk4.png) center no-repeat;
background-size: contain;
}
.sdk5 {
background: url(../img/icon/sdk5.png) center no-repeat;
background-size: contain;
}
.sdk6 {
background: url(../img/icon/sdk6.png) center no-repeat;
background-size: contain;
}
.sdk7 {
background: url(../img/icon/sdk7.png) center no-repeat;
background-size: contain;
}
.sdk-ul5 li:hover,
.sdk-ul6 li:hover {
background: #fff;
}
.sdk-ul5 li:hover .sdk-ibox,
.sdk-ul6 li:hover .sdk-ibox{
border-bottom: 2px solid #2C6FF1;
}
.sdk-ul5 li p,
.sdk-ul6 li p {
color: #fff;
}
.sdk-ul5 li:hover p,
.sdk-ul6 li:hover p {
color: #2C6FF1;
}
.sdk-ul5 li:hover p:last-of-type,
.sdk-ul6 li:hover p:last-of-type {
color: #222;
}
.sdk-box5 li:hover .sdk1 {
background: url(../img/icon/sdk1-h.png) center no-repeat;
background-size: contain;
}
.sdk-box5 li:hover .sdk2 {
background: url(../img/icon/sdk2-h.png) center no-repeat;
background-size: contain;
}
.sdk-box5 li:hover .sdk3 {
background: url(../img/icon/sdk3-h.png) center no-repeat;
background-size: contain;
}
.sdk-box5 li:hover .sdk4 {
background: url(../img/icon/sdk4-h.png) center no-repeat;
background-size: contain;
}
.sdk-box5 li:hover .sdk5 {
background: url(../img/icon/sdk5-h.png) center no-repeat;
background-size: contain;
}
.sdk-box5 li:hover .sdk6 {
background: url(../img/icon/sdk6-h.png) center no-repeat;
background-size: contain;
}
.sdk-box5 li:hover .sdk7 {
background: url(../img/icon/sdk7-h.png) center no-repeat;
background-size: contain;
}
.sdk-box5 li {
transition: all .3s;
border-radius: 10px;
}
.join_us .cont .list ul li .text-box {
position: relative;
display: none;
padding: 10px 30px;
}
.join_us .cont .list ul li .text-box p, .join_us .cont .list ul li .text-box p span{
white-space: wrap!important;
}
.join_us .cont .list ul li .text {
margin-bottom: 10px;
}
.join_us .cont .list ul li .text:last-of-type {
margin-bottom: 0;
}
.join_us .cont .list ul li .text-box::before {
content:'';
position: absolute;
left: 0;
top: 0;
width: 10px;
height: 100%;
background: #D6E3F8;
}
.join_us .cont .list ul li:nth-child(1) .text-box {
display: block;
}
.sdk-ul4 {
align-items: flex-start;
}
.sdk-ul4 li:last-of-type {
margin-right: 0 !important;
}
.ul4-t {
display: flex;
align-items: center ;
color: #fff;
font-size: 30px;
white-space: nowrap;
}
.ul4-t h2 {
font-size: 45px;
color: #6EC1F7;
padding-right: 20px;
margin-right: 20px;
position: relative;
}
.ul4-t h2::before {
content: "";
position: absolute;
right: 0;
width: 2px;
height: 50%;
top: 50%;
transform: translateY(-50%);
background: #6EC1F7;
}
.ul4-img {
padding: 3px;
background: linear-gradient(-45deg, #76C5F8, #2A6CE8);
}
.ul4-img img {
background: #fff;
height: 110px;
}
.ul4-text {
position: relative;
padding: 0 20px;
padding-top: 30px;
height: 160px;
color: #fff;
top: -20px;
left: 20px;
background: linear-gradient(180deg, #6FC0F6, rgba(255,255,255,0));
font-size: 14px;
}
.sdk-img {
box-shadow: 0 0 10px #999;
border-radius: 10px;
}
.sdk-title{
color: #004098 !important;
}
#Nobg {
background: none !important;
}
#Nobg .title_n2 .t {
color: #333;
}
#Nobg .title_n2 .t2 {
color: #aeaead;
}
#Nobg .text {
color: #333;
}
.img-cnm {
display: inline-block;
margin-right: 170px;
}
.news_content .content .cont .text img {
height: auto !important;
}
.change-lang {
position: absolute;
right: 0;
top: 5px;
overflow: hidden;
font-size: 14px;
z-index: 2;
color: #999;
}
.change-lang a{
font-size: 14px;
color: #fff;
display: inline-block;
cursor: pointer;
padding: 0 5px;
}
.m_h {
margin: 1.5rem 1rem 0 1rem;
color: #999;
}
.m_h a {
font-size: 14px;
color: #999;
margin-right: 1rem;
}
.m_h a:last-of-type{
margin-right: 0;
}
.m_h a:hover,
.change-lang a:hover {
color: #ec1e24 !important;
}
.scrolltop .change-lang,
.scrolltop .change-lang a,
.nheader:hover .change-lang a {
color: #999;
}
.m_h a.cur,
.change-lang .cur {
color: #ec1e24 !important;
text-decoration: underline;
}
.nheader .w {
position: relative;
}