@charset "UTF-8";
/* 创络科技 https://www.chuangluo.com */

/*初始样式*/
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*html {background-image:url("about:blank"); background-attachment:fixed;}
body{word-wrap:break-word; margin:0px; padding:0px; font-family: Arial, "Microsoft YaHei", "微软雅黑"; overflow-x: hidden;}
ul,ol {list-style:none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{-webkit-tap-highlight-color: transparent;}
p {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
img {border:0px;}
input,textarea{font-size: 16px;resize: none;outline: none;-webkit-appearance:none; appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none; appearance:none;}
textarea{-webkit-appearance: none; appearance:none;}
/* 滚动条样式 */
/* 火狐 */
*{scrollbar-color: #f5f5f5 #666; scrollbar-width: thin;}
/* 其他 */
::-webkit-scrollbar{width: 5px;}
/* 滚动槽 */
::-webkit-scrollbar-track{-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); background: #f5f5f5; border-radius: 10px;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb{border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 1); background: #666;}
::-webkit-scrollbar-thumb:window-inactive{background: #666;}
div::-webkit-scrollbar-thumb{background: #f5f5f5;}
div::-webkit-scrollbar-thumb:window-inactive{background: #666;}
.imgmid {display:inline-block; height:100%; width:1px; margin-left:-1px; vertical-align: middle; font-size: 0px;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;}
.c_m{width: 100%;height: 100%;display: table;table-layout: fixed;}
.c_t{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.un_show{display: none;}
.hover_shadow{position: relative; top: 0; z-index: 888;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.hover_shadow:hover{top: -4px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); transition: translate3d(0, -2px, 0); z-index: 999;}
.table_box{width:100%; overflow:auto;}

:root{
	--blue: #0f47af;
	--bluebg: #0f47af;
}

/* 头部 */
.main_box{width: 100%; height: auto; background: #f5f5f5; box-sizing: border-box;}
.main_body_full{width: 100%; max-width: 640px; height: auto; background: #fff; box-sizing: border-box; font-size: 16px; margin: 0px auto;}
.main_body_gap{width: 100%; max-width: 640px; height: auto; background: #fff; padding: 0px 10px 80px 10px; box-sizing: border-box; font-size: 16px; margin: 0px auto;}

/* 大图 */
.ad_box{width: 100%; height: 600px; overflow: hidden; position: relative;}
.ad_box img{max-width: 100%; height: auto; min-height: 600px; display: block; object-fit: cover; margin: 0 auto; object-position: top;}
.ad_box_txt{width: 100%; height: auto; position: absolute; top: 40px; text-align: center;}
.ad_box_txt .w_1{width: 100%; height: auto; color: #666; font-size: 20px; font-weight: bold; padding: 10px 50px; box-sizing: border-box;}
.ad_box_txt .w_2{width: 100%; height: auto; color: var(--blue); font-size: 38px; line-height: 42px; font-weight: bold; padding: 10px 50px; box-sizing: border-box;}
.ad_box_txt .w_3{display: inline-block; width: auto; height: auto; color: #fff; background: var(--bluebg); font-size: 20px; line-height: 40px; border-radius: 20px; padding-left: 20px;}
.ad_box_txt .w_3 span{display: inline-block; width: auto; height: auto; background: #ff7734; font-size: 20px; line-height: 40px; border-radius: 20px; padding: 0 20px;}

/* 标题 */
.title_box{width: 100%; height: auto; text-align: center; color: #000; font-size: 32px; line-height: 32px; font-weight: bold; padding: 30px 0 0 0;}
.sub_title_box{width: 100%; height: auto; text-align: center; color: #999; font-size: 16px; padding: 0 0 30px 0;}
.go_blue{color: var(--blue);}
.go_black{color: #000; font-size: 18px;}
.line_long{display: inline-block; width: 5px; height: 24px;}
.line_long span{display: block; width: 5px; height: 24px; border-radius: 3px; background: #9cbdf0;}
.line_short{display: inline-block; width: 5px; height: 24px; box-sizing: border-box; padding: 5px 0;}
.line_short span{display: block; width: 5px; height: 14px; border-radius: 3px; background: var(--bluebg);}

/* REST */
.rest_box{width: 100%; height: auto; border-radius: 6px; background: var(--bluebg); box-sizing: border-box; padding: 20px 15px; font-size: 14px; color: #fff; display: flex; flex-wrap: wrap; align-items: stretch; gap: 0;}
.rest_one{width: 25%; box-sizing: border-box; text-align: center; border-left: solid 1px rgba(255, 255, 255, .2);}
.rest_one:first-child{border: none;}
.rest_one_ico{width: 100%; height: auto;}
.rest_one_ico i{font-size: 42px;}

/* 一站式 */
.stop_img{width: 100%; height: auto;}
.stop_img img{width: 100%; border-radius: 6px;}
.stop_box{width: 100%; height: auto; border-radius: 6px; box-sizing: border-box; padding: 0 0 20px 0; font-size: 18px; color: #000;}

/* 路由 */
.route_box{width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px;}
.route_one{width: calc(50% - 10px); box-sizing: border-box; text-align: center; border-radius: 6px;}
.route_one_img{width: 100%; height: auto; text-align: center; vertical-align: middle; border-radius: 6px; box-sizing: border-box; border: solid 1px #d9d9d9;}
.route_one_img img{width: 100%; border-radius: 6px;}
.route_one_title{width: 100%; color: #666; font-size: 16px; padding: 10px 0;}

/* 范围 */
.cov_img{width: 100%; height: auto;}
.cov_img img{width: 100%;}
.cov_box{width: 100%; height: auto; background: #f5f5f5; border-radius: 6px; box-sizing: border-box; padding: 20px 30px; font-size: 18px; color: #333;}

/* 理由 */
.choose_box{width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px;}
.choose_one{width: calc(50% - 10px); box-sizing: border-box; padding: 30px 20px; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 6px;}
.choose_one_ico{display: inline-block; width: 80px; height: 80px; background: #f5f5f5; border-radius: 50px; text-align: center; line-height: 80px;}
.choose_one_ico i{font-size: 36px; color: #fff;}
.choose_one_ico_1{background: #4789fa;}
.choose_one_ico_2{background: #fa834b;}
.choose_one_ico_3{background: #fa6172;}
.choose_one_ico_4{background: #28da9a;}
.choose_one_title{width: 100%; color: #000; font-size: 18px; font-weight: bold; padding: 10px 0;}
.choose_one_cont{width: 100%; color: #999; font-size: 14px;}

.space_foot{padding-bottom: 30px;}

/* 联系 */
.con_box{width: 100%; height: auto; background: #f5f5f5; border-radius: 6px; box-sizing: border-box; padding: 20px 30px; font-size: 16px; color: #666;}
.con_box p{display: block; position: relative; box-sizing: border-box; padding-left: 30px;}
.con_box span{display: block; position: absolute; left: 0; top: 0;}
.con_box span i{font-size: 16px; color: #999;}

/*底部客服*/
.foot_kefu{display: block; width: 100%; height: 52px; line-height: 52px; box-sizing: border-box; background: rgba(255,255,255,0); position: fixed; bottom: 20px; padding: 10px; z-index: 999;}
.foot_kefu_one{width: 100%; max-width: 620px; height: 52px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; background: #fe2c55; border-radius: 6px; margin: 0 auto;}
.foot_kefu_one i{color: #40c351; font-size: 32px; margin-right: 10px;}
.kefu_ico img{height: 32px; margin-right: 10px;}

@media screen and (max-width:576px) {
	.title_box{font-size: 26px;}
	.sub_title_box{font-size: 14px;}
	.route_one_title{font-size: 14px;}
	.ad_box_txt .w_1{font-size: 16px; padding: 10px 40px;}
	.ad_box_txt .w_2{font-size: 32px; line-height: 42px; padding: 10px 10px;}
	.ad_box_txt .w_3{font-size: 16px; line-height: 40px;}
	.ad_box_txt .w_3 span{font-size: 16px; line-height: 40px;}
	.line_long{height: 20px;}
	.line_long span{height: 20px;}
	.line_short{height: 20px;}
	.line_short span{height: 10px;}
	.route_box{gap: 10px;}
	.route_one{width: calc(50% - 5px);}
	.choose_box{gap: 10px;}
	.choose_one{width: calc(50% - 5px);}
}