@charset "utf-8";

html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body, input, select, textarea, button { font-family: Microsoft Yahei, "黑体","Times New Roman"; }
body, h1, h2, h3, h4, p, ul, ol, dd, dl, dt, form { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; }
ul { padding-left: 0; list-style-type: none; }
header, footer, article, section, nav, menu, hgroup { display: block; }
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; }
.l { float: left; }
.r { float: right; }

.wrap { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.jl50 { margin-top: 50px; }
body { font-size: 14px; line-height: 1.6; color: #555; background: #fff; }
.clear {clear: both;}
a:hover { color: #FF3F3C; }
a { text-decoration:none; color:#00132b; }

.ser_banner { height: 600px; background: url(../images/service_ban.jpg) no-repeat 85% 0; margin-bottom: 28px; }

.m_sub_banner{ display: none; }

.ser_lc { margin-top: 53px; width: 100%; padding: 0 0 60px 0; overflow: hidden; }
.ser_lc h3 { font-size: 40px; margin: 40px 0 10px 0; color: #000; text-align: center; }
.ser_lc p { text-align: center; font-size: 15px; margin-bottom: 20px; }
.ser_lc h4 { color: #000; font-weight: 600; font-size: 17px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center; }
.ser_lc li { float: left; width: 16.6%; background: url(../images/lc_line.png) no-repeat right 63px; }
.ser_lc li img { display: block; width: 60%; margin: 0 auto; text-align: center; }
.com_adv { width: 100%; height: 545px; background: #e5e5e5; }
.com_adv-bx-z { float: left; width: 54%; background: #f4f4f4; height: 545px; padding: 108px 75px 0 60px; box-sizing: border-box; *width: 405px; *height: 437px; }
.com_adv-bx-z h2 { font-size: 55px; color: #eb0001; }
.com_adv-bx-z h2 span { font-size: 23px; font-weight: normal; width: 115px; display: block; border-bottom: 5px solid #2b2b2b; height: 35px; margin-top: 30px; }
.com_adv-bx-z p { font-size: 18px; color: #2b2b2b; line-height: 32px; margin: 8px 0 15px 0; background: url(../images/ser_ico.png) no-repeat left 0px; text-indent: 45px; }
.com_adv-bx-z h4 { font-size: 34px; color: #2b2b2b; margin-bottom: 20px; }

.com_adv-bx-y { float: right; background: url(../images/ser1.jpg) no-repeat; height: 545px; width: 46%; }
.com_adv-bx-y .wz { width: 465px; height: 171px;background: url(http://www.wlyabo.com/skin/images/hd.png) repeat; margin-top: 186px; padding: 18px 35px 0 40px; box-sizing: border-box; *width: 390px; *height: 147px; }
.com_adv-bx-y .wz h4 { color: #fff; font-size: 26px; margin-bottom: 8px; }
.com_adv-bx-y .wz p { font-size: 13px; color: #fff; line-height: 21px; }

.ser_pj { margin-top: 80px; }
.ser_pj dt { float: left; width: 50%; }
.ser_pj dd { width: 45%; margin-top: 80px; float: right; }
.ser_pj dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.ser_pj dd p { line-height: 30px; font-size: 15px; }

.ser_jishu { margin-top: 50px; }
.ser_jishu dt { float: right; width: 50%; }
.ser_jishu dd { width: 44%; padding: 60px 30px 0 0; height: 325px; float: left; }
.ser_jishu dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.ser_jishu dd p { line-height: 30px; font-size: 15px; }
.ser_shili { margin-top: -80px; }
.ser_shili ul { width: 100%; }
.ser_shili li { width: 22%;*width: 21.9%; margin: 0 1.5%; float: left; }

.ser_con { margin-top: 50px; margin-bottom: 60px; font-size: 16px; line-height: 36px; }
.ser_con h3 { font-size: 40px; margin-bottom: 25px; text-align: center; color: #000; }
.mao1 { display: inline-block; width: 26px; margin: 0 20px 0 0; height: 32px; background: url(../images/yihao_left.png) 0 no-repeat; }
.mao2 { display: inline-block; width: 26px; margin: 0 0 0 20px; height: 32px; background: url(../images/yihao_right.png) 0 no-repeat; }
.ser_con p { text-indent: 25px; margin: 8px 0; }


.index_bottom { height: 150px; margin-top: 50px; width: 100%; background: url('../images/ser_bg.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; padding: 70px 0 0; }
.index_bottom .link { background: url('../images/index_bottom_item.png') no-repeat center; width: 69.66%; }
.index_bottom .link li { float: left; color: #fff; width: 29.33%;*width: 28%; padding-left: 4%; cursor: pointer; }
.index_bottom .link li a { color: #fff; }
.index_bottom .link li a h4 { opacity: 0.8; }
.index_bottom .link li a .desc { opacity: 0.8; }
.index_bottom .link li a:hover h4 { opacity: 1; }
.index_bottom .link li a:hover .desc { opacity: 1; }
.index_bottom .link li div { display: inline-block; float: left; margin-right: 15px; width: 40px; height: 40px; background: url('../images/index_bottom_ico.png') no-repeat 0 0; vertical-align: middle; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.index_bottom .link li:hover div { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.index_bottom .link li .ic2 { background-position: -40px 0; }
.index_bottom .link li .ic3 { background-position: -80px 0; }
.index_bottom .link ul { padding: 3% 0%; overflow: hidden; }
.index_bottom .t { font-size: 40px; color: #000;}
.index_bottom .p { font-size: 32px; color: #000; }
.index_bottom .link li h4 { font-size: 16px; font-weight: normal; }

@media (max-width:1200px) {
    .wrap { width: 100%; }
	.index_bottom .link{ background-image:none; width:75%}
	.index_bottom .link li{ background:#eb0001; padding:15px 0 15px 15px;  width:27%; margin:0 1%}
}
@media (max-width: 999px) {
	.wrap, .com_adv-bx-z, .ser_pj dt, .ser_pj dd, .ser_jishu dt, .ser_jishu dd{ width: 100%; }
	.ser_con, .ser_pj, .ser_jishu, .lianxi_bg, .xg_zs, .newslist_top_r, .prolist_r, .case_detail, .prolist_tj, .news_q_list li ._nr, .about_con { width: 98%; margin: 0 auto; }
	.ser_banner,.com_ban, .com_adv-bx-y,.index_bottom { display: none; }
	.ser_pj dd h3, .ser_jishu dd h3, .ser_lc h3, .ser_con h3 { font-size: 24px; }
    .ser_jishu dd, .ser_pj dd { margin-top: 20px; }
    .com_adv { background: none; height: auto; }
    .com_adv-bx-z { padding: 20px 0 20px 20px; height: auto; }
    .ser_jishu dt img { width: 100%; height: auto; }
    .ser_con { margin-top: 20px; }
    .ser_lc h4 { font-size: 14px; font-weight: 500; }
    .ser_lc { padding: 0 0 20px 0; border-top: #f3f3f3 8px solid; margin: 20px auto 0; }
    .ser_lc h3 { margin: 20px 0 10px 0; }	
    .com_adv-bx-z h2 { font-size: 30px; }
    .com_adv-bx-z h4 { font-size: 18px; }
    .com_adv-bx-z p { font-size: 15px; margin-bottom: 0; }
    .ser_lc li { background: none; }
    .ser_shili, .xg_casedetail { margin-top: 20px; }
    .mao1, .mao2 { display: none; }
    .ser_con h3 { margin-bottom: 15px; }
    .ser_con { font-size: 14px; line-height: 26px; }
    .ser_jishu dd { height: auto; padding: 2%; width: 96%; }
    .ser_jishu dd h3 { margin-bottom: 8px; }
}
@media (max-width: 767px) {
    .ser_lc li { width: 32%; }
}
@media (max-width: 480px) {
    .ser_shili li img { display: block; text-align: center; margin: 0 auto; }
    .ser_shili li { margin: 1% 1.5%; }
    .ser_shili li { width: 22%; }
}
@media (max-width: 360px) {
    .ser_pj dd h3, .ser_jishu dd h3, .ser_lc h3, .ser_con h3 { font-size: 20px; }
}