body{font-size:14px;color:#666; padding:0; margin:0;} div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } a{ color:#666; text-decoration: none;} a:hover{color:#0068B8;} img {border: 0;} ol, ul {list-style: none;} /*页眉*/ .header{ width:100%;min-width:1000px; border-top:8px solid #555555; margin:0px auto; position:relative; overflow:hidden; z-index:99;} .header_center{ width:980px; height:120px; margin:0px auto; text-align:left;} .header_logo{ width:260px;height:80px; float:left; margin-top:20px; background:url(../images/logo.jpg) no-repeat;} .header_logo img{ width:260px; height:80px; vertical-align:top;} .header_nav{ height:60px; margin-top:40px; float:right; margin-left:0px; text-align:left;} .header_nav li{ display:inline-block;float:left;} .header_nav li a{ font-size:18px;font-weight:bold; padding:0px 16px; text-align:center; color:#404040; height:40px; line-height:40px;display:inline-block;} .header_nav li:hover a{ color:#fff; background-color:#56ABE2; border-radius:5px;} /*页脚*/ .footernav{ width:100%; height:160px; background:#303030; color:#999; min-width:980px; padding:50px 0; text-align:center;} .footer_nav{ width:980px; margin:0px auto;display: inline-block;} .footer_navl{ width:320px; margin:0px auto;padding-left:10px;display: inline-block;float:left;} .footer_navm{ width:330px; margin:0px auto;display: inline-block;float:left;} .footer_navr{ width:320px; margin:0px auto;display: inline-block;float:right;} .footer_navr span{float:right; padding-right:10px;text-align:center;} .footer_nav b{ display:block; width:100%; height:40px; line-height:40px; font-size:15px; font-weight:normal;} .footer_nav p{ width:100%; height:25px; line-height:25px;} .footer_nav a{ font-size:13px; color:#999;} .footer_nav a:hover{ font-size:13px; color:#fff;} .footercopy{ width:100%; height:60px; min-width:980px; background:#202020;} .footer_copy{ width:980px; height:60px; line-height:60px; margin:0px auto; text-align:center; font-size:12px; color:#999;} /**/ .i_line{ width:80%; min-width:980px; background: url(../images/line_h.png) no-repeat center 30px; padding-top:20px; margin:0px auto; text-align:center; } .i_line p{ width:100%; height:20px; line-height:20px; text-align:center; font-size:20px;} /*幻灯片*/ .dvbanner{width:100%; height:400px; margin:0px auto;padding:0px; background-color:#202020; overflow:hidden;background:#101010 url(../images/bbk.png) top left repeat} .dvslider{width:980px;height:400px;margin:0px auto;overflow:hidden; position:relative;} .dvslider li{ width:980px; height:400px; overflow:hidden; float:left;} .dvslider ul{ width:100%; position:absolute; left:0; top:0px; width:3920px;} .dvslider ul img{ width:100%;height:100%} .dvslider ol{ width:100%; position:absolute; left:0px; bottom:10px; line-height:20px; text-align:center; display: flex; justify-content: center;} .dvslider ol li{width:16px; height:16px; margin-right:16px; border-radius:50%; background:#5c5c5c; cursor:pointer;} .dvslider ol li.current{ border-color:#5c5c5c; background:#fff;} /*首页产品*/ .h_dvpro {width:980px; margin:0px auto; padding:40px 0px; overflow:hidden;text-align:center; } .h_ulpro{width:980px; margin:0px auto; padding-top:40px;} .h_ulpro li{width:25%; float:left; text-align:center; } .h_ulpro li a{ color:#808080; display: block;padding:20px;} .h_ulpro li img{ width:100%; } .h_ulpro li:hover { background-color:#00b9ef; color:#fff; box-shadow:0px 1px 3px #888888; } .h_ulpro li a:hover { color:#fff; } .h_ulpro h3 { text-align:center; line-height:60px; } .h_ulpro p { text-align:left; line-height:30px; } /*首页方案*/ .h_dvsol {width:100%; margin:0px auto; padding:40px 0px; background:#f8f8f8; overflow:hidden; text-align:center;} .h_ulsol{width:80%; min-width:980px;margin:0px auto; padding-top:40px;} .h_ulsol li{width:24%; float:left; text-align:center; transition: all .8s ease; } .h_ulsol li a{ color:#808080; display: block;} .h_ulsol li img{ width:100%;display:block;} .h_ulsol li:hover{transform:rotateY(180deg); transition-delay: 0.2s;} .h_ulsol .lisol1{border:3px solid #00B8ED;} .h_ulsol .lisol2{border:3px solid #4DB387;} .h_ulsol .lisol3{border:3px solid #9983D6;} .h_ulsol .lisol4{border:3px solid #009AAC;} /*首页客户*/ .h_dvcase{width:100%; min-width:980px; margin:0px auto; padding:40px 0px; overflow:hidden;} .h_ulcase{ width:980px; margin:0px auto; padding-top:40px;} .h_ulcase li{ width:225px; height:90px; line-height:90px; margin:10px;float:left;} .h_ulcase li img{ width:100%; height:80px; vertical-align:top; margin-top:5px;} /*标题*/ .titlespace{ width:100%; height:200px; background:url(../images/tbk.jpg);color:#fff; min-width:980px; text-align:center;border-bottom:10px solid #0072B8;} .titlespan{ width:980px; padding-left:10px;line-height:200px; margin:0px auto;display: inline-block;text-align:left;vertical-align:middle; font-size:24px; } /*内容*/ .content{width:820px; margin:0px auto;padding:60px 80px; background-color:#f8f8f8; text-align:left;vertical-align:top;line-height:30px;font-size:16px;color:#000;overflow:hidden;} .ulzizhi{width:700px; margin:auto;} .ulzizhi li{ margin:10px;float:left; text-align:center;} .ulzizhi li img{ width:200px;height:260px;border:3px solid #999;} .content p{text-indent: 2em;} /*方案*/ .solitem{width:800px; height:260; margin:0px auto; padding:30px; border-bottom:1px solid #999;overflow:hidden;color:#999;} .solitem a{ color:#505050} .solitem a:hover{ color:#0068B8} .solitem img{ width:200px;height:120px; margin:0px 10px; border:3px solid #999; float:left;} .solitem p{ text-indent:0;} /*产品中心*/ .ulproducts{width:800px; margin:auto;} .ulproducts li{ margin:10px;float:left; text-align:center;} .ulproducts li img{ width:240px;height:160px;border:3px solid #999;} .ulproducts p{ text-indent:0;} /*产品介绍*/ .procontent{width:980px; margin:0px auto;padding:60px 60px; background-color:#f8f8f8; color:#000; text-align:center;} .procontent img{width:80%; margin:0px auto;} .procontent ul{ width:80%; margin:0px auto; text-align:left; list-style: square;font-size:20px;line-height:30px;} .procontent h2{font-size:32px;}