@charset "utf-8"; @font-face { font-family: 'iconfont'; src: url('../font/iconfont.ttf?t=1711094529511') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /**tabs**/ .tab{display:flex;justify-content:center;} .tabPanel{width:1300px;} .tabPanel ul li{ float:left; font-size:11px; line-height:30px; width:111px; text-align:center; cursor:pointer; } .tabPanel .hit{cursor:pointer;color:black;} .pane{border-top:0;min-height:100px;background-color:#fff;display:none;} .pane p{padding:15px 15px 0 10px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;} .pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;} .tabPanel1 .panes1 .pane{margin-top:50px;} .tabPanel1 ul{min-height:150px;} .tabPanel1 ul li{width:50%;color:#666;height:150px;font-size:16px;text-align:left;font-weight:normal;padding-right:50px;display:flex;} .tabPanel1 ul li .iconfont{font-size:5em;display: flex;justify-content: center;align-items: center;padding:0 20px;} .tabPanel1 ul li h2{font-size:30px;line-height:60px;} .tabPanel1 ul li p{line-height:26px;font-size:16px;} .tabPanel1 .pane .pane-cons{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;} .tabPanel1 .pane .pane-con{width: 23%;margin: 1%;} .tabPanel1 .pane .pane-con img{border:1px solid #0064c7;padding:4%;width:100%;} .tabPanel1 ul li.hit1{background-repeat:no-repeat;background-size:120px;background-position:15px;background-color: #eee;} .tabPanel1 ul li.hit2{background-repeat:no-repeat;background-size:120px;background-position:15px;background-color: #eee;} .tabPanel1 ul li.hit{color:#fff;background-color:#0065ca;} .tabPanel1 ul li .hit1.hit{background-repeat:no-repeat;background-size:120px;background-position:15px;} .tabPanel1 ul li .hit2.hit{background-repeat:no-repeat;background-size:120px;background-position:15px;} .one{ margin-top: 60px; width: 100px; height: 0; border-top: 50px solid #ccc; border-left: 50px solid transparent; border-right: 50px solid transparent; } .news-title{font-size:40px;border-left:1px solid #2578e7;border-right:1px solid #2578e7;text-align:center;width:300px;color:#333;margin:100px auto;} .in-news{width:1300px;display:flex;justify-content:center;margin:0 auto;} .in-news .tabPanel2>ul{display:flex;justify-content:center;border-bottom:1px solid #2585db;height:60px;position: relative;} .tabPanel2 ul li{font-size:26px;color:#666;width:200px;text-align:center;} .tabPanel2 .hit{color:#2585db;} .tabPanel2 .pane-s{position: absolute;top: 42px;left: 380px;width: 140px;height: 15px;text-align: center;} .tabPanel2 .pane-s b{display: inline-block;width: 0;height: 0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:10px;border-color:#fff #fff #2578e7 #fff;zoom: 1;font-size: 0;} .tabPanel2 .panes2 .pane-f{margin-top:40px;} .tabPanel2 .panes2 .pane-f a{display:flex;} .tabPanel2 .panes2 .pane-f a img{width:325px;height:244px;} .tabPanel2 .panes2 .pane-f a .pane-con{display:flex;flex-direction:column;margin-left:60px;} .tabPanel2 .panes2 .pane-f a .pane-con .pane-con-sj{font-size:22px;color:#999;margin-bottom:20px;} .tabPanel2 .panes2 .pane-f a .pane-con .pane-con-sj span{color:#2578e7;font-weight:800;font-family:"宋体";margin-right:20px;} .tabPanel2 .panes2 .pane-f a .pane-con .pane-con-sj span i{font-size:48px;} .tabPanel2 .panes2 .pane-f a .pane-con .pane-con-bt{border-bottom:1px solid #aaa;color:#3d3d3d;font-size:22px;height:45px;overflow: hidden;text-overflow:ellipsis;} .tabPanel2 .panes2 .pane-f a .pane-con .pane-con-jj{margin-top:10px;color:#aaa;line-height:22px;max-height:66px;overflow:hidden;text-overflow:ellipsis;} .tabPanel2 .pane-main ul{display:flex;flex-wrap:wrap;justify-content: space-around;} .tabPanel2 .pane-main ul li{width:600px;text-align:left;margin-top: 50px;} .tabPanel2 .pane-main ul li a{display:flex;} .tabPanel2 .pane-main ul li a .pane-main-sj{width:100px;display:flex;flex-wrap:wrap;align-items:center;justify-content: center;margin-right: 35px;background: #eee;font-weight: 900;max-height: 110px;} .tabPanel2 .pane-main ul li a .pane-main-con{width:500px} .tabPanel2 .pane-main ul li a .pane-main-sj .pane-main-d{font-size:40px;margin-top: 15px;} .tabPanel2 .pane-main ul li a .pane-main-sj .pane-main-ym{font-size:18px;font-family:"楷体";} .tabPanel2 .pane-main ul li a .pane-main-con .pane-main-title{font-size:20px;margin-bottom: 20px;} .tabPanel2 .pane-main ul li a .pane-main-con .pane-main-des{font-size:16px;color:#aaa;border-top:1px solid #aaa;padding-top: 5px;max-height:60px;overflow:hidden;} .tabPanel2 .pane-main ul li a:hover .pane-main-con .pane-main-title{color:#2578e7;} .tabPanel2 .pane-main ul li a:hover .pane-main-sj{background:#2578e7;} .tabPanel2 .pane-main ul li a:hover .pane-main-sj .pane-main-d,.tabPanel2 .pane-main ul li a:hover .pane-main-sj .pane-main-ym{color:#fff;} .tabPanel3{margin:0 auto;width:1300px;display:flex;margin-top:100px;} .tabPanel3 ul{display:flex;flex-direction:column;width:250px;} .tabPanel3 .panes3{width:1050px;} .tabPanel3 ul li{font-size:24px;background:#eee;width: 250px;height:100px;display:flex;flex-wrap: wrap;justify-content:center;align-items:center;} .tabPanel3 ul li.hit3{background:#eee;} .tabPanel3 ul li.hit4{background:#eee;} .tabPanel3 ul li.hit{background:#2578e7;color:#fff;} .tabPanel3 ul li .iconfont{font-size:2em;margin-right: 20px;} .tabPanel4{margin:0 auto;} .tabPanel4 ul{height:50px;} .tabPanel4 ul li{width:150px;background:#eee;font-size:18px;padding:4px;margin:0 20px;color:#666;} .tabPanel4 .panes4 .pane .pane-f{display:flex;} .tabPanel4 .panes4 .pane .pane-f p{height: auto;text-align:left;font-size:15px;text-indent:2em;} .tabPanel4 .panes4 .pane .pane-f img{width:50%;height:auto;margin-top:-50px;} .tabPanel4 .panes4 .pane .pane-f .pane-p1{width:50%;} .tabPanel4 .panes4 .pane a { color: #2578e7; padding: 10px; } .sccj,.scsc{width:1300px;margin:20px auto;display:flex;background:#2578e7;color:#fff;padding:20px;} .sccj h2,.scsc h2{font-size:24px;margin:0 40px;margin-bottom:40px;} .sccj p,.scsc p{line-height:24px;text-indent:2em;font-size:14px;margin:0 40px;} .scsc p{line-height:24px;text-indent:0em;font-size:14px;margin:0 40px;} .owl-carousel .owl-item img{width:280px;height:180px;} #owl-demo1 .owl-item img{width:140px;} @media screen and (max-width: 1299px){ .in-news,.tabPanel{width:100%;} .sccj, .scsc{width:100%;} img{height: 100%;} .scsc img:nth-child(1){display:none;} footer .dhz{width:100%;flex-wrap:wrap;} .tabPanel3 ul{width:30%;} .tabPanel3 .panes3{width:70%;} .bigbox,.control-box{width:100%;} .top{width: 680px;height: auto;margin: 10px;overflow:hidden;} .panes3 .pn{display:none;} .tabPanel1 ul li{padding-right:5px;} .tabPanel1 .pane .pane-con{width:45%;} .top .logo span, .top .tel span { display: block; font-size: 16px; color: #888; /* width: 360px; */ text-align: justify; text-align-last: justify; /* margin-left: 20px; */ height: 25px; } .tabPanel4 ul li { width: 12%; background: #eee; font-size: 16px; /* padding: 4px; */ margin: 0 10px; color: #666; } .tabPanel4 .panes4 .pane .pane-f img{ height:100%; } .tabPanel2 .pane-main ul li a .pane-main-con{ width:100%; } .tabPanel3 ul { display: flex; flex-direction: column; width: 160px; } .tabPanel3 ul li { font-size: 18px; background: #eee; width: 160px; height: 100px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 50px; height: 30px; border-radius: 50%; } .tabPanel2 .panes2 .pane-f a .pane-con .pane-con-bt{ line-height:40px; } } @media srceen and (max-width:710px){ .tabPanel2 .panes2 .pane-f a img{width:160px;height:120px;} .tabPanel3 .panes3{width:530px} #owl-demo .owl-item img { display: block; width: 220px; max-height: 150px; } #owl-demo1 .owl-item img { display: block; width: 125px; max-height: 150px; } }