<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
	font-family: "sourcehansans"; /* è¿™ä¸ªåå­—å¯ä»¥è‡ªå·±å®šä¹‰ */
	src: url("../fonts/sourcehansans.eot"); /* IE9 Compat Modes */ /*è¿™é‡Œä»¥åŠä¸‹é¢çš„srcåŽé¢çš„åœ°å€å¡«çš„éƒ½æ˜¯è‡ªå·±æœ¬åœ°çš„ç›¸å¯¹åœ°å€*/
	src: url("../fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/sourcehansans.woff") format("woff"),
		/* Modern Browsers */ url("../fonts/sourcehansans.ttf") format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/sourcehansans.svg#YourWebFontName")
	format("svg"); /* Legacy iOS */
	font-weight: bold;
	font-style: normal;
}

body,html{
 scroll-behavior:smooth;
	min-width: 1280px;
	height: 100%;
	font-family: sourcehansans,-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
*,p{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
h1{
 font-size: 48px;
 font-weight: bold;
 line-height: 64px;
 color: #333333;
 letter-spacing: 0.576px;
}
h1 + p{
 font-size: 24px;
 line-height: 31px;
 color: #666666;
 letter-spacing: 0.288px;
 margin: 16px 0 32px 0;
}
h2{
 font-size: 36px;
 line-height: 54px;
 color: #333333;
 letter-spacing: 1.944px;
 text-align: center;
}
h2 + p{
 font-size: 20px;
 line-height: 24px;
 color: #333333;
 letter-spacing: 0.48px;
 text-align: center;
 margin: 20px 0 52px;
}
h3{
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  letter-spacing: 0.624px;
  margin-bottom: 20px;
}
h3 + p{
 font-size: 14px;
 color: #333333;
 letter-spacing: 0.336px;
 text-align: justify;
}
.font{
	font-size: 20px;
	/* color: #333333; */
}
.fontMindle{
	font-size: 16px;
	color: #333333;
}
.fontMini{
	font-size: 14px;
	color: #333333;
}

.btn{
	box-sizing: border-box;
	display: block;
	width: 180px;
	height: 48px;
	line-height: 48px;
	background: #2168FB;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 0.56px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.btn:hover{
	opacity: 0.7;
}
.btn_cover{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #407bFF;
	opacity: 0;
	filter: blur(3px);
	/* transition: all .2s; */
}
@keyframes btnAnim{
	0%{
		opacity: 1;
		width: 60px;
	 height: 60px;
	}
	99%{
		opacity: 0;
	}
	100%{
		width: 200px;
		height: 200px;
	}
}








.bs_footer{
	min-width: 1280px;
 padding-top: 30px;
 background: #F8F8F8;
 color: #999999;
}
.bs_footer_con{
 width: 1226px;
 margin: 0 auto;
}
.bs_footer_menu{
 display: flex;
 justify-content: space-between;
 padding-bottom: 40px;
}
.phone{
 display: flex;
 align-items: center;
 font-size: 24px;
 margin-bottom: 20px;
 margin-left: 26px;
}
.phone .iconfont{
 font-size: 32px;
 color: #707070;
 margin-right: 10px;
}
.phone span:last-child{
 letter-spacing: 0.84px;
}
.conatct{
 display: flex;
 font-size: 12px;
}
.conatct &gt; div{
 display: flex;
 flex-direction: column;
 align-items: center;
}
.conatct &gt; div:first-child{
 margin-right: 30px;
}
.conatct img{
 width: 85px;
 height: 85px;
 margin-bottom: 10px;
}
.contact_type{
 display: flex;
 margin-top: 5px;
}
.QQ p{
	text-align: center;
	font-size: 12px;
	color: #999999;
	line-height: 16px;
}
.iconBg{
 width: 24px;
 height: 24px;
 border-radius: 50%;
 background-color: #8A8A8A;
 text-align: center;
 line-height: 24px;
 margin: 0px 5px;
}
.iconBg .icon{
	padding: 4px;
	width: 16px;
	height: 16px;
 fill: #FFFFFF;
}
.footer_menu li{
 line-height: 18px;
 margin-bottom: 6px;
 font-size: 12px;
 color: #999999;
}
.footer_menu a{
 color: #999999;
}
.footer_menu a:hover{
 color: #407BFF;
}
.footer_menu li:first-child{
 font-size: 16px;
 color: #666666;
 margin-bottom: 20px;
}

.bs_footer_intro{
 border-top: 1px solid #CCCCCC;
 padding: 30px 0 50px 0;
}
.bs_footer_intro p,.bs_footer_intro a{
 text-align: center;
 font-size: 12px;
 color: #999999;
}
.bs_footer_intro a{
 margin-left: 10px;
}

/* æ‚¬æµ®å›ºå®šæŒ‰é’® */
.sus_fixed{
 position: fixed;
 right: 20px;
 bottom: 40px;
 z-index: 10;
}

.sus_btn li{
 /* width: 40px;
 height: 40px; */
 width: 66px;
 height: 66px;
 box-sizing: border-box;
 text-align: center;
 /* line-height: 40px; */
 border: 1px solid #EEEEEE;
 background-color: #FFFFFF;
 /* border-radius: 2px; */
 margin-bottom: 5px;
 cursor: pointer;
 transition: 0.125s;
 padding: 6px 0;
}
.sus_btn li p{
	font-size: 12px;
	color: #707070;
	margin-top: 4px;
	text-align: center;
}
.sus_btn li:hover{
 background: #EEEEEE;
}
.sus_btn .icon{
 width: 28px;
 height: 28px;
	/* margin: 8px 0; */
 fill: #707070;
}


.sus_show{
	display: none;
 box-shadow: 0px 0px 6px rgba(204, 204, 204, 0.6);
 background-color: #FFFFFF;
 position: fixed;
 right: 98px;
 bottom: 72px;
}
.sus_show li{
	position: relative;
	padding: 16px 20px;
	font-size: 16px;
	font-family:sourcehansans,-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.sus_show li::after{
 content: '';
 width: 0;
 height: 0;
 border: 10px solid;
 border-top: 5px solid;
 position: absolute;
 bottom: 18px;
 left: 100%;
 /* right: 0; */
 border-color: transparent transparent transparent #fff;
}
.sus_wechat img{
	display: block;
}
.sus_wechat p{
	font-size: 14px;
	color: #707070;
	text-align: center;
}
.sus_show li:nth-child(1)::after{
	/* left: 294px; */
}
.sus_show li:nth-child(2)::after{
	/* left: 238px; */
	bottom: 198px;
}
.sus_show li:nth-child(3)::after{
	/* left: 226px; */
}
.sus_show li:nth-child(4)::after{
	/* left: 105px; */
	bottom: 66px;
}

.consult{
 padding: 10px;
	position: relative;
}
.consult p{
	text-align: center;
	margin-bottom: 14px;
}
.consult_item{
 margin-bottom: 5px;
 display: flex;
}
.consult_item span{
 font-size: 16px;
 color: #666666;
}
.consult input::-webkit-input-placeholder,
.consult textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: #999;
	font-size: 12px;
}

.consult input::-moz-placeholder,
.consult textarea::-webkit-input-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
	font-size: 12px;
}

.consult input:-ms-input-placeholder,
.consult textarea::-webkit-input-placeholder { /* Internet Explorer 10+ */
	color: #999;
	font-size: 12px;
}
.consult input,.consult textarea{
 box-sizing: border-box;
 width: 170px;
 border: 1px solid #EEEEEE;
 border-radius: 4px;
 outline: none;
 padding: 3px;
 color: #333333;
 font-family: sourcehansans,-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.consult input{
 height: 32px;
}
.consult textarea{
 height: 72px;
 resize: none;
}
.consult_btn{
 width: 80px;
 height: 32px;
 background: #EEEEEE;
 border-radius: 8px;
 font-size: 16px;
 color: #CCCCCC;
 text-align: center;
 line-height: 32px;
 margin-left: 50px;
	cursor: not-allowed;
}
.consult .consult_btn_active,.consult_page .consult_btn_active{
	background-color: #407BFF;
	color: #FFFFFF;
	cursor: pointer;
}
.consult_msg{
	display: none;
	position: absolute;
	top:100px;
	left: 50%;
	transform: translateX(-50%);
	color: #FFFFFF;
	padding: 6px 12px;
	border-radius: 4px;
	opacity: 0.8;
	font-size: 12px;
	background-color: #999999;
}



/* æ‚¬æµ®å›ºå®šæŒ‰é’® */


/* å¤´éƒ¨å¯¼èˆª */
.bs_head{
	/* position: absolute; */
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
	min-width: 1280px;
}
.bs_head_con{
	width: 100%;
	border-bottom: 1px solid transparent;
	transition: all .3s;
}
.headActive{
	background-color: #FFFFFF;
	border-bottom: 1px solid #eeeeee;
}
.bs_head_logo,.bs_nav_menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 85.4vw;
	min-width: 1230px;
	margin: 0 auto;
}
.bs_head_logo_con{
	display: flex;
	/* width: 222px; */
	align-items: center;
	padding: 6px 0 5px 0;
}
.bs_head_logo_con img:first-child{
	width: 145px;
	height: 48px;
}
.bs_head_logo_con &gt; img{
	min-height: 30px;
}


.bs_head_lang{
	display: flex;
}

.bs_head_main{
	display: flex;
	/* margin-right: 120px; */
	margin-left: 80px;
}
/* .bs_lang{
	line-height: 60px;
	margin-left: 60px;
}
.bs_lang span:nth-child(2){
	margin: 0 3px;
} */

.lang_item:hover{
	color: #2168FB;
	cursor: pointer;
}
.lang_active{
	color: #2168FB;
}
.menuActive .icon{
	fill: #407BFF;
}

.first_menu{
	display: flex;

}
.first_menu a,.first_menu span{
	color: #333333;
	transition: all .3s;
	font-size: 16px;
	line-height: 20px;
}
.bs_menu_con{
	padding: 6px 20px;
	display: flex;
	align-items: center;
	border-radius: 4px;
}
.menuActive a,
.menuActive span{
	color: #1C6CFB;
}

.clear_active a,
.clear_active span{
	color: #333333;
}
.clear_active .icon{
	fill: #333333;
}

.first_menu li:hover a,.first_menu li:hover span{
	color: #407BFF;
}
.first_menu li:hover .icon{
	fill: #407BFF;
}
.first_menu .tempActive a,
.first_menu .tempActive span{
	color: #407BFF;
}
.tempActive .icon{
	fill: #407BFF;
}
/* .first_menu li:hover .bs_menu_con{
	background: rgba(15, 19, 27, 0.1);
} */
.first_menu li{
	/* height: 60px;
	line-height: 60px; */
	margin: 0 10px;
	cursor: pointer;
}
.first_menu li:first-child{
	margin-left: 0;
}
.drop_menu{
	display: flex;
	align-items: center;
}
.menuArrow{
	display: flex;
	transition: all .3s;
	width: 10px;
	height: 10px;
	margin-left: 6px;
}
.first_menu .icon{
	display: inline-block;
	width: 10px;
	height: 10px;
	transition: all .3s;
}
.first_menu .arrowActive{
	transform: rotate(180deg);
	color: #407BFF;
}

.second_menu{
	background-color: #FFFFFF;
	display: none;
	box-shadow: 0 15px 10px -15px #eeeeee;
	overflow: auto;
}
.second_menu_con{
	margin: 0 auto;
	width: 1280px;
	/* width: 1082px; */
	/* padding: 0 40px; */
    box-sizing: border-box;
	/* padding: 0 20px; */
	/* width: 85.4vw;
	min-width: 1230px; */
}
.second_item{
	display: none;
	padding: 22px 0 36px 0;
}
.second_item:last-child{
	display: flex;
}
.second_item hr{
	width: 2px;
	border: none;
	height: 80px;
	background-color: #eeeeee;
	margin: 2px 60px;
}
.second_item hr:last-child{
	display: none;
}
.show_item:last-child{
	margin-bottom: 0;
}
.show_item ul{
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	/* margin-top: 15px; */
	/* margin-top: 22px; */
}

.show_item li{
	/* margin-left: 24px; */
	/* margin-left: 120px; */
}
.show_item li:first-child{
	margin-left: 0;
}
.show_item li:last-child{
	margin-right: 0;
}
.show_item_title{
	width: 150px;
	padding-bottom: 20px;
	text-align: left;
}
.show_item_title span{
	padding-bottom: 8px;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
}
.show_item a{
	display: block;
	font-size: 14px;
	color: #666666;
	transition: all .3s;
}
.show_item .submenuActive{
	color: #2168FB;
}
.show_item a:hover{
	color: #2168FB;
}
.submenuActive p{
	color: #2168FB;
}


.bs_lang,
.bs_head_developer{
	border-radius: 4px;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bs_head_developer{
	width: 100px;
	height: 32px;
	background: #2168FB;
	color: #FFFFFF;
	margin: 14px 40px 14px 0;
}
.bs_head_developer .iconfont{
	font-size: 16px;
	margin-right: 5px;
	color: #FFFFFF;
}
.bs_lang{
	width: 82px;
	height: 32px;
	background: #F8F8F8;
	margin: 14px 0;
	position: relative;
	cursor: pointer;
}
.bs_lang_select{
	position: absolute;
	top: 100%;
	background: #FFFFFF;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 4px;
	padding: 4px 0;
	display: none;
}
.bs_lang_select li{
	padding: 6px 16px;
	cursor: pointer;
}
.bs_lang_select li:hover{
	background: rgba(33, 106, 251, 0.08);
}
.bs_lang .iconfont{
	font-size: 10px;
}

/* è½¯ä»¶æœåŠ¡å’¨è¯¢åˆä½œ */
/* å’¨è¯¢ */

.public_consult{
 width: 100%;
 min-width: 1280px;
 height: 150px;
 /* height: 6.25vw; */
 /* min-height: 80px; */
 display: flex;
 align-items: center;
}
.public_consult_con{
 /* width: 68.44%;
 min-width: 1200px; */
 width: 1280px;
 margin: 0 auto;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.public_consult_con &gt; p{
 font-size: 36px;
 line-height: 26px;
 color: #333333;
 letter-spacing: 1.944px;
font-weight: bold;
}
.public_consult_tel{
	padding-top: 8px;
}
.public_consult_con p:last-child span{
	color: #2168FB;
}
.public_consult_tel p:first-child{
	font-size: 28px;
	font-weight: bold;
	color: #2168FB;
}
.public_consult_tel p:last-child{
	font-size: 14px;
	color: #666666;
	text-align: right;
}
.public_consult_intro p,
.public_consult_intro span{
	font-size: 24px;
}
.public_consult_intro p:first-child{
	font-size: 24px;
	font-weight: bold;
	line-height: 54px;
	color: #333333;
}
.service_coo3 .public_consult_con &gt; p{
	font-size: 30px;
}
.service_coo4{
	width: 1280px;
	height: 200px;
	margin: 0 auto;
	padding: 0 60px 0 50px;
	box-sizing: border-box;
}
.service_coo4 .public_consult_con &gt; p{
	font-size: 28px;
}
.service_coo4 .blue-btn-4{
	margin-right: 10px;
}
.service_coo3{
	height: 120px;
}


/* åˆä½œ */
.public_coo{
 padding: 100px 0;
}
.public_coo &gt; h2{
 margin-bottom: 20px;
}
.public_coo &gt; p{
 font-size: 20px;
 line-height: 24px;
 color: #333333;
 letter-spacing: 0.48px;
 text-align: center;
 margin-bottom: 46px;
}
.public_coo ul{
 display: flex;
 justify-content: space-between;
 width: 66.67%;
 min-width: 1100px;
 margin: 0 auto;
 flex: 1;
}
.public_item{
 font-size: 0;
 width: 30.29%;
 border: 1px solid #CCCCCC;
}
.public_item img{
 width: 100%;
}
.public_item_intro{
 box-sizing: border-box;
 /* border: 1px solid #CCCCCC; */
 border-top: none;
 height: 145px;
 padding: 12px 27px 0 27px;
}
.public_item_intro p:first-child{
 font-size: 20px;
 font-weight: bold;
 line-height: 26px;
 color: #333333;
 letter-spacing: 0.7px;
 margin-bottom: 12px;
 text-align: center;
}
.public_item_intro p:last-child{
   font-size: 14px;
   line-height: 21px;
   color: #666666;
   letter-spacing: 0.336px;
   text-align: center;
}

.public_product{
 width: 100%;
 background-color: #F8F8F8;
 padding: 24px 0;
 overflow: hidden;
}
.public_product ul{
 width: 1184px;
 margin: 0 auto;
 display: flex;
}
.public_product li{
 flex: 1;
 display: flex;
 align-items: center;
 padding: 0 70px;
 border-right: 1px solid #707070;
}
.public_product li:last-child{
 border-right: none;
}
.public_product .icon{
 width: 52px;
 height: 52px;
 margin-right: 18px;
}
.public_product p{
 font-size: 18px;
 font-weight: bold;
}

/* é©¬ä¸Šä½“éªŒ */
.public_try{
 width: 100%;
 height: 120px;
 background-size: cover;
}
.public_try_con{
 width: 1260px;
 height: 100%;
 margin: 0 auto;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.public_try_con p{
 font-size: 36px;
 font-weight: bold;
 line-height: 54px;
 color: #333333;
 letter-spacing: 1.944px;
}
.public_try_btn{
 display: flex;
}
.public_try_btn .border-btn{
 margin-right: 14px;
}

/* @media only screen and (max-width: 1300px) {
 .public_item_intro p:last-child{
  font-size: 12px;
  line-height: 18px;
 }
}
@media only screen and (max-width: 1750px) {
	.first_menu li{
		padding-left: 10px;
	}
}
@media only screen and (max-width: 1600px) {
	.first_menu li{
		padding: 0 1.2vw;
	}
} */
@media only screen and (max-width: 1440px) {
	h1{
		font-size: 40px;
		line-height: 52px;
	}
	h1 + p{
		font-size: 20px;
		line-height: 26px;
	}
 h2{
  font-size: 32px;
 }
 h2 + p{
  font-size: 18px;
  margin: 16px 0 40px;
 }
	h3{
		font-size: 22px;
	}
	.font{
		font-size: 18px;
	}
	/* .first_menu li{
		padding: 0 18px;
	} */
}

/* @media only screen and (max-width: 1919px) {
	.second_item:first-child .show_item li:last-child{
		margin-left: 75px;
	}
}
@media only screen and (max-width: 1566px) {
	.second_item:first-child .show_item li:last-child{
		margin-left: 142px;
	}
} */
.bs_kind{
 width: 100%;
 /* position: absolute; */
 z-index: 2;
 /* bottom: -40px; */
 transition: all .3s;
 display: flex;
 justify-content: center;
 background-color: #FFFFFF;
 box-shadow: 0px 3px 20px rgba(204, 204, 204, 0.7);
 /* box-shadow: 0px 3px 20px rgb(112 122 144 / 21%); */
}
.bs_kind ul{
 box-sizing: border-box;
 height: 50px;
 text-align: center;
 transition: all .3s;
}
.kindNavActive{
 position: fixed;
 z-index: 1000;
 width: 100%;
 top: 0;
 left: 0;
 /* height: 66px; */
}
.kindNavActive ul{
 width: 100%;
 /* height: 50px;
 padding: 20px 6px; */
}

.bs_kind li{
	display: inline-block;
	padding: 0 42px;
	transition: all .3s;
	cursor: pointer;
	line-height: 48px;

}
.bs_kind a{
	color: #333333;
	font-size: 14px;
}
.bs_kind a:hover{
	color: #2168FB;
}
.bs_kind li:last-child{
	border: none;
}
.bs_kind li span{
	display: inline-block;
	height: 100%;
	padding: 0 4px;
}

.bs_kind_active span{
	border-bottom: 2px solid #2168FB;
}
.bs_kind_active a{
	color: #2168FB;
}
.bs_kind_title{
	font-size: 20px;
	font-weight: bold;
	display: none;
	transition: all .3s;
	margin-right: 20px;
}

/* è§£å†³æ–¹æ¡ˆå…¬å…±ç»„ä»¶ */
/* æ–¹æ¡ˆä¼˜åŠ¿ */
.solution_advantage_show{
    background-size: cover;
    /* background-repeat:round; */
    position: relative;
    width: 100%;
    /* height: 600px; */
    height: 31.25vw;
    min-height: 400px;
    color: #666666;
}
.solution_advantage_show h3{
    font-size: 20px;
    line-height: 35px;
}
.solution_advantage_show h3,
.solution_advantage_show p{
    color: #FFFFFF;
    letter-spacing: 0.8px;
}
.solution_advantage_show p{
	font-size: 20px;
    line-height: 35px;
}
.solution_advantage04_con{
    position: absolute;
    left: 13.6%;
    top: 50%;
    transform: translateY(-50%);
}
.solution_advantage05_con{
    position: absolute;
    right: 16%;
    top: 35%;
}
.solution_advantage_list{
    display: flex;
    justify-content: space-between;
    width: 1340px;
    margin: 0 auto;
    margin-top: 100px;
}
.solution_advantage_item{
    position: relative;
    width: 320px;
    height: 200px;
    background: rgba(33, 106, 251, 0.1);
    border-radius: 10px;
}
.solution_advantage_item_img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.solution_advantage_item_intro{
    padding-top: 50px;
    text-align: center;
}
.solution_advantage_item_intro p{
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    width: 208px;
    margin: 0 auto;
}
.solution_advantage_item &gt; div{
    position: absolute;
    width: 100%;
    height: 100%;
}
/* è§„æ&nbsp;¼å‚æ•° */
.solution_size{
    padding-top: 100px;
}
.solution_size_con{
    width: 1370px;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
}
.solution_size_con img{
    width: 167px;
    height: 87px;
    margin-right: 10px;
}
.solution_size_con table{
    border-collapse: collapse;

}
.solution_size_con tr,.solution_size_con td,.solution_size_con th{
    border: 1px solid #CCCCCC;
    text-align: center;
    color: #666666;
}
.solution_size_con th{
    font-size: 18px;
}
.solution_size_con td{
    font-size: 14px;
}

/* æ&nbsp;¸å¿ƒæŠ€æœ¯ */
.solution_tech{
    width: 1320px;
    margin: 0 auto;
    margin-bottom: 100px;
	padding-top: 100px;
    text-align: center;
}
.solution_tech ul{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.solution_tech_item{
	display: block;
    width: 400px;
    height: 240px;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px rgba(51, 51, 51, 0.1);
    border-radius: 10px;
    padding-top: 33px;
    box-sizing: border-box;
	transition: all .3s;
}
.solution_tech_item:hover{
	transform: translateY(-10px);
	/* box-shadow: 0px 3px 10px rgba(51, 51, 51, 0.1); */
}
.solution_tech_graph{
    position: relative;
    width: 71px;
    height: 52px;
    margin: 0 auto;
}
.solution_tech_graph div{
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
}
.solution_tech_item p{
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #2671FE;
    margin-bottom: 15px;
    margin-top: 30px;
}

/* åˆä½œæ¨¡å¼ */
.solution_coo{
    padding-bottom: 68px;
	padding-top: 100px;
}
.solution_coo_con{
    width: 990px;
    height: 266px;
    margin: 0 auto;
    margin-bottom: 68px;
    box-shadow: 0px 3px 10px rgba(51, 51, 51, 0.1);
    display: flex;
}
.solution_coo_con01{
    width: 380px;
    background: rgba(33, 104, 251, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.solution_coo_con02{
    padding: 42px 0 0 47px;
}
.solution_coo_con02 h3{
    line-height: 32px;
    color: #666666;
}
.solution_coo_con02 &gt; p{
    color: #666666;
    font-size: 16px;
    line-height: 27px;
}
.solution_support span{
    width: 120px;
    height: 40px;
    background: linear-gradient(180deg, #1C6CFB 0%, #2D97F5 100%);
    border-radius: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
}
.solution_support .iconfont {
    font-size: 18px;
    margin: 0 10px;
    color: #2671FE;
}
.solution_support{
    margin-bottom: 30px;
}
.btn_border{
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #2168FB;
    color: #2168FB;
}
.btn_border .iconfont,
.btn_border_text{
	display: inline-block;
	transition: all .2s;
}
.btn_border:hover .iconfont{
	transform: translateX(8px);
}
.btn_border:hover .btn_border_text{
	transform: translateX(8px);
}
/* banner */
.solution_banner{
    width: 100%;
	height: 100vh;
	/* background-position: right center; */
    /* height: 540px; */
    background-size: cover;
    /* background-position: center center; */
    position: relative;
}
.solution_banner_content{
    position: absolute;
    /* top: 50%;
    transform: translateY(-50%); */
    /* left: 17.6%; */
}
.solution_banner_content &gt; img{
	margin-bottom: 24px;
}
.solution_banner_content .btn{
    width: 120px;
    height: 44px;
    line-height: 44px;
}
.solution_banner_show{
    display: flex;
	margin-bottom: 94px;
    /* margin-bottom: 30px; */
}
.case_car_banner_content &gt; img{
    height: 72px;
}
.solution_banner_show &gt; div &gt; p{
    font-size: 20px;
    font-weight: 700;
}
.solution_banner_coo{
    width: 147px;
    margin-right: 24px;
}
.solution_price{
    width: 242px;
    height: 48px;
    margin-top: 6px;
}
.solution_price p{
    font-size: 20px;
    padding-left: 6px;
    color: #2168FB;
}
.solution_price p span:nth-child(1){
    font-weight: 700;
}
.solution_price p span:nth-child(2){
    font-size: 14px;
    margin-left: 10px;

}
.solution_price p span:nth-child(3){
    font-size: 40px;
    font-weight: 700;
	line-height: 48px;
}
.blue-btn,
.blue-btn-border-white,
.blue-btn-border-blue{
	display: inline-block;
	border-radius: 12px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	box-sizing: border-box;
	padding: 0 34px;
	height: 42px;
	line-height: 42px;
	position: relative;
	transition: all .2s;
	cursor: pointer;
}
.blue-btn-mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 12px;
	background-color: rgba(255, 255, 255);
	opacity: 0;
}
.blue-btn .blue-btn-mask{
	background-color: rgba(255, 255, 255);
}
.blue-btn:hover .blue-btn-mask{
	opacity: 0.2;
}
.blue-btn{
	background-color: #2168FB;
	color: #FFFFFF;
	letter-spacing: 1.520px;
}
.blue-btn-border-blue{
	border: 1px solid #2168fb;
	color: #2168fb;
}
.blue-btn-border-blue:hover,
.blue-btn-border-white:hover{
	/* font-weight: bold; */
	border-color: #03CAD7;
	color: #03CAD7;
}
.blue-btn-border-white{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
.blue-btn-active{
	background-color: #03CAD7;
}
.blue-btn-border-active{
	border-color: #03CAD7;
	color: #03CAD7;
	/* font-weight: bold; */
}
/* .blue-btn-border-4,
.blue-btn-4,
.blue-btn-arrow-4,
.blue-btn-arrow-border-white-4,
.blue-btn-border-white-4,
.blue-btn-5,
.blue-btn-6,
.blue-btn-border{
	display: inline-block;
	border-radius: 12px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	box-sizing: border-box;
}
.blue-btn-border-4,
.blue-btn-4,
.blue-btn-arrow-border-white-4,
.blue-btn-border-white-4,
.blue-btn-5,
.blue-btn-6{
	width: 138px;
	height: 42px;
	line-height: 42px;
}
.blue-btn-border{
	border: 1px solid #2168fb;
	color: #2168fb;
}

.blue-btn-arrow-border-white-4{
	width: 152px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
.blue-btn-4,
.blue-btn-5,
.blue-btn-6,
.blue-btn{
	background-color: #2168FB;
	color: #FFFFFF;
}
.blue-btn-border-white-4{
	height: 42px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;

}
.blue-btn-5{
	width: 156px;
}
.blue-btn-6{
	width: 164px;
}
.blue-btn-border{
	padding: 0 34px;
	height: 42px;
	line-height: 42px;
} */
.bs_new_lang{
	width: 82px;
	height: 32px;
	border: 1px solid #e9edf2;
	border-radius: 4px;
	display: flex;
	align-items: center;
	margin-top: 14px;
}
.bs_new_lang li{
	width: 41px;
	font-size: 12px;
	line-height: 32px;
	text-align: center;
	color: #999999;
	cursor: pointer;
}
.bs_lang_split{
	display: inline-block;
	height: 20px;
	width: 1px;
	background-color: #e9edf2;
}


.show_item .iconfont{
	font-size: 60px;
	margin-top: 4px;
}
.show_item a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.show_item a p{
	text-align: center;
	font-size: 14px;
}
.second_menu_con{
	width: auto;
}
.second_item{
	justify-content: center;
}
.show_item li:not(:last-child){
	margin-right: 60px;
}
.show_item li:not(:last-child){
	margin-right: 75px;
}
.show_item li:not(:last-child){
	margin-right: 38px;
}
.second_item .show_item:not(:last-child){
	margin-right: 90px;
}
.show_item a:hover p,
.show_item a:hover .iconfont{
	color: #2168FB;
}



.service_coo5{
	height: 140px;
	background-size: cover;
}
.service_coo5 .public_consult_con p{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.service_coo5 .public_consult_con{
	width: 1100px;
}
.service_coo5 .blue-btn{
	width: 160px;
	border-radius: 0px;
	height: 48px;
	line-height: 48px;
	margin-left: 30px;
}
.service_coo5_tel{
	display: flex;
	align-items: center;
}
/* .third_sub li,
.fourth_sub li{
	margin-right: 32px;
}
.fourth_sub{
	padding-left: 628px;
} */
@media only screen and (max-width: 1540px) {
	.first_menu li{
		margin: 0 0px;

	}

}
@media only screen and (max-width: 1440px) {
	.bs_kind li{
		padding: 0 24px;
	}
	.solution_advantage_list{
        width: 1180px!important;
    }
    .solution_advantage_list .solution_advantage_item{
        width: 280px;
        height: 160px;
    }
    .solution_advantage_item_intro{
        padding-top: 30px;
    }
    .solution_size_con{
        width: 1200px!important;
    }
    .solution_tech{
        width: 1198px!important;
    }
    .solution_tech_item{
        width: 374px!important;
        height: 230px!important;
    }
	.solution_banner_content &gt; img{
        height: 60px!important;
    }
	.public_try_con{
		width: 1160px;
	}
	.public_consult_con{
		width: 1160px;
	}
	.public_consult_con &gt; p{
		font-size: 30px;
	}
	.service_coo3 .public_consult_con &gt; p{
		font-size: 24px;
	}
	/* .show_item li{
		margin-right: 50px;
		margin-left: 50px;
	}
	.sub_tech li{
		margin-right: 0;
		margin-left: 0;
	} */
}
</pre></body></html>