.stitle { position: relative; z-index: 10; text-align: center; margin: 50px 0 30px 0; } .stitle h1 { position: relative; font-size: 36px; color: #000; font-weight: 700; z-index: 20; } .stitle .sub { font-size: 30px; color: #e3e3e3; position: relative; z-index: 11; font-weight: 700; text-transform: uppercase; } .marktingbg .img { min-height: 450px } .videos { display: none; border: 1px solid #080808; position: fixed; left: 50%; top: 50%; margin-left: -320px; margin-top: -210px; z-index: 100; width: 640px; height: 360px; z-index: 9999; } .vclose { position: absolute; right: 1%; top: 1%; border-radius: 100%; cursor: pointer; z-index: 99999; } .spzl { width: 900px; margin: 0 auto; margin-top: 15px; } .spzl ul li { float: left; margin: 12px; } .spzl ul li a { display: block; overflow: hidden; width: 200px; height: 200px; position: relative } .spzl ul li a img { display: block; overflow: hidden; width: 200px; height: 150px; } .spzl ul li a span { display: block; overflow: hidden; } .spzl ul li a .s1 { width: 200px; height: 40px; line-height: 15px; font-size: 11px; color: #5f5d5d; text-align: center; margin-top: 10px; } .spzl ul li a .s2 { width: 200px; height: 150px; position: absolute; top: 0; left: 0; background: url("../images/sp1.png")no-repeat; display: none; z-index: 999 } .spzl ul li a:hover .s2 { display: block } .page { width: 100%; height: 20px; line-height: 20px; text-align: center; margin: 10px 0 30px 0px; } .page a { padding: 0 2px; margin: 0 2px; } .service-list { position: relative; top: 88px; } .service-list .service-item { float: left; margin-right: 20px; transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -ms-transition: all .4s; box-sizing: content-box; box-shadow: 0px 0px 5px #e5e5e5; background: #fff; } .service-list .service-item:last-child { margin-right: 0; } .service-list .service-item .img { overflow: hidden; width: 320px; height: 220px; } .service-list .service-item .img .imgbox { width: 100%; position: relative; overflow: hidden; height: 100%; } .service-list .service-item .img img.sortico { display: block; transition: transform 0.6s ease 0s; width: 100%; max-height: 220px; } .service-list .service-item .img .imgbox>img { transform: scale(1.01); -webkit-transform: scale(1.01); } .service-list .service-item:hover { -moz-box-shadow: 0px 3px 10px #e5e5e5; box-shadow: 0px 3px 10px #e5e5e5; transform: translate(0px, -5px); -moz-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); -o-transform: translate(0px, -5px); -webkit-transform: translate(0px, -5px); } .service-list .service-item:hover .img .imgbox .sortico { /*transform: translateY(-20%);*/ /*-webkit-transform: translateY(-20%);*/ transform: scale(1.1); -webkit-transform: scale(1.1); } .service-list .service-item .service-title { padding: 20px; text-align: center; color: #333; } .service-list .service-item .service-title h3 { color: #ed7007; margin-bottom: 10px; } .service-list .service-item .service-title a { font-size: 18px; color: #ed7007; border-bottom: 2px solid #ed7007; } .service-list .service-item .service-title h3 a:hover { font-size: 18px; color: #ed7007; } .service-list .service-item .service-title p { font-size: 14px } .downlist { width: 980px; margin: 0 auto; } .downlist li { list-style: none; padding: 0px 10px; background: #fff; line-height: 55px; font-size: 14px; border-radius: 10px; margin-bottom: 10px; } .downlist li i { color: #003670; font-size: 14px; margin: 0 5px; } .downlist li a { color: #666; font-size: 14px; } .downlist li:hover a { color: #153170; } .downlist li span { float: right; color: #999; font-size: 14px; } .lxfs { padding: 20px; position: relative; } .lxfs h2 { font-size: 24px; font-weight: 600; /*text-decoration: underline;*/ margin-top: 20px; } .lxfs p { font-size: 14px; height: 20px; line-height: 20px; padding: 3px 0; } .lxfs p.tit{ width: 100%; margin-top: 20px; } .lxfs .p50 { width: 49%; float: left; } .lxfs .p50:first-child{ border-right: 2px dotted #333; } .zncl {margin-left: 50px;} .lxfs .p100 { width: 100%; } .lxfs .w320 { width: 320px; } .lxfs p { width: 100%; } .lxfs .line { border-bottom: 2px dotted #333; margin: 15px 0; } .gyhlw { width: 100%; } .gyhlw p { width: 33%; float: left; } .gyhlw p:first-child { width: 100%; } .contactbtn { display: none; position: absolute; right: 50px; bottom: 30px; border-radius: 15px; background: url("../images/contactbtn.png")no-repeat center; } .contactbtn a { display: block; width: 240px; height: 40px; color: #212e51; text-align: center; padding: 15px } .contactbtn a h3 { font-size: 16px; font-weight: 800; } .contactbtn a span { font-size: 10px; font-weight: 600; text-transform: uppercase; }