锘?*椋庢牸娴嬭瘯*/ .Styletest { position: fixed; top: 25%; left: 0px; z-index: 800; } .Styletest a { display: block; } .manner { position: relative; width: 100%; background: url(../images/mnbg.png) no-repeat center bottom; padding: 20px 0px; } .5ms { width:100%; } .symain { position: relative; padding-bottom: 50px; } .sytitle { width: 100%; } .syitem { position: relative; margin: 20px 0px; text-align: center; } .syitem ul { } .syitem li { position: relative; display: inline-block; width: 270px; height: 234px; background-color: #e7e7e7; border-radius: 15px; margin-right: 35px; cursor: pointer; } .syitem li:nth-child(4n+4) { margin-right: 0px; } .syitem li .syimg { width: 250px; height: 166px; border-radius: 15px; margin: 10px auto 0px; } .syitem li .sytext { width: 100%; height: 58px; line-height: 58px; text-align: center; color: #666; font-size: 24px; } .syitem li.on { background-color: #b4861c } .syitem li.on .sytext { color: #fff; } .syage { position: relative; text-align: center; margin-top: 30px; } .syage ul { } .syage li { display: inline-block; width: 120px; margin: 0px 50px; text-align: center; cursor: pointer; } .syage li i { display: inline-block; width: 24px; height: 24px; background-image: url(../images/cks.png); } .syage li p { color: #333; font-size: 24px; line-height: 40px; } .syage li.on i { background-image: url(../images/ckson.png); } .syForm { position: relative; width: 700px; margin: 60px auto 0px; } .syForm .item { margin-bottom: 34px; height: 88px; background-color: #fff; width: 100%; border-radius: 50px; -moz-box-shadow: 0px 0px 10px #efefef; -webkit-box-shadow: 0px 0px 10px #efefef; box-shadow: 0px 0px 10px #efefef; } .syForm .item .text { float: left; width: 60%; height: 88px; line-height: 88px; text-indent: 20px; color: #999; font-size: 24px; } .syForm .item span { display: block; float: left; width: 164px; height: 88px; line-height: 88px; text-align: center; border-top-left-radius: 50px; border-bottom-left-radius: 50px; background-color: #94cace; color: #333; font-size: 24px; } .syForm .item em { display: block; float: right; width: 10%; text-align: center; color: #666; font-size: 34px; line-height: 88px; font-style: normal; } .syForm .sysubtn { display: block; width: 100%; height: 88px; line-height: 88px; text-align: center; background-color: #ffcc33; color: #fff; font-size: 26px; border-radius: 50px; cursor: pointer; margin-bottom: 34px } .syForm .red { text-align: center; color: #cc0000; font-size: 18px; } /*宸︽偓娴〃鍗曞脊妗?/ .appointment_open { position: fixed; top: 80%; left: 0px; width: 187px; height: 110px; background: url(../images/openimg.gif) no-repeat center; z-index: 500; display: block; cursor: pointer; } .appointment_bg { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1001; display: none; filter: Alpha(opacity=80); } .appointment_box { position: fixed; top: 20%; left: 0px; width: 950px; height: 500px; background: url(../images/boxbg.gif) no-repeat center; z-index: 1002; display: none; } .appointment_box .boxbg { position: relative; padding: 126px 46px; } .appointment_box .boxbg .close { display: block; width: 24px; height: 24px; cursor: pointer; position: absolute; top: 4px; right: 4px; background: url(../images/mdfullind.png) -29px 0 no-repeat; text-indent: -9999em -moz-transition: background-position 1s; -ms-transition: background-position 1s; -o-moz-transition: background-position 1s; -webkit-moz-transition: background-position 1s; transition: background-position 1s; } .appointment_box .boxbg .close:hover { background-position: 0px 0px; } .appointment_box .boxbg .boxform { position: relative; } .appointment_box .boxbg .boxform .number { width: 170px; height: 42px; line-height: 42px; text-align: center; margin-left: 165px; color: #ffcc33; font-size: 38px; background-color: #fff; display: none; } .appointment_box .boxbg .boxform form { width: 380px; position: relative; } .appointment_box .boxbg .boxform form .item { width: 380px; margin-bottom: 18px; } .appointment_box .boxbg .boxform form .item span { display: inline-block; width: 100px; height: 30px; line-height: 30px; color: #4a4b45; font-size: 18px; float: left; } .appointment_box .boxbg .boxform form .item .lin { width: 370px; height: 45px; background-color: #fff; border: 1px solid #e8b325; border-radius: 5px; float: left; } .appointment_box .boxbg .boxform form .item .lin select { width: 367px; height: 45px; color: #999; /*鍦ㄩ€夋嫨妗嗙殑鏈€鍙充晶涓棿鏄剧ず灏忕澶村浘鐗?/ background: url("../images/arrow1.png") no-repeat scroll center right 1px transparent; } .appointment_box .boxbg .boxform form .item .lin .text { width: 80%; height: 45px; margin-left: 20px; } .appointment_box .boxbg .boxform form .item .lin em { font-style: normal; display: inline-block; line-height: 45px; color: #333; font-size: 20px; float: right; } .appointment_box .boxbg .boxform form .item .subjs { display: block; margin-left: 0px; width: 364px; height: 48px; text-align: center; line-height: 30px; color: #333; font-size: 24px; background-color: #ffcc33; border: none; border-radius: 5px; cursor: pointer; } .appointment_box .boxbg .boxform form p { color: #333; font-size: 14px; margin-left: 105px; } .appointment_box .boxbg .boxform form p b { display: inline-block; width: 64px; height: 24px; line-height: 24px; text-align: center; font-weight: normal; background-color: #ffcc33; margin: 0px 2px; } /*鍙充晶鎮诞妗?/ .SideFloat { z-index: 100; position: fixed; width: 72px; top: 160px; right: 10px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop)); _margin-top: 220px } .SideFloat li { z-index: 1; position: relative; text-align: center; font-size: 12px; list-style-type: none; margin-bottom: 2px; } .SideFloat li a { position: relative; display: block; } .SideFloat li a i { display: block; width: 72px; height: 72px; margin: 0 auto; background: url(../images/side_float2.png) no-repeat; -moz-transition: background-position 1s; -ms-transition: background-position 1s; -o-moz-transition: background-position 1s; -webkit-moz-transition: background-position 1s; transition: background-position 1s; } .SideFloat li.back a { } .SideFloat li.back a i { background-position: 0px 0px } .SideFloat li.back:hover a i { background-position: 0px -80px; } .SideFloat li.qq a { } .SideFloat li.qq i { background-position: 0px -160px } .SideFloat li.qq:hover a i { background-position: 0px -240px; } .SideFloat li.qq .kefu_msg { width: 14px; height: 14px; position: absolute; right: 8px; top: 2px; background: red; border-radius: 100%; font-size: 10px; text-align: center; line-height: 14px; color: white; animation: msg-animate 1s infinite; -moz-animation: msg-animate 1s infinite; -webkit-animation: msg-animate 1s infinite } .SideFloat li.addr { } .SideFloat li.addr a { } .SideFloat li.addr a i { background-position: 0 -320px } .SideFloat li.addr:hover a i { background-position: 0 -400px } .SideFloat li.wechat a { } .SideFloat li.wechat a i { background-position: 0 -480px } .SideFloat li.wechat:hover a i { background-position: 0 -560px } .SideFloat li.contact { margin-top: -20px; } .SideFloat li.contact a i { background-position: 0 -640px } .SideFloat li.contact.hover a i { background-position: 0 -720px } .SideFloat li.contact a .posa { position: absolute; display: none; opacity: 0; top: 0; right: -72px; line-height: 29px; padding-right: 10px; width: 415px; height: 72px; background-color: #ffcc00; } .SideFloat li.contact a .posa i.ps { float: left; width: 50px; height: 50px; background: url(../images/clphone.png) no-repeat center; background-size: contain; margin: 12px 10px 10px 30px; } .SideFloat li.contact a .posa span { font-size: 16px; color: #333; display: inline-block; text-align: left; float: left; } .SideFloat li.contact a .posa em { font-size: 34px; color: #333; display: inline-block; letter-spacing: -1px; text-align: left; float: left; letter-spacing: 5px; } .SideFloat li .imgs { display: none; opacity: 0; position: absolute; bottom: -120px; right: 150px; width: 210px; height: 268px; padding: 25px 1px 20px; background: url(../images/wxbg.png) no-repeat center; } .SideFloat li .imgs .wxms { /*width: 180px;*/ text-align: center; line-height: 25px; padding-top: 20px; } .SideFloat li .imgs p { color: #333; font-size: 18px; margin-bottom: 5px; } .SideFloat li .imgs img { display: block; width: 156px; height: 156px; margin: 0 auto; } .SideFloat li.first { } .SideFloat li.first a { border-top: none } .SideFloat li.last { margin-bottom: 0; border-bottom: 0 } .SideFloat li.last a { border-bottom: none } .SideFloat li.hover { z-index: 2; } .SideFloat li.first.hover .red { color: #FFF } .SideFloat li.last.hover a i { background-position: 0 -348px } .SideFloat li.baojia.hover .posa, .SideFloat li.charge.hover .posa { background: #C4261D } .SendBg { display: none; z-index: 1200; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8) scroll repeat !important; filter: Alpha(opacity=80); background: #000 } .SendAddr { display: none; z-index: 1201; position: fixed; left: 50%; top: -100%; margin-left: -365px; padding: 20px 60px 20px 20px; background: #f8eecd } .SendAddr .close { position: absolute; top: 0; right: 0; margin: 36px 15px; width: 24px; height: 24px; background: url(../images/mdfullind.png) -29px 0 no-repeat; text-indent: -9999em } .SendAddr .close:hover { background-position: 0px 0px } .SendAddr .form .table .right .clue_on { display: none } .SendAddr .form .table { float: left; clear: none; width: auto; margin-bottom: 0 } .SendAddr .form .addr_icon { margin-top: 5px; } .SendAddr .form .cls_phone { margin: 0 10px } .SendAddr .form .table .input-text { height: 50px; line-height: 50px; width: 354px; text-indent: 20px; } .SendAddr .form .cls_btn .btn { height: 50px; width: 200px; border: none; background: #ffcc00; cursor: pointer; line-height: 50px; font-size: 18px; text-align: center; color: #333 }