@charset "utf-8";

/*具体内容部分*/
.tech_support_head .top{padding:100px 0;}
.tech_support_head .top .img_box{width:50%; height:400px; float:left; box-sizing:border-box; border:1px solid #eaeaea; border-radius:10px; position:relative; overflow:hidden}
.tech_support_head .top .img_box img{width:100%; height:100%; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); border-radius:10px;}
.tech_support_head .top .text{width:calc(50% - 20px); float:left; padding:10px 0 0 30px; box-sizing:border-box;}
.tech_support_head .top .text span{display:block; font-size:16px; color:#222; font-weight:500;}
.tech_support_head .top .text h5{margin:0; font-size:48px; color:#0a4595; font-weight:bold; margin-bottom:20px; }
.tech_support_head .top .text .merit { min-height: 90px; font-size:15px;letter-spacing:1px }
.tech_support_head .top .text .merit li{ list-style-type:circle; margin-left:18px;margin-top:5px; }
.tech_support_head .top .text > p{font-size:16px; color:#666; letter-spacing:-0.045em; font-weight:200; min-height:72px;}

.tech_support_head .top .text .tel_box { margin-top:30px; border-radius:5px; overflow:hidden}
.tech_support_head .top .text .tel_box .box{background:#eef2f8; padding:35px 30px; box-sizing:border-box; margin-top:10px;}
.tech_support_head .top .text .tel_box .box b{margin-bottom:15px; display:block; font-size:16px; color:#555; font-weight:bold;}
.tech_support_head .top .text .tel_box .box b img{display:inline-block; vertical-align:middle; margin-right:6px; position:relative; top:-2px;}
.tech_support_head .top .text .tel_box .box p{margin-bottom:3px; font-size:14px;}

.tech_support_head a.write_msg{margin:0 auto; display:block; color:#fff; width:200px; height:53px; line-height:53px; border-radius:30px; background:#0a4595; text-align:center; font-size:16px; color:fff;}
.tech_support_head a.write_msg:hover { background-color:#115bc0; filter: drop-shadow(2px 2px 5px #0a4595);}
@media all and (max-width:1000px){	
	.tech_support_head .top .img_box{width:100%; float:none; height:500px;}
	.tech_support_head .top .text{ width:100%; float:none; margin-top:20px}
}

/*xray有偿测量*/
.xray_measurement li { float:left; list-style-type:none; width:calc(33.333% - 40px); margin:0px; padding:20px; text-align:center}
.xray_measurement li .img_box{height:100%}
@media all and (max-width:1000px){
	.xray_measurement li { float:left; list-style-type:none; width:calc(50% - 40px)}
}

/*技术支持列表*/
.tech_support_section ul{ width:100%; text-align:center}
.tech_support_section li{ width:calc(50% - 30px); padding:15px; margin-bottom: 60px; overflow:hidden; border-radius:10px; display:inline-block; box-sizing:border-box; }
.tech_support_section li a { width:100%;  }
.tech_support_section li .img_box{width:100%;  position:relative;  box-sizing:border-box; border-radius:10px 10px 0px 0px; overflow:hidden;}
.tech_support_section li .img_box img{width:100%; height:100%; position:relative; top:0%; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); transition:all 1s }
.tech_support_section li .img_box img:hover {width:104%; height:104%; top:-2%}
.tech_support_section li .text{    text-align: center; background: #f6f6f6; padding: 22px;box-sizing: border-box;font-size: 20px;color: #222; letter-spacing: -0.045em; font-weight: 500; border-radius:0px 0px 10px 10px}
.tech_support_section li:hover .text { background-color:#0a4595; color:#FFF;}
@media all and (max-width:768px){
	.tech_support_section li{width:calc(100% - 30px);}
}

.longText ul.as_process{margin-bottom:70px; font-size:0; letter-spacing:-4px; text-align:center; margin-top:50px}
.longText ul.as_process:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.longText ul.as_process li{width:16.66666666666667%; display:inline-block; vertical-align:top; position:relative; margin:10px 0px}
.longText ul.as_process li:before{content:""; display:block; width:11px; height:13px; background:url(../../img/icon/arrow_right.png) no-repeat center / cover; position:absolute; right:-5px; top:40px; }
.longText ul.as_process li:last-child:before{display:none}
.longText ul.as_process li p:first-child{margin:0 auto; position:relative; width:98px; height:98px; background:#f7f8ff; border-radius:50%;}
.longText ul.as_process li p img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.longText ul.as_process li p:last-child{text-align:center; margin-top:10px; font-size:16px; color:#555; letter-spacing:-0.045em; line-height:24px;}
@media all and (max-width:1000px){
.longText ul.as_process li{width:33.333333%; margin-bottom:40px;}
.longText ul.as_process li:nth-of-type(3n):before{display:none}
}