.bt01{
	font-size: 46px;
	font-weight: 300;
}
.bt02{
	font-size: 24px;
	font-weight: 300;
}
.wbp01{
	font-size: 16px;
	font-weight: 200;
}

.zx01{
	font-size: 14px;
	font-weight: normal;
	line-height: 64px;
	cursor: pointer;
	color: #C4C4C4;
}
.zx01 i{
	font-size: 24px;
	vertical-align:middle; 
}
.zx01 span{
	font-size: 14px;
	vertical-align:middle; 
}
.zx01:hover{
	color: #333;
}
.zx02{
	font-size: 14px;
	font-weight: normal;
	line-height: 64px;
	cursor: pointer;
	color: #fff;
}
.zx02 i{
	font-size: 36px;
	vertical-align:middle; 
}
.zx02 span{
	font-size: 18px;
	font-weight: 200;
	vertical-align:middle; 
}
.zx02:hover{
	opacity: 0.8;
}
.zx02:hover span{
	font-weight: 400;
}
.zx03{
	color: #999;
	line-height: 48px;
	padding-left: 5px;
}
.zx03:hover{
	color: #0F3FA3;
	font-weight: 400;
}

.banner{
	width: 100%;
	height: 410px;
	background: url('../img/banner05.jpg') center no-repeat;
	background-size: cover;
}
.banner01{
	background: url('../img/banner06.jpg') center no-repeat;
	background-size: cover;
}
.banner02{
	background: url('../img/banner07.jpg') center no-repeat;
	background-size: cover;
}
.banner03{
	background: url('../img/banner08.jpg') center no-repeat;
	background-size: cover;
}
.banner04{
	background: url('../img/banner09.jpg') center no-repeat;
	background-size: cover;
}
.banner05{
	background: url('../img/banner10.jpg') center no-repeat;
	background-size: cover;
}
.banner06{
	background: url('../img/banner11.jpg') center no-repeat;
	background-size: cover;
}
.banner07{
	background: url('../img/banner12.jpg') center no-repeat;
	background-size: cover;
}
.banner08{
	background: url('../img/banner13.jpg') center no-repeat;
	background-size: cover;
}
.banner09{
	background: url('../img/banner14.jpg') center no-repeat;
	background-size: cover;
}
.banner10{
	background: url('../img/banner15.jpg') center no-repeat;
	background-size: cover;
}
.banner11{
	background: url('../img/banner16.jpg') center no-repeat;
	background-size: cover;
}
.banner12{
	background: url('../img/banner17.jpg') center no-repeat;
	background-size: cover;
}
.banner13{
	background: url('../img/banner18.jpg') center no-repeat;
	background-size: cover;
}
.banner14{
	background: url('../img/banner19.jpg') center no-repeat;
	background-size: cover;
}
.banner15{
	background: url('../img/banner20.jpg') center no-repeat;
	background-size: cover;
}
.banner16{
	background: url('../img/banner21.jpg') center no-repeat;
	background-size: cover;
}
.banner17{
	background: url('../img/banner22.jpg') center no-repeat;
	background-size: cover;
}
.banner18{
	background: url('../img/banner23.jpg') center no-repeat;
	background-size: cover;
}
.banner19{
	background: url('../img/banner24.jpg') center no-repeat;
	background-size: cover;
}
.banner20{
	background: url('../img/banner25.jpg') center no-repeat;
	background-size: cover;
}
.banner21{
	background: url('../img/banner26.jpg') center no-repeat;
	background-size: cover;
}
.nav02{
	height: 60px;
	background: #F2F2F2;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
.nav02 ul {
	width: 1336px;
	margin: 0 auto;
}
.nav02 ul li{
	float: left;
	width: 18%;
	margin-right: 2%;
}
.nav02 ul li span{
	font-size: 14px;
	line-height: 60px;
	text-align: left;
	display: block;
	cursor: pointer;
}

.nav02a ul li{
	width: 12%;
}
.nav02 ul li span:hover{
	color: #0F3FA3;
}
.module01{
	width: 40%;
	float: left;
	text-align: left;
}
.module01 p{
	padding-left: 20px;
	margin: 20px 0;
	position: relative;
}
.module01 p::after{
	content: '';
	width: 6px;
	height: 6px;
	background: #333;
	display: block;
	position: absolute;
	transform: rotate(45deg);
	left: 4px;
	top: 7px;
}
.module01-img{
	width: 680px;
	float: left;
	overflow: hidden;
	margin-left: 60px;
	border-bottom: 20px solid #f2f2f2;
	border-left: 20px solid #f2f2f2;
}
.module01-img img{
	width: 100%;
}
.module01-img img:hover{
	transform: scale(1.1);
}
.module02{
	width: 100%;
	padding: 100px 0;
	background: #F8F8F8;
	text-align: left;
}
.module02 p{
	color: #666;
}
.module02 ul li, .module07 ul li{
	float: left;
	width: 425px;
	margin-right: 30px;
}
.module02 ul li:nth-last-child(2),
.module02 ul li:nth-child(3)
.module02 ul li:nth-child(6){
	margin-right: 0;
}

.tw01, .tw02, .tw03, .tw04{
	background: #fff;
	border: 1px solid rgba(228,228,228,1);
	cursor: pointer;
}
.tw01, .tw03{
	height: 380px;
}
.tw01 img{
	width: 100%;
	height: 240px;
	background: #333;
}
.tw01 h5{
	padding: 20px 20px 10px;
}
.tw01 p{
	padding: 0 20px;
}
.tw02{
	padding: 20px 20px 0px;
	position: relative;
	z-index: 2;
}
.tw02::after{
	content: '2';
	width: 62px;
	height: 32px;
	background: url('../img/element01.png') center no-repeat;
	background-size: cover;
	position: absolute;
	display: block;
	text-align: center;
	line-height: 28px;
	color: #fff;
	top: 20px;
	right: -10px;
}
.tw02a::after{
	content: '3';
}
.tw02b::after{
	content: '1';
}
.tw02c::after{
	content: '4';
}
.tw02d::after{
	content: '5';
}
.tw02e::after{
	content: '6';
}
.tw02f::after{
	content: '7';
}
.tw02 h5{
	padding-bottom: 10px;
}
.tw03 h5{
	padding-top: 240px;
}
.tw03{
	background: url('../img/digital04-1.jpg') center no-repeat;
	background-size: cover;
	color: #fff
}
.tw03-1{
	background: url('../img/digital04-2.jpg') center no-repeat;
	background-size: cover;
}
.tw03-2{
	background: url('../img/digital04-3.jpg') center no-repeat;
	background-size: cover;
}
.tw03-3{
	background: url('../img/digital04-4.jpg') center no-repeat;
	background-size: cover;
}
.tw03-4{
	background: url('../img/digital04-5.jpg') center no-repeat;
	background-size: cover;
}
.tw03-5{
	background: url('../img/digital04-6.jpg') center no-repeat;
	background-size: cover;
}
.tw03-6{
	background: url('../img/digital04-7.jpg') center no-repeat;
	background-size: cover;
}
.tw03-7{
	background: url('../img/digital04-8.jpg') center no-repeat;
	background-size: cover;
}
.tw03-8{
	background: url('../img/digital04-9.jpg') center no-repeat;
	background-size: cover;
}
.tw03 p{
	color: #fff !important;
}
.tw01:hover h5, .tw02:hover h5{
	color: #0F3FA3;
	font-weight: 400;
}

.tw03:hover h5{
	color: #fff;
	font-weight: 400;
}
.tw02:hover .zx01{
	color: #333;
}

.module03{
	width: 100%;
	height: 600px;
	padding: 100px 0;
	background: url('../img/digital05-1.jpg') center no-repeat;
	background-size: cover;
	color: #fff;
}
.module03 p{
	width: 40%;
	margin: 0 auto;
	line-height: 28px;
}

.module04{
	background: #f8f8f8;
	padding: 100px 30px;
	text-align: left;
}
.module04-left{
	float: left;
	width: 64%;
}
.module04-left li{
	padding-right: 60px;
	margin-bottom: 30px;
	cursor: pointer;
}
.module04-left li:last-child{
	margin-bottom: 0;
}
.module04-left li img{
	width: 184px;
	height: 184px;
	background: #333;
	float: left;
	margin-right: 20px;
}
.module04-left li h5{
	position: relative;
	padding-bottom: 20px;
}
.module04-left li h5::after{
	content: '';
	display: block;
	width: 90px;
	height: 2px;
	background: #0F3FA3;
	position: absolute;
	bottom: 10px;
	left: 205px;
}
.module04-left li:hover h5{
	color: #0F3FA3;
	font-weight: 400;
}
.module04-left li:hover .zx01{
	color: #333;
}
.module04-right{
	width: 32%;
	padding-left: 3%;
	float: left;
	padding-bottom: 60px;
	border-left: 1px solid rgba(228,228,228,1);
}
.module04-right h5{
	padding-bottom: 20px;
}
.module04-right p{
	color: #666;
}
.module05{
	background: url('../img/digital09-1.jpg') center no-repeat;
	background-size: cover;
}
.module06{
	padding: 100px 0;
}
.icontw{
	padding-top: 60px;
}
.icontw li{
	float: left;
	width: 29%;
	padding: 0 2%;
}
.icontw li img{
	width: 64px;
	margin: 0 auto;
}
.icontw li h5{
	padding: 20px 0 10px;
}




.module07{
	text-align: left;
	padding: 100px 0;
}
.module07 ul{
	padding-top: 30px;
}
.module07 ul li{
	width: 372px;
}
.module07 ul li img{
	width: 36px;
}
.tw04{
	padding: 20px;
	background: #F6F7FB;
	position: relative;
	z-index: 2;
}
.tw04::after{
	content: '';
	width: 4px;
	height: 24px;
	background: #0F3FA3;
	position: absolute;
	display: block;
	top: 0px;
	right: -2px;
}
.tw04::before{
	content: '';
	width: 24px;
	height: 4px;
	background: #0F3FA3;
	position: absolute;
	display: block;
	top: -2px;
	right: -2px;
}
.tw04 h5{
	padding: 10px 0 6px;
}	
.tw04:hover{
	background: #fff;
}
.tw04:hover h5{
	color: #0F3FA3;
	font-weight: 400;
}

.module08{
	width: 100%;
	padding: 100px 0;
	height: 600px;
	background: url('../img/technology02.jpg') center no-repeat;
	background-size: cover;
	text-align: left;
	color: #fff;
}
.module08-1{
	background: url('../img/technology02-1.jpg') center no-repeat;
	background-size: cover;
}
.module08-2{
	background: url('../img/technology02-2.jpg') center no-repeat;
	background-size: cover;
}
.module08-3{
	background: url('../img/technology02-3.jpg') center no-repeat;
	background-size: cover;
}
.module08-4{
	background: url('../img/technology02-4.jpg') center no-repeat;
	background-size: cover;
}
.module08-5{
	background: url('../img/technology02-5.jpg') center no-repeat;
	background-size: cover;
}
.module08-6{
	background: url('../img/technology02-6.jpg') center no-repeat;
	background-size: cover;
}
.module08-7{
	background: url('../img/technology02-7.jpg') center no-repeat;
	background-size: cover;
}
.module08-8{
	background: url('../img/technology02-8.jpg') center no-repeat;
	background-size: cover;
}
.module08 ul{
	margin-top: 30px;
	border-left: 1px solid rgba(255,255,255,.2);
}
.module08 ul li{
	padding: 0 0 20px 30px;
}
.module08 ul li p{
	padding-top: 10px;
	width: 50%;
	opacity: 0.6;
}
.module09{
	width: 100%;
	padding: 100px 0;
	background: #f8f8f8;
	text-align: left;
}
.module09-tw li{
	border: 1px solid rgba(228,228,228,1);
	float: left;
	width: 650px;
	margin: 30px 30px 0 0;
	background: #fff;
}
.module09-tw li:nth-of-type(even){
	margin-right: 0;
}
.module09-tw li img{
	width: 200px;
	float: left;
}
.module09-tw li h5{
	padding: 20px 20px 10px 220px;
}
.module09-tw li p{
	padding: 5px 20px 10px 220px;
	color: #666;
}
.module09-tw li .zx01{
	padding-left: 220px;
	line-height: 48px;
}
.module09-tw li:hover h5{
	color: #0F3FA3;
	font-weight: 400;
}
.module09-tw li:hover p{
	color: #333;
}
.module09-tw li:hover .zx01{
	color: #333;
}
.module03a, .bg{
	background: url('../img/technology08.jpg') center no-repeat;
	background-size: cover;
}
.module03b{
	background: url('../img/technology08-1.jpg') center no-repeat;
	background-size: cover;
}
.module03c{
	background: url('../img/technology08-2.jpg') center no-repeat;
	background-size: cover;
}
.module03d{
	background: url('../img/technology08-3.jpg') center no-repeat;
	background-size: cover;
}
.module03e{
	background: url('../img/technology08-4.jpg') center no-repeat;
	background-size: cover;
}
.module03f{
	background: url('../img/technology08-5.jpg') center no-repeat;
	background-size: cover;
}
.module03a1{
	background: url('../img/technology08-6.jpg') center no-repeat;
	background-size: cover;
}
.module03a2{
	background: url('../img/technology08-7.jpg') center no-repeat;
	background-size: cover;
}
.module03a3{
	background: url('../img/technology08-8.jpg') center no-repeat;
	background-size: cover;
}
.module03a4{
	background: url('../img/technology08-9.jpg') center no-repeat;
	background-size: cover;
}
.module03a5{
	background: url('../img/technology08-10.jpg') center no-repeat;
	background-size: cover;
}
.module03a6{
	background: url('../img/technology08-11.jpg') center no-repeat;
	background-size: cover;
}
.is_fixed{
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 4;
}
.anchor-C{
	color: #333;
}
.anchor-h{
	color: #0F3FA3;
	border-bottom: 2px solid #0F3FA3;
}
.popup01 .el-dialog__header{
	display: none;
}
.popup01 .el-dialog__body{
	padding: 0;
	padding-bottom: 20px;
}
.popup01 h5{
	font-size: 24px;
	color: #333;
	font-weight: 300;
	text-align: center;
	padding: 20px 0 10px 0;
}
.popup01 p{
	font-size: 18px;
	color: #333;
	font-weight: 200;
	padding: 4px 0;
	text-align: center;
}
.popup01 p:hover{
	color: #0F3FA3;
	font-weight: 400;
}
.popup01-button{
	width: 120px;
	height: 40px;
	background: #0F3FA3;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	margin: 20px auto;
	cursor: pointer;
}
.popup01-button:hover{
	opacity: 0.8;
}
.vision{
	display: inline-block;
	width: 20%;
	margin: 180px 10px 0;
	padding: 20px;
	background: rgba(0, 0, 0, .2);
}
.vision h5{
	font-size: 18px;
	font-weight: 300;
	opacity: .8;
	padding-bottom: 10px;
}
.vision p{
	font-size: 14px;
	font-weight: 200;
	opacity: .6;
}
.vision:hover{
	background: rgba(15, 63, 163, 1);
	color: #fff;
}
.vision:hover h5, .vision:hover p{
	opacity: 1;
}

.tw01:hover img, .tw03:hover, .module03:hover, .module01-img img:hover,
.module08:hover, .module09-tw li:hover img{
	transition: all 1s;
	filter: grayscale(100%);
}