@charset "utf-8";

@font-face {
font-family: "liow";
src: url("../css/liow.otf") format("woff2"),
       url("../css/liow.woff") format("woff"),
       url("../css/liow.otf") format("truetype"),
       url("../css/liow.otf") format("embedded-opentype"),
       url("../css/liow.ttf") format("svg");
}

.section.item1{background:#000; overflow: hidden}
.section.item1 .swiper-container{height:680px !important; color: #fff}
.section.item1 .swiper-container .swiper-slide{text-align:center; overflow: hidden; position: relative}
.section.item1 .swiper-container .swiper-slide img{display: block; width: auto; height:680px !important; position: absolute; left:39%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%)}
.section.item1 .swiper-container .center-80{height:680px; width: 100%}
.section.item1 .swiper-container .swiper-pagination-bullet{background: #fff; width: 12px; height: 12px}
.section.item1 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0C6BD9}
.section.item1 #particlebox{position: relative}
.section.item1 .content-description{position: absolute; left:30.5%; top: 30%; font-size:50px; font-weight:bold; color: #fff;}
.section.item1 .content-description img{position: absolute; left: 20px!important; top: 25%; z-index: 6!important; display: block; border: none; -webkit-transform: translateX(0)!important; -moz-transform: translateX(0)!important; -ms-transform: translateX(0)!important; -o-transform: translateX(0)!important; transform: translateX(0)!important; width: 600px!important; height: auto!important; margin-bottom: 1.5rem}
/**/

.mod-s-con{ box-sizing: border-box; margin: 0 auto;}
.mess-text h3{font-size:38px; line-height: 36px; color:#fff; letter-spacing:1px; font-family: "liow"; background:url(../images/djn11.png) no-repeat; padding-left:80px; }
.mess-text .desc{font-size: 14px; line-height: 25px; color: #fff; opacity: 0.7;}
.logo-pic img{width: 96px;}
/* to c 弹窗 */
.to-c-pop{width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999; display: none;}
.to-c-pop .pop-bg{width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.to-c-pop .pop-box{width: 1044px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); background: #FFFFFF; box-shadow: 0 12px 24px 0 rgba(0,0,0,0.10); padding: 65px 80px 50px 64px; box-sizing: border-box;}
.to-c-pop .pop-box .close{width: 24px; height: 24px; position: absolute; right: 32px; top: 32px; cursor: pointer; z-index: 999999999;}
.to-c-pop .pop-box .logo-pic{width: 160px; float: left; margin-right: 32px;}
.to-c-pop .pop-box .logo-pic img{width: 100%;}
.to-c-pop .pop-box .mess-box{overflow: hidden;}
.to-c-pop .pop-box .mess-box .name{font-size: 30px; color: #2A2E2E; letter-spacing: 0; margin-bottom: 9px;}
.to-c-pop .pop-box .mess-box .ms{width: 100%; overflow: hidden; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #E9ECF0;}
.to-c-pop .pop-box .mess-box .ms .label{font-size: 20px; color: #949696; letter-spacing: 0; line-height: 36px; float: left;}
.to-c-pop .pop-box .mess-box .ms a{float: right; font-size: 16px; color: #0A43C8; letter-spacing: -0.01px; line-height: 36px;}
.to-c-pop .pop-box .mess-box .desc p{font-size: 14px; color: #fff; letter-spacing: 0; line-height: 25px; margin-bottom: 15px;}
.en-us .to-c-pop .pop-box .mess-box .ms{height: 35px; margin-top:-50px;}
/* 业务-面向用户 */
.business-user{}
.business-user .section-item{position: relative; box-sizing: border-box; width: 100%;}
.business-user .section-item .mod-s-con{width:1400px; box-sizing: border-box; margin: 0 auto;}
.business-user .section-item.white-bg{padding-top: 96px; padding-bottom: 106px; background: #021151;}
.business-user .section-item.gray-bg{padding-top: 40px; padding-bottom:122px; background: #021151 !important;}
.business-user .section-item .mess-text{width:372px; padding-right: 64px; float: left;}
.business-user .section-item.section-one-item .mess-text{margin-top:28px;}
.business-user .section-item.section-two-item .mess-text{margin-top:84px; float:right;}
.en-us .business-user .section-item.section-two-item .mess-text{margin-top:90px;}
.business-user .section-item.section-three-item .mess-text{margin-top: 220px;}
.en-us .business-user .section-item.section-three-item .mess-text{margin-top:190px;}
.business-user .section-item.section-four-item .mess-text{margin-top: 156px;}
.business-user .section-item .mess-text h3{font-size:26px; line-height: 36px; margin-bottom: 24px; color:#fff; font-family: 'TencentSansw7';}
.business-user .section-item .mess-text .desc{font-size:16px; line-height:30px; color:#fff; opacity: 0.5;}
.business-user .section-item .product-box{overflow: hidden;}
.business-user .section-item .product-box .box{width: 25%; min-height: 224px; float: left; text-align: center; padding-top: 26px; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 0.2s linear;}
.business-user .section-item.white-bg .product-box .box:hover{background: #FBFBFB; color:#000;}
.business-user .section-item.gray-bg .product-box .box:hover{background: #ffffff; color:#000;}

.business-user .section-item.white-bg .product-box .box:hover .mess .name{color:#000;}
.business-user .section-item.white-bg .product-box .box:hover .desc{ color:#555;}

.business-user .section-item.gray-bg .product-box .box:hover .mess .name{color:#000;}
.business-user .section-item.gray-bg .product-box .box:hover .mess .desc{ color:#555;}

.business-user .section-item .product-box .box .name:hover{ color:#000;}
.business-user .section-item .product-box .box .desc:hover{ color:#555;}

.business-user .section-item .product-box .box .logo-pic{width: 100%;}
.business-user .section-item .product-box .box .logo-pic img{width: 96px;}
.business-user .section-item .product-box .box .mess{margin-top: 8px; width: 100%;}
.business-user .section-item .product-box .box .name{font-size: 20px; line-height: 36px; color: #fff;}
.en-us .business-user .section-item .product-box .box .name{line-height: 30px;}
.business-user .section-item .product-box .box .desc{font-size: 14px; line-height: 25px; text-align: center; color: #fff;  opacity: 0.5;}

.gray-bg{/*background-color: #0c1b60;*/}
.h59{margin-top:59px;}
.mess-text h3 span{font-weight:lighter; margin-left:0px; display:block; font-size:14px; font-weight:lighter; font-family: "Microsoft YaHei"; color:#fff; opacity: 0.8;}
.go-icon{margin-top:11px; display: inline-block;}
.go-icon img{width: 40px; filter: contrast(0) brightness(2); }
.h10{height:100px;}
.brand-item .desc-box .desc{font-size:18px; color: #fff; opacity: 0.8;}
.en-us .brand-item .desc-box .desc{text-align:justify;}
.brand-item .desc-box .go-icon{margin-top: 15px; display: inline-block;}
.brand-item .desc-box .go-icon img{width: 40px; filter: contrast(0) brightness(2);  opacity: 0.8}
.label-box{ font-size:38px; font-weight:bold; letter-spacing:1px; font-family: "liow"; color:#fff; }
.label-box span{ font-size:14px; font-weight:lighter; display:block; font-family:"Microsoft YaHei"; color:#fff; opacity: 0.8;}
.b-flx img{width: 100%; margin-top: 43px;}
.desc-box{ width:76%; }
.label-box img {margin-right:8px; margin-top:-5px;}
.mod-con{padding-top:30px; padding-bottom:130px;}
.desc{font-size:18px; line-height:33px; color:#fff; margin-top:5px; opacity: 0.8;}
/*.gray-bg{padding-top:100px; padding-bottom:43px;}*/

.mod-con96{padding-top:100px; padding-bottom:40px;}

.product-box{
  overflow: hidden;
	margin-top:50px;
}
.swiper-flx .pic-box{
  width: 100%; padding-top:5%;
  height: 420px;
  overflow: hidden;
  position: relative;
}
.swiper-flx .pic-box .box li{
  float: left;
  width:100%;
  overflow: hidden;
  display: none;
}
.swiper-flx .pic-box .box .active-li{
  display: block;
}
.swiper-flx .pic-box .box li img{
  width: 100%;
}
.swiper-flx .tab-box{
  overflow: hidden;
}
.swiper-flx .tab-box .box li{
  float: left;
  width:33.33%;
  min-height:174px;
  padding: 32px 40px 20px 40px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  background-color: #0e132d;
}

.en-us .swiper-flx .tab-box .box li{ min-height:350px;}
.swiper-flx .tab-box .box li.active-tab{
  background-color:#156bff;
}
.swiper-flx .tab-box .box li.active-tab:before{
  content: ' ';
  width: 100%;
  height: 4px;
  background-color:#0e132d;
  position: absolute;
  left: 0;
  bottom: 0;
}
.swiper-flx .tab-box .box .label{
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 8px;
}
.swiper-flx .tab-box .box .desc{
  font-size:16px;
  line-height:36px;
  color: #fff;
}

.width1200{ width:1200px; margin:auto;}
.zsYiTi{
	display: block; margin-bottom:100px;
	padding: 55px 0 70px;
	box-sizing: border-box; 
/*	background:url(../images/dbmi.jpg) center bottom no-repeat;*/
	background-size: cover;
}

.zsYiTiDiv{
	display: block;
	height: 361px;
}
.zsYiTiDiv li{
	float: left;
	display: block;
	width: 179px;
	height: 259px;
	border-radius: 8px;
/*	background: #fff;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);*/
	margin-left:24px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	padding: 26px 10px 0;
	box-sizing: border-box;
	transition: all 400ms;
}
.zsYiTiDiv li h3{
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	margin: 18px auto 14px;
}
.zsYiTiDiv li>em{
	display: block;
	text-align: center;
	margin-bottom: 12px;
	height: 1px;
	width: 100%;
}
.zsYiTiDiv li>em img{
	display: block;
	margin: 0 auto;
}
.zsYiTiDiv li:nth-child(1){
	margin-left:2.5px;
	transform: translateY(64px);
}
.zsYiTiDiv li:nth-child(2){

}
.zsYiTiDiv li:nth-child(3){

	transform: translateY(85px);
}
.zsYiTiDiv li:nth-child(4){

}
.zsYiTiDiv li:nth-child(5){

	transform: translateY(120px);
}
.zsYiTiDiv li:nth-child(6){

	transform: translateY(22px);
}
.zsYiTiDiv li:hover{
	margin-top: -20px;
}
.over4{ font-size:13px;}


/*.maximg:after{content: ''; display: block; width:70px; height:70px; border:2px solid #fff; border-radius: 50%; position: absolute; top: 12px; left: 53px; transition: 0.3s all ease; transform: scale(1);}
*/

.maximg img{ filter: contrast(0) brightness(2); animation:turn 3s linear infinite;vertical-align:middle;}
@keyframes turn {0% {-webkit-transform:translate3d(0,0,0) rotate(0deg);}
25% {-webkit-transform:translate3d(-4px,0,0) rotate(-5deg);}
50% {-webkit-transform:translate3d(0,0,0) rotate(0deg);}
75% {-webkit-transform:translate3d(4px,0,0) rotate(5deg);}
100% {-webkit-transform:translate3d(0,0,0) rotate(0deg);}
}

.website2_three_ul {overflow:hidden;padding-top:70px;}
.website2_three_ul ul li {float:left;width:15.7%;margin-right:15px; margin-bottom:50px; position:relative;cursor:pointer;height:300px;}
.website2_three_ul ul li:nth-child(6n+0) {margin-right:0;}
.website2_three_ul ul li:before {content:"";width:100%;height:3px;position:absolute;top:0;left:0;}
/*.website2_three_ul ul li:nth-child(1):before {background:#e9836d;background:-moz-linear-gradient(left,#e9836d 0%,#d86463 100%);background:-webkit-linear-gradient(left,#e9836d 0%,#d86463 100%);background:linear-gradient(to right,#e9836d 0%,#d86463 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9836d',endColorstr='#d86463',GradientType=1 );}
.website2_three_ul ul li:nth-child(2):before {background:#ebb530;background:-moz-linear-gradient(left,#ebb530 0%,#ee8a44 100%);background:-webkit-linear-gradient(left,#ebb530 0%,#ee8a44 100%);background:linear-gradient(to right,#ebb530 0%,#ee8a44 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb530',endColorstr='#ee8a44',GradientType=1 );}
.website2_three_ul ul li:nth-child(3):before {background:#33b731;background:-moz-linear-gradient(left,#33b731 0%,#199d0b 100%);background:-webkit-linear-gradient(left,#33b731 0%,#199d0b 100%);background:linear-gradient(to right,#33b731 0%,#199d0b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b731',endColorstr='#199d0b',GradientType=1 );}
.website2_three_ul ul li:nth-child(4):before {background:#47b7de;background:-moz-linear-gradient(left,#47b7de 0%,#2092d8 100%);background:-webkit-linear-gradient(left,#47b7de 0%,#2092d8 100%);background:linear-gradient(to right,#47b7de 0%,#2092d8 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b7de',endColorstr='#2092d8',GradientType=1 );}
.website2_three_ul ul li:nth-child(5):before {background:#827ceb;background:-moz-linear-gradient(left,#827ceb 0%,#3a75cf 100%);background:-webkit-linear-gradient(left,#827ceb 0%,#3a75cf 100%);background:linear-gradient(to right,#827ceb 0%,#3a75cf 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#827ceb',endColorstr='#3a75cf',GradientType=1 );}
.website2_three_ul ul li:nth-child(6):before {background:#827ceb;background:-moz-linear-gradient(left,#fa4c9a 0%,#CD48ED 100%);background:-webkit-linear-gradient(left,#fa4c9a 0%,#CD48ED 100%);background:linear-gradient(to right,#fa4c9a 0%,#CD48ED 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa4c9a',endColorstr='#CD48ED',GradientType=1 );}*/
.website2_three_ul ul li .img1 {width:120px;height:120px;display:block;margin:0 auto;margin-top:60px;}
.website2_three_ul ul li .h2 {font-weight:normal;line-height:30px;height:auto;color:#fff;font-size:19px;text-align:center;padding:20px 0;}
.website2_three_ul ul li .h2 .en {display:block;line-height:20px;text-transform:capitalize;color:#bbb; font-size:12px;}
.website2_three_ul ul li .divs {width:260px;/* width:570px;*/opacity:0;filter:Alpha(opacity=0);overflow:hidden;height:100%;position:absolute;left:0;top:0;z-index:1;transition:all 0.3s;color:#fff;}
.website2_three_ul ul li:nth-child(1) .divs {background:#e9836d;background:-moz-linear-gradient(left,#e9836d 0%,#d86463 100%);background:-webkit-linear-gradient(left,#e9836d 0%,#d86463 100%);background:linear-gradient(to right,#e9836d 0%,#d86463 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9836d',endColorstr='#d86463',GradientType=1 );}
.website2_three_ul ul li:nth-child(2) .divs {background:#ebb530;background:-moz-linear-gradient(left,#ebb530 0%,#ee8a44 100%);background:-webkit-linear-gradient(left,#ebb530 0%,#ee8a44 100%);background:linear-gradient(to right,#ebb530 0%,#ee8a44 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb530',endColorstr='#ee8a44',GradientType=1 );}
.website2_three_ul ul li:nth-child(3) .divs {background:#33b731;background:-moz-linear-gradient(left,#33b731 0%,#199d0b 100%);background:-webkit-linear-gradient(left,#33b731 0%,#199d0b 100%);background:linear-gradient(to right,#33b731 0%,#199d0b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b731',endColorstr='#199d0b',GradientType=1 );}
.website2_three_ul ul li:nth-child(4) .divs {background:#47b7de;background:-moz-linear-gradient(left,#47b7de 0%,#2092d8 100%);background:-webkit-linear-gradient(left,#47b7de 0%,#2092d8 100%);background:linear-gradient(to right,#47b7de 0%,#2092d8 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b7de',endColorstr='#2092d8',GradientType=1 );}
.website2_three_ul ul li:nth-child(5) .divs {background:#6d7ae3;background:-moz-linear-gradient(left,#6d7ae3 0%,#5077d7 100%);background:-webkit-linear-gradient(left,#6d7ae3 0%,#5077d7 100%);background:linear-gradient(to right,#6d7ae3 0%,#5077d7 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d7ae3',endColorstr='#5077d7',GradientType=1 );right:0;left:auto;}
.website2_three_ul ul li:nth-child(6) .divs {background:#fa4c9a;background:-moz-linear-gradient(left,#fa4c9a 0%,#CD48ED 100%);background:-webkit-linear-gradient(left,#fa4c9a 0%,#CD48ED 100%);background:linear-gradient(to right,#fa4c9a 0%,#CD48ED 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa4c9a',endColorstr='#CD48ED',GradientType=1 );right:0;left:auto;}

.website2_three_ul ul li:hover .divs {width:535px;opacity:1.0;filter:Alpha(opacity=100);}
.website2_three_ul ul li .divs .img2 {transition:0.3s all ease;width:120px;height:120px;float:left;margin-left:70px;margin-top:60px;}
.website2_three_ul ul li .divs .cons {position:absolute;left:190px;top:0; margin-left:28px;overflow:hidden;}
.website2_three_ul ul li .divs .cons .h3 {font-weight:normal;font-size:26px;margin-top:64px;line-height:50px;height:50px;color:#fff;}
.website2_three_ul ul li .divs:hover .cons .h3 {color:#fff;}
.website2_three_ul ul li .divs .cons .p {line-height:24px;overflow:hidden;font-size:14px;color:#fff;}
.website2_three_ul ul li .divs .cons .p p {margin-bottom:24px;font-size:14px;color:#fff;}
.website2_three_ul ul li:hover .divs .img2 {margin-top:90px;transition-delay:0.3s;}

.ocms-component-1688-pc-wb-wsd-pc-slsj-ppzs-1-0-10 .pact-ppzs .ppzs-swper .ppzs-contant .pane .title{top:45% !important;}


.subbox{ background:#021151;}
.suc_nav{padding:0 0;display: flex;justify-content: center;align-items: center;position: sticky; top:60px; z-index: 100; transition: all 0.6s ;  border-bottom:2px solid #03176d; background:#021151;}
.suc_nav a{display: inline-flex;line-height:70px; transition: all 0.3s; font-size:18px; color:#fff; font-weight: 500;}
.suc_nav .on,.suc_nav a:hover{color:#0070ECFF; position: relative; z-index:222;}

.suc_nav a{padding:0 90px;}

.copy_box{ margin-top:0px !important}

.container { margin: 0 auto; width:1500px;}

.suc_nav a::before{content: '';position: absolute; text-align:center; display: block; bottom:-2px; left:36%; width:34px;height: 1px; margin:auto; background-color:#0070ec;transform: translate(-50%, -50%) scale(0);-webkit-transform: translate(-50%, -50%) scale(0);-moz-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);-o-transform: translate(-50%, -50%) scale(0);z-index: -1;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; border-radius:2px;}
.suc_nav a:hover :before, .suc_nav .on::before{transform: translate(50%, -50%) scale(1);-webkit-transform: translate(50%, -50%) scale(1.6);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1); border-radius:2px;}
.nylinkbox .nylinkbox_item:hover span, .nylinkbox .nylinkbox_item.on span{color: #0070ec;font-weight: 600;}


.Nav_btn{width: 143px; line-height: 49px;}
.Nav_btn a{color: #0070ec; border-radius: 5px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 88, 233, 0.74); font-size: 22px; text-align: center; display: block;}
.sbtn{width:100%; animation-duration: 500ms; background: rgba(0, 0, 0, 0.6); text-align:center; position: fixed; top: 0; bottom: 0;}
.btn1{width:100%;}

.btn9{ width:14px; height:14px; position:absolute; right:22px; top:19px; cursor:pointer; z-index:9999;}



.h66{ height:50px !important;}