body,button,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,iframe,input,li,p,select,span,table,td,textarea,th,ul { margin:0; padding:0 } body { font-family:"microsoft yahei"!important; font-size:14px; color:#333; cursor:default; background-color:#fff } em,i { font-style:normal } ul { list-style:none } img { border:0 none; transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; max-width:100% } a { text-decoration:none; outline:0; cursor:pointer } a:link { text-decoration:none } a:visited { text-decoration:none } a:hover { text-decoration:none } a:active { text-decoration:none } .mt0 { margin-top:0!important } .ml0 { margin-left:0!important } .mr0 { margin-right:0!important } .mb0 { margin-bottom:0!important } .bl0 { border-left:0!important } .bt0 { border-top:0!important } ::selection { background:#ffc3d0; color:#fff } ::-moz-selection { background:#fd668e; color:#fff } input,select { vertical-align:middle } .ny_main_left_lan img { display:inline!important } .fl { float:left!important } .fr { float:right!important } .clearfix:after { clear:both; display:block; content:"" } .clearfix { zoom:1 } .clear{ clear:both; } .container{ width: 1200px; margin:0 auto; } .w-100{ width: 100%; } .header { width:100%; height:auto; background:url(../img/bg1.jpg) no-repeat top center; background-size:100%; overflow:hidden; } .header-top { width:1320px; height:110px; margin:auto; overflow:hidden; padding-top: 20px; } .header-top .tel{ margin-top: 20px; } .header-top .tel .teltxt{ font-size: 20px; color:#09823d; font-weight: bold; letter-spacing: -1; margin-left: 15px; } .header-top>img { float:left; margin-top:4px; } .header-top>form { float:right; width:364px; height:38px; background:#fff; border:1px solid #5f2c2c; margin-top:20px } .header-top>form>img { float:left } .header-top>form>input { float:left; border:none } .header-top>form>input.input { height:38px; width:248px; float:left } .header-top>form>input.submit { width:68px; height:38px; background:#5f2c2c; color:#fff; float:left } .nav { width:100%; margin:auto; background:#0a2f7d; overflow:hidden; } .nav>ul { width:1200px; margin:auto; overflow:hidden } .nav>ul>li { float:left } .nav>ul>li>a { display:block; width:133px; height:50px; color:#fff; text-align:center; background:#0a2f7d; padding-top:12px; } .nav>ul>li>a:hover { background:#6085d3 } .nav>ul>li>a.no1 { width:212px; background:#491e09 } .foot { width:100%; background:#0a2f7d; overflow:hidden; } .foot1 { width:1310px; padding-bottom:20px; overflow:hidden; margin:0 auto; } .foot1 .footlogo{ float:left; margin-right: 50px; } .foot1 .footlogo .ser-tel{ display: flex; } .foot1 .footlogo .ser-tel .hanzi{ width: 110px; font-size: 20px; color:#fff; font-weight: bold; padding-left: 10px; } .foot1 .footlogo .ser-tel .num{ width: calc(100% - 100px); } .foot1 .footlogo .ser-tel .num p{ font-size: 20px; color:#fff; font-weight: bold; } .foot2 { float:left; border-left:1px solid #6fa4e5; padding-left:40px; margin-top:40px; } .foot2>div { color:#fff; font-size:20px; font-weight:bold; } .foot2>div>span { display:block; height:2px; width:60px; margin:10px auto auto 0; background:#fff; } .foot2>ul { width:200px; margin:10px auto auto 0; overflow:hidden; } .foot2>ul>li { float:left; margin-right:20px; } .foot2>ul>li a { color:#fff; line-height:26px; } .foot2>p { color:#fff; line-height:26px; margin-top:10px; } .foot2img { width:269px!important; height:205px!important; float:right!important; } .foot3 { width:100%; height:42px; line-height:42px; text-align:center; color:#fff; background:#333; } .clear { clear:both; } .slideBox { position:relative; float:left; overflow:hidden; margin:auto; width:100% } .slideBox .bd { position:relative; z-index:0; width:100% } .slideBox .bd li { vertical-align:middle; zoom:1 } .slideBox .bd img { display:block; width:100% } .slideBox .next,.slideBox .prev { position:absolute; top:40%; left:3%; display:block; margin-top:-25px; width:32px; height:140px; color:#fff; text-align:center; font-size:100px; line-height:140px; opacity:.5 } .slideBox .next { right:3%; left:auto } .slideBox .next:hover,.slideBox .prev:hover { opacity:1 } .slideBox .prevStop { display:none } .slideBox .nextStop { display:none } .banner { overflow:hidden; width:100%; max-width:1920px; background:url(../img/bg2.jpg) top center no-repeat; background-size:100% 100% } .banner-son { overflow:hidden; margin:auto; width:100% } .banner-son>ul { float:left; overflow:hidden; width:212px; height:447px; background:url(../img/navbg.jpg) top center no-repeat; background-size:100% } .banner-son>ul a { display:block; width:212px; height:46px; color:#fff; text-align:center; text-indent:30px; line-height:63px } .about { width:1200px; margin:30px auto; overflow:hidden; } .about-left { width:560px; float:left; overflow:hidden; } .about-left>div { font-size:40px; color:#0a2f7d; font-weight:bold; border-bottom:7px solid #0a2f7d; width:164px; } .about-left>p { width:560px; line-height:26px; font-size:14px; margin:20px auto; } .about-left>a { color:#0043ff; } .about-right { width:541px; height:358px; float:right; overflow:hidden; } .div1 { width:100%; background: #035cac; } .lay-title { width:500px; margin:40px auto; overflow:hidden; } .lay-title>div { font-size:32px; text-align:center; font-weight: bold; color:#0A2F7D; } .lay-title>span { display:block; width:88px; height:4px; background:#0a2f7d; margin:20px auto; } .product { width:100%; background:#f2f2f2; overflow:hidden; padding-bottom:60px; } .productslide { width:1400px; margin:auto; } /* 本例子css */ .productslide { width:1360px; overflow:hidden; position:relative; } .productslide .hd { height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .productslide .hd ul { overflow:hidden; zoom:1; float:left; overflow:hidden; } .productslide .hd ul li { float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .productslide .hd ul li.on { background:#f00; color:#fff; } .productslide .bd { position:relative; z-index:0; margin-bottom:10px; } .productslide .bd ul { overflow:hidden; padding:10px; } .productslide .bd li { zoom:1; vertical-align:middle; } .productslide .bd li a { width:314px; float:left; background:#fff; box-shadow:0px 0px 5px #ccc; margin-left:20px; margin-bottom: 20px; } .productslide .bd li a img { width:100%; height: 200px; margin:0px auto; } .productslide .bd li a p { color:#000; margin:10px auto; text-align:center; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .productslide .prev,.productslide .next { position:absolute; left:3%; bottom:0%; margin-top:-25px; display:block; width:32px; height:40px; color:#000; } .productslide .next { left:auto; right:3%; } .productslide .prev:hover,.productslide .next:hover { filter:alpha(opacity=100); opacity:1; } .productslide .prevStop { display:none; } .productslide .nextStop { display:none; } /* 本例子css */ .slideTxtBox { width:1400px; margin:auto; overflow:hidden; } .slideTxtBox .hd { width:340px; height:45px; margin:auto; line-height:45px; } .slideTxtBox .hd ul { width:340px; overflow:hidden; } .slideTxtBox .hd ul li { width:164px; height:45px; border:1px solid #0a2f7d; color:#0a2f7d; text-align:center; } .slideTxtBox .hd ul li.left { float:left; } .slideTxtBox .hd ul li.right { float:right; } .slideTxtBox .hd ul li.on { background:#0a2f7d; color:#fff; } .slideTxtBox .bd ul { width:1400px; margin:30px auto; overflow:hidden; } .slideTxtBox .bd li { width:calc(33% - 20px); border:1px solid #999; float:left; margin-left:20px; } .slideTxtBox .bd ul li a { display:block; color:#000; padding:6px; padding-bottom:20px; } .slideTxtBox .bd ul li a img { margin:auto; } .slideTxtBox .bd ul li a div { font-size:20px; margin:10px auto; } #main-fa { width:100%; margin:auto; max-width:1200px; background:#fff; padding-top:30px; overflow:hidden; } #main { width:1200px; margin:auto; overflow:hidden; } #main .sidebar { float:left; width:195px; } #main .sidebar a { display:block; width:195px; padding:10px 0; font-size:17px; color:#333; text-align:center; background:#f4f4f4; } #main .sidebar-title { font-size:20px; color:#fff!important; background:#0A2F7D!important; margin-bottom:10px; } #main .sidebar a.on { position:relative; z-index:9; box-shadow:0 0 10px #666; color:#fff; background:#0A2F7D; } #main .sidebar-tag:hover { position:relative; z-index:9; box-shadow:0 0 10px #666; color:#fff; background:#0A2F7D; cursor:pointer; } #main .active{ color:#fff!important; background:#0A2F7D!important; } #main .content { float:right; width: calc(100% - 233px); } #main .content-title { width:100%; padding:10px; font-size:20px; text-align:center; border-bottom:1px solid #0a2f7d; font-weight: bold; color:#0a2f7d; } #main .content p { text-indent:1em; } .zhanshi{ } .zhanshi .heizi { float:left; width:230px; height:192px; background-color:gray; margin:12px; padding:0px; } .page li { float:left; } a { text-decoration:none; color:black; } .zhanshi .heizi { float:left; width:300px; height:200px; background-color:gray; margin:10px 23px 30px 10px; padding:0px; } .page li { float:left; } a { color:black; } li { list-style:none; } .pagination { display:-ms-flexbox; display:flex; padding-left:0; border-radius:.25rem; list-style:none; } .page-link { position:relative; display:block; margin-left:-1px; padding:.5rem .75rem; border:1px solid #dee2e6; background-color:#fff; color:#007bff; line-height:1.25; } .page-link:hover { z-index:2; border-color:#dee2e6; background-color:#e9ecef; color:#0056b3; text-decoration:none; } .page-link:focus { z-index:3; outline:0; box-shadow:0 0 0 .2rem rgba(0,123,255,.25); } .justify-content-center { -ms-flex-pack:center!important; justify-content:center!important; } .page-num,.page-link { position:relative; display:block; margin-left:-1px; padding:.5rem .75rem; border:1px solid #dee2e6; background-color:#fff; color:#17a2b8; line-height:1.25; } a.page-num:hover,.page-link:hover { text-decoration:none; } .page-num-current { z-index:1; border-color:#17a2b8; background-color:#17a2b8; color:#fff; } .page-num-current:hover { color:#fff; } .my-4 { margin-top:40px; } .page-num-current { border-color:#333; background-color:#333; color:#fff!important; } .page-num,.page-link { color:#333; } .page-link:hover { color:#b72024; } .more{ padding:10px 30px; display: inline-block; border:1px solid #035cac; color:#035cac!important; } .more:hover{ background: #035cac; color:#fff!important; } .title_indexnews{ font-weight: bold; white-space:nowrap; overflow-x: hidden; } .slideTxtBox .bd ul li a p{ font-size: 14px; line-height: 24px; } .news ul li{ line-height: 30px; } .productlist{ width:calc(33% - 30px); float: left; margin-top: 30px; margin-right: 30px; } .productlist .img{ height: 200px; overflow-y: hidden; display: block; } .productlist .img img{ width: 100%; } .productlist .title{ height: 40px; line-height: 40px; text-align: center; } .honorlist{ width:calc(33% - 30px); float: left; margin-top: 30px; margin-right: 30px; height: 420px; border:1px solid #ddd; } .honorlist .img{ width:100%; height: auto; height: 380px; display: block; background: #f8f8f8; } .honorlist .img img{ width: 100%; max-height: 100%; } .honorlist .title{ border-top:1px solid #ddd; background: #fff; height: 40px; line-height: 40px; text-align: center; }