/* 鍏敤鐨刢ss */
*{padding:0;margin:0;font-family: "Microsoft YaHei";list-style: none;text-decoration: none;border: none;}
.container{
	width: 1300px;
	margin:0 auto;
}
html{overflow-x:hidden;}
body{
	background: #fff;
	color: #303133;
	font-size: 14px;
	min-width: 1350px;
	overflow: hidden;
}
a{
	outline: none;
	color: #303133;
}
a:hover{
	color: #0067ED;
}
.content img{
    max-width: 100%;
}
.df{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

/* head */
.head{
	position: fixed;
	top:0;
	z-index: 9999999999999999999;
	width: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.heade_white{
	background: #fff;
}
@media (max-width:1349px) {
    .head{
        width:1350px;
    }
}
.head .container{
	justify-content: space-between;
	align-items: center;
	height: 80px;
}
.logo{
	display: block;
    width: 154px;
    height: 40px;
    background: url(../image/logo.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
    text-indent: -99em;
}
.head .nav .nav_box{
	position: relative;
	margin-right: 45px;
	overflow: hidden;
}
/*.head .nav .nav_hover::before{*/
/*    content: " ";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 3px;*/
/*    background: #0067ED;*/
/*    border-radius: 10px;*/
/*    transition: .3s ease;*/
/*    position: absolute;*/
/*    top: 69px;*/
/*    left: 0;*/
/*    z-index: 999;*/
/*}*/
.head .nav .nav_box:hover{
	overflow: visible;
}
.head .nav .nav_box .nav_top{
	display: block;
}
.head .nav .nav_box.nav6{
	margin-right: 0;
}
.head .nav .nav_box .nav_top a{
	font-size: 18px;
	line-height: 72px;
	padding-right: 20px;
	position: relative;
}
.head .nav .nav_box .nav_top a::after{
	content: " ";
	display: block;
	width: 14px;
	height: 14px;
	background: url(../image/index-ico.png) -175px -42px;
	background-size: 250px;
	position: absolute;
	right: 0;
	top: 4px;
}
.head .nav .nav_box.nav1 a,.head .nav .nav_box.nav4 a{
    padding: 0;
}
.head .nav .nav_box.nav1 a::after,.head .nav .nav_box.nav4 a::after{
    display: none;
}
.head .nav .nav_box.nav_hover .nav_top a,
.head .nav .nav_box:hover .nav_top a{
	color: #0067ED;
}
.head .nav .nav_box.nav_hover .nav_top a::after,
.head .nav .nav_box:hover .nav_top a::after{
	background: url(../image/index-ico.png) -192px -42px;
	background-size: 250px;
}
.head .nav .nav_subbox{
	position: absolute;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	opacity: 0;
	z-index: 9999999;
}
.head .nav .nav2 .nav_subbox .item:first-child+.item+.item .item_second ul li:first-child+li+li+li+li{
    width: 180px;
    padding-top: 16px;
    position: relative;
}
.head .nav .nav2 .nav_subbox .item:first-child+.item+.item .item_second ul li:first-child+li+li+li+li::before{
    content:"";
    display: block;
    width: 224px;
    height: 1px;
    background: #EBEEF5;
    position: absolute;
    left: -28px;
    top: 0;
}
.head .nav .nav2 .nav_subbox .item:first-child+.item+.item+.item+.item::before{
    content:"";
    display: block;
    width: 224px;
    height: 1px;
    background: #EBEEF5;
    position: absolute;
    left: 0;
    top: 0;
}
.head .nav .nav_box:hover .nav_subbox{
	opacity: 1;
}
.head .nav .nav_subbox .single{
	background: #fff;
	border-radius: 4px;
	box-shadow:0px 4px 40px rgba(22, 27, 56, 0.13);
	flex-direction: column;
	padding: 6px 24px 14px 24px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	margin-left: -60px;
}
.head .nav .nav_subbox .single::before{
	content: " ";
	display: block;
	width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -12px;
}
.head .nav .nav4 .nav_subbox .single{
	width: 172px;
	margin-left: -70px;
}
.head .nav .nav4 .nav_subbox .single::before{
	margin-left: -40px;
}
.head .nav .nav7 .nav_subbox .single::before{
	margin-left: -30px;
}
.head .nav .nav_subbox .single li a{
	display: block;
	line-height: 20px;
	margin: 10px 0;
}
.head .nav .nav_subbox.three{
	width: 1344px;
	background: #fff;
	left: -440px;
	margin: 0;
	border-radius: 4px;
	box-shadow:0px 4px 40px rgba(22, 27, 56, 0.13);
}
.head .nav .nav_subbox.three::before{
	content: " ";
	display: block;
	width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -12px;
    left: 440px;
}
.head .nav .nav_subbox.three .item{
	width: 224px;
	box-sizing: border-box;
	padding-left: 28px;
	border-left: 1px solid #EBEEF5;
	padding-top: 32px;
	padding-bottom: 5px;
}
.head .nav .nav_subbox.three .item:first-child{
	border: none;
}
.head .nav .nav_subbox.three .item .item_first{
	margin-bottom: 20px;
}
.head .nav .nav_subbox.three .item .item_first a{
	display: block;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	background-size: 28px !important;
	padding-left: 32px;
}
.head .nav .nav_subbox.three .item .item_first small{
	display: block;
	font-size: 11px;
	color: #606266;
	padding-left: 32px;
	margin-top: 2px;
}
.head .nav .nav_subbox.three .item .item_second_one{
	display: inline-block;
	color: #606266;
	line-height: 20px;
	margin-bottom: 20px;
	padding-left: 32px;
	background-size: 20px !important;
	position: relative;
	padding-right: 26px;
}
.head .nav .nav_subbox.three .item .item_second_one:hover{
	color: #0067ED;
}
.head .nav .nav_subbox.three .item .item_second_one.hot::after{
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../image/hot.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.head .nav .nav_subbox.three .item .item_third{
	flex-direction: column;
	background: #F5F6F8;
	border-radius: 4px;
	width: 144px;
	box-sizing: border-box;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-left: 32px;
	height: 0;
	overflow: hidden;
	transition: .3s ease-out;
	flex-wrap: nowrap;
}
.head .nav .nav_subbox.three .item .item_third.on{
	padding: 8px 12px;
}
.head .nav .nav_subbox.three .item .item_second ul li:first-child .item_third.on{
    height: 145px;
}
.head .nav .nav_subbox.three .item .item_second ul li:first-child+li .item_third.on{
    height: 172px;
}
.head .nav .nav_subbox.three .item .item_third a{
	font-size: 12px;
	line-height: 18px;
	margin: 4px 0;
}
.head .nav .nav_subbox.three .item .item_third a::before{
	content: "-";
	color: #0067ED;
	margin-right: 1px;
}
.head .nav .nav_subbox.three .item:nth-child(7){
	border-left: 0;
}
.head .nav .nav_subbox.three .item:nth-child(7),.head .nav .nav_subbox.three .item:nth-child(8),.head .nav .nav_subbox.three .item:nth-child(9),.head .nav .nav_subbox.three .item:nth-child(10),.head .nav .nav_subbox.three .item:nth-child(11),.head .nav .nav_subbox.three .item:nth-child(12){
	border-top: 1px solid #EBEEF5;
	padding-top: 24px;
	padding-bottom: 10px;
}
.head .nav .nav_subbox.three .item.baidu{
    position: absolute;
    left: 672px;
    top: 300px;
    padding-top: 24px;
}

.head .nav .nav_subbox.three.short{
	width: 896px;
	left: -300px;
}
.head .nav .nav_subbox.three.short::before{
	left: 320px;
}

.head .head_tell{
	position: relative;
	padding-left: 36px;
}
.head .head_tell::before{
	content: " ";
	display: block;
	width: 36px;
	height: 34px;
	background: url(../image/index-ico.png) no-repeat 0 0;
	background-size: 250px;
	position: absolute;
	left: 0;
	top: 2px;
}
.head .head_tell p{
	font-size: 26px;
	line-height: 36px;
	color: #0067ED;
	font-weight: bold;
}
.head .head_tell span{
	display: block;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 3px;
}

/* 瀵艰埅瑙ｅ喅鏂规 */
.head .nav .nav_subbox.three.short{
	width: 996px;
	left: -320px;
}
.head .nav .nav_subbox.three.short::before{
	left: 340px;
}
.head .nav .short{
	align-items: flex-start;
}
.head .nav .nav_short_role{
	padding-left: 19px;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 16px;
	/*border-right: 1px solid #EBEEF5;*/
}
.head .nav .nav_short_role .nav_short_role_box{
	background: #F7F8F8;
	border-radius: 6px;
	padding: 16px 0;
	height: 310px;
	box-sizing: border-box;
	margin-top: 25px;
	width: 192px;
}
.head .nav .short .nav_short_tit{
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 0.04em;
	background-size: 24px !important;
	padding-left: 28px;
}
.head .nav .nav_short_role .tab{
	display: block;
	border-bottom: 1px solid #E4E7ED;
	padding-left: 12px;
	padding-bottom: 16px;
	margin-bottom: 17px;
}
.head .nav .nav_short_role .tab:last-child{
    border: none;
}
.head .nav .nav_short_role .tab span{
	display: block;
	font-size: 16px;
	line-height: 22px;
	background-size: 20px !important;
	padding-left: 24px;
}
.head .nav .nav_short_role .tab p{
	color: #909399;
	font-size: 13px;
	line-height: 18px;
	padding-left: 24px;
	margin-top: 4px;
}
.head .nav .nav_short_industry{
	padding-top: 24px;
}
.head .nav .nav_short_industry .nav_short_tit{
	margin-left: 25px;
}
.head .nav .nav_short_industry .nav_short_industry_box{
	width: 768px;
	padding-top: 15px;
}
.head .nav .nav_subbox.short .item{
	width: 255px;
	padding-top: 20px;
	padding-left: 24px;
}
.head .nav .nav_subbox.short .item .item_first{
	margin-bottom: 12px;
}
.head .nav .nav_subbox.short .item .item_second_one{
	line-height: 22px;
	margin-bottom: 12px;
}
.head .nav .nav_subbox.short .item .item_second_one::before{
    content: " ";
    display: block;
    width: 5px;
    height: 2px;
    background: #0067ED;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 20px;
}
.head .nav .nav_subbox.short .item:first-child+.item+.item+.item+.item {
  /*border: none;*/
}
.head .nav .nav_subbox.short .item:first-child,.head .nav .nav_subbox.short .item:first-child+.item,.head .nav .nav_subbox.short .item:first-child+.item+.item,.head .nav .nav_subbox.short .item:first-child+.item+.item+.item{
	border-bottom: 1px solid #EBEEF5;
}
.head .nav .nav_subbox.short .item:nth-child(1){
	border-left: 1px solid #EBEEF5;
	border-top: 0;
}


.index_team{
	height:720px;
	background: url(../image/index-team-bg.png) no-repeat center;
	background-size: cover;
	/* margin-top: 100px; */
}
.index_team_top{
	width: 715px;
	padding-top: 120px;
}
.index_team_top span{
	display: block;
    color: #303133;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
	line-height: 102px;
}
.index_team_top p{
    font-weight: ;
	font-size: 20px;
	line-height: 41px;
	margin-top: 8px;
}
.index_team ul{
	width: 680px;
	margin-top: 40px;
}
.index_team ul li{
	font-size: 20px;
	line-height: 34px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 262px;
	margin-bottom: 16px;
}
.index_team ul li svg{
	margin-right: 12px;
}
.index_team a.more{
	display: block;
	width: 201px;
	height: 56px;
	background: url(../image/zx.png) no-repeat center;
	margin-top: 40px;
	background-size: 100%;
}



/* footer */
.footer{
	background: #272B2E;
	color: #fff;
}
.footer .foot_fw{
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
.footer .foot_fw ul{
	justify-content: space-between;
	height: 110px;
	align-items: center;
}
.footer .foot_fw ul li{
	width: 230px;
	position: relative;
	padding-left: 58px;
}
.footer .foot_fw ul li span{
	display: block;
	color: #E4E7ED;
	font-size: 20px;
	line-height: 28px;
}
.footer .foot_fw ul li p{
	color: #B3B9C4;
	line-height: 20px;
	margin-top: 2px;
}
.footer .foot_fw ul li::before{
	content: " ";
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
}
.footer .foot_fw ul li:first-child::before{
	background: url(../image/index-ico.png) no-repeat -2px -140px;
	background-size: 250px;
}
.footer .foot_fw ul li:first-child+li::before{
	background: url(../image/index-ico.png) no-repeat -62px -138px;
	background-size: 250px;
}
.footer .foot_fw ul li:first-child+li+li::before{
	background: url(../image/index-ico.png) no-repeat -122px -140px;
	background-size: 250px;
}
.footer .foot_fw ul li:first-child+li+li+li::before{
	background: url(../image/index-ico.png) no-repeat -186px -138px;
	background-size: 250px;
}

.footer .foot_nav .item{
	margin-left: 30px;
}
.footer .foot_nav .item:first-child{
	margin-left: 0;
}
.footer .foot_nav .foot_nav_tit{
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 12px;
	padding-top: 30px;
}
.footer .foot_nav .foot_nav_link{
	justify-content: space-between;
}
.footer .foot_nav .foot_nav_link a{
	color: #B3B9C4;
	line-height: 20px;
	margin-bottom: 8px;
	min-width: 90px;
	font-size:13px;
}
.footer .foot_nav .foot_nav_link a:hover{
	color:#ffffff;
}
.footer .foot_nav .foot_nav_tit2{
	color: #707A8D;
	line-height: 20px;
	margin-bottom: 12px;
}
.footer .foot_nav .foot_nav_box{
	justify-content: space-between;
}
.footer .foot_nav .foot_cont{
	width: 256px;
}
.footer .foot_nav .foot_cont span{
	display: block;
	font-size: 32px;
	line-height: 41px;
	font-family: 'DINPro';
}
.footer .foot_nav .foot_cont p{
	color: #B3B9C4;
	line-height: 20px;
}
.footer .foot_nav .foot_cont p.p1{
	letter-spacing: 2.45714px;
	margin-bottom: 12px;
}
.footer .foot_nav .foot_cont p.p2{
	line-height:1.6;
}
.footer .foot_nav .ewm{
	justify-content: space-between;
}
.footer .foot_nav .ewm li{
	text-align: center;
}
.footer .foot_nav .ewm li img{
	display: block;
	width: 90px;
	border-radius: 4.66667px;
}
.footer .foot_nav .ewm li p{
	color: #B3B9C4;
	margin-top: 12px;
	line-height: 20px;
}
.footer .foot_nav .share{
	justify-content: space-between;
	margin-top: 24px;
}
.footer .foot_nav .share li{
	position: relative;
	overflow: hidden;
	min-width: 40px;
	text-align: center;
}
.footer .foot_nav .share li p.share_tit{
	line-height: 20px;
	color: #B3B9C4;
	position: relative;
	padding-top: 44px;
}
.footer .foot_nav .share li p.share_tit::before{
	content: " ";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
}
.footer .foot_nav .share li:first-child p.share_tit::before{
	background: url(../image/share.png) no-repeat 0 0;
	background-size: 160px;
}
.footer .foot_nav .share li:first-child+li p.share_tit::before{
	background: url(../image/share.png) no-repeat -60px 0;
	background-size: 160px;
}
.footer .foot_nav .share li:first-child+li+li p.share_tit::before{
	background: url(../image/share.png) no-repeat -120px 0;
	background-size: 160px;
}
.footer .foot_nav .share .box{
	position: absolute;
	top: -320px;
	left: 50%;
	opacity: 0;
	width: 255px;
	margin-left: -127.5px;
}
/*.footer .foot_nav .share li:first-child+li .box{*/
/*	left: -100px;*/
/*}*/
/*.footer .foot_nav .share li:first-child+li+li .box{*/
/*	left: -170px;*/
/*}*/
.footer .foot_nav .share .box span{
	color: #323233;
	line-height: 20px;
}
.footer .foot_nav .share .box p{
	color: #969799;
	line-height: 20px;
	margin-top: 4px;
}
.footer .foot_nav .share .box img{
    width: 130px;
}
.footer .foot_nav .share .box::after{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -12px;
	left: 60px;
}
.footer .foot_nav .share li:first-child+li .box::after{
	left: 110px;
}
.footer .foot_nav .share li:first-child+li+li .box::after{
	left: 180px;
}
.footer .foot_nav .share li:hover{
	overflow: visible;
}
.footer .foot_nav .share li:hover .box{
	opacity: 1;
}

.foot_bot{
	border-top: 1px solid rgba(255, 255, 255, 0.03);
	margin-top: 12px;
	padding-top: 33px;
	padding-bottom: 32px;
}
.foot_bot .info{
	color: #B3B9C4;
	position: relative;
	width: 890px;
}
.foot_bot .link .font-272B2E{
    color:#272B2E;
}
.foot_bot .info p{
	line-height: 20px;
	margin-bottom: 8px;
}
.foot_bot .info p a{
	color: #B3B9C4;
}
.foot_bot .record{
	align-items: center;
	line-height: 20px;
}
.foot_bot .record a{
	color: #B3B9C4;
	margin-right: 10px;
}
.foot_bot .record img{
	margin-right: 5px;
}
.foot_bot .link{
	margin-top: 8px;
}
.foot_bot .link a{
	color: #B3B9C4;
	margin:0 6px;
}
.foot_bot .info .gs{
	display: block;
	width: 154px;
	position: absolute;
	top: 2px;
	right: 100px;
}
.foot_bot .info .gs img{
	width: 100%;
}
.foot_bot .container{
	justify-content: space-between;
	align-items: center;
}
.foot_bot .flogo{
	width: 212px;
}
.foot_bot .info::after{
	content: " ";
	display: block;
	width: 1px;
	height: 122px;
	background: rgba(255, 255, 255, 0.03);
	position: absolute;
	right: -150px;
	top: -10px;
}


.content>img{
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.content{ line-height:2em}
/* 鍦ㄧ嚎鍜ㄨ浜岀淮鐮� */
.qrcode{
	position: relative;
	overflow: hidden;
}
.qrcode:hover{
	overflow: visible;
}
.qrcode .box{
	position: absolute;
	width: 210px;
    height: 270px;
	top: -290px;
	left: 50%;
	z-index: 9;
	opacity: 0;
	margin-left: -105px;
	box-sizing: border-box;
	text-align: center;
	color: #303133;
	padding-top: 20px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
}
.qrcode .box::after{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -16px;
}
.qrcode .box span{
    font-size: 22px;
    line-height: 29px;
}
.qrcode .box p{
    font-size: 16px;
    line-height: 21px;
}
.qrcode .box img{
    display: block;
    width: 160px;
    margin: 10px auto;
}
.qrcode:hover .box{
    opacity: 1;
}

/* index_solve */
.index_tit{
	text-align: center;
}
.index_tit span{
	display: inline-block;
	font-size: 40px;
	line-height: 56px;
	position: relative;
	padding: 0 46px;
}
.index_tit span::before,.index_tit span::after{
	content: " ";
	display: block;
	width: 30px;
	height: 3px;
	background: #0067ED;
	position: absolute;
	top: 50%;
}
.index_tit span::before{
	left: 0;
}
.index_tit span::after{
	right: 0;
}
.index_tit p{
	font-size: 18px;
	line-height: 25px;
	margin-top: 8px;
	color: #606266;
}
.swiper-slide-box{
	opacity: 0;
}
.swiper-slide-box.swiper-slide-active{
	opacity: 1;
	z-index: 2;
}
.case{
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
}
.case #tabs-container{
	position: relative;
}
.Case_Swiper .swiper-slide{
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
}
.Case_Swiper .swiper-slide .box{
    height: 168px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.Case_Swiper .swiper-slide img{
    width: 100%;
}
.Case_Swiper .swiper-slide .info{
	padding: 0 12px;
}
.Case_Swiper .swiper-slide h3{
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 16px;
	color: #303133;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.Case_Swiper .swiper-slide p span{
	color: #909399;
	line-height: 20px;
	margin-right: 22px;
	letter-spacing: 0.04em;
}
.Case_Swiper .swiper-slide p span::before{
	content: "路";
	margin-right: 2px;
}
.Case_Swiper .swiper-slide i{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	font-style: normal;
	border-top: 1px solid #EBEEF5;
	color: #909399;
	line-height: 40px;
	align-items: center;
	margin-top: 16px;
}
.Case_Swiper .swiper-slide i::after{
	content: " ";
	display: block;
	width: 16px;
	height: 16px;
	background: url(../image/index-ico.png) no-repeat -103px -70px;
	background-size: 250px;
}
.Case_Swiper .swiper-slide:hover i{
	border-color: #0067ED;
	color: #0067ED;
}
.Case_Swiper .swiper-slide:hover i::after{
	background: url(../image/index-ico.png) no-repeat -131px -70px;
	background-size: 250px;
}
.case #tabs-container{
    overflow: hidden;
}
.case .swiper-button-next,.case .swiper-button-prev{
	width: 56px;
	height: 56px;
	background: #fff;
	border-radius: 100%;
	opacity: 1;
	margin-top: 80px;
}
.case .swiper-button-next::after,.case .swiper-button-prev::after{
	content: " ";
	display: block;
	width: 20px;
	height: 30px;
	background: url(../image/index-ico.png) no-repeat -74px -64px;
	background-size: 250px;
}
.case .swiper-button-prev::after{
	transform: rotate(-180deg);
}
.case .swiper-button-prev{
	left: -90px;
}
.case .swiper-button-next{
	right: -90px;
	left: auto;
}
.hrcon{ font-size:16px;}
.mt-100{ margin-top:-100px}
.mb-100{ margin-bottom:-100px}

.k_copyBtn{font-size: 12px; line-height:12px;cursor:pointer;background: url(/static/image/k_copy.svg) no-repeat; padding-left:16px; margin-left:12px; display: none;}
.k_copyBox:hover .k_copyBtn{ display: inline }
.copyBox em{font-style:normal;}
.copyBtn { color:#0067ED; background: #EDF0FF; padding:10px 20px; border-radius:20px;cursor:pointer; }
.copyBtn:hover { color:#fff; background: #0067ED; }


.submain{
	position: fixed;
	left:0%;
	width:100%;
	top:77px;
	z-index: 9999999999999999;
	display: none;
	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
	border-top: 1px solid #E4E7ED;
}
.subclass{
	background: url(../image/subclass_bg.jpg) no-repeat center;
	background-size: cover;
	height: 460px;
}
.subclass .nav_subbox.three{
	width: 1344px;
    margin: 0 auto;
    border-radius: 4px;
}
.subclass .nav_subbox.three .item{
	margin-left:62px;
}
.subclass .nav_subbox.three .item .item_first a{
	font-size:18px;
	display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    background-size: 28px !important;
    padding-left: 32px;
}
.subclass .nav_subbox.three .item .item_first{
	display:flex;
	align-items: center;
	justify-content: space-between;
	width:272px;
	height:80px;
	background: url(../image/item_first.png) no-repeat center;
	background-size: cover;
}
.subclass .nav_subbox.three .item .item_first span{
	height:74px;
	width:87px;
}
.subclass .nav_subbox.three .item .item_first span img{
	height:100%;
}
.subclass .item_second{
	margin-top:20px;
}
.nav_box_menu{
	display: flex;
	border-left:1px solid #E4E7ED;
	margin-top:40px;
}
.nav_box_menu .item_second_one{
	display: inline-block;
	font-size:17px;
    color: #606266;
    line-height: 26px;
    margin-bottom: 20px;
    padding-left: 36px;
    background-size: 26px !important;
    position: relative;
}
.nav_box_menu .item_second_one:hover{
	color:#0067ED;
}
.nav_box_recom{
	padding-top:40px;
}
.nav_recom-item{
	width:310px;
	padding-right:56px;
	padding-top:20px;
}
.nav_recom-item li{
	position: relative;
	margin-bottom:26px;
	display: flex;
	align-items: center;
}
.nav_recom-item li img{
	width: 46px;
	height: 46px;
}
.nav_recom-item li a{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left:12px;
}
.nav_recom-item li a span{
	color: #303133;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 145%;
	letter-spacing: 0.36px;
}
.nav_recom-item li a:hover span{
	color:#0067ED;	
}
.nav_recom-item li a p{
	margin-top:4px;
	color: #606266;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.26px;
}
.nav_recom_span{
	color: #606266;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 145%;
	letter-spacing: 0.36px;
}

/* 获取项目报价 */
.sesect_price {
	width: 100%;
	height: 130px;
	background-size: 100% 100%;
	color: #fff;
	background-image: url('/static/image/sesect_price_bg.png');
}
.sesect_price form {
	height: 100%;
}
.sesect_price form .sesect_price_content {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
}
.sesect_price form .sesect_price_content .spc_left {
	color: #fff;
	font-family: Alibaba PuHuiTi 2;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
	/* 26.1px */
	letter-spacing: 0.18px;
}
.sesect_price form .sesect_price_content .spc_left .title {
	font-size: 28px;
	margin-bottom: 8px;
}
.sesect_price form .sesect_price_content .spc_right {
	display: flex;
	align-items: center;
}
.sesect_price form .sesect_price_content .spc_right .input_one {
	width: 240px;
	height: 44px;
	flex-shrink: 0;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: #2173EE;
	display: flex;
	align-items: center;
	margin-right: 16px;
}
.sesect_price form .sesect_price_content .spc_right .input_one input {
	box-sizing: border-box;
	border: none;
	outline: none;
	margin-left: 15px;
	color: #fff;
	font-size: 18px;
	background-color: rgba(0, 0, 0, 0);
}
.sesect_price form .sesect_price_content .spc_right .input_one ::placeholder {
	color: #fff;
	font-size: 16px;
}
.sesect_price form .sesect_price_content .spc_right .button {
	width: 240px;
	height: 44px;
	flex-shrink: 0;
	font-size: 18px;
	border-radius: 6px;
	border: 1px solid #FFF;
	background: #FFF;
	text-align: center;
	line-height: 44px;
	color: #0067ED;
	cursor: pointer;
}
.subclass2{
	background: url(../image/jzs/subclass_bg2.jpg) no-repeat center;
	background-size: cover;
	height: 340px;
}
.subclass2 .nav_subbox{
	max-width: 1180px;
	margin:0 auto;
	padding:30px 0;
}
.subclass2_name{
	color:#303133;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.32px;
}
.subclass2_list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.subclass2_list li{
	margin:16px 32px 16px 0;
	width: 333px;
	height: 92px;
	border-radius: 6px;
	border: 1px solid #F5F6F8;
	background:#FFF;
}
.subclass2_list li a{
	display: flex;
	align-items: center;
	width:100%;
	height:100%;
	padding:0 22px;
}
.subclass2_list li a img{
	width:44px;
	height:44px;
}
.subclass2_txt{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left:12px;
}
.subclass2_txt span{
	color: #303133;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 145%;
	letter-spacing: 0.36px;
}
.subclass2_txt p{
	margin-top:8px;
	color:#606266;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.24px;
}
.subclass2_list li:hover .subclass2_txt span{
	color:#0067ED;
}
 
.foot_nav_tel{
	position: relative;
}
.foot_nav_tel::after{
	content: '';
	width:1px;
	height:152px;
	background: rgba(255, 255, 255, 0.03);
	position: absolute;
	left:-50px;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

#refresh {
	animation: 3s refresh linear infinite normal;
	transform-origin: center;
	-webkit-animation: 3s refresh linear infinite normal;
}
@keyframes refresh {
	0% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
}
	50% {
		transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		-moz-transform: rotateZ(90deg);
		-ms-transform: rotateZ(90deg);
		-o-transform: rotateZ(90deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}

#face {
	animation: 3s face linear infinite normal;
	transform-origin: center;
	-webkit-animation: 3s face linear infinite normal;
}
@keyframes face {
	0% {
		transform: rotateZ(0deg);
	}
	25% {
		transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg);
		-moz-transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-o-transform: rotateZ(15deg);
	}
	50% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
	75% {
		transform: rotateZ(-15deg);
		-webkit-transform: rotateZ(-15deg);
		-moz-transform: rotateZ(-15deg);
		-ms-transform: rotateZ(-15deg);
		-o-transform: rotateZ(-15deg);
}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}

#trident {
	animation: 4s trident linear infinite normal;
	transform-origin: center;
	-webkit-animation: 4s trident linear infinite normal;
}
@keyframes trident {
	0% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
}
	50% {
		transform: rotateZ(60deg);
		-webkit-transform: rotateZ(60deg);
		-moz-transform: rotateZ(60deg);
		-ms-transform: rotateZ(60deg);
		-o-transform: rotateZ(60deg);
}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
}
}

#code {
	animation: 4s code linear infinite normal;
	transform-origin: center;
	-webkit-animation: 4s code linear infinite normal;
}
@keyframes code {
	0% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
}
	50% {
		transform: rotateY(60deg);
		-webkit-transform: rotateY(60deg);
		-moz-transform: rotateY(60deg);
		-ms-transform: rotateY(60deg);
		-o-transform: rotateY(60deg);
}
	100% {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
}
}

#archive {
	animation: 4s archive linear infinite normal;
	transform-origin: center;
	-webkit-animation: 4s archive linear infinite normal;
}
@keyframes archive {
	0% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
}
	50% {
		transform: rotateX(60deg);
		-webkit-transform: rotateX(60deg);
		-moz-transform: rotateX(60deg);
		-ms-transform: rotateX(60deg);
		-o-transform: rotateX(60deg);
}
	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
}
}

