@charset "utf-8"; /*=============================鍏叡鏍峰紡=====================================*/ :root{--wz-color:#ff6537} :root{--font-color:#979797} :root{--bt-color:#333333} *{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;} html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, th,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;} html,body{width:100%;position:relative;height:auto;font-size: 14px;color:var(--font-color);} body{min-width:1300px;} *[align="center"]{margin:0 auto;} html{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-text-size-adjust: none;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;} ::-webkit-scrollbar {width:8px;height:8px;background:#f1f1f1;} ::-webkit-scrollbar-track {border-radius:10px; background:#f1f1f1} ::-webkit-scrollbar-thumb {border-radius:10px;background:#c1c1c1;} ::selection{background:var(--wz-color);color:#fff;} ::-moz-selection{background:var(--wz-color);color:#fff;} ::-webkit-selection{background:var(--wz-color);color:#fff;} h1,h2,h3,h4,h5,h6{font-weight: normal;} a,input,img,:focus{mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE浣跨敤*/outline-style:none;/*FF浣跨敤*/}/*鍘婚櫎a鏍囩甯︽潵鐨勮櫄妗?/ input, textarea {outline-style: none;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block} ul,li{list-style:none} i, cite, em, var, address, dfn {font-style: normal;} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0; color:#333333;} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help} table{border-collapse:collapse;border-spacing:0} input,select{vertical-align:middle} input{padding: 0 5px;vertical-align: middle;line-height: normal;} input[type="submit"]{background-image:none!important;border-radius: 0!important;} img{max-width:100%;} .bold{font-weight: bold;} .c-label{min-width: 44px;height: 22px;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;padding: 0 9px;float: left;box-sizing: border-box;border: 1px solid #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .c-label.onsell{color: #0a3987;border-color: #0a3987;} .tc{width: 100%;text-align: center;} .pr{position: relative;} .f12 {font-size: 12px;} /*css瀹氫箟瓒呴摼鎺ュ洓涓姸鎬佷篃鏈夐『搴忕殑銆?/ a:link, a:visited{text-decoration: none;cursor:pointer !important;} a:hover, a:active{border: none;color: #0a3987;} /*杈呭姪鏍峰紡*/ .fl,.left{float:left !important;} .fr,.right{float:right !important;} .no_bg{background:none !important;} .no_border{border:0 !important;} .no_padding{padding:0 !important;} .no_margin{margin:0 !important;} .no_bg_img{background-image:none !important;} .fix{position:fixed;top:0;*padding-top:50px;} .border{border:1px solid #dedede;} .clear{clear:both;} .clearfix:after,.main_box:after,.wrap:after{content:''; height:0;display:block; overflow:hidden; clear:both;} .main_box,.wrap {width: 1200px;display: block; margin-left: auto; margin-right: auto; position: relative;z-index:1;} .h_x{color:#fe0505;font-weight:bold;padding-left:10px;padding-top:10px;} .dd{background: #d6d7d9;border-radius:50%;height:7px;display:inline-block;width:7px;margin:0 10px;} hr{display:block;height:1px;border:0;background:#e0dede;margin:10px 0 30px 0;padding:0} @font-face {font-family: "iconfont"; /* Project id */ src: url('../font/iconfont.ttf?t=1638253513397') format('truetype');} .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /*==============婊氬姩鏉狚====================*/ .header,.header .logo,.header .logo img{transition: .5s;} .header{height:140px;width:100%;position: fixed;top:0;z-index:999;display:flex;align-items: center;min-width:1200px;} .header .logo{height:50px;display:flex;align-items: center;} .header .navbox {margin-right:60px;} .header .navbox .nav>ul:after{content:'';display:block; overflow: hidden;clear: both;height:0;} .header .navbox .nav>ul>li{float:left; position: relative;height:50px;} .header .navbox .nav>ul>li>a{padding:0 15px;color:#FFFFFF;font-size:16px;height:50px;line-height:50px;display:block; position: relative;} .header .navbox .nav>ul>li>a:after{content:'';display:block; position: absolute;bottom:0px;width:0%;height:2px;background:var(--wz-color);} .header .navbox .nav>ul>li.on>a,.header .navbox .nav>ul>li:hover>a{color:var(--wz-color)!important;} .header .navbox .nav>ul>li.on>a:after,.header .navbox .nav>ul>li:hover>a:after{width:50%;left:25%;} .header .navbox .nav>ul>li>.sub{display:none; position: absolute;top:50px;z-index:10;width: 180px; left: calc(50% - 90px);} .header .navbox .nav>ul>li:hover>.sub{display:block;} .header .navbox .nav>ul>li>.sub li{background:rgba(255 255 255 / 0.8);margin-top:1px;} .header .navbox .nav>ul>li>.sub li:first-child{margin-top:0;} .header .navbox .nav>ul>li>.sub li>a{display:block;text-align:center;line-height:24px;font-size:14px;padding:5px;color:#666666;} .header .navbox .nav>ul>li>.sub li:hover{background:var(--wz-color);} .header .navbox .nav>ul>li>.sub li:hover>a{color:#FFFFFF;} /*.header .navbox .nav>ul>li>ul{display:none; position: absolute;top:50px;z-index:10;width: 180px; left: calc(50% - 90px);} .header .navbox .nav>ul>li:hover>ul{display:block;} .header .navbox .nav>ul>li>ul>li{background:rgba(255 255 255 / 0.8);margin-top:1px;} .header .navbox .nav>ul>li>ul>li:first-child{margin-top:0;} .header .navbox .nav>ul>li>ul>li>a{display:block;text-align:center;line-height:24px;font-size:14px;padding:5px;color:#666666;} .header .navbox .nav>ul>li>ul>li:hover{background:var(--wz-color);} .header .navbox .nav>ul>li>ul>li:hover>a{color:#FFFFFF;}*/ .header .menuBtn{display:none;} .header .search_box{position: absolute;right:0; } .header .search_box .tit{padding-left: 50px;font-size: 18px;color: #FFFFFF;height: 50px;line-height: 50px;position: relative; cursor: pointer;width: 50px;padding: 0;text-align: center;} .header .search_box .tit:after{content:"\e8d6";font-family:'iconfont';} .header .search_box .searchBar{width: 600px;position: absolute;right: -5px;top: 50px;z-index: 95;background: #fff;box-sizing: border-box;padding: 0 18px 0px 18px;display: none;} .header .search_box .searchBar .inpubox:after{content: "";height: 0;display: block;clear: both;} .header .search_box .searchBar .inpubox .closeBtn,.header .search_box .searchBar .inpubox .searchBtn{width: 34px;height: 55px;background: url(../images/search.png) no-repeat center;background-size: 20px auto;cursor: pointer;float: left;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .header .search_box .searchBar .inpubox .closeBtn{width: 36px;background-image: url(../images/closeBtn.png);background-repeat:no-repeat;background-position:center;float: right;} .header .search_box .searchBar .inpubox .closeBtn:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);} .header .search_box .searchBar .inpubox .inpu{padding: 0 36px 0 68px;box-sizing: border-box;} .header .search_box .searchBar .inpubox .inpu input{width: 100%;height: 55px;line-height: 55px;font-size: 14px;color: #666;} .header .search_box .searchBar .inpubox .inpu input::-webkit-input-placeholder{color: #999;} .header .search_box .searchBar .inpubox .inpu input:-moz-placeholder{color: #999;} .header .search_box .searchBar .inpubox .inpu input::-moz-placeholder{color: #999;} .header .search_box .searchBar .inpubox .inpu input:-ms-input-placeholder{color: #999;} .header .search_box .searchBar ul{margin-top: 28px;} .header .search_box .searchBar ul li{margin-bottom: 6px;} .header .search_box .searchBar ul li a{display: block;height: 38px;line-height: 38px;text-indent: 58px;font-size: 14px;color: #595959;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;} .header .search_box .searchBar ul li a:hover{background: #f3f3f3;} .header.xg{background:rgb(255 255 255 /0.8);height:100px; box-shadow: 0 0 6px rgb(0 0 0 /0.05);} .header.xg .logo{height:100px;} .header.xg .logo img{height:32px;} .header.xg .navbox .nav>ul>li>a{color:#333333;height:100px; line-height: 100px;} .header.xg .navbox .nav>ul>li>a:after{z-index:99;} .header.xg .navbox .nav>ul>li>ul{top:100px;} .header.xg .search_box .tit{color:#333333;height:100px;line-height:100px;} .header.xg .search_box .searchBar{top:100px;} .header .navbox .nav>ul>li:nth-child(4)>.sub{width: 380px;flex-wrap: wrap;background: rgba(255 255 255 / 0.8);} .header .navbox .nav>ul>li:nth-child(4)>.sub ul{width:49%;margin-right:1px;} .header .navbox .nav>ul>li:nth-child(4)>.sub li{margin-top:0;margin-bottom:1px;background:none;} .header .navbox .nav>ul>li:nth-child(4)>.sub li a{text-align: left; padding-left:25px;} .header .navbox .nav>ul>li:nth-child(4)>.sub li:hover { background: var(--wz-color); } .header .navbox .nav>ul>li:nth-child(4):hover>.sub{display:flex;} /*banner*/ .banner{position: relative;height:55vw;} .banner .swiper-slide a{display:block;height:55vw;background-position: center top;background-size:cover;} .banner .swiper-pagination span.swiper-pagination-bullet-active{background:var(--wz-color);} /*#banner .inner {width:auto;max-width: 100%;text-align: center;position:relative;} #banner .slide{width: 100%;height: 100%;position: relative;float: left;display: inline-block;} #banner .slide>a{display: block;width: 100%;height: 100%;} #banner .slide .slide_imgs{width: 100%;height: 100%;position: absolute;} #banner .slide .news_bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;margin: auto;} #banner .slide_title{position: absolute;z-index: 29;bottom: 0.6rem;bottom:60px; left: 2.6%;padding:0 15px;max-width:57%;} #banner .slide_title .tit_con{font-size: 0.30rem;font-size: 30px; font-weight: normal;line-height: 0.65rem;line-height: 65px; color: #fff;font-family: "寰蒋闆呴粦"; z-index:9;position: relative;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #banner .slide_title .title_bg{background:#000;opacity:0.5; filter:Alpha(opacity=50); position: absolute; left: 0; bottom: 0;top:0;right:0;width:100%;height:100%;} #banner .slick-dots{position: absolute;z-index: 9;bottom: 0.65rem;bottom: 65px; right: 3.1%;} #banner .slick-dots li{font-size: 0.25rem;font-size: 25px; line-height: 0.34rem;line-height: 34px; color: #fff;margin: 0 0.12rem;margin: 0 12px ;cursor: pointer;display: inline-block;vertical-align: bottom;} #banner .slick-dots li.slick-active:after{width: 0.55rem;width: 55px; height: 1px;background: #fff;margin-left: 0.13rem;margin-left: 13px; content: " ";display: inline-block;} #banner .slick-dots li button{background: no-repeat; border: none;font-size: 0.25rem;font-size: 25px; line-height: 0.34rem;line-height: 34px; color: #fff;} #banner .slick-dots li.slick-active button{font-size: 0.35rem;font-size: 35px;} #banner .button_box{position: absolute;top: 44%;width: 0.7rem;height: 0.7rem;width: 70px;height: 70px;opacity: 0;filter:alpha(opacity=0);background: #000;border: 1px solid rgba(255,255,255,0.5);display: block;z-index: 20;border-radius: 50%;text-align: center;cursor: pointer;transition: all 0.4s ease;} #banner:hover .button_box{opacity: 0.5;filter:alpha(opacity=50);} #banner .button_box button{background: none;border: none;font-size: 0.4rem;font-size: 40px;color: #fff;line-height: 0.7rem;line-height: 70px;font-weight: bold;font-family:'瀹嬩綋'; } */ .banner .swiper-container .swiper-button-next, .banner .swiper-container .swiper-button-prev{color:#FFFFFF;background: rgb(0 0 0 /0.2); padding: 20px 15px;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out;} .banner .swiper-container .swiper-button-next:after, .banner .swiper-container .swiper-button-prev:after{font-size: 34px;} .banner .swiper-container .swiper-button-next{right:-80px;} .banner .swiper-container .swiper-button-prev{left:-80px;} .banner:hover .swiper-container .swiper-button-next{right:20px;} .banner:hover .swiper-container .swiper-button-prev{left:20px;} .bb{cursor: pointer; z-index: 10; animation:bb 2s linear 0s infinite;width: 44px;height: 34px;background: url(../images/arr_btm.png) no-repeat center;position: fixed;left: 50%;bottom: 27px;} @keyframes bb{ 0%{transform:translate(-50%,0);opacity:0;} 20%{transform:translate(-50%,3px);opacity:1;} 80%{transform:translate(-50%,10px);opacity:1;} 90%{transform:translate(-50%,10px);opacity:0;} 100%{transform:translate(-50%,10px);opacity:0;} } .mbanner,.mbanner .inner,.mbanner .inner > div,.focus,.focus>ul,.mbanner .slick-list,.mbanner .slick-track{height: 100%;} .mbanner{width:100%;overflow:hidden;height:660px;} .i_title1{text-align: center;display:flex;justify-content: center;align-items: center; position: relative;} .i_title1:before{content:'';position: absolute;left:0;width:40%;height:1px;top:50%;background:rgb(237 237 237);} .i_title1:after{content:'';position: absolute;right:0;width:40%;height:1px;top:50%;background:rgb(237 237 237);} .i_title1 .tit{padding:0 30px;position: relative;z-index: 1;} .i_title1 h3{color: rgb(68, 68, 68);font-size: 30px;line-height: 40px;} .i_title1 p{color: rgb(119, 119, 119); font-size: 16px;line-height:33px; } .i_title1 span{display:block;width:7px;height:7px;background:var(--wz-color);margin: 15px auto 0;} .i_title2{margin-bottom:50px;} .i_title2 h3{color: rgb(68, 68, 68);font-size: 30px;line-height: 40px;} .i_title2 p{color: rgb(119, 119, 119);font-size: 16px;line-height:33px;position: relative;display: inline-block;padding-right: 30px;} .i_title2 p span{position: absolute;display:block;right: 0px;width:7px;height:7px;background:var(--wz-color);top: 15px;} #s_about{height:800px;display:flex;align-items: center;justify-content: center;position: relative;} #s_about:after{content:'';display:block;height:800px;position: absolute;top:0;width:1px;background:rgb(237 237 237);left:calc(50% - 550px);} #s_about .textbox{background:#FFFFFF;padding:60px 0;position: relative;z-index: 1;} #s_about .textbox .about_tit{margin-bottom:50px;} #s_about .textbox .about_tit h3{color: rgb(68, 68, 68);font-size: 30px;line-height: 40px;} #s_about .textbox .about_tit p{color: rgb(119, 119, 119); font-size: 16px;line-height:33px; position: relative;} #s_about .textbox .about_tit p span{position: absolute;display:block;left:110px;width:7px;height:7px;background:var(--wz-color);top: 15px;} #s_about .textbox{width:460px;} #s_about .textbox .content{line-height:35px;} .more{width:124px;height:42px;margin-top:50px;} .more a{display:block;width:124px;height:42px;background-image:url("../images/more.png");background-repeat:no-repeat;background-position: center;} .more a:hover{background-image:url("../images/more_on.jpg");} /**/ #s_cpfa{background:url(../images/bg1.jpg)no-repeat top center;padding:80px 0;} #s_cpfa .list{margin-top:30px;} #s_cpfa .list ul li{width:25%;float:left;margin-right:12%;text-align:center;} #s_cpfa .list ul li i{display:block;*width:100px;height:150px; overflow: hidden;margin:20px auto;} #s_cpfa .list ul li i img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} #s_cpfa .list ul li i img:hover{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);} #s_cpfa .list ul li em{display:block;height:1px;background:#dddddd;margin:15px 0;position: relative;} #s_cpfa .list ul li em:after{content:'';display:block;width:10px;top:0;left:calc(50% - 5px);height:1px;background:var(--wz-color);position: absolute;} #s_cpfa .list ul li:last-child{margin-right:0;} #s_cpfa .list ul li p{padding:0 20px;line-height:30px;} /***/ #s_rczp{height:740px;position: relative;display:flex;align-items: center;} #s_rczp:before,#s_rczp:after{content:'';position: absolute;height:100%;width:43.48%;top:0;left:0;background:url("../images/rcln_img1.jpg")no-repeat top;} #s_rczp:after{left:auto;right:0;background:#f3f3f3;width:calc(100% - 43.48%);} #s_rczp .textbox {width:550px;margin-right: 60px;} #s_rczp .textbox .imgbox{margin:50px 0 ;border:1px solid #dddddd;padding:10px;} #s_rczp .textbox .content{line-height: 35px;} /**/ #s_fwal{background:#f8f8f8;padding:80px 0;} #s_fwal .wrap{width:1030px;} #s_fwal .list{margin-top:50px;} #s_fwal .list ul li{float:left;width:calc(25% - 17px);margin-right:20px;} #s_fwal .list ul li:last-child{margin-right:0;} #s_fwal .list ul li .img{height:166px; overflow: hidden;} #s_fwal .list ul li img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} #s_fwal .list ul li:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);} #s_fwal .list ul li a{display:block;} #s_fwal .list ul li .text{padding:15px 0 0;} #s_fwal .list ul li .text em{display:block;height:1px;width:100%;position: relative;background:#dddddd;} #s_fwal .list ul li .text em:before{content:'';display:block;width:10px;height:1px;background:var(--wz-color);} #s_fwal .list ul li .text h3{margin-top:15px;font-size:14px;color:#666666;} /**/ #s_news{padding:80px 0;} #s_news .imgbox{width:512px;border:1px solid #dddddd;} #s_news .imgbox .img{height:385px;overflow: hidden;} #s_news .imgbox .img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} #s_news .imgbox .img:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);} #s_news .imgbox a{display:block;} #s_news .imgbox .text{padding:15px 18px 19px;} #s_news .imgbox .text h3{margin-bottom:10px;} #s_news .imgbox .text .p{font-size: 13px; line-height: 26px;color: grey; margin-bottom: 6px; word-break: normal; word-wrap: break-word;line-height: 20px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} #s_news .imgbox .text .label{margin-top:15px;} #s_news .imgbox .text .label a{display:inline-block;padding:5px 15px;border-radius:20px;border:solid 1px #dddddd;} #s_news .list{width:calc(100% - 600px);} #s_news .list ul li{padding:30px 0;border-bottom:1px solid #dddddd;} #s_news .list ul li:first-child{padding-top:0;} #s_news .list ul li h3{margin-bottom:5px;} #s_news .list ul li p{line-height:24px;} #footer{background:#333333;padding:50px 0;color:#777777;} #footer .flogo{width:400px;height:180px;display:flex;align-items: center;} #footer .flogo img{width:200px;} #footer .f_nav{width:150px;margin-right:50px;} #footer .f_nav ul li{line-height:30px;font-size:14px;} #footer .f_nav ul li a{color:#777777;} #footer .ftel{width:400px;line-height:30px;font-size:14px;color:#777777;} #footer .fewm{width:120px;text-align:center;padding-top:30px;} #footer .fewm p{margin-top:5px;font-size:14px;} #footer .f_cpxl{margin-right:30px;width:450px;} #footer .f_cpxl h3{dont-aize:15px;} #footer .f_cpxl .cpxl_nav{margin-top:10px;display:flex;flex-wrap: wrap;} #footer .f_cpxl .cpxl_nav ul{width:50%;} #footer .f_cpxl ul li a{line-height:30px;font-size:14px;color:#777777;} .copyright{text-align:center;padding:20px 0;background: #272727;font-size: 14px; color: #646464;line-height:24px;} .copyright a{font-size: 14px; color: #646464;} /**/ .nybanner{height:400px;background-repeat:no-repeat;background-position:top center;} .bn-box {width: 100%;overflow: hidden;position: relative;z-index:0;} .nybanner {height:370px;position: relative;overflow: hidden;overflow:hidden;} .nybanner .wrap{ display:table; position:relative; } .nybanner .wrap .box{height:370px; vertical-align:middle; display:table-cell; margin:0 auto; } .nybanner h5{ font-size:36px; color:#fff; margin-top:40px; } .nybanner span{ font-size:15px; color:#fff; display:block; margin-top:15px; } .nybanner .box i{ display: inline-block; width:25px; height:1px; background:#fff; position:relative; margin-left:14px; top:-10px; } .n_nav_box{} .n_nav_box{ height:50px; background:#eff1f5; border-bottom:1px solid #e4e2e1; clear:both; overflow:hidden; } .n_nav_box ul{ float:left;} .n_nav_box ul li{ height:50px; line-height:50px; text-align:center; float:left; display:inline-block; position:relative; } .n_nav_box ul li a{ display:block; position:relative; z-index:1; text-align:center; font-size:16px; color:#3b3c3d; padding:0 40px;} .n_nav_box ul li.on{ background:var(--wz-color);} .n_nav_box ul li.on a{ color:#fff;} .n_nav_box ul li:hover a{ color:#fff;} .n_nav_box li i { position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:var(--wz-color); transition:all ease 600ms; z-index:0;} .n_nav_box li:hover i { width:100%; left:0; right:auto;} .n_nav_box h3{ font-size:12px; line-height:50px; display:inline-block; float:right; color:#7b7b7d;} .n_nav_box h3 img{ position:relative; top:1px; margin-right:3px;} .n_nav_box h3:before{ content:''; margin-right:6px; position:relative; top:1px;} .n_nav_box h3 a{ margin:0 5px; display:inline-block; color:#969798; font-size:12px;} .n_nav_box h3 a:hover{ color:var(--wz-color);} .n_nav_box h3 em{ color:var(--wz-color); margin-left:5px;} .n_main{} .ar_article{padding:80px 0;} .ar_article p{font-size: 15px; color: #6b6d71; line-height: 30px; padding-bottom: 20px;} #n_zizhi{ padding-top:70px; overflow:hidden; padding-bottom:80px;} #n_zizhi ul{ margin:0 -10px; margin-top:-45px;} #n_zizhi ul li{float:left;width:285px;height: 276px;background:#eff1f5;margin:0 10px;margin-top:45px;position:relative;transition:all ease 300ms;-webkit-transition:all ease 300ms;} #n_zizhi ul li a{ position:relative; display:block; z-index:999;} #n_zizhi ul li::before,#n_zizhi ul li::after{position:absolute;content:'';opacity:0;transition:all 0.5s;} #n_zizhi ul li::before{top:0px;right:0px;bottom:0px;left:0px;border-top:3px solid var(--wz-color);border-bottom:3px solid var(--wz-color);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0} #n_zizhi ul li::after{top:0px;right:0px;bottom:0px;left:0px;border-right:3px solid var(--wz-color);border-left:3px solid var(--wz-color);transform:scale(1,0);transform-origin:100% 0;} #n_zizhi ul li:hover::before,#n_zizhi ul li:hover::after{opacity:1;transform:scale(1);transition: all 0.5s;} #n_zizhi ul li .img_box{ width:240px; height:161px; margin:0 auto; margin-top:24px; position:relative;transition:all ease 300ms; -webkit-transition:all ease 300ms;} #n_zizhi ul li img{ max-width:90%; max-height:90%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);} #n_zizhi ul li:hover{ background:#fff; box-shadow:0 5px 18px 0 rgba(0,0,0,.1);} #n_zizhi ul li p{text-align:center;margin-top:18px;font-size: 14px;color:#646566;padding: 0 10px;line-height: 1.5;} #n_zizhi ul li p:hover{ color:#333;} /**/ #n_news{ padding-top:70px; overflow:hidden; margin-bottom:30px;} #n_news ul{ margin-right:-25px;} #n_news ul li{ width:385px; margin-right:23px; float:left; margin-bottom:40px; transition:.5s;} #n_news ul li:hover{ box-shadow:0 10px 20px 0 rgba(0,0,0,.1);} #n_news ul li .img{ width:100%; height:150px;overflow: hidden;} #n_news ul li .img img{} #n_news ul li .txt{ border:1px solid #e5e5e5; height:206px;} #n_news ul li .txt .con{ padding:25px;} #n_news ul li .txt h5{ font-size:16px; color:#353535; line-height:28px; height:72px; border-bottom:1px solid #dadce2; padding:0 25px; position:relative;display:flex;align-items: center;} #n_news ul li .txt h5:before{ content:""; display:block; position:absolute; bottom:0; left:0; width:0; height:2px; background:var(--wz-color); opacity:0; transition:.5s; -webkit-transition:.5s;} #n_news ul li .txt:hover h5:before{ opacity:1; width:100%; } #n_news ul li .txt p{ font-size:14px; color:#8d8e92; line-height:24px; height:48px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} #n_news ul li .txt span{ display:block; margin-top:18px; font-size:14px; font-family:arial; color:#5b5b5b;} /**/ #n_news_list{ padding-top:70px; overflow:hidden; margin-bottom:30px;} #n_news_list .wrap{width:1000px;} #n_news_list ul li{padding:20px 0;border-bottom:1px solid #dfdfdf;} #n_news_list ul li:after{content:'';height:0;display:block; overflow:hidden; clear:both;} #n_news_list ul li .time{float:left;width:84px;height:84px;background:var(--wz-color);color:#FFFFFF;display:flex;align-items: center;justify-content: center;text-align:center;} #n_news_list ul li .time i{display:block;font-size: 25px;line-height: 25px; margin-bottom:3px;} #n_news_list ul li .time span{display:block;font-size: 14px; line-height: 14px;} #n_news_list ul li .text{float:right;width:calc(100% - 110px);} #n_news_list ul li .text h3{margin-bottom:6px;font-size:16px;color:#333333;} #n_news_list ul li .text .con{font-size:13px; color:#8d8e92; line-height:24px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .contact_us{padding:80px 0;} .contact_us .box{margin-top:30px;} .contact_us .content {line-height:30px;color:#333333;} /*==============鍒嗛〉=====================*/ .j_pages { text-align: center; margin-bottom:73px; } .j_pages .box{display: inline-block; font-size:0;} .j_pages a{ height:35px; padding:0 12px; *min-width:35px; line-height:35px; text-align:center; display:inline-block; border-radius:2px; margin:0 4px; color:#66635f; font-size:14px; font-family:arial; overflow:hidden; float:left; transition:.3s; background:#eeeff4; } .j_pages .on{ background:var(--wz-color); color:#fff !important;} .j_pages a:hover{ background:var(--wz-color); color:#fff !important;} .j_pages a.m_bnt{ padding:0 20px; font-family:Microsoft Yahei; margin:0 15px;} .j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 鍜 Chrome */ -o-transition: all 1s; /* Opera */} /**/ #n_cpfa{background:url(../images/bg1.jpg)no-repeat top center;padding:80px 0;} #n_cpfa .list{margin-top:30px;} #n_cpfa .list ul li{width:25%;float:left;margin-right:12%;text-align:center;} #n_cpfa .list ul li i{display:block;*width:100px;height:150px; overflow: hidden;margin:20px auto;} #n_cpfa .list ul li em{display:block;height:1px;background:#dddddd;margin:15px 0;position: relative;} #n_cpfa .list ul li em:after{content:'';display:block;width:10px;top:0;left:calc(50% - 5px);height:1px;background:var(--wz-color);position: absolute;} #n_cpfa .list ul li:last-child{margin-right:0;} #n_cpfa .list ul li p{padding:0 20px;line-height:30px;} /**/ #n_fwal{background:#f8f8f8;padding:80px 0;} #n_fwal .wrap{width:1030px;} #n_fwal .list{margin-top:50px;} #n_fwal .list ul li{float:left;width:calc(25% - 17px);margin-right:20px;margin-bottom:40px;} #n_fwal .list ul li:nth-child(4n){margin-right:0;} #n_fwal .list ul li a{display:block;} #n_fwal .list ul li .img{height:166px; overflow: hidden;} #n_fwal .list ul li .text{padding:15px 0 0;} #n_fwal .list ul li .text em{display:block;height:1px;width:100%;position: relative;background:#dddddd;} #n_fwal .list ul li .text em:before{content:'';display:block;width:10px;height:1px;background:var(--wz-color);} #n_fwal .list ul li .text h3{margin-top:15px;font-size:14px;color:#666666;} /**/ #n_job{padding:80px 0;} #n_job .imgbox{width:400px;margin-top:51px;} #n_job .list{margin-top:50px;} #list_slide{ position:relative;width:calc(100% - 500px);} #list_slide .list_tit{padding-left: 80px;margin-bottom:30px;} #list_slide .list_tit h3{width:290px;float:left;font-size:16px;color:#333333;} #list_slide .list_tit p{width: 100px;float:left;font-size:16px;color:#333333;} #list_slide dl strong.num{ position: absolute; left: -90px; top: -1px; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size:18px; background:var(--wz-color); } #list_slide dl{margin-left: 60px;margin-bottom:15px;padding: 0px 20px;border-bottom:1px dotted #cccdd1;position: relative;background:#f3f5f8;border: 1px solid #e7e7eb;} #list_slide dt{border:none; display:block; position:relative; cursor:pointer; height:48px; } #list_slide dt .tit{ color:#424243; font-size:15px; line-height:48px; background:url(../images/icon_hr_on.png) right center no-repeat; display:block;} #list_slide dt .tit h3{width: 290px;float:left;} #list_slide dt .tit p{width: 100px;float:left;} #list_slide dd{ display:none; line-height:24px;} #list_slide dd p{ margin-bottom:0;} #list_slide dd .content{ padding:20px 20px 26px 20px;border-top:1px solid #dfdfdf;} #list_slide dd .content { color:#929397; font-size:12px; line-height:24px;background: #FFF;} #list_slide dt.on h1{ background:url(../images/icon_hr_off.png) right center no-repeat ; } .show_article{padding:50px 0 80px;} .show_article .wrap{width:1080px;} .show_article .show_title{border-bottom:1px solid #dfdfdf;padding-bottom:20px;margin-bottom:30px;text-align:center;} .show_article .show_title h1{font-size:24px;color:#333333;line-height:30px;margin-bottom:20px;font-weight:600;} .show_article .show_title h4{font-size:14px;color:#666666;} .show_article .show_title h4 span{padding-right:20px;} .show_article .ar_fot{overflow: hidden; color: #555; margin-top: 30px;} .show_article .ar_fot p {width: 380px;height: 20px;line-height: 20px;float: left;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;} .show_article .ar_fot .next { float: right; text-align: right;} .show_content{color:#333; line-height:200%;} @media only screen and (max-width: 1600px){ .main_box,.wrap{width: 1300px;} .header .logobox{width:350px;} .header {height: 110px;} .header .logo img{height:30px;} .header.xg .logo img{height:26px;} .nybanner h5{font-size:30px;} .header .n_navbox .nav>ul>li>a{padding:0 13px;font-size: 15px;} .header .n_navbox .nav>ul>li{height:45px;} .header .n_navbox { padding-top: 25px;} .header .n_navbox .header_tit { margin-bottom: 15px;} .inbox1 .xyxw_box .img_list ul li,.inbox1 .xyxw_box .list ul li{width: 48.5%;} .inbox1 .xyxw_box .img_list ul li .imgbox{width:100%;} .inbox2 .imgbox img{height:400px;max-width:none;} .inbox5 .list .swiper-slide a .imgbox{height:220px;} #footer .flogo img{width:180px;} } @media only screen and (max-width: 1400px){ .main_box,.wrap{width: 1200px;} .header .logobox{width:300px;} .header .n_navbox .nav>ul>li>a{font-size: 14px;} .header .n_navbox .nav>ul>li{height:40px;} .header .n_navbox { padding-top:20px;} .inbox5 .list .swiper-slide a .imgbox{height:200px;} }