@charset "utf-8"; /* CSS Document */ /* 閫氱敤灞炴€ */ * { margin:0; padding:0; list-style:none; } body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; } img { border:0; vertical-align:top; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } html, body {width:100%;height:100%;max-width: 100%;min-width: 320px;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} ::-webkit-scrollbar{width: 8px;height: 8px;} ::-webkit-scrollbar-thumb{background-color: hsl(132deg 72% 82%/100%);-webkit-transition: background-color .3s;transition: background-color .3s;} ::-webkit-scrollbar-track{background: rgba(255,252,252,.11);} /* a */ a { color:#333; text-decoration:none; } a:visited { } a:active, a:hover{text-decoration:none;color: #ff0000;} a:focus{outline:none;text-decoration:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .dh300s{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} ::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .dhwz2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .mar0a{margin: 0 auto;} .con-fff{width:100%;height:100%;position:relative;} .bgf8{background:#f8f8f8;} .bgfff{background:#fff;} .fl {float:left;} .fr {float:right;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } table {border-collapse:collapse; border-spacing:0;} table td, table th{padding: 5px 10px;border: 1px solid #ddd;} @media (min-width: 1270px){ .container{width: 1240px;} } @media (min-width: 1370px){ .container{width: 1300px;} } @media (min-width: 1470px){ .container{width: 1300px;} } @media (max-width:767px) { .container{padding-left: 10px;padding-right: 10px;width: 100%;} .row{margin-left: -10px;margin-right: -10px;} } /* 澶撮儴 */ #header{position: fixed;top: 0px;width: 100%;z-index: 1000;} #header, #header{background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 30%);} .head-atop{background:#1d2e74;line-height:40px;height:40px;} .head-search{float:right;width: 100%;} .head-search>p{font-size:14px;color: #333;float: right;line-height: 46px;height:40px;padding-left:20px;padding-right: 20px;background:url(../images/htel.png) no-repeat left;} .head-search>p>a{font-size:16px;font-weight:bold;color:#fff;} .head-search>form{float: right;width: 200px;margin: 7px 0 7px 0px;line-height: 32px;height: 32px;background:#fff;border-radius:15px;position: relative;} .head-search>form>.s_tt{width: 100%;float:left;padding-left: 10px;padding-right:10px;color: #ccc;border-bottom: 1px solid #ccc;} .head-search>form>.s_bt{width: 36px;float:left;background:url(../images/page/search-btn.png) no-repeat center;position: absolute;right: 0;} .head-acon{background: #fff;} .headcon{position:relative;z-index:999;} .logo{float: left;margin: 18px 0;} .logo a{display: block;position:relative;} .logo a img{height:64px;} .logo a img.logo-def{position: relative;left: 0;top: 0;z-index: 1;} #header:hover .head-acon, #header.active .head-acon{background:none;} .head-raea{float: right;position: relative;} .head-htel{text-align:center;color:#fff;padding-left:28px;background:url(../images/htel.png) no-repeat left;float:left;} .head-htel h4{font-size:18px;font-weight:bold;} .head-htel h4 a{color:#fff;} .head-htel p{font-size:14px;} .top-sss1{float: right;width: 56%;} .dphone{float:right;width: 24%;margin-left: 30px;} .dphone dl{padding-left: 60px;margin: 20px 0;background: url(../images/htphone.png) no-repeat left center;} .dphone dt{font-size: 14px;} .dphone dd{font-size:19px;color: #ff0000;font-weight: bold;display: inline-block;} .dphone dl span{display: inline-block;width: 45%;text-align-last: justify;} .dphone img{ margin-top:15px;} #search-btn{float:left;display:block;line-height: 36px;margin: 27px 0;color:#fff;background:#1d2e74;font-size:16px;padding:0 26px;border-radius:18px;cursor:pointer;} #search-btn i{margin-right:8px;} #search-close{float:left;display:block;line-height: 34px;margin: 22px 0;color:#fff;font-size:30px;cursor:pointer;display:none;} .search-con{position:absolute;right:0;top:90px;width:350px;background:#4a4a4a;padding:10px;overflow:hidden;display:none;} .search-con form{background:#fff;} #keyword{display: block;height: 40px;width: 100%;background: none;text-indent: 1em;padding-right:50px;} .search-con .s_bt{position: absolute;right: 10px;top: 10px;cursor: pointer;display: block;width: 40px;height: 40px;background: url(../images/search-btn.png) no-repeat;} .search-con .s_bt:hover{background-color:#ddd;} #m-head-nav{height: 16px;position: relative;float: left;display:none;margin-left: 20px;margin-top: 42px;width: 24px;} #m-head-nav .line{width: 24px;height: 2px;background-color: #333;position: absolute;left: 0px;top: 7px;} #m-head-nav .line1{margin-top: -7px;} #m-head-nav .line3{margin-top: 7px;} #m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #m-head-nav[data-active="on"] .line2{display: none;} #m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} #header:hover #m-head-nav .line, #header.active #m-head-nav .line{background-color:#1d2e74;} /* 瀵艰埅鏍 */ .nav{float: right;} .nav>li{float: left;margin-right: 10px;position:relative;} .nav>li.cur a{background: none;} .nav>li:last-child{margin-right: 0;} .nav>li>a{display: block;font-size: 16px;padding: 0;color: #333;font-weight: bold;position: relative;line-height: 50px;background-color: initial !important;padding: 0 8px;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav>li>a::after{content: '';position: absolute;left: 50%;right: 50%;bottom: 0;display: none;height: 4px;background-color: #fff;-webkit-transition-property: left,right;transition-property: left,right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .nav>li:last-child>a::before{display:none;} .nav-er-box{position: absolute;top: 100%;left: 50%;margin-left: -90px;width: 180px;display: none;padding-top: 4px;box-shadow: 0 10px 10px 0px rgb(0 0 0 / 40%);} .nav-er-list{background: rgba(255,255,255,0.9);line-height: 40px;position: relative;} .nav-er-list:last-child{border-bottom: none;} .nav-er-list a{display: block;padding: 0 15px;} .nav-san-box{position: absolute;top:0;left: 100%;width: 218px;background: #fff;display: none;} .nav>li:last-child>.nav-er-box .nav-san-box{left: auto;right:100%} .nav-er{color: #f7f7f7;font-size: 15px;transition: 0.3s all ease;} .nav-er i{float: left;display:block;width:20px;height:20px;margin-right:10px;margin-top:10px; background-repeat: no-repeat;background-size: 20px;transition: 0.3s all ease;} .nav-er span{display: block;text-align:center;color: #333;border-bottom: 1px dashed #e0e0e0;} .nav-san-box a{position: relative;display: block;padding-left: 56px;} .nav-san-box a::before{content: '';position: absolute;top:15px;left: 23px;width: 10px;height: 10px;background: url(../images/page/nav-rjt.png);} .nav-yi::after{position: absolute;content: ''; bottom:25px;left: 0;width: 100%;border-bottom: 2px solid #ff0000;display: none;} .nav-er-box::before{position: absolute;content: '';/* width: 18px; *//* height: 6px; */background: url(../images/page/nav-up.png) no-repeat center;left: 50%;margin-left: -9px;top:0;} .nav li.active .nav-yi{color: #ff0000;} .nav-box li.active .nav-yi::after{display: block;} .nav>li:hover .nav-er-box{display: block;} .nav>li:hover .nav-yi{color: #ff0000;} .nav>li:hover .nav-yi:after{display: block;} .nav-er-list:hover .nav-er{color: #ff0000;font-weight: bold;} .nav-er-list:hover .nav-er i{background-position-y: -20px;} .nav-er-list:hover{} .nav-er-list:hover .nav-san-box{display: block;} .nav-san-box a:hover{color: #ff0000;} .nav>li:hover>a::after, .nav>li.cur>a::after{left: 0;right: 0;} #header:hover .nav>li:hover>a, #header:hover .nav>li>a:focus, #header.active .nav>li:hover>a, #header.active .nav>li.cur>a, #header.active .nav>li>a:focus, #header.active .nav>li>a:hover{background:transparent;color: #ff0000;} #header:hover .head-htel, #header.active .head-htel{color: #666;background: url(../images/htelx.png) no-repeat left;} #header:hover .head-htel h4 a, #header.active .head-htel h4 a{color: #333;} /* 灏忓睆骞曞鑸 */ .mm-nav-box{overflow:hidden;position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: -1;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);} .mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top: 100px;} .mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);} .mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;} .mm-nav-box .mm-nav .li1{margin: 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;} .mm-nav-box .mm-nav .li1.on .a1{color: #e00000;} .mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 60px;line-height: 60px;} .mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;} .mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;} .mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;} .mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;} .mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .mm-nav-box .mm-nav .li1[data-on="click"] .a1{color: #fe0000;} .mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;} .mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;} .mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#1d2e74} .mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;} .mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;} .mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;} .mm-nav-box .mm-wrap .mmlang .mmitem.on{color: #e00000;} .header_atop{width:100%;height: 100px;} .header_space{width: 100%;height: 100px;display:none !important;} @media (max-width: 1409px){ .nav>li{margin-right: 12px;} .dphone{ margin-left:20px; } .dphone dd{ font-size:14px; } .nav>li>a{ padding: 0 6px;} .dphone dl span{font-size: 12px;} } @media (max-width: 1309px){ .nav>li{margin-right:10px;} .nav>li>a{font-weight: normal;padding: 0 6px;font-size: 15px;} } @media (max-width: 1199px){ .mm-nav-box {display: block;} .header_space{display:block;height: 0;} .head-raea{margin-left:0;} .dphone dd{ font-size:20px; } .nav>li{margin-right:0px;} .nav>li>a{padding: 0 2px;font-weight: normal;font-size: 14px;} .dphone dl{ margin: 25px 0;} .dphone{display: none;} .top-sss1{width: 51%;} } @media (max-width: 991px){ .top-sss1{display:none;} #m-head-nav{display:block;} .dphone{ display:none; } } @media (max-width: 800px){ .mm-nav-box .mm-nav .li1 .mm-title{height: 45px;line-height: 45px;} } @media (max-width: 767px){ .headcon{padding:0 10px;height: 66px;} .nav{display:none;} } @media (max-width: 600px){ .mm-nav-box .mm-wrap{width: 100%;padding-bottom: 0;} .mm-nav-box .mm-nav .li1 .mm-title .a1{font-size: 14px;} .mm-nav-box .mm-nav .li1 .mm-innav li a{font-size: 13px;} .mm-nav-box .mm-nav .li1{margin: 0 10px;} .mm-nav-box .mm-wrap .mmlang{display: block;} } @media (max-width: 500px){ #header{height: auto;} .header_space{height: 0;} .logo a img{height:50px;} .mm-nav-box[data-on="active"]{top: 70px;} #header .logo, #header .logo{margin: 10px 0;/* position: relative; *//* left: 50%; *//* transform: translateX(-50%); */} #header .head-raea, #header .head-raea{margin-top: 16px;float: right;} #search-btn{font-size:14px;padding:0 15px;margin:15px 0;} #m-head-nav{margin-left: 10px;margin-top: 10px;} .mm-nav-box{top: 66px;} .header_atop{ height:70px; } } @media (max-width: 450px){ #header{height: auto;} .head-atop{padding:0 10px;line-height:30px;height:30px;} .head-search>p{height:30px;} .head-search>p>a{font-size:15px;} .head-search>form{display:none;} .header_atop{height: 70px;} .mm-nav-box[data-on="active"]{top: 69px;} } /* 杞挱鍥 */ #banner{position:relative;} #banner video{width:100%;display:block;} #banner .swiper-slide a{display:block;} #banner .swiper-slide img{display:block;max-width:100%;} #banner .swiper-pagination{bottom:40px;font-size:0;width: auto;left: 50%;transform: translateX(-50%);} #banner .swiper-pagination-bullet{width:12px;height:12px;opacity:1;border-radius: 6px;background:rgb(255 255 255 / 80%);position:relative;margin:0 6px;} #banner .swiper-pagination-bullet-active{background:#fff;width:60px;} #banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(../images/page/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;} #banner .swiper-button-prev{left:-115px;} #banner .swiper-button-next{right:-115px;transform: rotate(180deg);} #banner:hover .swiper-button-prev{left:115px;} #banner:hover .swiper-button-next{right:115px;} #banner .swiper-button-prev:hover, #banner .swiper-button-next:hover{background:url(../images/page/ban-jt.png) no-repeat center left -46px #fff;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);} @media (max-width: 1400px){ #banner .swiper-button-prev{left:60px;} #banner .swiper-button-next{right:60px;} } @media (max-width: 767px){ #banner .swiper-pagination{bottom:20px;} #banner .swiper-pagination-bullet{border:none;} #banner .swiper-button-prev, #banner .swiper-button-next{display:none;} } @media (max-width: 450px){ #banner .swiper-pagination{bottom: 5px;padding:8px;} #banner .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;} } /* 棣栭〉鏍囬 */ .title{padding:0 10px;text-align: center;} .title h2{font-size: 40px;color: #444;font-weight: bold;} .title p{color: #999;font-size: 18px;margin-top: 8px;text-transform:uppercase;font-family:Arial;} .sy-tit{ text-align: center; padding-bottom: 32px;} .sy-tit h2{font-weight: bold;font-size: 28px;} @media only screen and (max-width:767px){ .title h2{font-size: 30px;} .title p{font-size: 14px;margin-top: 5px;} .sy-tit{} .sy-tit h2{} } @media only screen and (max-width:500px){ .title h2{font-size: 26px;} .sy-tit{ padding-bottom: 24px;} .sy-tit h2{} } /* */ #sy-pro{padding: 54px 0;background: #f3f3f3;text-align: center;position: relative;overflow: hidden;} .pro-nr{position: relative;/* overflow: hidden; */} .pro-nr .pro-tit{ text-align: center; border-bottom: 1px solid #ededed;} .pro-nr .pro-tit a{font-size: 16px;padding: 0px 12px;display: inline-block;margin: 0 4px;padding-bottom: 20px;color:#666;} .pro-nr .pro-tit a.on{border-bottom: 1px solid #f00;padding-bottom: 10px;color: #f00;} .pro-nr .pro-img{padding: 32px 0;padding-bottom: 60px;overflow: hidden;} .pro-nr .pro-img .swiper-pagination-bullet-active{ background: #000;} .pro-nr .pro-img .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px; width: 6px; height: 6px;} .pro-nr .pro-img .swiper-button-next, .swiper-button-prev{background:url(../images/bxSlide3.png) no-repeat; width:40px; height:40px; margin-top:-30px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .pro-nr .pro-img .swiper-button-prev{left: -60px;background-position: 0px 0px;} .pro-nr .pro-img .swiper-button-next{right: -70px;background-position: -40px -40px;} .pro-nr .pro-img .swiper-button-prev:hover{left: -60px;background-position:-40px 0;} .pro-nr .pro-img .swiper-button-next:hover{right: -70px;background-position: 0px -40px;} .pro-nr .pro-img .swiper-slide { width: 31%; margin-right: 3.3%;} .pro-nr .pro-img .swiper-slide:nth-child(3n){} .pro-nr .pro-img .swiper-slide .sss1-img{} .pro-nr .pro-img .swiper-slide .sss1-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .pro-nr .pro-img .swiper-slide p{text-align: center;font-size: 16px;padding: 10px 5%;background: #efefef;color: #666;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;display: block;} .pro-nr .pro-img .swiper-slide:hover p{ color: #f00;} .pro-nr .pro-img .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: -20px;} .pro-a1{margin-top: 24px;display: inline-block;width: 160px;height: 40px;line-height: 40px;text-align: center;background: #2F2F2F;color: #fff;} .pro-a1:hover{ background:#ff0000; color:#fff; } .sss1{/* overflow: hidden; */} .mmm1{ position: inherit;} .sss1 .owl-carousel .owl-dots{display: block;position: absolute;left: 50%;transform: translateX(-50%);padding: 0px 0;bottom: 0px;} .sss1 .owl-dots .owl-dot{ float: left; margin: 6px;} .sss1 .owl-dots .owl-dot span{width: 10px;height: 10px;display: inline-block;background: #ccc;border-radius: 20px;} .sss1 .owl-dots .owl-dot.active span{background: #030406;} .sss1 .owl-nav{display: block !important;} .sss1 .owl-rela{position:relative;} .sss1 .owl-prev, .owl-next{background:url(../images/bxSlide3.png) no-repeat;width:40px;height:40px;margin-top: 0px;position: absolute;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;top: 50%;text-indent: 99999999px;opacity: 1;} .sss1 .owl-prev{left: -70px;background-position: 0px 0px;} .sss1 .owl-next{right: -70px;background-position: -40px -40px;} .sss1 .owl-prev:hover{left: -60px;background-position:-40px 0;} .sss1 .owl-next:hover{right: -70px;background-position: 0px -40px;} @media (max-width:800px){ .sss1 .owl-prev, .owl-next{display:none;} } .applic-o a{} .applic-o .sss1-img{ background: #fff;} .applic-o .sss1-img img{} .applic-o p{ line-height: 48px; font-size: 16px; background: #f5f5f5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;} @media(max-width: 767px) { .pro-nr .pro-tit a{padding: 4px 10px;border: 1px solid #ccc;margin: 3px 0;font-size: 16px;} #sy-pro{ padding:20px 0; } .pro-a1{width:120px;height:32px;line-height:32px;margin-top: 36px;} .pro-nr .pro-tit a.on{ padding-bottom: 4px;} .pro-nr .pro-img{ padding-bottom:20px; } } @media(max-width: 500px) { .pro-nr .pro-tit a{ padding: 2px 10px; border: 1px solid #ccc; margin: 3px 0; font-size: 14px;} #sy-pro{ padding:20px 0; } .pro-a1{width:120px;height:32px;line-height:32px;margin-top: 36px;} .pro-nr .pro-tit a.on{ padding-bottom:0px; } .pro-nr .pro-img .swiper-slide p{font-size:14px;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;display: block;padding: 6px;} .pro-nr .pro-img .swiper-button-next, .swiper-button-prev{background:url(../images/bxSlide3.png) no-repeat;width:40px;height:40px;margin-top: 18px;transition: all 0.5s;-moz-transition: all 0.5s;display: none;-webkit-transition: all 0.5s;} .pro-nr .pro-img .swiper-button-prev{left: 0px;background-position: 0px 0px;} .pro-nr .pro-img .swiper-button-next{right: 0px;background-position: -40px -40px;} .pro-nr .pro-img .swiper-button-prev:hover{left: 0px;background-position:-40px 0;} .pro-nr .pro-img .swiper-button-next:hover{right: 0px;background-position: 0px -40px;} .pro-nr .pro-img{padding: 12px 0;} .pro-nr .pro-img .swiper-slide{/* width: 46% !important; *//* width: 31% !important; *//* margin-right: 3.3% !important; */} .sss1 .owl-carousel .owl-dots{ bottom: -28px;} } /**/ #sy-about{background: url(../images/about-img.jpg) center no-repeat;padding: 54px 0;background-attachment: fixed;background-size: cover;padding-top: 72px;} #sy-about .sy-tit{} #sy-about .sy-tit h2{ color: #fff;} .about-nr{} .about-nr .ab-left{} .about-nr .ab-left .gyimg{overflow:hidden;} .about-nr .ab-left .gyimg img{ width:100%; } .about-nr .ab-left .gyimg:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} .about-nr .ab-right{} .about-nr .ab-right h2{color: #fff;font-size: 24px;font-weight: bold;padding: 30px 0;} .about-nr .ab-right p{color: #fff;padding-bottom: 16px;line-height: 28px;text-indent: 2em;} .about-nr .ab-right a{ width: 140px; height: 40px; line-height: 40px; text-align: center; display: block; background: #222; color: #fff; margin-top: 20px;} .about-nr .ab-right a:hover{ background:#666; } @media(max-width: 500px) { #sy-about{ padding:32px 0; } .about-nr .ab-right h2{ font-size: 20px; padding: 20px 0;} .about-nr .ab-right a{margin-top: 0px;} .about-nr .ab-right p{ padding-bottom:10px; } } /**/ #sy-news{padding: 54px 0;padding-bottom: 12px;} .news-wz{} .news-wz li{float:left;margin-bottom:35px;position:relative;line-height:2;} .news-wz li .news-item{ margin-left:35px;} .news-wz li .news-item .date{ color:#767676; margin-left:45px; font-size:14px;} .news-wz li .news-item .data-day{position:absolute;width:54px;height:54px;line-height:54px;text-align:center;top:50%;margin-top: -16px;left: 20px;background: #000;color:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:30px;} .news-wz li:hover .news-item .data-day{ background:#ff0000; } .news-wz li .news-item .news-com{ background:#fff; border:1px solid #d7d7d7; padding:20px 40px;} .news-wz li .news-item .news-com .news-h{font-weight:bold;} .news-wz li .news-item .news-com .news-h a{font-size:18px;color: #000;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;display:block;} .news-wz li:hover .news-item .news-com .news-h a{ color:#ff0000 } .news-wz li .news-item .news-com .news-sum{color:#ababab; height:4em; overflow:hidden; } @media(max-width: 500px) { #sy-news{padding-bottom:24px;padding-top: 24px;} .news-wz li{margin-bottom:20px;padding: 0;} .news-wz li .news-item{ margin-left: 6px;} .news-wz li .news-item .data-day{} .news-wz li .news-item .news-com{ padding: 16px 20px 16px 82px;} } /* 鏂伴椈璧勮 */ #news{padding:30px 0 15px;overflow:hidden;} .news-tag{text-align:center;font-size:0;margin:15px 0;} .news-tag a{display:inline-block;margin-right:18px;width:150px;line-height:36px;font-size:18px;color:#fff;background:#bbb;border-radius:18px;} .news-tag a:last-child{margin-right:0;} .news-tag a.on{background:#1ea839;} .news-one ul li{padding:5px;} .news-one ul li a{overflow:hidden;display:block;border-radius:10px;padding:20px;} .news-one ul li a .news-time{float:left;width:60px;color:#bbb;text-align:center;} .news-one ul li a .news-time p{font-size:36px;font-weight:bold;line-height:1;margin-bottom:10px;} .news-one ul li a .news-time span{font-size:14px;} .news-one ul li a .news-txt{float:right;width:calc(100% - 75px);} .news-one ul li a .news-txt h4{font-size:20px;color:#444;line-height:1;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:10px;} .news-one ul li a .news-txt p{color:#888;font-size:14px;line-height:25px;margin-bottom:10px;} .news-one ul li a .news-txt span{font-size:14px;color:#bbb;} .news-one ul li a:hover{box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);} .news-one ul li a:hover .news-time, .news-one ul li a:hover .news-txt h4, .news-one ul li a:hover .news-txt span{color:#1ea839;} @media(max-width: 599px) { .news-one ul li a{padding:12px;} } @media(max-width: 500px) { .news-tag{display:flex;} .news-tag a{flex:1;border-radius:0;margin-right:0;line-height:40px;font-size:16px;} } /* 灏鹃儴骞垮憡 */ #lastoff{background:url(../images/lastoff.jpg) no-repeat center bottom;} #lastoff>.container>.row{position:relative;} .loff-l{overflow:hidden;float:left;padding-bottom:30px;} .loff-img{width:150px;float:left;text-align:center;margin-left:20px;} .loff-img img{max-width:100%;margin-bottom:10px;} .loff-img p{font-size:18px;font-weight:bold;color:#fff;} .loff-r{float:left;width:calc(100% - 720px);position: absolute;right: 0;bottom: 0;height: 130px;color:#fff;} .loff-r h3{font-size:28px;font-weight:bold;margin-bottom:10px;} .loff-r p{font-size:18px;} @media(max-width: 1369px) { .loff-img{margin-left:10px;} .loff-r{width:calc(100% - 660px);} } @media(max-width: 1269px) { .loff-r h3{font-size:24px;} } @media(max-width: 1199px) { .loff-img{width:126px;} .loff-img p{font-size:15px;} .loff-r{width:calc(100% - 570px);} .loff-r h3{font-size:20px;} } @media(max-width: 991px) { .loff-l{width:100%;} .loff-img{margin-left:0;padding:0 10px;width:25%;} .loff-img p{font-size:18px;color:#444;} .loff-r{width:100%;position:static;} .loff-r h3{font-size:28px;} } @media(max-width: 660px) { .loff-l{padding-bottom:20px;} .loff-img p{font-size:16px;} .loff-r{padding:0 10px;} .loff-r h3{font-size:24px;} } @media(max-width: 500px) { .loff-l{padding-bottom:0px;} .loff-img{width:50%;padding-bottom:10px;} .loff-img img{width:100px;} .loff-r h3{font-size:20px;} } @media(max-width: 400px) { .loff-r h3{font-size:18px;} .loff-r p{font-size:15px;} } /* 閫氱敤閰嶇疆 */ /* 鍥剧墖灏侀潰鍔ㄧ敾 */ .white, .whites{position: relative;overflow: hidden;} .white::after, .whites::after{content: '';cursor: pointer;position: absolute;left: -120%;top: 0;width: 100%;height: 100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);transition: unset;} .white:hover::after{left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;} /* 搴曢儴 */ #footerinfo{padding-bottom: 60px;background: #272727;padding-top: 30px;} .fnav{padding:25px 0;border-bottom:1px solid #d5d5d5;display:flex;} .fnav a{font-size:16px;color:#666;flex:1;text-align:center;padding:0 5px;border-left:2px solid #d5d5d5;} .fnav a:first-child{border-left:0;} .fnav a:hover{color:#ff0000;} .finfo{margin-top: 20px;} .finfo-l{padding-left:0;border-right: 1px solid #666;height:160px;} .flm{ padding: 0 6px; margin: 0 8px;} .flm h2{ font-size: 16px; padding-bottom: 12px; color: #fff;} .flm p{ line-height: 30px;} .flm p a{ font-size: 14px; color: #8b8b8b;} .flm p a:hover{ color:#ff0000; } .finfo-l img{float:left;} .finfo-l .finfo-lt{padding-left:40px;float:left;margin-top:10px;} .fintxt>h4{font-size: 18px;color: #fff;line-height:24px;padding-bottom: 10px;} .fintxt>p{font-size:14px;color: #999;line-height: 24px;} .fintxt a{color:#666;} .fintxt a:hover{color:#ff0000;} .finfo-c{padding: 0px 24px 0;border-right: 1px solid #666;height:160px;} .finfo-r{} .finfo-rimg{float:right;margin-top: 0px;} .finfo-rimg p{text-align:center;color:#fff;line-height:32px;font-size: 14px;} .finfo-rimg img{border:1px solid #d5d5d5;width: 150px;float:left;} .finfo-rimg .finfo-rco{float:left;width:28px;height:128px;background:url(../images/frco.jpg) no-repeat;} .finfo-rtxt{float:right;text-align:right;margin-right:45px;} .finfo-rtxt p{font-size:14px;color:#666;line-height:25px;} .finfo-rtxt p.fico{color:#252525;} .finfo-rtxt p.ftel{font-size:20px;font-weight:bold;color:#252525;line-height:36px;} .finfo-rtxt p.ftel span{color:#1ea839;} .ftext{font-size: 14px;color: #666;line-height: 20px;padding-top: 10px;} .ftext a{color: #666;} .ftext a:hover{color: #1ea839;} .flink{margin-top:20px;} .flink span{color: #666;font-weight: bold;font-size:16px;} .flink a{color: #666;margin-right: 5px;font-size:14px;} .flink a:last-child{margin-right: 0;} .flink a:hover{color: #1ea839;} #footercopy{background: #272727;padding:15px 0;border-top: 1px solid #666;} #footercopy p{font-size:14px;color:#999;text-align:center;} #footercopy p a{color:#999;} #footercopy p a:hover{color: #ff0000;} @media only screen and (max-width: 1269px){ .finfo-l .finfo-lt{padding-left: 20px;} .finfo-c{padding:10px 70px 0;} } @media only screen and (max-width: 1199px){ .finfo-c{padding:10px 25px 0;} .finfo-r{padding-right:0;} .finfo-rtxt{margin-right:10px;} .finfo-rimg img{width:90px;margin-top: 18px;} } @media only screen and (max-width: 991px){ .finfo-c{border-right:0;padding: 0;} .finfo-r{padding: 0 0;margin-top:20px;float: right;} .finfo-rimg img{width:128px;margin-top:0;} .finfo-rtxt{margin-right:30px;} } @media only screen and (max-width: 767px){ footer{padding-bottom:50px;} #footerinfo{padding:0 10px 20px;} .finfo-l{float:left;display: none;} .finfo-c{float:left;padding: 0px 0px 0;height: auto;padding-left: 20px;} .finfo-r{float: right;padding: 0 0px;} .flink{max-height:42px;overflow:hidden;} .finfo-rimg{ float:left } } @media only screen and (max-width: 680px){ .finfo-r{padding: 0 22px;} } @media only screen and (max-width: 580px){ .finfo{margin-top:20px;} .finfo-l{display:none;} .finfo-r{padding:0;margin:0;text-align: center;float: left;padding-left: 20px;} #footercopy{padding:8px 0;} .finfo-c{width:100%;padding-left: 20px;display: inline-block;padding-bottom: 10px;} } @media only screen and (max-width: 470px){ .finfo-rimg{/* display:none; */text-align: center;float: left;} .finfo-rtxt{margin-right:10px;} } /* 鎵嬫満搴曢儴鎸夐挳 */ .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #ff0000;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size: 16px;display: block;} /* 鍦ㄧ嚎瀹㈡湇 */ .diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 100;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #ff0000;float: left;position: relative;border-top: 1px solid #fff;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background: #ff0000;} .diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 130px;position:absolute; top:0; left:-131px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} /* 闈㈠寘灞 */ #location{box-shadow:0px 3px 20px 0px rgba(0,0,0,0.1);overflow:hidden;background: #fff;font-size: 0;/* display: none; */} .crumbs{padding-left:20px;background:url(../images/page/location.png) no-repeat left center;line-height:25px;padding-top:10px;padding-bottom:10px;float:left;color:#666;} .crumbs a{color:#666;} .crumbs a:hover{color:#ff0000;} /* 鍐呴〉瀵艰埅 */ #sidebar{/* float:right; */text-align: center;} #sidebar li{display:inline-block;margin: 0px 40px;position: relative;} #sidebar li a{display:block;/* height:45px; */line-height: 80px;text-align:center;color:#666;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 10px;} #sidebar li a::after{content: "";display: block;width: 0%;height: 2px;background: #ff0000;position: absolute;left: 50%;bottom: 0;overflow: hidden;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;} #sidebar li:hover a, #sidebar li.cur a{color: #ff0000;} #sidebar li:hover a::after, #sidebar li.cur a::after{left: 0;width: 100%;} @media (max-width:767px) { #location{margin-bottom: 20px;background:#f3f3f3;border-bottom: 1px solid #ddd;box-shadow:none;display: block;} .w100{width:100%;float:left;} .w50{width:50%;float:left;} .w33{width:33.33%;float:left;} .w25{width:25%;float:left;} #sidebar{float:none;} #sidebar li{padding:0 5px;margin:0;} #sidebar li a{line-height:50px;} } @media (max-width:500px) { #sidebar li a{line-height:40px;padding:0;font-size:14px;} } /* 鍐呴〉banner */ .nybanner>div{background-position: center;background-repeat: no-repeat;background-size: cover;} @media (max-width: 1440px){ .nybanner>div{height: 300px !important;} } @media (max-width: 1329px){ .nybanner>div{height: 280px !important;} } @media (max-width: 1199px){ .nybanner>div{height: 280px !important;} } @media (max-width: 991px){ .nybanner>div{height: 200px !important;} .finfo-l{ display:none } } @media (max-width: 767px){ .nybanner>div{height: 168px !important;} } @media (max-width: 700px){ .nybanner>div{height: 160px !important;} } @media (max-width: 580px){ .nybanner>div{height: 175px !important;} } @media (max-width: 420px){ .nybanner>div{height: 140px !important;} } @media (max-width: 374px){ .nybanner>div{height: 130px !important;} } /* 鍐呴〉鏍峰紡 */ #inside{padding-bottom:30px;padding-left:10px;padding-right:10px;padding-top: 30px;overflow:hidden;border-bottom: 4px solid #ff0000;} .bgf5{background:#f5f5f5;} .nocontect{background-image: url(../images/page/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;margin-bottom:20px;} .nynewslist{ padding-top: 32px;} @media (max-width:767px) { #inside{padding-bottom: 30px;padding-top: 12px;} .nynewslist{ padding-top: 0px;} } /* 鍐呴〉浜у搧瀵艰埅 */ #pronav{width: 100%;text-align: center;margin-bottom: 24px;margin-top: 24px;padding: 0 16px;display: none;} .pronav-a{line-height: 54px;display: none;} .pronav-a a{flex:1;font-size:16px;color:#333;border: 1px solid #ccc;padding: 10px 16px;} .pronav-a a.cur, .pronav-a a:hover{background:#ff0000;color:#fff;} @media (max-width:1509px) { .pronav-a a{display:inline-block;padding:0 14px;} } @media (max-width:1409px) { .pronav-a a{padding:0 13px;font-size:15px;} } @media (max-width:1309px) { .pronav-a{line-height:60px;} .pronav-a a{padding:0 11px;font-size:14px;} } @media (min-width:768px) and (max-width:1199px) { .pronav-a a{display:block;float:left;width:16.66%;} } @media (max-width:767px) { .pronav-a a{display:block;float:left;width: 30%;margin: 4px;padding:0 8px;line-height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pronav-a{display:block;} #pronav{display:block;margin-bottom: 10px;} } @media (max-width:500px) { .pronav-a{line-height:40px;} } /* 鍐呴〉鍗曢〉闈㈡爣棰 */ #nytitle{text-align: center;padding:0 10px;margin:30px 0;} #nytitle h1{font-size: 36px;color: #353535;font-weight:bold;} #nytitle p{color: #999;font-size: 16px;margin-top: 10px;text-transform:uppercase;} @media only screen and (max-width: 500px){ #nytitle{margin-bottom:20px;} #nytitle h1{font-size: 30px;} #nytitle p{font-size: 14px;} } /* 鍐呴〉鍗曢〉闈㈠唴瀹 */ .nyshow{} .nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin:20px 0;margin-top: 0;} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 24px;height: 40px;line-height: 36px;border-bottom: 2px #ff0000 solid;color: #ff0000;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background: #ff0000;} .nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:40px;min-height:300px;} .nyshowdesc p{margin:5px 0;} .nyshowdesc img{max-width:100%;height:auto !important;} .block-shadow{height: 200px;-webkit-box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} .block-shadow:hover{box-shadow: 0 10px 20px 0 rgba(0,125,255,.5);} .radius-md{border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} .icon-sm{width: 60px;display: inline-block;text-align: center;} .icon-sm em{font-size: 30px;line-height: 30px;} .icon-content{overflow: hidden;} .icon-content h5{font-weight: bold;font-size: 18px;line-height: 25px;color: #1a1a1a;margin-top: 10px;margin-bottom: 10px;} @media (max-width:767px) { .nyshowdesc{font-size:14px;line-height:1.6;margin-bottom:20px;min-height:100px;} .nyshowdesc h1{font-size:30px;} .nyshowdesc h2{font-size:24px;} .nyshowdesc h3{font-size:18px;} .nyshowdesc h4{font-size:14px;} .block-shadow{height:auto;} .nyshow{ padding:0; } } /* 鍐呴〉椤圭洰 */ #nyitem{padding-bottom:30px;border-bottom:4px solid #ff0000;} #nyitem ul>li{padding:0 10px;margin-bottom:20px;} #nyitem ul>li a{display:block;} .ser-img{position:relative;overflow:hidden;} .ser-bg{position:absolute;left:0;top:0;width:100%;height:100%;background: transparent repeat-x bottom;} .ser-img i{position:absolute;left:50%;top:150%;width:60px;height:60px;transform:translate(-50%, -50%);transition: all .3s;} #nyitem ul>li p{font-size:24px;color:#444;line-height:40px;text-align:center;padding:0 10px;} #nyitem ul>li a:hover .ser-bg{background:url(../images/ser-bg.png) repeat-x bottom;} #nyitem ul>li a:hover .ser-img i{top:50%;} #nyitem ul>li a:hover p{font-weight:bold;color:#ff0000;} @media only screen and (max-width:767px){ #nyitem ul>li p{font-size:16px;line-height:30px;} } @media only screen and (max-width:500px){ #nyitem ul>li{margin-bottom:10px;} } /* 鍐呴〉鍏充簬鎴戜滑 */ .brank_con{font-size: 16px;line-height: 1.8;color: #333;} .brank_con>.cpcon h4{color: #ff0000;font-weight: bold;font-size: 20px;line-height: 1.8;} .brank_con>.cpcon{padding:50px 0;overflow: hidden;} .brank_con>.cpcon:last-child{margin-bottom: 0;} .brank_con>.cpcon:nth-child(odd){background: transparent;} .brank_con>.cpcon:nth-child(odd) .cpcon_img{float: right;} .brank_con>.cpcon:nth-child(even){background: #f5f5f5;} .brank_con>.cpcon>h3{text-align: center;font-size: 36px;margin-bottom: 50px;} .brank_con>.cpcon .cpcon_img img{max-width: 100%;height:auto!important;display: block;margin:0 auto;} .brank_con>.cpcon .cpcon_txt{padding-top: 15px;padding-bottom: 15px;} @media (max-width: 767px){ .brank_con{font-size: 14px;line-height: 1.6;} .brank_con>.cpcon{padding:20px 0;} .brank_con>.cpcon>h3{font-size: 24px;margin-bottom: 20px;} } /* 鍐呴〉鏈嶅姟缃戠偣 */ #nypoint{padding-bottom:30px;} #nypoint ul li{float:left;width:33.33%;padding:15px;} #nypoint ul li a{display: block;border: 1px solid #fff;background: #e9f1f1;text-align: center;border-radius: 10px;} #nypoint ul li a span{display: inline-block;line-height: 28px;font-size: 16px;color: #666;padding-left: 35px;background: url(../images/scity-x.png) no-repeat left;margin: 20px 0;} #nypoint ul li a:hover{border-color:#ff0000;} #nypoint ul li a:hover span{color:#ff0000;background:url(../images/scity-xx.png) no-repeat left;} .nypo-l{width:50%;height:500px;float:left;overflow-y:scroll;} .nypo-r{width:50%;height:500px;float:right;overflow:hidden;position:relative;} .nypo-r img{position:absolute;left:50%;transform:translateX(-50%);} @media (max-width: 1199px){ #nypoint ul li{padding:10px;} #nypoint ul li a span{margin:16px 0;} } @media (max-width: 991px){ #nypoint ul li{width:50%;} } @media (max-width: 600px){ #nypoint ul li{width:33.33%;} .nypo-r{width:100%;height:auto;} .nypo-r img{position:relative;height:250px;} .nypo-l{width:100%;overflow:hidden;height:auto;} } @media (max-width: 500px){ #nypoint ul li{width:50%;} .nypo-r img{height:150px;} } .nyshowdesc>.nyject{overflow:hidden;background: #f5f5f5;} .nyshowdesc>.nyject .nyject_img{overflow:hidden;} .nyshowdesc>.nyject .nyject_img img{transition: 0.5s;} .nyshowdesc>.nyject .nyject_txt{padding:20px 50px;} .nyshowdesc>.nyject .nyject_txt h4{color:#333;font-size:24px;margin-bottom:20px;font-weight:bold;} .nyshowdesc>.nyject .nyject_txt p{font-size:16px;color:#666;} .nyshowdesc>.nyject:hover .nyject_img img{transform: scale(1.1);} @media (min-width:768px) { .nyshowdesc>.nyject{display:flex;align-items: center;} .nyshowdesc>.nyject:nth-child(even){flex-direction: row-reverse;} .nyshowdesc>.nyject .nyject_img, .nyshowdesc>.nyject .nyject_txt{flex:50%;} } @media (max-width:767px) { .nyshowdesc>.nyject .nyject_txt{padding:20px;} } @media (max-width:500px) { .nyshowdesc>.nyject .nyject_txt{padding:15px;} .nyshowdesc>.nyject .nyject_txt h4{font-size:20px;margin-bottom:10px;} .nyshowdesc>.nyject .nyject_txt p{font-size:14px;} } /* 鐣欒█妯″潡Message */ #nymessage{padding:50px 0;background:url(../images/nymessagebg.jpg) no-repeat center / cover;} #nymessage h4{color:#ff0000;} #nymessage form{overflow:hidden;margin-top:50px;} #nymessage form label{font-weight:normal;text-align:none ! important; white-space: nowrap; } #nymessage .nymessage-h6{text-align:left;} @media (max-width:767px) { #nymessage{padding:30px 0;} #nymessage h4{font-size:16px;line-height:1.4;} #nymessage form{margin-top:30px;} #nymessage form>div[class^="col-"]{padding:0 5px;} } #nycommon{padding:30px 0;background:#f8f8f8;} /* 鐑棬鏍囩 */ .nycomtag{line-height: 40px;border-bottom: 1px #ccc solid;overflow:hidden;} .nycomtag>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #ff0000 solid;color: #ff0000;font-size: 18px;font-weight: bold;background:url(../images/page/ny-objs.png) no-repeat left;} .nycomtag>a{float:right;} .ghtag{padding-left:22px;background:url(../images/page/ghtag.png) no-repeat left;} #tagac{margin-top:10px;} #tagac>a{font-size: 14px;color: #797979;line-height: 25px;display: inline-block;background-color: #fff;border-radius: 30px;padding: 0 14px;margin-top: 14px;box-shadow: 1px 4px 16px 0px rgb(197 97 97 / 10%);margin-right: 10px;transition: all ease 0.3s;} #tagac>a:hover{background-color: #ff0000;color: #fff;} /* 鎺ㄨ崘鏂伴椈 */ .nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyhotnews>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #ff0000 solid;color: #ff0000;font-size: 18px;font-weight: bold;background:url(../images/page/nyhotnewico.png) no-repeat left;} .nyhotnews-list{margin-top:10px;overflow:hidden;} .nyhotnews-list li{font-size: 14px;line-height: 32px;background: url(../images/page/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{float:left;width:calc(100% - 90px);color:#333;} .nyhotnews-list li span{float:right;color:#666;} .nyhotnews-list li:hover{background: url(../images/page/iyuan_on.png) no-repeat left;background-size: 8px;} .nyhotnews-list li:hover a{color:#ff0000;} .nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyvideo-div a img{display:block;max-width: 100%;width: 311px;} .nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyvideo-div:hover a{border-color:#ff0000;color:#ff0000;} /*瑙嗛璇︽儏*/ .showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showvideo-time{text-align:center;} .showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showvideo-time span:last-child{margin-right:0;} .showvideo-mp{margin:20px 0;text-align:center;} .showvideo-mp video, .showvideo-mp iframe{width:800px;max-width:100%;} .showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showvideo-con img{max-width:100%;height:auto !important;} /*涓嬭浇鍒楄〃*/ .nydown-list{margin-bottom:20px;} .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{background:#ff0000;color:#fff;font-size:16px;line-height:2;} .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*涓嬭浇璇︽儏*/ .showdown-top{margin-bottom:20px;} .showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;} .showdown-top>ul{padding:10px;background:#f6f6f6;} .showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;} .showdown-top>ul>li:last-child{margin-bottom:0;} .showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;} .showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showdown-con img{max-width:100%;height:auto !important;} /*鍥剧墖鍒楄〃*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li {margin-bottom:20px;padding:0 10px;} .nyimg-ul li .nyimg-div {background:#fff;padding:7px;border:1px solid #D9D9D9;} .nyimg-ul li .nyimg-div a {display:block;overflow:hidden;} .nyimg-ul li .nyimg-div img {margin:0 auto;-webkit-transition:1s;-moz-transition:1s;transition:1s;width:100%;} .nyimg-ul li .nyimg-a{padding:0 5px;margin-top:9px;line-height:40px;display:block;background:#EFEFEF;font-size:14px;color:#333;text-align:center;} .nyimg-ul li:hover .nyimg-a {color:#ffffff !important;} .nyimg-ul li:hover .nyimg-div img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nyimg-ul li:hover .nyimg-a {background:#ff0000;color:#fff;} @media (max-width:767px){ .nyimg-ul li .nyimg-a{line-height:32px;} } /*鍥剧墖璇︽儏*/ .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;} .showimg-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showimg-img{margin-top: 25px;margin-bottom: 15px;text-align:center;} .showimg-img img{max-width: 100%;height:auto !important;} .ctitle{margin-bottom:15px;} .ctitle h3{padding-left:20px;background: url(../images/page/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-size:16px;font-weight:bold;} .showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 300;padding: 0 10px;border-bottom: 1px solid #F0F2F5;padding-bottom: 20px;} .showimg-con img{max-width: 100%;height:auto !important;} .showimg-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .showimg-page>div[class^="col-"]{padding: 0 10px;} .showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} .showimg-right{border-left:1px solid #f0f2f5;} @media (max-width:767px){ .showimg-left{padding:0;} .showimg-top h1{font-size: 20px;} .showimg-con{font-size:14px !important;} .showimg-page a{padding:8px;} } /* 鍙充晶鏍忕洰淇℃伅 */ .nybusiness{margin-bottom: 20px;} .nybusiness>p{font-size: 16px;color: #ff0000;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-objs.png) no-repeat left;} .nybusiness a{margin-bottom:10px;display:block;position:relative;} .nybusiness a:last-child{margin-bottom:0;} .nybusiness-img{overflow:hidden;} .nybusiness a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:30px;padding:0 10px;text-align:center;color:#fff;} .nybusiness a:hover p{background: rgba(0,153,255,.5);} .hotnews{} .hotnews p{font-size: 16px;color: #ff0000;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../images/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(../images/iyuan_on.png) no-repeat left;color: #ff0000;} /*鏂伴椈鍒楄〃*/ .nynews-ul {overflow:hidden;} .nynews-ul li.nynews-li {padding: 6px;margin-bottom:20px;cursor:pointer;border: 1px solid #ccc;} .nynews-img {padding:0;overflow:hidden;border:1px solid #f3f3f3;} .nynews-img a {display:block;} .nynews-img img {width:100%;transition:.8s} .nynews-ul li.nynews-li:hover img {transform:scale(1.02);} .nynews-date {color:#333;line-height:20px;font-size:12px;} .nynews-date span {color:#4d4c51;} .nynews-date img {margin:4px 6px 0 0;float:left;} .nynews-date p {float:left;margin:0;} .nynews-date i {margin-right:5px;} .nynews-con h3 {font-size:18px;font-weight:bold;color:#3b3c3c;text-transform:uppercase;line-height:32px;letter-spacing:1px;margin-top:0px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nynews-con h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;} .nynews-ul li.nynews-li:hover h3 a {color:#ff0000;} .nynews-con {background-color: #f5f5f5;padding: 28px;} .nynews-con p.nynews-desp {color:#8d8d8d;font-size:14px;line-height:23px;margin:10px 0;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nynews-con a.nynews-more {position:relative;left:0;color:#ffffff;font-size:15px;padding:7px;background:#ff0000;margin-top:10px;width:120px;display:block;border-radius:20px;float:left;text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;} .nynews-con a.nynews-more:hover {background:#FF7A0E;left:10px;color:#ffffff !important;} @media (max-width:1366px) { .nynews-con {padding: 24PX 28px;} } @media (max-width:991px) { #nynewslist>.container {padding-left:5px;padding-right:5px;} .nynews-ul li.nynews-li {padding:0 5px 4px;margin-bottom:14px;} } @media (max-width:767px) { .nynews-con h3 {font-size:16px;font-weight:bold} .nynews-con {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 12px;} .nynews-con p.nynews-desp{margin: 2px 0 8px;} } /*鏂伴椈璇︽儏*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .shownews-con img{max-width:100%;height:auto !important;} .shownews-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .shownews-page>div[class^="col-"]{padding: 0 10px;} .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .shownews-top h1{font-size: 20px;} .shownews-con{font-size:14px !important;line-height: 1.6;} .shownews-page a{padding:8px;} } /* 鎷涜仒妯″潡Nyjoblist*/ .nyjoblist-ul{overflow: hidden;border-top: 1px solid #cccc;} .nyjoblist-ul li{margin-bottom: 20px;border-bottom: 1px solid #dedede;} .nyjoblist-ul li .nyjoblist-top{padding: 24px 12px;position: relative;overflow:hidden;} .nyjoblist-ul li .nyjoblist-top h3{color: #333;font-size: 24px;font-weight: bold;padding-bottom: 12px;} .nyjoblist-ul li .nyjoblist-top span{padding-right: 20px;color: #999;} .nyjoblist-ul li .nyjoblist-top p{color:#666;margin: 12px 0;} .nyjoblist-ul li .nyjoblist-top>a{float:left;padding: 6px 24px;background:#999;border-radius:20px;color:#fff;margin-right:10px;} .nyjoblist-ul li .nyjoblist-top>a+a{margin-right:0;} .nyjoblist-ul li .nyjoblist-top>a:hover{background:#ff0000;color:#fff;} @media (max-width:767px) { .nyjoblist-ul li .nyjoblist-top{padding:10px;} } .showjob-left{padding-bottom:30px;} .showjob-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:10px;} .showjob-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 30px;} .showjob-list{overflow:hidden;margin-bottom:30px;} .showjob-list li{width:50%;float:left;padding:5px 10px;background: url(../images/dt-0.png) no-repeat left top 13px;} .showjob-list li span{float: left;margin-right: 10px;color: #999;} .showjob-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px 0;} .showjob-con img{max-width: 100%;height:auto !important;} .showjob-more{} .showjob-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;} .showjob-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showjob-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .showjob-top h1{ font-size:20px;} .showjob-top h2{ font-size:16px;} .showjob-con{padding:0;font-size:14px !important} .showjob-left{padding: 0;} .showjob-page>div[class^="col-"]{padding: 0 10px;} } /* 浜у搧鍒楄〃 */ .nypro-ul{overflow:hidden;} .nypro-ul li{padding: 0 8px;margin-bottom: 16px;} .nypro-ul li:before { content: ''; position: absolute; z-index: -1; left: 22px; top: 12px; width: 92%; display: none; height: 100%; background: #E5E5E5;} .nypro-ul li a{display:block;position:relative;overflow:hidden;border: 1px solid #ccc;} .nypro-ul li a .nypro-img{} .nypro-ul li a .nypro-img img{ width:100% } .nypro-ul li a p{line-height: 32px;color: #666;text-align:center;font-size: 16px;padding: 6px 5px;background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .nypro-ul li a:hover .nypro-img{ } .nypro-ul li a:hover p{color:#ff0000;} @media (max-width:767px){ .nypro-ul li a p{line-height: 16px;font-size:14px;} .nypro-ul li{padding: 0 4px;} .nypro-ul li:before{ display:none; } } /*浜у搧璇︽儏*/ .showpro-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:20px;} .showpro-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;} .showpro-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showpro-img{margin-bottom:20px;text-align: center;} .sp-thumbs a:link, .sp-thumbs a:visited{width:140px;height:93px;} @media (max-width:767px){ .showpro-top h1{font-size: 20px;} .showpro-imgbox{padding:0;} } /*浜у搧鍙傛暟*/ .nyproshow-info{line-height:1.8;color:#666;margin-bottom:20px;} .showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;} .showpro-telx{float:left;line-height:40px;} .showpro-telx img{float:left;margin-right:12px;} .showpro-telcon{float:left;} .showpro-telcon p{float:left;color:#666;margin-bottom:0;} .showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;} .showpro-tel a{float:right;display:block;line-height:40px;padding:0 20px;background:#ff0000;color:#fff;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background:#034ad8;} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #ff0000;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} .showpro-details .showpro-det{min-height:200px;width: 100%;} table{ width:100% } .showpro-details div{margin-bottom: 10px;} .showpro-details p{margin: 5px 0;} .showpro-details img{max-width: 100%;height:auto !important;} .showpro-details video{max-width: 100%;height:auto !important;} @media (max-width:767px){ .showpro-details{font-size: 14px;line-height: 1.6;} } /*鐩稿叧浜у搧*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyaboutpro>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #ff0000 solid;color: #ff0000;font-size: 18px;font-weight: bold;background:url(../images/nyaboutproico.png) no-repeat left;} #abprolist{margin:20px 0;} #abprolist li{padding:0 10px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#ff0000;} #abprolist li a:hover p{background:#ff0000;color:#fff;} /* 鏍囩 */ .pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;} .pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;} .pro_key a:hover{background:#ff0000;} /* 鍒嗕韩鎸夐挳 */ .jiathis{padding-top:10px;height:35px;line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;} .jiathis .jiathis_txt{float: left;} /* 涓婁笅椤垫寜閽 */ .ny-page{overflow: hidden;margin-bottom:30px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /* 鎼滅储妯″潡 */ .nysearch-ul{overflow: hidden;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #ff0000;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #ff0000;} .nysearch-til>a:hover{background:#333;} .nysearch-til>a:hover .nysearch-arrow{border-left-color:#333;} .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} .nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{background: #ff0000;left:10px;} /*鑱旂郴鎴戜滑*/ .product-inlist{background-color:#f6f6f6;} .contact_meg {float:right;width:50%;height:510px;z-index:3;background:#f6f6f6;} .meg_con .title2 {font-size:28px;color:#333333;max-width:510px;margin-bottom:24px;margin-top:35px;font-weight:bold;} .meg_con .tel {padding:13px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:510px;font-size:30px;} .meg_con .tel img {display:inline-block;} .meg_con .megs {margin-top:20px;font-size:15px;line-height:36px;} .meg_con {width:100%;z-index:3;padding-left:8%;padding-right:4%;box-sizing:border-box;} .my-map {margin:0 auto;width:50%;height:510px;float:left;} .amap-container {height:100%;} @media only screen and (max-width:1199px) { .meg_con {width:100%;position:unset;padding-left:5%;box-sizing:border-box;} .meg_con .title2, .meg_con .tel{max-width: initial;width: 100%;} .contact_meg {width:100%;float:none;height:auto;padding-bottom:40px} .my-map {margin:0 auto;width:100%;height:400px;float:none;} } @media only screen and (max-width:991px) { .product-inlist>div{margin-bottom: 0 !important;} .product-inlist{margin-bottom: 0;} } @media only screen and (max-width:768px) { .meg_con .title2 {margin-bottom:16px;margin-top:20px;font-size:24px;} .meg_con .megs {font-size:14px;line-height:30px;} .meg_con .tel {padding:10px 0;font-size:20px;} .meg_con .tel img {width:26px;} .meg_con .megs {margin-top:10px;} .meg_con .tel img {width:20px;margin-bottom:0;} .meg_con .title2 {font-size:22px;} .product-inlist {margin-top:10px;} } /*缈婚〉鏍峰紡*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#ff0000; display: inline-block; } .metpager_5 a:hover { border:1px solid #ff0000; color:#fff; background-color:#ff0000;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current {padding:2px 8px 2px 8px;margin:2px;color:#fff;background: #ff0000;border: 1px solid #ff0000;text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} @media (max-width:767px){ .digg4>span:nth-child(-n+2){display:none;} } .lianxi_m {overflow: hidden;margin-top: 10px;margin-bottom: 24px;background: #f5f5f5;} .lianxi_m .lianxi_ml {width: 410px;float: left;background: #ff0000;color: #fff;padding: 30px 40px 30px 40px;overflow: hidden;} .lianxi_m .lianxi_ml .lianxi_ml_m { overflow: hidden;font-size: 36px;font-weight: bold;line-height: 52px;margin-bottom: 18px; color: #fff; } .lianxi_m .lianxi_ml .lianxi_ml_s { width: 310px;border: solid 2px #fff;font-size: 26px;font-family: Arial, Helvetica, sans-serif;text-align: center;margin-bottom: 18px;line-height: 55px; } .lianxi_m .lianxi_ml .lianxi_ml_en { font-family:'Arial';font-size: 24px;line-height: 40px; } .lianxi_mr {float: right;position: relative;width: calc(100% - 470px);} .lianxi_mr_i {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 100px;font-weight: 89;margin-left: -28px;line-height: normal;color: #999;position: absolute;overflow: hidden;margin-top: 20px;} .lianxi_m .mr_i {font-size: 100px;line-height: 200px;margin-top: 100px;margin-left: calc(100% - 690px); position: absolute; right:30px;} .lianxi_mr_m {width: calc(100% - 69px);float: left;overflow: hidden;padding-left: 22px;padding-right: 10px;padding-top: 38px;line-height: 28px;color: #666;font-size: 16px;text-align:left} .lianxi_mr_m span {font-size: 24px;font-weight: bold;line-height: 60px;color: #ff0000;} .contact_ny ul { background: #fff; overflow: hidden; border-right: none;} .contact_ny ul li {float: left;width:33.3333%;height: 140px;border-width: 1px 0 1px 1px;border: 1px solid #ececec;padding:35px;text-align: left;box-sizing: border-box; } .contact_ny ul li em {float: left;display: inline-block;width: 51px;height: 51px;margin-right: 9px;margin-top: 6px;} .contact_ny ul li h5 {color: #ff0000;margin-bottom: 10px;font-size: 18px;font-weight: bold;} .nysss1{} .leftnav{padding: 0;} .leftnav .pronav-a1{border: 1px solid #cccc;padding: 6px 7px;display: inline-block;width: 100%;} .leftnav .pronav-a1 a{float: left;width: 100%;line-height: 24px;font-size: 16px;background: #f5f5f5;margin: 5px 0;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .leftnav .pronav-a1 a.cur, .leftnav .pronav-a1 a:hover{background:#ff0000;color:#fff;} .sss2tit{ background: #ee3333;} .sss2tit h2{ color: #fff; font-weight: bold; padding: 40px 0; font-size: 36px; padding-left: 20px;} .kfc{ border-bottom: 2px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; margin-top: 10px;} .kfc span{} .kfc em{padding-left: 20px;background: url(../images/icon_home.png) left no-repeat;} .kfc a{} @media(max-width: 1199px) { .lianxi_m .lianxi_ml { width: 400px; } .lianxi_mr_i { display: none; } .lianxi_mr { width: calc(100% - 400px); } } @media(max-width: 991px) { .contact_ny ul li { width: 50%; } .lianxi_mr { width: calc(100% - 360px); } .lianxi_m .lianxi_ml { width: 360px;padding: 30px 20px 30px 20px; } .lianxi_mr_m{ width: 100%; } } @media(max-width: 767px) { .lianxi_m .lianxi_ml { width: 100%;float: none; overflow: hidden; padding: 20px 20px 20px 20px;} .lianxi_mr { width: 100%;float: none; overflow: hidden;} .contact_ny ul li{ width: 100%; } .lianxi_mr_m { padding-top: 15px; padding-bottom: 20px; } .lianxi_m .lianxi_ml .lianxi_ml_m { font-size: 24px; } .lianxi_m .lianxi_ml .lianxi_ml_s { width: 290px; line-height: 48px; font-size: 24px; } .lianxi_m .lianxi_ml .lianxi_ml_en { font-size: 20px; line-height: auto; } .leftnav{ display:none; } } .recruitListBox {overflow: hidden;} .recruitTitle {height: 60px;line-height: 60px;background: #ffffff;margin-bottom: 20px;} .recruitTitle .text {color: #444444;font-size: 0;font-weight: bold;overflow: hidden;} .recruitTitle .text span {width: 14.2857%;display: inline-block;padding-left: 60px;font-size: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;} .recruitTitle .text span.xq {float: right;display: inline;text-align: right;padding-right: 60px;} .recruitListDl {overflow: hidden;} .recruitListDl dd {overflow: hidden;margin-bottom: 20px;} .recruitListDl dd .recruitT {overflow: hidden;height: 60px;line-height: 60px;cursor: pointer;transition: all .3s;-webkit-transition: all .3s;} .recruitListDl dd .recruitT .text {background: #f5f5f5;font-size: 0;color: #666666;overflow: hidden;font-size: 16px;font-weight: bold;} .recruitListDl dd .recruitT .text span.recruitIcon {font-weight: bold;font-size: 20px;text-align: center;background: url(../images/right.png)no-repeat center right 60px;background-size: 8px 14px;transition: all 0.3s;-webkit-transition: all 0.3s;} .recruitListDl dd:hover .recruitT .text span.recruitIcon {background: url(../images/righth.png)no-repeat center right 60px;background-size: 8px 14px;} .recruitListDl dd.active .recruitT .text span.recruitIcon {background: url(../images/xia.png)no-repeat center right 60px;background-size: 14px 8px;} .recruitListDl dd .recruitT .text span.xq {float: right;display: inline;text-align: right;padding-right: 60px;} .recruitListDl dd .recruitT .text span {width: 50%;display: inline-block;height: 60px;overflow: hidden;padding-left: 60px;font-size: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;} .recruitListDl dd .recruitT .text span.money {color: #e89214;} .recruitListDl dd.active .recruitT .text span.money {color: #fff;} .recruitListDl dd.active .recruitC { display:block !important; } .recruitListDl dd .recruitC {overflow: hidden;font-size: 14px;color: #999999;display: none;background: #f5f5f5;} .recruitText {overflow: hidden;margin: 20px 60px 0;border-bottom: 1px solid #f5f5f5;} .recruitText .rectext {font-size: 14px;color: #666666;line-height: 26px;} .recruitBtn {overflow: hidden;padding: 20px 60px 20px 60px;} .recruitBtn a {display: inline-block;height: 42px;line-height: 42px;float: left;border-radius: 4px;overflow: hidden;padding: 0 48px;background: #ff0000;font-size: 16px;color: #FFF;transition: all .3s;-webkit-transition: all .3s;/* font-weight: bold; */} .recruitBtn a:hover {border-radius: 10px;} .recruitTitleUl {overflow: hidden;padding: 15px 60px;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #d9ebe2;} .recruitTitleUl li {width: 25%;float: left;display: inline;height: 40px;line-height: 40px;overflow: hidden;} .recruitTitleUl li .title1 {font-size: 16px;color: #555555;margin-right: 20px;font-weight: bold;} .recruitTitleUl li .info {font-size: 16px;color: #999999;} .recruitListDl dd:hover .recruitT .text, .recruitListDl dd.active .recruitT .text, .recruitListDl dd:hover .recruitT .text span.money {background: #ff0000;color: #FFF;} .newskkk1{padding: 0px 32px;} .zzz1{ display:none; } .ddd1{ display: inline-block !important; } @media(max-width: 992px) { .recruitTitleUl li { width: 50%; } } @media(max-width: 767px) { .recruitTitleUl { padding:10px 25px; } .recruitTitleUl li .info { font-size: 14px; } .recruitTitleUl li .title { font-size: 14px; font-weight: normal; margin-right: 0px; } .recruitText { margin:20px 25px 0; } .recruitBtn { padding: 25px; } .recruitListDl dd .recruitT .text span { padding-left: 25px; } .recruitListDl dd .recruitT .text span.xq { padding-right: 25px; } .recruitListDl dd .recruitT .text span.recruitIcon { background: url(../images/right.png)no-repeat center right 25px; } .recruitListDl dd:hover .recruitT .text span.recruitIcon {background: url(../images/righth.png)no-repeat center right 25px;} .recruitListDl dd.active .recruitT .text span.recruitIcon { background: url(../images/xia.png)no-repeat center right 25px; } .newskkk1{ padding:0 } .zzz1{ display:block; } }