.head.trans .nav .nav_box .nav_top a{
    color:#ffffff;
}
.head.trans .nav .nav_box .nav_top a::after{
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDBIMFYxNEgxNFYwWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBkPSJNMTAgNkw3IDlMNCA2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-size:cover;
}
.head.trans .nav .nav_box .nav_top a:hover::after{
    transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
}
.head.trans .head_tell p,
.head.trans .head_tell span{
    color:#ffffff;
}

.head.trans .head_tell::before{
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjI3MzQgMTYuMzE1MUMyNy40MTY0IDE1LjM1NjMgMjcuMzY5NSAxNC4zNzQ2IDI3LjEzMjggMTMuNDMwN0MyNi44MjAyIDEyLjE4MzkgMjYuMTc2MyAxMS4wMDMgMjUuMjAxMiAxMC4wMjc5QzI0LjIyNjEgOS4wNTI4NiAyMy4wNDUzIDguNDA4OTkgMjEuNzk4NSA4LjA5NjM1QzIwLjg1NDYgNy44NTk2NyAxOS44NzI5IDcuODEyNzkgMTguOTE0MSA3Ljk1NTcyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNjk2MjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjIuOTgzMiAxNS44NjA5QzIzLjEzNjMgMTQuODMzOCAyMi44MTc1IDEzLjc0OTggMjIuMDI2OCAxMi45NTkxQzIxLjIzNjEgMTIuMTY4NCAyMC4xNTIyIDExLjg0OTYgMTkuMTI1IDEyLjAwMjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS42OTYyOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS43NzkxIDkuNjM2MTFDMTIuMTg5OSA5LjYzNjExIDEyLjU2ODQgOS44NTg5MyAxMi43Njc4IDEwLjIxODFMMTQuMTUxMSAxMi43MDk4QzE0LjMzMjIgMTMuMDM2MSAxNC4zNDA3IDEzLjQzMDcgMTQuMTczOCAxMy43NjQ1TDEyLjg0MTIgMTYuNDI5N0MxMi44NDEyIDE2LjQyOTcgMTMuMjI3NCAxOC40MTUyIDE0Ljg0MzYgMjAuMDMxNEMxNi40NTk5IDIxLjY0NzYgMTguNDM4NyAyMi4wMjcxIDE4LjQzODcgMjIuMDI3MUwyMS4xMDM1IDIwLjY5NDhDMjEuNDM3NSAyMC41Mjc3IDIxLjgzMjQgMjAuNTM2NCAyMi4xNTg3IDIwLjcxNzhMMjQuNjU3NSAyMi4xMDcxQzI1LjAxNjQgMjIuMzA2NiAyNS4yMzg5IDIyLjY4NDkgMjUuMjM4OSAyMy4wOTU1VjI1Ljk2NDJDMjUuMjM4OSAyNy40MjUxIDIzLjg4MTkgMjguNDgwMiAyMi40OTc3IDI4LjAxMzFDMTkuNjU0OCAyNy4wNTM5IDE1LjI0MTggMjUuMjI3NCAxMi40NDQ3IDIyLjQzMDNDOS42NDc2IDE5LjYzMzIgNy44MjExNSAxNS4yMjAyIDYuODYxOSAxMi4zNzczQzYuMzk0ODQgMTAuOTkzMSA3LjQ0OTk4IDkuNjM2MTEgOC45MTA4NSA5LjYzNjExSDExLjc3OTFaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjY5NjI5IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-size:cover;
}

.head.trans .logo{
    background: url(../image/logo1.png) no-repeat center;
    background-size:cover;
}