a{ cursor:pointer; text-decoration:none; color:inherit; } a{ blr:expression(this.onfocus=this.blur()); } a:hover{ color:#06a4f3; } .n_box{ margin-top:10px; padding-bottom:20px; text-align:center; overflow:hidden; } /***小标题样式开始***/ .lbot_nav{ padding:25px 0; width:1200px;margin:0 auto; text-align:center; } .lbot_nav h1{ color:#57b5fe; letter-spacing:1px; font-size:38px; padding-bottom:5px; } .lbot_nav h5{ color:#ada9a9; letter-spacing:1px; padding:10px 0; } .lbot_nav span{ width:50px; height:2px; background:#57b5fe; display:block; margin:0 auto; }/***小标题样式结束***/ .xtfl_box,.xtts{ width:1200px; margin:0 auto; } .xtfl_ul{ overflow:hidden; background:#f6f4f9; } .xtfl_ul li{ width:200px; text-align:center; padding-top:25px; height:190px; } .xtfl_ul li:hover{ background:#fff; } .xtfl_ul li:hover span{ color:#57b5fe; } .xtfl_ul li:hover p{ color:#bdbaba; } .xtfl_ul li:hover img{ -webkit-animation:swinging 0.8s ease-in-out 0s ; -moz-animation:swinging 0.8s ease-in-out 0s ; animation:swinging 0.8s ease-in-out 0s; width:38%; /* opera */ } @-webkit-keyframes swinging{ 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes swinging{ 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } @keyframes swinging{ 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } .xtfl_ul li img{ width:35%; } .xtfl_ul li span{ display:block; font-size:16px; padding:10px 0; color:#171616; } .xtfl_ul li p{ font-size:12px; color:#737373; width:60%; margin:0 auto; line-height:16px; } .ylb_order img{ width:1200px; height:90px; } .xtts{ overflow:hidden; padding-bottom:30px; } .xtts li{ width:20%; text-align:center; } .xtts li span{ display:block; font-size:16px; line-height:46px } .xtts li img{ width:95%; } .hzms{ background:#f6f4f9; overflow:hidden; padding-bottom:30px; } .hzms .lbot_nav { padding:25px 0 0 0; } .hzms .lbot_nav b{ color:#4e9fef; } .hzms .lbot_nav h1{ color:#000; padding:10px 0; } .hzms_box{ width:1200px; margin:0 auto; } .hzms_box ul li{ width:calc(1050px / 4); margin-right:50px; padding:50px 0; } .hzms_box ul li div{ background:#fff; text-align:center; padding:30px 0; -moz-box-shadow: 10px 10px 20px rgb(220,216,216); /* 老的 firefox */ box-shadow: 10px 10px 20px rgb(220,216,216); height:260px; } .hzms_box ul li:hover div{ border-radius:100%; } .hzms_box ul li:last-of-type{ margin-right:0; } .hzms_box ul li div img { width:60%; } .hzms_box ul li div span,.hzms_box ul li div i{ display:block; line-height:22px; } .hzms_box ul li div span{ font-size:20px; font-weight:bold; letter-spacing:1px; } .hzms_box ul li div i{ font-size:12px; color:#828080; } .gsdt{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0; } .gsdt_ul li:last-of-type{ margin-right:0; } .gsdt_ul li{ margin-right:10px; width:340px; height:580px; position:relative; } .gsdt_ul li.on{ width:500px; box-shadow:0 5px 15px #ccc9c9; border-bottom:1px solid #c5c5c5; border-radius:10px; } .gsdt_ul div{ width:inherit } .gsdt_ul li div{ position:absolute; bottom:0; } .gsdt_ul li img{ width:97%; display:block; margin:0 auto; } .gsdt_ul li dt{ text-align:center; font-size:22px; font-weight:bold; line-height:40px; } .gsdt_ul li dl{ min-height:228px; } .gsdt_ul li dd{ background: no-repeat 98%; background-size:17px; font-size:16px; line-height:30px; padding-left:10px } .wsxy,.app_show,.tuandui{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0; } .wsxy .first_ul .first_li{ width:50%; margin:10px 0; } .wsxy .first_ul .first_li img{ margin-right:20px; } .wsxy .first_ul .first_li li{ line-height:33px; font-size:16px; color:#171616; } .app_box{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:30px; position:relative; height:500px; } .app_show ul{ width:4000px; overflow:hidden; position:absolute; } .app_show li{ white-space:nowrap; width:calc(1000px / 4); margin:13px; text-align:center; } .tuandui_title{ text-align:center; } .tuandui_title b{ border-bottom:2px dotted #bdbfbf; width:40%; height:16px; } .tuandui_title{ padding:10px 0; } .tuandui_title span{ width:20%; color:#4e9fef; letter-spacing:1px; font-size:30px; font-weight:bold; } .duandui_box,.khal_box,.fgs{ width:1200px; overflow:hidden; padding:30px 0; } .tuandui ul{ clear:both; overflow:hidden; -moz-box-shadow: 15px 10px 20px rgb(220,216,216); /* 老的 firefox */ box-shadow: 15px 10px 20px rgb(220,216,216); } .tuandui ul li{ padding:0;margin:0; } .tuandui ul li img,.tuandui ul li { width:300px; height:245px; } .khal{ background:#f7f7f7; } .khal_box { margin:0 auto; position:relative; height:200px; } .khal_box a{ text-decoration:none; color:#000; } .khal_box ul{ width:2000px; overflow:hidden; position:absolute; } .khal_box li{ text-align:center; white-space:nowrap; margin:0 15px; } .khal_box li span{ display:block; line-height:30px; font-size:16px; } .khal_box li img{ width:170px; height:170px; } .fgs{ margin:0 auto; } .fgs_box{ width:1200px; overflow:hidden; margin:0 auto; } .fgs_box ul{ padding:20px 0; overflow:hidden; margin-top:30px; background: no-repeat; background-size:1200px; } .fgs_box li:nth-of-type(odd){ margin-right:10%; } .fgs_box li{ width:45%; padding:5px 0; border-bottom:1px dashed #dad5d5; text-align:left; } .fgs_box li span{ font-size:14px; } .fgs_box li span:first-of-type{ color:#f33d3d; padding:0 3px; } .fgs_box li span:last-of-type{ color:#585858; } .fgs_nav { text-align:center; } .fgs_nav h2{ line-height:50px; color:#818586; } .fgs_nav p{ font-size:12px; color:#d5d5d5; line-height:20px; } .yfoot{ background:#3d3d3d; width:100vw; } .yfoot_box{ width:1200px; margin:0 auto; color:#fff; overflow:hidden; position:relative; } .yf_ul{ overflow:hidden; border-bottom:1px solid #fff; padding:10px 30px 50px 30px; } .yf_ul .yf_li{ width:200px; text-align:left; line-height:50px; font-size:22px; } .yf_ul .yf_li span{ border-bottom:1px solid #fff; width:50px; display:block; height:2px; } .yf_ul .yf_li .yfs_li{ font-size:14px; line-height:20px; } .yfs_ul{ padding:10px 0; } .yfoot_box p{ line-height:40px; font-size:14px; color:#828080; letter-spacing:2px; width:1200px; text-align:center; } .contact_me{ position:absolute; right:30px; top:15px; width:180px; text-align:center; } .contact_me .s_box{ width:115px; height:115px; background:#fff; text-align:center; margin-left:32px; } .contact_me .s_box img{ width:100px; margin:5px 0; } .contact_me b{ color:#4e9fef; font-size:20px; letter-spacing:2px; line-height:26px; } .contact_me span{ display:block; font-size:12px; line-height:16px; } .b_box img{ width:25px; margin:5px 10px; }