/* CSS Document */ *{padding:0px;margin:0px;font-family:"Microsoft YaHei"; } *html{background-image:url(about:blank);background-attachment:fixed;} body{ background:#FFF; line-height:25px; min-width:1200px; color:#333333; font-size:14px;} h1,h2,h3,h4,h5,h6,font {font-size:14px;} ul,ol { list-style-type:none; vertical-align:bottom; } a{ color:#333333; text-decoration:none; transition: all 0.5s linear; -moz-transition: all 0.5s linear ; /* Firefox 4 */ -webkit-transition: all 0.5s linear; /* Safari 和 Chrome */ -o-transition: all 0.5s linear;} a:hover{ color:#167eff; text-decoration:none;} img,input{border:0px; vertical-align:middle; outline:none;} ul,ol,li{list-style:none;} table,th,td{border-collapse:collapse;} .fl,.left{ float:left;} .fr,.right{ float:right;} .lf{float:left;} .dis{display:none;} .hui{background:#f5f5f5;} p10{padding:10px;} p20{padding:20px;} ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } video::-webkit-media-controls { overflow: hidden !important; } video::-webkit-media-controls-enclosure { width: calc(100% + 32px); margin-left: auto; } .clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;} .c10{clear:both; height:10px; font-size:0px; overflow:hidden;} .c20{clear:both; height:20px; font-size:0px; overflow:hidden;} .c30{clear:both; height:30px; font-size:0px; overflow:hidden;} .c40{clear:both; height:40px; font-size:0px; overflow:hidden;} .c50{clear:both; height:50px; font-size:0px; overflow:hidden;} .hid{height:auto;overflow:hidden;} .clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0} .clearfix {zoom:1} .wrapper, .wrap{width:1300px; margin:0 auto; } .wrapper{margin-bottom:50px; min-height:auto; padding-top:60px;} table{border-collapse:collapse;border-spacing:0;} .w1200{width:1200px; margin:0 auto; clear:both; display:block;} .w1200w{width:1202px; margin:0px auto; clear:both;} header{height:100px; padding:8px 0; background:#fff;} .top{width:100%; height:7px; background:url(/images/topbg.jpg) no-repeat center;}/* 标准的语法(必须放在最后) */ .top .topcenter{width:1200px; height:36px;margin:0 auto;color:#333;font-size:14px;} .top .topcenter .top_left{float:left;} .top .topcenter .top_right{float:right;} .top .topcenter .top_right a{color:#333; padding:0px 8px; width:50px;} .toubu{ width:1200px; height:130px; margin:0 auto; overflow:hidden;} .logo{ width:313px; height:78px; float:left; margin-top:25px; margin-right: 20px; } .toubu .text{ width: 280px; height: 72px; line-height: 36px; overflow: hidden; float: left; margin-top:25px; font-size: 18px; font-weight: 600; padding-left:20px; border-left: #dedede 1px solid; } .zhuanzhu{ width:340px; height:70px; float:left; font-size:16px; color:#333333; padding:28px 0 0 20px; line-height:25px;} .zhuanzhu b{ font-size:20px; color:#333333; font-style:normal;} .phone{float:right; width:240px; height:60px; background:url(/images/tel.png) no-repeat left center; margin-top:27px; padding-left:70px; padding-top: 16px; line-height:28px; font-size:16px; color:#666;} .phone span{ /*display:block;*/ color:#167eff;font-size:26px; font-weight:bold; } .header{width: 100%; background:#167eff;} .nav{height:60px;} .nav ul{width:1200px; margin:0 auto;} .nav ul li{float: left; text-align: center; height: 60px; overflow: hidden;} .nav ul li a{ display: block; width: 150px;text-align: center; margin: 0 auto; height: 60px; line-height: 60px; font-size: 18px; color: #fff;} .nav ul li a:hover{color: #fff; background:#FEA501;text-align: center;transition:all 0.6s;} .nav .hover a{color: #fff;background:#FEA501;text-align: center;transition:0.6s;} .nav .currclass a{color: #fff;background:#FEA501;} .nav ul li ul{margin:0px;padding:0;display:none;transition:all 0.6s;} .nav ul li ul li{font-size:14px; text-align:left; height:45px; float:left; border-bottom:1px solid #F09800;} .nav ul li ul.subnav{transition:0.7s;width:150px;position:absolute;z-index:999;} .nav ul li ul.subnav li a{display:block;width:150px;height:45px;line-height:45px;text-align:center;background:#FEA501;color:#fff;font-size:14px;transition:0.7s;} .nav ul li ul.subnav li a:hover{background:#167eff;color: #fff;} .fixedSubNav{position: fixed; top: 0px; left: 0px; z-index:10; width: 100%;background: #009CD8;/* background: rgba(9,206,179,.8); */animation:myfirst 0.5s; -moz-animation:myfirst 0.5s; /* Firefox */ -webkit-animation:myfirst 0.5s; /* Safari and Chrome */ -o-animation:myfirst 0.5s; /* Opera */} @keyframes myfirst { from {top:-50px;} to {top:0px;} } @-moz-keyframes myfirst /* Firefox */ { from {top:-50px;} to {top:0px;} } @-webkit-keyframes myfirst /* Safari and Chrome */ { from {top:-50px;} to {top:0px;} } @-o-keyframes myfirst /* Opera */ { from {top:-50px;} to {top:0px;} } /*banner*/ .fullSlide{width:100%;position:relative;height:500px;overflow:hidden;} .full_text{width:100%; height:100px;position:absolute;z-index:6; bottom:0px;left:0;text-align:center; background:url(../images/tmbg_a.png); padding:10px 0px;} .full_text ul{width:1200px; margin:0 auto; height:100px;} /*.full_text span{font-size:52px; height:100px; line-height:94px; display:block;font-family:"Microsoft YaHei","微软雅黑","Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; background:url(../images/title_xian.jpg) no-repeat center bottom;} .full_text p{display:block;color:#fff; padding-top:20px;}*/ .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} @keyframes changeBiger { 0% { transform: scale(1.08); } 100% { transform: scale(1); } } .fullSlide .bd ul{width:100% !important;} .fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center; background-size:cover;} .fullSlide .bd li a{display:block;height:500px; background-size:cover;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:10px;margin:2px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;} .fullSlide .hd ul .on{background:#f00;} .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:40%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullSlide .next{left:auto;right:15%;background-position:-6px -137px;} .banner1{animation: changeBiger 3s linear forwards;animation-delay: 0s;-webkit-animation-delay: 0s;transform: scale(1.08);background-size: cover;} /*关键词搜索*/ .keyword{width:100%; clear:both; height:50px; line-height:50px; font-size:16px; background:#f5f5f5;/*border-bottom:2px solid #e2e2e2;*/} .keyword .key_text{float:left;height:50px;} .keyword .key_text b{background:#FEA501 url(/images/hot.png) no-repeat 0px center;display:block; float:left; color:#fff; padding:0px 25px; margin-right:15px; text-align:left; text-indent:20px;} .search{width:286px; float:right; padding-top:8px;} .search li{float:left;} .search li .select{width:60px; background:#fff; height:32px;float:left; margin-right:2px; display:none;} .search li .input{width:230px; background:#fff; border:1px solid #009CD8; height:30px;float:left; text-indent:3px;} .search li .submit{width:50px; background:#009CD8 url(/images/sousuo.png) no-repeat center; cursor:pointer; text-indent:-999em; height:32px;float:left; color:#fff;} /*标题*/ .hd_title{width:100%; height:70px;text-align:center; clear:both; margin-bottom:10px; margin-top:30px;} .hd_title h3{font-size:30px; height:60px; line-height:60px; padding:0px 15px; margin:0px 10px;color:#333333;font-family:微软雅黑;font-weight:bold;background:url(../images/tu17.png) no-repeat center;} .hd_title span{font-size:16px; height:40px; line-height:40px;color:#666;text-transform:uppercase;display:none;} .case_title{width:1170px; height:50px; margin:0 auto; border-bottom:3px solid #CCC; margin-top:60px; font-weight:bold;} .case_title p{ width:350px; height:50px; margin:0 auto; text-align:center; border-bottom:3px solid #224A9F; font-size:30px; font-weight:bold;} .case_title p span{ color:#224A9F; font-style:normal;font-size:30px; font-weight:bold;} .cp_class{width:1200px; margin:0 auto; padding:20px 0;} .cp_class li{width:128px; height:40px; overflow:hidden; margin:2px; float:left; text-align:center;display:block;} .cp_class li a{font-size:16px;height:40px; line-height:40px;display:block; float:left; color:#fff; color:#111;transition:all 0.4s;background:#f5f5f5 url(/images/ico1.png) no-repeat 10px center; width:100%;} .cp_class li a:hover{background:#025ED6 url(/images/ico.png) no-repeat 10px center;color:#fff;text-indent:30px; text-align:left;} .left_b{height:24px;background:url(/images/bt_bg.jpg) no-repeat center;} .plist{ width: 266px; float: left; overflow: hidden; margin-bottom:20px; background:#f4f4f4;} .plist .hd{ height:60px; line-height:60px; font-size:28px; color:#fff; text-align:left;background:#167eff url(/images/jian.png) no-repeat 200px center; text-indent:35px;overflow: hidden;} .plist .bd{ width: 260px; border: 1px solid #eaeaea; border-bottom: 9px solid #167eff;border-radius: 10px;border-top: none;overflow: hidden;} .plist .bd ul{ width: 240px; overflow: hidden; margin: 0 auto; padding-bottom: 6px; } .plist .bd ul li{ width:100%; padding:0px 0%; height:54px; text-indent:10px; line-height: 54px; overflow: hidden; border-bottom:1px dashed #e2e2e2;background:url(/images/leftula2.png) no-repeat 12px 22px;} .plist .bd ul li:hover{ color: #167eff; background:#fff url(/images/leftula1.png) no-repeat 12px 22px;} .plist .bd ul p{width: 94%; margin: 0 auto;text-align:left; background:url(/images/jiao.png) no-repeat 10px 10px; text-indent:24px; height:28px; line-height:28px; overflow:hidden; margin-bottom:5px;} .plist .bd ul p a{display:block;} .plist .bd ul li a{ display: block; width: 94%; height: 54px; margin:0 auto; font-size:16px;color: #333; text-indent:25px;} .plist .bd ul li a:hover{ color: #167eff;} .plist .bot{margin-top:8px; border: 1px solid #eaeaea; border-bottom: 9px solid #167eff;border-radius: 10px;} .plist .bot ul{ padding: 10px 15px; line-height:28px; overflow: hidden;} .plist .bot ul h3{ color: #000; font-weight: 700; font-size: 16px;} .plist .tuijian li{ float: left; text-align: center; width: 105px; margin:0 5px; } .plist .tuijian li img{ width: 105px; height: 87px; border-radius: 3px; } .plist .tuijian li .title{ height: 36px; line-height: 36px; } .pztype{width:100%; display:none;} .good{ width: 100%; padding: 70px 0 45px 0; overflow: hidden; background: #f5f5f5; margin-bottom:54px; } .good .gtit{ height: 65px; padding-top: 75px; font-size: 16px; text-align: center; overflow: hidden; background: url(/images/gtit.jpg) no-repeat center top; margin-bottom:22px; } .good_con{ width: 1200px; overflow: hidden; margin: 0 auto; } .good_con ul li{ width: 25%; height: 322px; overflow: hidden; float: left; text-align: center; } .good_con ul li .pic{ margin-bottom: 12px; } .good_con ul li .title{ line-height: 54px; font-size: 16px; } .good_con ul li .xian{ width: 57px; height: 4px; overflow: hidden; margin: 0 auto; background: #167eff; } .product{ width: 1200px; overflow: hidden; margin: 0 auto; margin-bottom: 50px; } .product .ptit{ height: 54px; overflow: hidden; background: url(/images/ptit.jpg) no-repeat center; margin-bottom: 50px; } .product .procon{ width: 1200px; overflow: hidden; margin: 0 auto; } .procon ul li{ float: left; width: 360px; margin: 0 20px; } .procon ul li .pic{ border: 1px solid #dedede; box-sizing: border-box; overflow: hidden; transition: all 0.3s; } .procon ul li .pic img{ display: inline-block; width: 100%; /*height: auto;*/ width: 100%; height: 280px; vertical-align: middle; transition: all 0.3s; } .procon ul li .title{ margin: 0 0 10px; text-align: center; padding: 10px 0; color: #333; font-size: 20px; font-weight: 700; } .procon ul li .title a{ color: #333; } .procon ul li:hover .pic{ box-shadow: 0 0 10px #ddd; } .procon ul li:hover .pic img{ transform: scale(1.1); } .about{ width: 100%; padding-top:78px; padding-bottom: 82px; overflow: hidden; background: url(/images/abg.jpg) repeat-x; } .about .about_con{ width: 1200px; overflow: hidden; margin: 0 auto; } .about_con .atit{ height: 65px; padding-top: 75px; font-size: 16px; text-align: center; overflow: hidden; background: url(/images/atit.jpg) no-repeat center top; margin-bottom:30px; } .about_con .acon{ width: 420px; height: 332px; color: #fff; line-height: 34px; font-size: 16px; overflow: hidden; background: url(/images/apic.jpg) #167eff no-repeat center left; padding-left: 750px; padding-right: 30px; padding-top:34px; } .about_con .acon .about_more{ display: inline-block; width: 126px; height: 26px; line-height: 26px; text-align: center; overflow: hidden; border: #fff 1px solid; color: #fff; float: right; margin-top:30px; } .brand{ width: 1200px; overflow: hidden; margin: 0 auto; margin-bottom: 10px; } .brand .btit{ height: 54px; overflow: hidden; background: url(/images/btit.jpg) no-repeat center; } .brand .brand_con{ width: 1200px; height: 1698px; overflow: hidden; background: url(/images/goodbg.jpg) no-repeat center; position: relative; } .brand_con ul li.num{ width: 520px; height: 220px; overflow: hidden; padding-left: 112px; background: url(/images/num1.jpg) no-repeat left top; } .brand_con ul li.num h3{ height: 44px; overflow: hidden; font-size: 24px; color: #167eff; } .brand_con ul li.num p{ color: #333; line-height: 28px; font-size: 18px; margin-bottom: 40px; } .brand_con ul li.num a{ display: block; width: 140px; height: 46px; overflow: hidden; line-height: 46px; text-align: center; border: #167eff 2px solid; border-radius: 100px; color: #167eff; font-size: 16px; } .brand_con ul li.num.num1{ position: absolute; z-index: 1; top: 101px; left: 0; background: url(/images/num1.jpg) no-repeat left top; } .brand_con ul li.num.num2{ position: absolute; z-index: 1; top: 510px; right: 0; background: url(/images/num2.jpg) no-repeat left top; } .brand_con ul li.num.num3{ position: absolute; z-index: 1; top: 915px; left: 0; background: url(/images/num3.jpg) no-repeat left top; } .brand_con ul li.num.num4{ position: absolute; z-index: 1; top: 1360px; right: 0; background: url(/images/num4.jpg) no-repeat left top; } .news{ width: 100%; overflow: hidden; margin-bottom: 50px; } .news .news_tit{ height: 54px; overflow: hidden; background: url(/images/ntit.jpg) no-repeat center; margin-bottom: 40px; } .news_con{ width: 1250px; overflow: hidden; margin: 0 auto; } .news_con ul li{ width: 290px; height: 180px; float: left; position: relative; margin: 12px 11px; transition: all .8s linear; box-shadow: 0 0 2px #ccc inset; } .news_con ul li .news_pic{ float: left; width: 282px; height: 180px; overflow: hidden; box-shadow: 0 0 1px #ddd; } .news_con ul li .news_pic img{ width: 282px; height: 180px; overflow: hidden; } .news_con ul li .news_text{ width: 270px; height: 180px; overflow: hidden; float: right; padding-right: 10px; } .news_con ul li .news_text h3{ height: 48px; line-height: 48px; overflow: hidden; font-size: 16px; } .news_con ul li .news_text .desc{ height: 80px; overflow: hidden; margin-bottom: 20px; } .news_con ul li .news_text .news_time{ color: #999; } /* 本例子css */ .honour_con{ width:370px; height:400px; overflow:hidden; position:relative; } .honour_con .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .honour_con .hd ul{ overflow:hidden; zoom:1; float:left; } .honour_con .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .honour_con .hd ul li.on{ background:#f00; color:#fff; } .honour_con .bd{ position:relative; height:100%; z-index:0; } .honour_con .bd li{ zoom:1; vertical-align:middle; } .honour_con .bd img{ width:370px; height:400px; display:block; } .inproduct{width:910px; float:right;overflow: hidden; padding-top:0px;} .youshi_title{height:84px; padding:30px; text-align:center;} .mmkxx{width:1200px; margin:0 auto; height:500px;} .iksnx{width:1200px; height:50px; line-height:50px; background:#009CD8;clear:both;} .iksnx a{color:#fff; display:block; width:10%; float:left; text-align:center; font-size:16px;} .iksnx a.hover{color:#fff; background:#1056be} .ikskxx{border:1px solid #e6e6e6; padding:40px 50px;} .ikskxx img{float:left; padding-right:40px; width:550px;} .ikskxx .ikstext{ float:left; width:500px; padding:20px 0;} .ikstext h3{font-size:22px; font-weight:600; height:30px; line-height:30px;} .ikstext span{width:70px; height:2px; background:#333; margin-top:8px; display:block; float:left;} .ikstext_p{padding:10px; display:block;text-align: justify; margin-top:10px; font-size:16px; height:200px; overflow:hidden;} .ikstext_p p{font-size:16px; line-height:30px;} .iksxxmore{width:500px; height:44px; line-height:44px; clear:both; margin-top:15px;overflow:hidden;} .iksxxmore a.a1{background:#036ad6;height:40px; width:130px;text-align:center; line-height:40px; color:#fff; font-size:16px; float:left; margin-right:14px;} .iksxxmore a.a2{background:#f2a91c;height:40px; width:130px;text-align:center; line-height:40px; color:#fff; font-size:16px; float:left; margin-right:14px;} /*首页产品展示*/ .con_right {width:910px; float:right;display:block; overflow: hidden;} .index_cp{width:100%;display:block; overflow: hidden;} .index_cp ul {margin:0;padding:0; clear:both; overflow: hidden;} .index_cp li {float:left; width: 260px; height:260px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;margin:15px 20px 25px 20px; } .index_cp li:hover{float:left; width: 260px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;margin:15px 20px 25px 20px;-webkit-box-shadow:0px 0px 20px #CCC;-moz-box-shadow:0px 0px 20px #CCC;-ms-box-shadow:0px 0px 20px #CCC;-o-box-shadow: 0px 0 20px #CCC;box-shadow:0px 0px 20px #CCC;} /*.index_cp li:nth-child(3n){margin-right:0px;}*/ .index_cp li b{font-weight:normal;} .index_cp li a{display:block; border:1px solid #E2E2E2;} .index_cp li a .cp_name{display: block; width:258px; height:200px;color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; padding:4px;} .index_cp li a:hover span{background: #036ad6; color: #fff;transition:0.6s all 0s linear;} .index_cp li a img{max-width: 250px; max-height:192px; vertical-align:middle;} .index_cp li span{height:50px; line-height:50px; background:#e2e2e2; display:block; clear:both;} .index_cp li a .cp_name:hover img { transform: scale(1.1, 1.1);} .index_cp li a .cp_name img{transition:transform 1s ease 0s;max-width:250px;} /*左侧相关产品展示*/ .leftcp{width:260px; margin:0 auto;display:block; overflow: hidden; border:1px solid #e0e0e0; padding:2px;} .leftcp ul {padding:0; clear:both; overflow: hidden; width:250px; margin:0 auto; margin-top:8px;} .leftcp li {float:left; width:118px; margin-bottom:6px; overflow: hidden; line-height: 30px; text-align:center;border-collapse: collapse; border:1px solid #e0e0e0;} .leftcp li:nth-child(2n){float:right;} .leftcp li b{font-weight:normal;} .leftcp li a{display:block;} .leftcp li a .cp_name{display: block; width:114px; height:114px;background: #fff; color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; padding:2px;} /*.leftcp li a:hover span{background: #009CD8; color: #fff;transition:0.6s all 0s linear;}*/ .leftcp li a img{max-width: 114px; height:114px; vertical-align:middle;} .leftcp li span{height:30px; line-height:30px; background:#e2e2e2; display:block; clear:both;} .leftcp li a .cp_name:hover img { transform: scale(1.1, 1.1);} .leftcp li a .cp_name img{transition:transform 1s ease 0s} /*============简介===============*/ .gcal_img {width:1180px; margin:0 auto;height:280px;overflow:hidden;padding-left:20px;} .gcal_img ul{height:270px; overflow:hidden;} .gcal_img li{float:left; margin-right:20px; text-align:center; line-height:40px;} .gcal_img li img{padding:2px; height:225px; border:1px solid #e2e2e2;} /*友情链接*/ .links{width:1200px; margin:0 auto; height:60px; line-height:60px;} .links h3{width:180px; float:left; color:#205DA9;font-size:22px;} .links h3 span{font-size:24px; color:#666;} .links a{padding:0px 10px;} .layouts{ } .container-inners{min-height:340px;background:#fff } .n_pic{width:450px;padding:20px; } .mask50{ background: url(/images/mask40.png) ; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; } .win_alert{ width: 1230px; height: 522px; position: fixed; top: 50%; left: 50%; margin-left: -615px; margin-top: -261px; background: #fff; z-index: 9999; display: none; } .win_alert .close{ background: url(/images/close.png) no-repeat center; display: block; width: 14px; height: 15px; position: absolute; top: 24px; right: 30px; } .win_alert .inner{ padding: 66px; } .win_alert .title1{ font-size: 18px; color: #333333; } .win_alert .scroll{ margin-top: 16px; padding:0 20px; height:360px; overflow:auto; } .win_alert .desc{ font-size: 14px; color: #333333; line-height: 22px; text-align:justify; } /*============优势===============*/ .adv{ overflow: hidden; width: 100%; } .adv .titles{ background-color: #03B79D; padding: 35px 0; text-align:center;} .adv .titles h2{ font-size: 33px;color: #fff;font-weight: bold;} .adv .titles h2 b{ font-size: 40px;} .adv .titles em{ color: #e2e2e2; font-size:14px; padding-top:10px; display:block;} .adv .adbBox{ width: 100%; overflow: hidden;} .adv .adv01{ background: url("../images/advBg01.jpg") no-repeat center; height: 364px} .adv .adv02{ background: url("../images/advBg02.jpg") no-repeat center; height: 404px} .adv .adv03{ background: url("../images/advBg03.jpg") no-repeat center; height: 343px} .adv .adv04{ background: url("../images/advBg04.jpg") no-repeat center; height: 384px} .adv .adv05{ background: url("../images/advBg05.jpg") no-repeat center; height: 357px} .adv .advDl{width:465px;margin: 60px 110px 0 110px;} .adv .advDl dt{ width: 100%; border-bottom: 1px dashed #dfdfdf; padding-bottom: 25px;} .adv .advDl dt h3{ font-weight: normal; font-size: 26px; color: #333} .adv .advDl dt h3 b{ color: #d5224a} .adv .advDl dt p{font-size: 10px;color: #b9b8b8;text-transform: uppercase;margin-top: 5px;white-space: nowrap} .adv .advDl dd{margin-top: 20px;} .adv .advDl dd p{background: url("/images/adv_p.png") no-repeat left 5px;padding-left: 20px;font-size: 16px;color: #666666;line-height: 22px;margin: 16px 0;} .adv .lengthLeft{width: 520px;} .adv .lengthLeft2{width:440px;} .adv .fisrtTop{margin-top: 90px;} /*============优势===============*/ .inews_list { width:576px; float:left; margin:0; } .inews_list li{ margin-top:10px;} .inews_list .newscon { width:576px; height:90px; float:right; background:#fff;} .inews_list .newscon .newtime{ float:left; color:#666666; height:80px; padding:0 10px; text-align:center; background:#f3f3f3;} .inews_list .newscon .newtime span{ font-size:14px; color:#666666;height:30px; line-height:20px;} .inews_list .newscon .newtime h3{ font-size:30px; height:50px; line-height:50px; color:#666666;padding:0px 5px; margin:0px;} .inews_list .newscon .newfloat{ background:#fff; width:470px; height:80px; float:right; } .inews_list .newscon .newfloat span{ color:#888888; font-size:14px;padding:0; float:right; text-align:left; height:580px; line-height:25px; overflow:hidden; width:470px;} .inews_list .newscon .newfloat h3{font-size:18px;padding:px 0px 0px; height:30px; line-height:30px; overflow:hidden;} .inews_list .newfloat a,.hyfocus .newfloat a{ color:#666666;} .inews_list .newfloat a:hover,.hyfocus .newfloat a:hover{ color:#EA1717;} .hyfocus { width:576px; float:right;} .hyfocus li{ margin-top:10px;} .hyfocus .newscon { width:576px; height:90px; float:right; background:#fff;} .hyfocus .newscon .newtime{ float:left; color:#666666; height:80px; padding:0 10px; text-align:center; background:#f3f3f3;} .hyfocus .newscon .newtime span{ font-size:14px; color:#666666;height:30px; line-height:20px;} .hyfocus .newscon .newtime h3{ font-size:30px; height:50px; line-height:50px; color:#666666;padding:0px 5px; margin:0px;} .hyfocus .newscon .newfloat{ background:#fff; width:470px; height:80px; float:right; } .hyfocus .newscon .newfloat span{ color:#888888; font-size:14px;padding:0; float:right; text-align:left; height:580px; line-height:25px; overflow:hidden; width:470px;} .hyfocus .newscon .newfloat h3{font-size:18px;padding:px 0px 0px; height:30px; line-height:30px; overflow:hidden;} .proli{width:100%; border-bottom:1px solid #F0F0F0;} .proli li{width:120px; float:left; background:#009CD8;color:#fff; height:50px; line-height:50px; text-align:center; margin-right:5px;} .proli li a{display:block; background:#F0F0F0; font-size:16px;} .proli li a:hover{display:block; background:#009CD8; color:#fff;} .proli li.hover a{display:block; background:#009CD8; color:#fff;} .linkbj{ height:92px; background:#0550A0;} .link{ width:1200px; margin:0 auto;} .linkz{ float:left; width:250px; height:92px; background:url(../images/yqlj.jpg) no-repeat; font-size:16px; font-weight:bold;} .linky{ width:950px; float:right; padding-top:20px;} .linky a{ display:block; float:left; padding: 0 15px 10px 15px; color:#fff;} .linky a:hover{text-decoration:underline;} /* CSS Footer */ .foot_bg{width:100%;overflow: hidden;background:url(/images/footbg.jpg);} .foot{width:993px;margin:0 auto;overflow: hidden; padding:20px 0;} .foot_logo{ width: 433px; overflow: hidden; float: left; margin-right: 20px; } .foot .weixin{ width: 120px; height: 120px; overflow: hidden; margin-top: 15px; } .foot .weixin img{ width: 120px; height: 120px; overflow: hidden; } .foot_contact{ width: 540px; line-height:30px; overflow: hidden; text-align:left; color:#fff; font-size:16px; } .text2{width:270px;float:left;font:14px/22px 'Microsoft YaHei';color:#b1b3b5;text-indent:16px;height:22px;padding:11px 0;border:0;background:#fff;*height:21px;} .select{float:left; border:0;background:url(../images/select.jpg) 67px center no-repeat #fff;} .btn{float:left;background:url(../images/button.jpg) no-repeat 0 0;width:49px;height:44px;border:0;cursor:pointer;margin-left:6px;} .foot_nav{width:100%;height:62px; border-bottom: #fff 1px solid; text-align:center;font:12px/62px "Microsoft YaHei";color:#fff;text-overflow: ellipsis;overflow:hidden;white-space: nowrap; background:#167eff;} .foot_nav a{color:#fff;margin:0 40px; font-size:16px;} .share{width:140px;height:48px;margin:0 auto;} .foot_copyright{text-align:left;color:#fff; padding-left:12px;font-size:16px; line-height:30px; display:block;} .foot_copyright p{width:100%;text-align:center; font-size:16px;color:#fff;} .foot_copyright p span{margin:0 6px;} .foot_copyright a{color:#fff} .links_bg{width:100%;height:55px;background:#002E46;} .links{width:980px;height:55px;background:url(../images/linksbg.jpg) 3px center no-repeat;margin:0 auto;overflow: hidden;} .links p{float:left;width:100px;height:55px;text-align:right;font:12px/55px "Microsoft YaHei";color:#fff;} .links a{float:left;font:12px/55px "Microsoft YaHei";color:#fff;margin:0 6px;} /*内页*/ .class_bg{width:100%; background:url(../images/class_bg.jpg) no-repeat center; background-size:cover; height:350px; min-width:1200px; clear:both;position:relative;} .class_bg h3{margin-top:50px; padding:40px; float:left; background:#fff; border-radius:10px; font-size:36px; color:#000; display:none;} .navli{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #f0f0f0;} .navli li{width:15%; height:60px; line-height:60px;text-align:center; float:left;} .navli li a{display:block; font-size:16px;} .navli li:hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #009CD8; text-align:center; float:left;} .navli li.hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #009CD8; text-align:center; float:left;} .path{width:100%;height:40px; line-height:40px; padding:0px; background:#f4f4f4; border-bottom:2px solid #167eff;} .path h2{float:left; font-weight:bold; font-size:16px; background:#167eff; height:40px; padding:0px 30px; color:#fff;} .path span{float:right; padding-right:10px; } .content{width:100%; margin:0 auto; padding:25px 0; font-size:14px; line-height:24px;} .content strong{font-size:18px;} .content p{font-size:16px; line-height:28px;} /* .content img{width:100%;} */ .content table,.view_con table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:98%; margin:0 auto;} .content table td,.view_con table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:5px; text-align:center;} .view-title{font-size:24px; width:80%; margin:0 auto; line-height:30px; display:block; padding-bottom:15px; text-align:center;} .view-date{height:25px; line-height:25px; display:block; text-align:center;} .view-date span{display:none;} .updown{width:100%; clear:both; margin-top:15px; margin-bottom:25px; height:50px; display:block;} .updown li{width:45%;background:#167eff; margin:10px 2%; float:left;height:40px; line-height:40px; overflow:hidden; color:#fff; text-indent:20px; border-radius:20px;} .updown li a{color:#fff;} .products{ width:100%; margin:0 auto;} .products .pros_tit{font-size:28px; text-align:center;height:90px; line-height:90px;margin-top:20px;margin-bottom:20px;clear:both;} .products .pros_tit a{font-size:28px; background:#167eff; color:#fff; padding:10px 30px;} .row .cptitle{ width:291px; background:#eeeeee; height:50px;} .row .cptitle p{ color:#333; font-size:16px; text-align:center; line-height:50px;} /*产品组图*/ .pro_list{padding:0px 0px;} #imgto{width:360px; height:380px; float:left;} #imgto .big{width:510px;height:380px;display: table-cell;text-align: center; vertical-align: middle;text-align:center; background:#f5f5f5;} #imgto .big img{max-width:510px;max-height:380px;} #imgto .small{height:100px; margin-top:8px;width:100%; clear:both;} #imgto .small div{float:left;overflow:hidden;} #imgto .small div.imgl,#imgto .small div.imgr{width:13px;height:80px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:80px; font-weight:bold; color: #999; cursor:pointer;} #imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666} #imgto .small div.imgc{width:480px; position:relative;height:100px;} #imgto .small div.imgc ul{ position:absolute;width:2200px; height:100px;top:0; left:0;} #imgto .small div.imgc ul li{ float:left; width:108px; padding-left:10px;cursor:pointer; } #imgto .small div.imgc ul li img{width:106px; height:80px;border:1px solid #009CD8} #imgto .small div.imgc ul li.the img {border:1px solid #009CD8} .pro_right{width:510px; float:right;} .pro_right h1{height:80px; line-height:80px; font-size:26px;} .pro_right .pro_desc{line-height:28px; line-height:28px; font-size:14px; background:#f4f4f4; padding:12px 15px;} .pro_right .pro_desc strong{color:#f00;} .pro_desc ul{} .pro_desc ul span{color:#f00;} .pro_right .pro_zx{width:260px;height:28px; line-height:28px; margin-top:20px; font-size:30px; background:#036ad6 url(/images/tel2.png) no-repeat 20px 16px; padding:15px 25px; border-radius:3em; text-indent:36px; color:#fff;} .pro_img{ width:94%; margin:0 auto; clear:both; text-align:center; display:block; padding:20px;} .view_con{width:100%; padding:15px 0; line-height:28px;} .view_con p{ font-size:15px;} .view_con p img{min-width:900px; text-align:center;} .view_con a.neilian{color:#f00;} .view_desc{padding:15px 25px; background:#f5f5f5; border:1px solid #e2e2e2; font-size:14px;} .view_title{width:100%; background:#f0f0f0; height:50px; line-height:50px; clear:both; margin:10px 0;} .view_title h3{background:#036ad6 url(/images/ico.png) no-repeat 20px center; display:block; float:left; color:#fff;padding:0px 20px;text-indent:30px; font-size:16px;} .view_title span{float:right; padding-right:100px;} .view_title span a{color:#111;} /*新闻列表*/ .news_list{ padding:0 5px;clear:both; margin:10px auto; background:#fff;} .news_list ul{margin:0px; padding:0px;} .news_list li{height:40px; line-height:40px; overflow:hidden; border-bottom:1px dashed #e2e2e2;padding-left:20px; background:url(/images/heidian.jpg) no-repeat 8px 15px;} .news_list li span{float:right;} .news_list li b{font-weight:normal;} .news_1nr{width:100%; margin:0 auto;} .news_1nr ul li a{width:100%; height:94px;display:block; font-size:15px;} .news_1nr ul li{margin:0 0 45px 0; position:relative; padding:9px 16px 0 0; border:1px solid #c4c4c4; width:880px; height:94px;} .news_1nr ul li span{width:103px; height:120px; overflow:hidden; float:left; background:#167eff; border-bottom:3px solid #ffca00; color:#ffffff; text-align:center; position:absolute; top:-1px; left:8px;transition: all 0.4s;} .news_1nr ul li span h1{font-size:30px; font-family:Impact; line-height:42px; padding:20px 0 10px 0; display:block;} .news_1nr ul li div{width:744px; float:right;} .news_1nr ul li div p{line-height:24px; font-size:13px; text-indent:2em; color:#777777;} .news_1nr ul li:hover{background:#f2f2f2;} .news_1nr ul li:hover span{background:none; border-bottom:0px; color:#167eff;transition: all 0.4s;} /*新闻列表二*/ .main_c{width: 100%;float: left;line-height: 260%;padding:10px 0 20px 0;} .news_two_ul { height: auto; overflow: hidden; max-width:1200px; margin:0 auto; } .news_two_ul li{height:160px;} .news_two_box { width: 100%; height: 130px; border: 1px solid transparent; position: relative; background: #f7f7f7; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .news_two_img { width: 200px; height: 100px; padding: 15px; float: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .news_two_img img{width: 200px;height: 100px;object-fit: cover;} .news_two_txt span { font-size: 16px; color: #717171; display: block; height: 30px; overflow: hidden; margin-bottom: 10px; transition: all .3s ease-out 0s } .news_two_txt span b{font-size:16px; font-weight:normal;} .news_two_box:hover .news_two_txt span { color: #333 } .news_two_txt i { height: 52px; color: #A2A2A2; line-height: 24px; display: block; overflow: hidden; font-style:normal; transition: all .3s ease-out 0s } .news_two_box:hover .news_two_txt i { color: #999 } .news_two_txt { width: 60%; float: left; padding:16px 0 28px 28px; transition: all .3s ease-out 0s } .news_two_box:hover .news_two_txt { padding: 16px 0 28px 40px } .news_two_date { width:160px; float: right; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; color: #999; padding: 16px 19px 0 0; transition: all .3s ease-out 0s; text-align:right; } .news_two_box:hover .news_two_date { padding: 26px 29px 0 0 } .news_two_date span { color: rgb(153, 153, 153); height: 26px; font-size: 24px; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑" } .news_two_date i { font-size: 13px; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑" } .news_two_but { position: absolute; top: 80px; right: 28px ;transition: all .3s ease-out 0s; } .news_two_box:hover .news_two_but{top: 80px;right:52px; font-size:18px;} .news_two_box:hover { border: 1px solid #efefef; box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08) } .news_two_box:hover .news_two_img { background: #2ca501; } .ser_but{float: right; border:1px solid #f00;} .news_two_box:hover .ser_but { background: #0a5cb0; border: 1px solid #0a5cb0; margin: 0 -36px } /*联系我们*/ .contact {font: 400 14px/28px "microsoft yahei";} .contact .caption {margin:10px 0; padding-bottom:10px;} .contact .caption span {display: block;color: #ff2020;font-size: 13px} .contact h2 {clear: both;font: 700 20px/40px "microsoft yahei";margin-bottom: 10px} .contact .cway {position: relative;padding:0px 0;overflow: hidden;} .contact .cway ul {height: 270px;float: left;} .contact .cway li {background: url(../images/icon_contact.png) 0 100px no-repeat;line-height: 40px;text-indent: 60px;margin: 5px 0} .contact .cway li a {color: #666} .contact .cway li a:hover {color: #ff5050;font-weight: 700} .contact .cway li span {font-weight: 700} .contact .cway li.tel {background-position: -60px -338px} .contact .cway li.qq {background-position: -60px -381px} .contact .cway li.email {background-position: -60px -473px} .contact .cway li.fax {background-position: -60px -519px} .contact .cway li.group {background-position: -60px -427px} .contact .cway .chat {display: block;width: 230px;line-height: 40px; height:40px;text-align: center;color: #fff;font-size: 16px;font-weight: 700;background-color: #ff2020;margin: 30px 0 0 6px} /*.map{ width:600px; padding:20px 0;float:right;} .map p{line-height:25px;}*/ #allmap{width:100%; height:550px; line-height:24px;} /*分页*/ .pages{text-align:center;clear:both;font-size:14px;width:100%;height:40px;} .pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));} .pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;} .pages li{ float:left;} /*留言*/ .member_f{margin-top:5px;float:right;} .member_f dl{border-bottom:1px solid #E8E8E8; padding:5px 0; width:100%; float:left;} .member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;} .member_f dl dd{float:left; line-height:26px; padding-left:10px;} .member_f dl dd textarea{ width:90%; height:200px;} .member_f dl dd.m span{color:#C00;} .member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;} .inp{height:32px; line-height:32px; border:1px solid #e2e2e2; border-radius:5px; padding-left:5px;} .btnbig{height:40px; line-height:40px; background:#036ad6; width:180px; color:#fff;} /* service */ .service{height:100px;position:relative;z-index:1;} .service li{float:left;width:12.5%;height:100px;transition:background 0.3s;-webkit-transition:background 0.3s;} .service li a{display:block;box-sizing:border-box;color:#fff;border-right:1px solid #bfbfbf;border-right:1px solid rgba(191,191,191,.3); } .service li:last-child a{border:none;} .service li:hover:last-child a{border:none;} .service li:hover{background:rgba(0,0,0,.3);} .service li:hover a{border-color:transparent;color:#AD0858;border-right:1px solid #bfbfbf;border-right:1px solid rgba(255,255,255,.3);} .service li i{display:block;line-height:60px;font-size:48px;text-align:center;} .service li strong{display:block;line-height:40px;text-align:center;font-weight:normal;font-size:16px;} .layout{max-width:1200px;min-width:980px;margin-left:auto;margin-right:auto;} /* 图标 */ .boxs{width:100%; margin:0 auto;} .bc{background:#FFFFFF;} .bc3{background:#F6F9FA;} .h840{height:840px;} .h340{height:340px;} .pt10{padding-top:10px;} /*index news pic*/ .n_pic{width:450px;padding:20px; padding-left:0px;} #foucsBox {width: 450px; height: 300px;overflow: hidden; zoom: 1; position: relative;} #foucsBox .imgCon { width: 450px; height: 300px; margin: 0; padding: 0; position: relative; list-style: none; } #foucsBox .imgCon li { float: left; width: 450px; height: 210px; } #foucsBox .imgCon li .imgTitle { width: 450px; position: absolute; bottom: 0; height:35px; line-height:35px; overflow:hidden; text-align: center; z-index: 2; } #foucsBox .imgCon li .imgTitle a { width:450px; color: #fff; display: block; text-decoration: none; font-family: font-weight: normal; font-size: 14px; zoom: 1;height:35px; line-height:35px; overflow:hidden; } #foucsBox .showPage { width: 450px; height: 35px; position: absolute; bottom: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 1; } #foucsBox .foucs { display:none; width: 450px; height: 22px; position: absolute; bottom: 3px; text-align: center; z-index: 3; } #foucsBox .foucs span.f { background: url(/images/pic_bg.png) -170px -90px no-repeat; } #foucsBox .foucsButton { width: 30px;cursor: pointer; height: 20px; padding: 7px; margin-top: -35px; position: relative; z-index: 4; } #foucsBox .foucsButton span { display: inline; width: 8px; height: 15px; margin: 4px 5px 0; cursor: pointer; overflow: hidden; background: url(../images/pic_bg.png) 0 0 no-repeat; } #foucsBox .foucsButton img { display: none; cursor: pointer; border-width: 0px; vertical-align: middle; width: 100px; height: 56px; } #foucsBox .lBtn { float: left; } #foucsBox .lBtn span { float: left; background-position: 0 -105px; } #foucsBox .rBtn { float: right; } #foucsBox .rBtn span { float: right; background-position: -45px -105px; } #foucsBox .btnHover { width: 25px; overflow: hidden; } #foucsBox .btnHover img { display: inline; } /*Index News List*/ /* .n_list{width:730px;height:300px;display:inline;overflow:hidden;padding-top:20px;} .n_list .bd{ width:100%;height:30px;float:left;border-bottom:1px solid #E8E8E8;} .n_list .bd dl{ width:690px;float:left; position:absolute;} .n_list .bd dd{width:70px;height:30px; line-height:30px; left:10px; bottom:0;position:relative; float:left;color:#009CD8; font-size:16px; font-weight:bold;text-align:center;border-bottom:1px solid #009CD8;} .n_list .bd dt a{float:right; height:25px; line-height:25px; width:50px; text-align:left; overflow:hidden; font-family:"宋体";padding-top:5px;} .n_list .nra{width:675px;margin-left:10px; float:left; height:320px; overflow:hidden; } .n_list .nra dl{width:675px;} .n_list .nra dd{ width:675px; float:left; text-align:center; background:url(../images/bg2.gif) repeat-x bottom left; padding:10px 5px 0;} .n_list .nra dd p.p1{width:675px; height:50px; line-height:50px;display:inline; overflow:hidden;} .n_list .nra dd p.p1 a{font-family:"黑体"; color:#009CD8; font-size:20px;} .n_list .nra dd p.p1 a:hover{font-family:"黑体"; color:#009CD8; font-size:20px;} .n_list .nra dd p.p2{height:45px; display:inline; color:#999; text-indent:25px;float:left; width:670px;overflow:hidden; line-height:20px; text-align:left;} .n_list .nra dt{float:left; width:660px; height:17px; line-height:17px; font-size: 14px; overflow:hidden; background:url(../images/hongdian.jpg) no-repeat left center;margin:10px 0 0 0; display:inline; padding-left:15px;} .n_list .nra dt span{float:right;font-size: 12px;} */ .mmk{ width:1200px; margin:0px auto; text-align:center} .iks{ margin:0px auto; width:1200px;} .iks .iksn{width:240px;float:left; height:390px;} .iks .iksn .iksmenu{ width:240px;} .iks .iksn .iksmenu a{width:240px; height:100px; padding-top:30px; display:block; text-align:center; line-height:34px; border-bottom:1px solid #383b3f;color:#FFF; background:#2d3035} .iks .iksn .iksmenu a span{font-size:24px;} .iks .iksn .iksmenu .hover{ color:#fff; background:#ff9c00; border-bottom:1px solid #383b3f} /*.iks .iksn .iksmore{ float:right; display:inline-block; margin-right:1em; width:100px; border-radius:99px; background:#009CD8; color:#FFF; font-size:14px; height:28px; line-height:28px; margin-top:2px; text-align:center}*/ .iksk {padding:0px; float:right; width:940px; height:390px; background:#fbfbfb;} .iksk .iksp{ width:450px; float:right;} .iksk .iksr{ width:400px; float:left; padding:40px 40px;text-align:left;} .iksk .iksr H3{ font-size:24px; font-weight:bold; color:#009CD8; margin-top:10px;} .iksk .iksr span{color:#999; font-size:18px; display:block; height:40px; line-height:40px;} .iksk .iksr .ksjj{ width:400px; height:160px; overflow:hidden; float:left; text-align:left; margin-top:30px;} a.iksmore{background:#f2a91c; height:40px; width:130px; display:block; clear:both; text-align:center; line-height:40px; color:#fff;} .yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; } .yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; } .yb_bar .yb_top { background: url('/images/fixCont.png') no-repeat 0 0 #158EE0; } .yb_bar .yb_phone { background: url('/images/fixCont.png') no-repeat 0 -57px #158EE0; } .yb_bar .yb_QQ { text-indent: 0; background: url('/images/fixCont.png') no-repeat 0 -113px #158EE0; } .yb_bar .yb_ercode { /*height:200px;*/ background: url('/images/fixCont.png') no-repeat 0 -169px #158EE0; } .hd_qr { padding: 0 29px 25px 29px; } .yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; font-size: 14px; color: #fff!important; } .ad{width:100%; min-width:1200px; height:400px; background:url(/images/ad.jpg) no-repeat center;overflow:hidden; margin:0px auto;} .ad2{width:100%; height:160px; background:url(/images/ad2.jpg) no-repeat center; min-width:1200px; overflow:hidden;} .ad2 a{width:1000px; height:35px; margin:0 auto; padding-top:66px; text-align:right; display:block; text-indent:-9999em;} .ad3{width:100%; height:220px; background:url(/images/ysbg1.jpg) no-repeat center; min-width:1200px; overflow:hidden;} .ad4{width:1200px; margin:0 auto; height:136px; background:url(/images/3.jpg) no-repeat center; min-width:1200px; overflow:hidden;} /*.wdks .wenda{width:840px; height:120px;overflow: hidden; float:left;} .wdks .wenda dl{height:60px;} .wdks .indexkeshi{width:340px; float:right;border:1px solid #f00;}*/ .ind_more{ display: block; height: 70px; line-height: 70px; background: #0D83F2; color: #fff; font-size: 26px; font-weight: bold; clear: both; width: 340px; text-align: center; border-radius: 35px; margin:0 auto; } .ind_more:hover{ background: #f25400; color: #fff } .iys{ background: url(../Images/ys_bg.jpg) top center no-repeat; height: 977px} .ystit{margin:70px auto; height: 121px; width: 714px;} .yslist{ height: 175px; margin-bottom: 50px } .yslist li{width: 295px; float: left;font-size: 13px; color: #666; text-align: center; position: relative; margin-left: 40px} .ysimg{ width: 295px; height:295px;z-index:99; position: relative; } .yslist li:nth-child(1){ margin-left:0;} .yslist li p b{ display: block; font-size:22px; text-align:center;line-height: 1.5 } .yslist li p i{ display: block; width: 70px; margin:20px auto; height: 4px; background: #0D83F2} .yslist li p{ background: #fff; height: 235px; width: 255px;position: absolute; top: 140px;z-index: 66; padding:185px 20px 0 20px; font-size: 15px; color: #333; line-height: 1.8 } .yslist li p span{ font-weight: bold; color: #f25400 } .lylist li{ float: left; width: 365px; height:115px; border: 1px #54b4f9 solid; margin: 40px 18px 0 15px } .lylist li img{width: 295px; height:295px; } .ysimg{ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;} .ysimg:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .ititbig{ font-size: 44px; text-align:center; color: #0D83F2 } .ititsmall{ margin:10px auto 0 auto; text-align: center; display:block;height:50px; line-height:50px; font-weight: normal; font-size: 24px; color: #000;text-transform:uppercase; } .ind_lc{ margin-bottom:70px;} .ind_lc ul{ background:url(../Images/lc_bg.jpg) top center no-repeat; height: 200px; margin-top: 50px } .ind_lc li{ margin-left:80px; float: left; color: #fff; font-size: 18px; text-align: center; width: 195px; padding-top: 110px; line-height:34px;} .ind_lc li b{ font-size: 28px; display: block; } .ind_lc li:nth-child(1){ margin-left: 0 } .icase { margin:0 auto; height: auto; overflow: hidden; background: #f1f1f1 url(../Images/an_bg.jpg) right bottom no-repeat; padding:50px 0 60px 0; } .caselist{margin-left:-25px; padding-top: 50px} .ab_index{ height: auto; overflow: hidden; padding:60px 0;} .ab_index img{ float: right; padding-right: 30px } .ab_index p{ line-height: 35px; font-size: 16px; padding-top:8px; } .ab_index h2{ color: #0D83F2; font-size: 40px; margin-bottom: 25px } .ab_index h2 span{ font-size: 19px; display: block; } .ab_index .more{ float: right; height: 50px; line-height: 50px; background: #0D83F2; color: #fff; text-align: center; width: 150px } .picMarquee-left{ width:100%; overflow:hidden; position:relative;} .picMarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } .picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("/images/arrow.png") no-repeat;} .picMarquee-left .hd .next{ background-position:0 -50px; } .picMarquee-left .hd .prevStop{ background-position:-60px 0; } .picMarquee-left .hd .nextStop{ background-position:-60px -50px; } .picMarquee-left .bd{ padding:10px; } .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center; } .picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; } .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; } .picMarquee-left .bd ul li .title{ line-height:24px; } .container {width: 1160px;margin: 50px auto 0} .article_content {margin-bottom: 30px;color: #454545;padding: 20px 30px 0 30px;line-height:40px;} .readall_box {position: relative;z-index: 9999;padding: 0 0 25px;margin-top: -200px;text-align: center;} .readall_box .read_more_mask {height: 200px;background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))} .read_more_btn{cursor:pointer;font-size: 16px;color: #de686d;background: #fff;border-radius: 4px;border: 1px solid #de686d;line-height: 30px;padding:5px 10px;} .read_more_btn:hover{background:#de686d;color:#fff;}