@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(206deg 100% 32%); -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: #892024;} 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 (max-width:767px) { .container{padding-left: 10px;padding-right: 10px;width: 100%;} .row{margin-left: -10px;margin-right: -10px;} } /*头部*/ .head{ width:100%; height:90px; position:fixed; top:0; left:0; z-index:9999; background:#fff;border-bottom: 1px solid #ccc;} .header_space{ width:100%; height:90px;} /*头部logo*/ .logo{ float:left; margin-top:23px;} .logo img{height: 44px;} @media only screen and (max-width: 414px) { .head,.header_space{height: 65px!important;} .logo{ margin-top:10px} .kjh{padding-top: 65px!important} } @media only screen and (max-width: 379px) { .logo{margin-top: 15px;} .logo img{height: 35px;} } .nav{ float:right;height:90px; position:relative} #shop { float:right; height:100%; margin-left:15px; } #shop i{ display:block; ; float:left; cursor:pointer; font-style:normal} #shop #head-search{width:50px; height:100%; background: no-repeat center;} #shop #head-nav{ width:95px; height:32px; border:1px solid #dcdcdc; margin-top:29px; font-size:14px; color:#999; line-height:32px; text-indent:12px; background: no-repeat 74px center #fafafa;} #shop #m-head-nav{height: 16px;position: relative;float: left;display:none;margin-left: 20px;margin-top: 36px;width: 24px;} #shop #m-head-nav .line{width: 24px;height: 2px;background-color: #892024;position: absolute;left: 0px;top: 7px;} #shop #m-head-nav .line1{margin-top: -7px;} #shop #m-head-nav .line3{margin-top: 7px;} #shop #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);} #shop #m-head-nav[data-active="on"] .line2{display: none;} #shop #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);} #shop a{ display:block; width:28px; height:96px; float:left;} #shop .btn-search{position:absolute; top:30px; right:0px; width:28px; height:28px; background: no-repeat center} #shop .btn-lang {position:absolute;top:30px; right:48px; width:28px; height:28px; background: no-repeat center} #nav{ float:right;} #nav>li{float:left;position: relative;} #nav>i{float: left;line-height: 90px;font-style: normal;color: #a0a0a0;font-size: 12px;} #nav>li>a{position:relative; z-index:2; display:block; width:100%; height:100%; padding:0 10px; font-size:14px; line-height:90px; text-align:center; color:#222; -webkit-transition:color 200ms; transition:color 200ms;} .nav2{position: absolute;top: 88px;left: 50%;margin-left:-60px;border-top: 2px solid #872024;background: #fff;width: 120px;box-shadow: 0 3px 5px 1px rgba(0,0,0,.2);z-index: 999999;display: none;} .nav2li{height: 40px;font-size: 14px;line-height: 40px;border-top: 1px solid #ddd;text-align: center;} .nav2li:first-child{border:0} .nav2name{display: block;color: #444444;padding: 0 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;-webkit-transition: all .3s;} .nav2name:hover{background-color: #e5e5e5;color: #892024;} #nav>li.on>a, #nav>li:hover>a{background:#600624;color:#fff;} #nav>li:hover>.nav2{display: block;} @media only screen and (max-width: 1200px) { #nav{ display:none} #shop #m-head-nav{ display:block} } @media only screen and (max-width: 500px) { #shop { margin-left:0px; } } @media only screen and (max-width: 460px) { #shop #head-nav{width: 50px;height: 100%;background: no-repeat center;border:none;margin-top: 0;font-size: 0;} } @media only screen and (max-width: 414px) { .nav{ height:65px;} #shop #head-search, #shop #head-nav{width: 35px;} #shop #m-head-nav{ margin-top:24.5px; margin-left:10px;} .mm-nav-box{ top:65px!important;} } .q_search {position: fixed;z-index: 88888;width: 100%;height: 100%;left: 0px;top: 0px;background: #000;opacity: 0.8;filter: alpha(opacity=80);} .q_search .wrap{ height:100%; position:relative;} .q_search a {cursor: pointer;position: absolute;z-index: 8888} .sousuo_an {position: relative;top: 5px;cursor: pointer;} .sousuo_kuang {margin: 0 auto;text-align: center;width: 100%;height: 100%;position: relative;} .sousuo_kuang .kuang {width:100%; position:absolute; top: 169px;left: 0;height: 68px;border: 1px solid #535353;z-index: 9999;} .sousuo_kuang .kuang .text {border: none;background: none;font-size: 36px;font-family: arial, helvetica, sans-serif;color: #a7a7a7;height:68px;line-height:68px;padding: 15px 2%;width: 80%;float: left;} .sousuo_kuang .kuang .searchgo {border: none;width: 7%;margin-right: 1%;height: 68px;background: no-repeat center;background-size: 50% auto;min-width: 40px;cursor: pointer;} .q_search .guanbi {width: 37px;height: 37px;background: no-repeat center;position: fixed;right: 3%;top: 50px;cursor: pointer;z-index: 99;} @media only screen and (max-width: 414px) { .sousuo_kuang .kuang .text{font-size: 18px;} } /*侧边栏*/ .mask{width:100%;height:100%;background:#000;-webkit-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);z-index:900;position:fixed;top:0;left:0;display:none;} .sitemap{width:360px; height:100%; background:#fff;z-index:99999999;position:fixed;right:-100%;top:0; } .sitemap-con{width:100%; height:100%; overflow-y: scroll;} .sitemap-head{width:100%;height:90px;padding:0 24px; background:#892024;} .sitemap-head h2{font-size: 16px;color:#fff;line-height:90px;float:left;} .sitemap-head a.sitemap-close{width:46px;height:46px;background: no-repeat center center;float:right;margin-top:22px;} .sitemap-nav{width:100%;padding:10px 24px;} .sitemap-nav dl{width:100%; padding:10px 0;margin-bottom:8px;border-bottom:2px #f4f4f4 solid;} .sitemap-nav dt{font-size:16px;color:#333333; padding-bottom:10px;} .sitemap-nav dd{float:left;margin:0px 20px 5px 0px;} .sitemap-nav dd a{font-size:13px;color:#999999;} .sitemap-nav dd a:hover{ color:#892024} .sitemap-code{ width:100%; padding:0 24px} .sitemap-code .text{ padding-left:30px; color: #666; font-size: 13px; line-height:26px; height:26px; background-image: ; background-repeat:no-repeat; background-position:center left; background-size:auto 100%; margin-bottom:10px;} .sitemap-code .code{ width:180px;line-height: 30px;padding-left: 30px;} .kjh{ padding-top:90px; } @media only screen and (max-width: 414px) { .sitemap{ width:100%;} .sitemap-head{ height:65px} .sitemap-head h2{ line-height:65px;} .sitemap-head a.sitemap-close{ width:30px; height:30px; margin-top:17.5px} } /*小屏幕导航*/ .mm-nav-box{overflow:hidden;position: fixed;top: 90px;right: 0;width: 100%;height: 100%;z-index: 998;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);} .mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;bottom:90px;overflow:hidden;overflow-y:auto;width: 40%;padding-bottom: 15px;z-index: 100;} .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-wrap ul{background:#fff;} .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 .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.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:#892024} .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:#892024} .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;} @media only screen and (max-width: 1200px){ .mm-nav-box {display: block;} } @media only screen and (max-width: 800px){ .mm-nav-box .mm-nav .li1 .mm-title{height: 45px;line-height: 45px;} } @media only screen and (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 only screen and (max-width: 414px) { .mm-nav-box .mm-wrap{ bottom:65px!important;} } /* 轮播图 */ #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(199 198 198 / 80%);position:relative;margin:0 6px;} #banner .swiper-pagination-bullet-active{background: #005ba2;width: 32px;} #banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(/uploads/image/sipage/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(/uploads/image/sipage/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;} } /*搜索*/ .search { line-height: 72px; height: 72px; display: block; background: #f5f5f5; overflow: hidden;} .search .gjc {float: left;padding-left: 36px;background: url(/uploads/image/simages/dianzan.png) 6px no-repeat;} .search .gjc em { font-size: 18px; color: #2b82e3; font-weight: bold; } .search .gjc span {font-size: 14px;color: #666666;} .search .gjc a { font-size: 14px; color: #666666; } .search .gjc a:hover { color: #2b82e3; } .search .sc { float: right; } .search .sc form {width: 360px;height: 50px;border:1px solid #e5e5e5;background: #ffffff;display: block;border-radius: 30px;margin-top: 10px;} .search .sc form .tt {font-size: 14px;color: #999;float: left;line-height: 50px;padding-left: 25px;width: 72%;border: none;} .search .sc form .s_bt {float: right;width: 28%;line-height: 48px;height: 48px;color: #fff;text-align: left;display: block;border-radius: 30px;background: url(/uploads/image/simages/ss.png)no-repeat 16px #005ba2;padding-left: 44px;} @media(max-width: 1430px) { .search .gjc{width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .search .sc{ width:40% } } @media(max-width: 1200px) { .search .sc form{ width:320px; } .search .sc form .s_bt{width: 86px;} } @media(max-width: 992px) { .search .sc form {width: 100%;} .search .sc form .s_bt{ width: 78px; padding-left: 36px;background: url(/uploads/image/simages/ss.png)no-repeat 12px #005ba2;} } @media(max-width: 767px) { .search { height: auto; padding-left: 10px;padding-right: 10px; } .search .gjc em { display: none; } .search .gjc { width: 100%; height: 42px; line-height: 42px; overflow: hidden; } .search .gjc span { color: #2b82e3; } .search .sc { float: none; display: inline-block; margin: 0 auto; width: 100%; } .search .sc form { margin: 15px auto 0px auto; } } @media(max-width: 500px) { .search { line-height: normal; } .search .sc form {margin: 5px auto 10px auto;width: 100%;} } /* 首页标题 */ .title{position: relative;padding-bottom: 18px;border-bottom: 1px solid #e5e5e5;} .title h2{color: #333;font-size: 24px;} .title a{position: absolute;right: 0;bottom: 18px;color: #999;} .title a:hover{color: #892024;} @media screen and (max-width: 767px) { .title{padding-bottom: 10px} .title a{bottom: 10px;} } /* */ #indexcon1{ padding: 45px 0 50px;} #indexcon1>.container{ display: flex;} .news-swiper-container{ overflow: hidden;position: relative;margin-top: 30px;} .news-swiper-container .swiper-slide a{ position: relative;display: block;} .news-swiper-container .swiper-slide a img{ width:100%;} .news-swiper-container .swiper-slide a p{ position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;background: 0 center repeat-x;background-size: auto 100%;} .news-swiper-container .swiper-slide a p span{ display: block;padding-left: 15px;padding-right: 80px;font-size: 16px;color: #fff;} .news-swiper-container .news-swiper-pagination{ position: absolute;right: 10px;bottom: 10px;height: auto;z-index: 10;left: auto;width: auto;} .news-swiper-container .news-swiper-pagination .swiper-pagination-bullet{ display: inline-block;width: 10px;background: #fff;height: 10px;margin-left: 9px;margin-right: 0;border-radius: 50px;opacity: 1;} .news-swiper-container .news-swiper-pagination .swiper-pagination-bullet-active{ width: 18px;background: #d5c088;} .indexcon1-tag1-ul{} .indexcon1-tag1-ul li{ margin-top: 30px;} .indexcon1-tag1-ul li p{ font-size: 15px;color: #892024;margin-bottom: 5px;} .indexcon1-tag1-ul li a{ display: block;color: #444;font-size: 18px;margin-bottom: 10px;} .indexcon1-tag1-ul li span{ color: #999;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexcon1-tag1-ul li a:hover{ color: #892024;} .indexcon1-tag2-ul{} .indexcon1-tag2-ul li{overflow: hidden;padding: 12px 0;} .indexcon1-tag2-ul .tag2-txt{float: left; width: calc(100% - 90px);} .indexcon1-tag2-ul .tag2-txt a{color: #444;font-size: 16px;line-height: 22px;height: 44px;margin-bottom: 11px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexcon1-tag2-ul .tag2-txt p{font-size: 12px;color: #888;} .indexcon1-tag2-ul .tag2-time{width: 70px;height: 72px;border: 1px solid #892024;border-radius: 5px;float: right;color: #892024;cursor:default;transition: all .3s;-webkit-transition: all .3s;} .indexcon1-tag2-ul .tag2-time span{font-family: arial;font-size: 30px;font-weight: bold;line-height: 30px;} .indexcon1-tag2-ul .tag2-time p{font-family: arial;font-size: 12px;font-weight: bold;} .indexcon1-tag2-ul .tag2-txt a:hover{color: #892024;} .indexcon1-tag2-ul li:hover .tag2-time{background-color: #892024;color:#fff;} .indexcon1-tag3{flex:1;margin-left: 30px;} .indexcon1-tag3>a{background: url(/uploads/image/simages/tag3-imgbg.jpg) no-repeat center bottom;width: 100%;height: 100%;padding: 0 20px;} .tag3-more{width: 240px;height: 50px;margin: 0 auto;color: #fff;line-height: 50px;font-size: 18px;background-color: #d1c186;border-radius: 25px;text-align: center;margin-top: 120px;transition: all .5s;-webkit-transition: all .5s;} .tag3-more:hover{width: 260px;letter-spacing: 3px;} @media screen and (max-width: 1199px) { .indexcon1-tag1-ul li{margin-top: 55px;} } @media screen and (max-width: 991px) { #indexcon1>.container{flex-wrap: wrap;align-content: flex-start;} .indexcon1-tag1, .indexcon1-tag2{margin-bottom: 20px;} .indexcon1-tag1-ul li{margin-top: 45px;} .indexcon1-tag3{margin-left: 0;} .indexcon1-tag3>a{padding: 100px 20px;} } @media screen and (max-width: 767px) { #indexcon1{padding: 15px 0;} .indexcon1-tag1, .indexcon1-tag2{padding: 0px !important;} .news-swiper-container{margin-top: 10px;} .indexcon1-tag1-ul li{margin-top: 15px;} } @media screen and (max-width: 420px) { .tag3-more{margin-top: 70px;} } #indexcon2{ padding: 35px 0 40px;background-color: #f8f8f8; } .indexcon2-nav{ position: relative; } .indexcon2-nav::after{ content: '';position: absolute;right: 0;width: 1px;height: 80%;background-color: #ddd;top: 20px;} .indexcon2-nav li{} .indexcon2-nav li>a{ font-size: 16px;color: #666;width: 125px;height: 30px;line-height: 30px;display: block;text-align: center;margin: 0 auto 12px;} .indexcon2-nav>a{ font-size: 16px;color: #892024;width: 125px;height: 30px;line-height: 30px;display: block;text-align: center;margin: 0 auto;} .indexcon2-nav li.on a{ background-color: #892024;color: #fff;} .indexcon2list{ margin-top: 30px;} .indexcon2list li{ border: 1px solid #dcdcdc;} .indexcon2list li .newslist-txt{ padding: 30px 15px;background-color: #fff;border-bottom: 1px solid #dcdcdc;} .indexcon2list li .newslist-txt p{ font-size: 16px;color: #444;line-height: 25px;height: 50px;margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexcon2list li .newslist-txt span{ color: #999;font-size: 14px;line-height: 20px;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexcon2list li .newslist-time{ padding: 10px 18px;background-color: #f9f9f9;color: #999;transition: all .3s;-webkit-transition: all .3s;} .indexcon2list li .newslist-time p{ font-size: 14px;} .indexcon2list li .newslist-time p i{ float: right;font-style: normal;} .indexcon2list li:hover .newslist-time{ background-color: #892024;color: #fff;} .indexcon2list .owl-dots{ font-size: 0;text-align: right;margin-top: 25px;} .indexcon2list .owl-dots .owl-dot{ display: inline-block;width: 16px;height: 16px;border-radius: 50%;background-color: #a0a0a0;margin-left: 12px;} .indexcon2list .owl-dots .owl-dot.active{ background-color: #892024;} @media (max-width: 991px) { .indexcon2-nav::after{ display: none; } .indexcon2-nav li{ width: 33.33%;float: left; } .indexcon2-nav li>a{ width: auto;margin-bottom: 0;height: 40px;line-height: 40px; } .indexcon2-nav>a{ display: none; } } @media (max-width: 767px) { #indexcon2{ padding: 20px 0; } #indexcon2>.container>div[class^="col-"]{ padding: 0; } .indexcon2list .owl-dots{ text-align: center; } } @media (max-width: 360px) { .indexcon2-nav li>a{ font-size: 14px; } } /* footer */ footer{} #footer{padding: 45px 0 35px; background: #313131;} .footer-info{width: 300px;float: left;} .footer-tel{float: left;} .footer-tel p{color: #999;font-size: 14px;} .footer-tel h3{color: #fff;font-size: 24px;} .footer-tel .onlitel{background: url(/uploads/image/simages/onlitel.jpg) no-repeat;width: 124px;height: 32px;display: block;margin-top: 14px;} .footer-map{margin-top: 7px;} .footer-map a{color: #fff;font-size: 12px;} .footer-map a:hover{color: #892024;} .footer-img{float: right;} .footer-img img{width: 96px;height: 96px;display: block;} .footer-img p{color: #fff;font-size: 12px;text-align: center;line-height: 25px;} .footer-nav{float: right;width: calc(100% - 350px);} .footer-nav ul{border-bottom: 1px solid #959595;font-size: 0;} .footer-nav ul li{color: #999;font-size: 18px;display: inline-block;margin-right: 30px;cursor: pointer;position: relative;padding-bottom: 8px;} .footer-nav ul li:last-child{margin-right: 0;} .footer-nav ul li.on{color: #fff;} .footer-nav ul li.on::after{content: '';position: absolute;left: 0;bottom: -2px;width: 100%;height: 4px;background-color: #959595;} .footer-one{padding: 0 5px;font-size: 0;margin-top: 18px;display: none;} .footer-one a{display: inline-block;font-size: 15px;color: #ccc;margin-right: 28px;line-height: 25px;} .footer-one a:last-child{margin-right: 0;} .footer-one a:hover{color: #892024;} #footer-copy{text-align: center;padding: 10px;background-color: #1b1b1b;color: #888;font-size: 13px;} #footer-copy a{color: #888;} #footer-copy a:hover{color: #892024;} @media (max-width: 1259px) { .footer-one a{margin-right: 21px;} } @media (max-width: 767px) { .footer-info{float: none;margin:0 auto} .footer-nav{display: none;} } @media (max-width: 1440px){ } @media (max-width: 1366px){ } @media (max-width: 1200px){ } @media (max-width: 1024px){ } @media (max-width: 991px){ } @media (max-width: 767px){ } @media (max-width: 500px){ } @media (max-width: 425px){ } @media (max-width: 375px){ } /* */ .fchuang{position: fixed;right: 25px;top: 50%;width: 94px;z-index: 1000;background-color: #fff;margin-top:-104px;} .fchuang-1{width: 94px;height: 104px;border:1px solid #e6e6e6;position: relative;} .fchuang-1 p{font-size: 16px;color: #666;margin-top: 5px;} .fccode{position: absolute;left: -158px;top:0;width: 150px;height:208px;border:1px solid #e6e6e6;text-align: center;background:#fff;display: none;} .fccode img{max-width: 100%;} .fccode span{font-size: 16px;color: #333;line-height: 25px;} .fchuang-1:hover .fccode{display: block;} .fchuang-2{width: 94px;height: 104px;border:1px solid #e6e6e6;border-top: none;} .fchuang-2 p{font-size: 16px;color: #666;margin-top: 5px;} @media (max-width: 1440px){ } @media (max-width: 1366px){ } @media (max-width: 1200px){ } @media (max-width: 1024px){ } @media (max-width: 991px){ } @media (max-width: 767px){ } @media (max-width: 500px){ } @media (max-width: 425px){ } @media (max-width: 375px){ } /* */ @media (max-width: 1440px){ } @media (max-width: 1366px){ } @media (max-width: 1200px){ } @media (max-width: 1024px){ } @media (max-width: 991px){ } @media (max-width: 767px){ } @media (max-width: 500px){ } @media (max-width: 425px){ } @media (max-width: 375px){ } /* */ @media (max-width: 1440px){ } @media (max-width: 1366px){ } @media (max-width: 1200px){ } @media (max-width: 1024px){ } @media (max-width: 991px){ } @media (max-width: 767px){ } @media (max-width: 500px){ } @media (max-width: 425px){ } @media (max-width: 375px){ } /* */ @media (max-width: 1440px){ } @media (max-width: 1366px){ } @media (max-width: 1300px){ } @media (max-width: 1200px){ } @media (max-width: 1024px){ } @media (max-width: 991px){ } @media (max-width: 767px){ } @media (max-width: 500px){ } @media (max-width: 425px){ } @media (max-width: 375px){ } /* */ @media (max-width: 1440px){ } @media (max-width: 1366px){ } @media (max-width: 1300px){ } @media (max-width: 1200px){ } @media (max-width: 1024px){ } @media (max-width: 991px){ } @media (max-width: 767px){ } @media (max-width: 500px){ } @media (max-width: 425px){ } @media (max-width: 375px){ } /* */ @media (max-width: 1409px) { } @media (max-width: 1309px) { } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 500px) { } @media (max-width: 376px) { } /*sss5*/ @media (max-width: 1440px){ } @media (max-width: 1366px){ } @media (max-width: 1200px){ } @media (max-width: 1024px){ } @media (max-width: 991px){ } @media (max-width: 767px){ } @media (max-width: 500px){ } @media (max-width: 425px){ } @media (max-width: 375px){ } /* 尾部广告 */ @media(max-width: 1369px) { } @media(max-width: 1269px) { } @media(max-width: 1199px) { } @media(max-width: 991px) { } @media(max-width: 660px) { } @media(max-width: 500px) { } @media(max-width: 400px) { } /* 通用配置 */ .owl-rela{position:relative;} .owl-prev, .owl-next{display:block;width:30px;height:68px;background:url(/uploads/image/simages/pro-jtbn.png) no-repeat;position:absolute;top:50%;margin-top:-34px;text-indent:-99999999px;opacity:0.4;transition:all .3s;-webkit-transition:all .3s;} .owl-prev{left:-30px;} .owl-next{right:-30px;transform: rotate(180deg);} .owl-prev:hover, .owl-next:hover{opacity:1;} @media (max-width:800px){ .owl-prev, .owl-next{display:none;} } /* 图片封面动画 */ .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;} /**/ #ftlx{ background: #f4f7f9; padding: 20px 0px;} #ftlx ul{} #ftlx ul li{padding-top: 10px;padding-bottom: 10px;border-right: 1px solid #ccc;padding-left: 98px;} #ftlx ul li:nth-child(1){ background: url(/uploads/image/simages/ftlx-img.png) 54px 6px no-repeat;} #ftlx ul li:nth-child(2){ background: url(/uploads/image/simages/ftlx-img1.png) 54px 6px no-repeat;} #ftlx ul li:nth-child(3){padding-left:0;padding: 24px 0;border-right: none;} #ftlx ul li h2{font-size: 20px;padding-bottom: 10px;color: #555;} #ftlx ul li p{ width: 72%; font-size: 16px; color: #666;} #ftlx ul li a{ border: 1px solid #ccc; padding: 10px 48px; border-radius: 24px; font-size: 20px; display: inline-block; position: relative; left: 50%; transform: translatex(-50%);} #ftlx ul li a:hover{ background:#892024; color:#fff } /* 底部 */ #ftdb{ background: center no-repeat; padding: 50px 0;} .ftlogo{ padding-top: 36px;} .ftlogo img{} .ftnav{} .ftnav .ftbt{} .ftnav .ftbt h2{ font-size: 20px; padding-bottom: 16px; color: #fff;} .ftnav .ftbt ul{} .ftnav .ftbt ul li{ float: left; padding-right: 20px;} .ftnav .ftbt ul li a{font-size: 14px;color: #fff;} .ftnav .ftkkk{ padding-top: 36px;} .ftnav .ftkkk p{color: #fff;font-size: 14px;line-height: 24px;} .ftnav .ftkkk p a{ color: #fff; } .ftewm{ position: relative;} .ftewm p{ color: #fff; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; position: absolute; left: 66px; top: 16px;} .ftewm img{ float: right;} .flink{ background: #f4f7f9;} .flink span{ line-height: 54px; font-size: 16px;} .flink a{} @media only screen and (max-width: 1440px){ .ftewm p{ left: 50px;} } @media only screen and (max-width: 1366px){ .ftewm p{left: 26px;} #ftdb{ padding: 42px 0;} #ftlx ul li p{width: 82%;} } @media only screen and (max-width: 1269px){ } @media only screen and (max-width: 1199px){ #ftlx ul li{ padding-left: 72px;} #ftlx ul li:nth-child(1){background: url(/uploads/image/simages/ftlx-img.png) 30px 6px no-repeat;} #ftlx ul li:nth-child(2){background: url(/uploads/image/simages/ftlx-img1.png) 30px 6px no-repeat;} .ftewm p{ left: -16px;} } @media only screen and (max-width: 991px){ #ftdb{padding: 30px 0;} .ftewm p{left: -32px;top: 4px;} #ftlx ul li{padding-left: 42px;} #ftlx ul li p{width:100%;font-size: 14px;} #ftlx ul li:nth-child(1){ background: url(/uploads/image/simages/ftlx-img.png) 0px 6px no-repeat;/* border-bottom: 1px solid #ccc; */} #ftlx ul li:nth-child(2){ background: url(/uploads/image/simages/ftlx-img1.png) 0px 6px no-repeat;} #ftlx ul li a{padding: 8px 42px;font-size: 16px;} #ftlx ul li:nth-child(3){} } @media only screen and (max-width: 767px){ .ftlogo,.ftewm,.flink{ display:none; } #ftdb{ padding: 24px 0;margin-bottom: 45px;display: inline-block;} .ftnav .ftbt ul li{padding-right: 24px;line-height: 24px;} #ftlx ul li{padding-left: 42px;border-right: none;} #ftlx ul li p{ width:100% } #ftlx ul li:nth-child(1){ background: url(/uploads/image/simages/ftlx-img.png) 0px 6px no-repeat;/* border-bottom: 1px solid #ccc; */} #ftlx ul li:nth-child(2){ background: url(/uploads/image/simages/ftlx-img1.png) 0px 6px no-repeat;} #ftlx ul li a{padding: 8px 42px;font-size: 16px;left: auto;transform: translatex(0px);} #ftlx ul li:nth-child(3){padding: 12px 0;} .ftnav .ftkkk{padding-top: 16px;} #ftlx{padding:20px 10px;} #ftlx ul li h2{ font-size: 16px; } #ftlx ul li p{ font-size: 14px; } } @media only screen and (max-width: 680px){ } @media only screen and (max-width: 580px){ #ftdb{padding: 16px 0;} } @media only screen and (max-width: 470px){ } /* 手机底部按钮 */ .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #892024;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: #892024;float: left;position: relative;border-top:1px solid #333;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: #892024;} .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;margin-bottom: 32px;} #location span{ font-size: 16px; padding-left: 18px; background: url(/uploads/image/simages/nav_tb.png) left 4px no-repeat; line-height: 24px;} #location span em{ font-size: 14px; line-height: 54px;} #location span a{ font-size: 14px;} .crumbs{padding-left:20px;background:url(/uploads/image/sipage/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:#892024;} /* 内页导航 */ .nyjc{} .nyjc-til{padding:15px;color:#fff;background: #892024;} .nyjc-til p{font-size: 24px;} .nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;} #sidebar1{padding:10px;background: #fff;border: 1px solid #ccc;border-top: 0;} #sidebar1 li{margin-top: 10px;} #sidebar1 li:first-child{margin-top: 0px;} #sidebar1 li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;padding-left:12px;color: #666;background: #eee;} #sidebar1 li.cur a, #sidebar1 li:hover a{background: #892024;color: #fff;} #sidebar1 dt{margin-top: 10px;font-weight: normal;font-size: 16px;line-height: 40px;height: 40px;padding-left: 20px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;color: #666;background: #eee;cursor: pointer;} #sidebar1 dt:first-child{margin-top: 0px;} #sidebar1 dt>a{color: #666;display: block;font-size: 16px;} #sidebar1 dt.cur, #sidebar1 dt:hover{background: #892024;color: #fff;} #sidebar1 dt.cur a,#sidebar1 dt:hover a{color:#fff;} #sidebar1 dd{display: none;} #sidebar1 dd a{display: block;line-height: 35px;border-bottom: 1px dashed #ddd;background: url(/uploads/image/simages/iyuan.png) 5px center no-repeat;padding-left: 25px;margin-bottom: 5px;position: relative;color: #333;} #sidebar1 dd a.cur, #sidebar1 dd a:hover{background: url(/uploads/image/simages/iyuan_on.png) 5px center no-repeat;color:#892024;} .hotnews{padding:10px;} .hotnews p{font-size: 16px;color: #892024;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(/uploads/image/simages/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(/uploads/image/simages/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(/uploads/image/simages/iyuan_on.png) no-repeat left;color: #892024;} @media (max-width: 991px) { #sidebar1{border:0;} #sidebar1 li{width:25%;float:left;margin-top:0;border-bottom:1px solid #fff;border-right:1px solid #fff} #sidebar1 li:nth-child(4n){border-right:0} #sidebar1 li:nth-child(n 5){border-bottom:0} } @media (max-width: 767px) { #sidebar1{padding:0;margin-bottom:15px;} #location span{ margin-left:20px; } } #nyzs123{ padding:20px 0; } @media (max-width:767px) { #location{margin-bottom: 20px;background:#f3f3f3;border-bottom: 1px solid #ddd;box-shadow:none;} .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: 1740px){ .nybanner>div{height: 367px !important;} } @media (max-width: 1540px){ .nybanner>div{height: 390px !important;} } @media (max-width: 1440px){ .nybanner>div{height: 367px !important;} } @media (max-width: 1366px){ .nybanner>div{height: 315px !important;} #sidebar li{margin: 0 28px;} } @media (max-width: 1329px){ .nybanner>div{height: 315px !important;} } @media (max-width: 1199px){ .nybanner>div{height: 266px !important;} #sidebar li{ margin: 0 16px;} } @media (max-width: 991px){ .nybanner>div{height: 215px !important;} } @media (max-width: 767px){ .nybanner>div{height: 197px !important;} } @media (max-width: 700px){ .nybanner>div{height: 162px !important;} } @media (max-width: 580px){ .nybanner>div{height: 116px !important;} } @media (max-width: 420px){ .nybanner>div{height: 106px !important;} } @media (max-width: 374px){ .nybanner>div{height: 95px !important;} } /* 内页样式 */ #inside{padding-bottom:30px;padding-left:10px;padding-right:10px;overflow:hidden;} .bgf5{background:#f5f5f5;} .nocontect{background-image: url(/uploads/image/sipage/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;margin-bottom:20px;} @media (max-width:767px) { #inside{padding-bottom:30px;} } /* location */ .location{width: 100%;height: 48px;border-bottom: 1px solid #eee;} .location span{display:block;line-height: 48px;font-size: 14px;background: no-repeat 0 15px;text-indent: 20px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .location span a{color: #666;} .location span a:hover{color: #1267c1;} #proxqy{ padding-top:40px; } .kkk1{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin: 0 10px;margin-top: 0px;} .kkk1 h3{float: left;width: 300px;text-indent: 30px;height: 40px;line-height: 37px;border-bottom: 2px #1267c1 solid;color: #1267c1;font-size: 18px;font-weight: bold;background: url(/uploads/image/simages/p14-icon11.png) no-repeat 0 center;} /* 内页产品导航 */ #nyprozs{padding: 42px 0;padding-bottom: 0;} .nyprotit{ background: #1267c1; padding: 18px 0; margin-bottom: 1px;} .nyprotit h2{ color: #fff; margin-bottom: 10px; font-weight: bold; font-size: 32px;} .nyprotit p{ color: #fff; line-height: 24px; text-transform: uppercase;} #pronav{text-align: center;margin-bottom: 20px;} .pronav-a{position: relative;z-index: 999;background: #fff;border-bottom: 4px solid #1267c1;} .pronav-a dl ul{width: 100%;z-index: 9999;padding: 10px 0;display: flow-root;} .pronav-a dl ul li{float: left;width: 100%;line-height: 40px;text-align: left;background: url(/uploads/image/sipage/iyuan.png) no-repeat 10px 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pronav-a dl ul li a{color: #333;text-align: left;font-size: 16px;font-weight: normal;padding-left: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pronav-a dl ul li:hover{background: url(/uploads/image/sipage/iyuan.png) no-repeat 10px 18px #fff;} .pronav-a dl ul li:hover a{color: #1267c1;} .pronav-a dl:hover>a{background:#1267c1;} .pronav-a dl dl:hover>a{ color:#ffffff; } .pronav-a dl:hover ul{} .pronav-a dl{font-size: 22px;color: #fff;margin-bottom: 6px;font-weight: bold;text-align: left;line-height: 20px;} .pronav-a dl.cur, .pronav-a dl:hover{ } .pronav-a dl>a, .pronav-a dl>a{background: #f5f5f5;width: 100%;display: inline-block;line-height: 54px;padding-left: 24px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pronav-a dl>a.cur,.pronav-a dl:hover>a{color: #fff;background: #1267c1;} .nyhotpro{ width: 100%; overflow: hidden; margin-top: 20px;} .nyhotpro .nyjc-til{ background: #1267c1; padding: 24px 0;} .nyhotpro .nyjc-til h2{color: #fff;font-weight: bold;font-size: 32px;} .nyhotpro .nyjc-til p{color: #fff;font-size: 16px;font-family: arial;padding-top: 10px;} .nyhotpro .bd{ border: 1px solid #ccc;} .nyhotpro .bd ul{} .nyhotpro .bd ul li{padding: 16px;} .nyhotpro .bd ul li a{} .nyhotpro .bd ul li a img{width: 100%;border: 1px solid #ccc;} .nyhotpro .bd ul li a p{ line-height: 42px; font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} @media (max-width:1509px) { .pronav-a{display:block;} .pronav-a dl{/* display:inline-block; */padding: 0;} } @media (max-width:1409px) { .pronav-a dl{padding: 0;font-size:15px;} } @media (max-width:1309px) { .pronav-a{line-height:60px;} .pronav-a dl{padding: 0;font-size:14px;line-height: 20px;} .pronav-a dl>a, .pronav-a dl>a{ font-size: 16px; font-weight: normal; padding-left: 16px; line-height: 42px;} } @media (max-width: 991px) { #pronav{ display:none } #proxqy{ padding-top:24px; } #nyprozs{ padding-top:24px; } } @media (min-width:768px) and (max-width:1199px) { .pronav-a dl{display:block;float:left;width: 100%;line-height: 16px;} } @media (max-width:767px) { .pronav-a dl{display:block;float:left;width:25%;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} } @media (max-width:500px) { .pronav-a{line-height:40px;} } /**/ #inside .showproductli{margin-top: 20px;padding-bottom: 20px;} #inside .showproductli .showproductli_l { padding-left: 0px; } #inside .showproductli .showproductli_r h1{font-weight: bold;line-height: 2;color: #333;font-size: 32px;border-bottom: 3px solid #ddd;position: relative;} #inside .showproductli .showproductli_r h1::before{ position: absolute; content: ''; background-image: linear-gradient(to right, #005c9f, #005c9f); width: 40px; height: 3px; left: 0; bottom: -3px;} #inside .showproductli .showproductli_r>p{margin:25px 0; font-size: 16px; color: #666; line-height: 2; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} #inside .showproductli .showproductli_r .nyproshow-info p{font-size: 18px;color: #333;margin-top: 10px;line-height: 1.8;font-weight: bold;} #inside .showproductli .showproductli_r .nyproshow-info p span{display: block;color: #666;font-weight: normal;font-size: 16px;line-height: 2;} #inside .showproductli .showproductli_r .nyproshow-info p:last-of-type em{color: #666; font-weight: normal; font-size: 16px; line-height: 2;} #inside .showproductli .showproductli_r ul{overflow: hidden; margin-top: 20px;} #inside .showproductli .showproductli_r ul li { padding-left: 0px; } #inside .showproductli .showproductli_r ul li a{ background: #333; display: block; border-radius:50px; line-height: 3; color: #fff; text-align: center; font-weight: bold; padding-left: 24px;} #inside .showproductli .showproductli_r ul li.advisory a{background: url(/uploads/image/simages/advisory.png) no-repeat 36px 10px #005c9f;} #inside .showproductli .showproductli_r ul li.tel a{background: #333 url(/uploads/image/simages/tel.png) no-repeat 36px 10px ; } #inside .showproductli .showproductli_r ul li.tel:hover a{background: #005c9f url(/uploads/image/simages/tel.png) no-repeat 36px 10px ; } .lianxi_m {overflow: hidden;margin-top: 10px;margin-bottom: 24px;background: #f5f5f5;} .lianxi_m .lianxi_ml {width: 410px;float: left;background: #892024;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: #1267c1;} .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: #892024;margin-bottom: 10px;font-size: 18px;font-weight: bold;} @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; } #inside .showproductli .showproductli_r ul li{ margin-bottom:10px; } } /* 内页单页面标题 */ #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{border-left: 1px solid #f5f5f5;} .nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin:20px 0;} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #892024 solid;color: #892024;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:#892024;} .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{border-left: inherit;} } /* 内页项目 */ #nyitem{padding-bottom:30px;border-bottom:4px solid #892024;} #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: repeat-x bottom;} #nyitem ul>li a:hover .ser-img i{top:50%;} #nyitem ul>li a:hover p{font-weight:bold;color:#892024;} @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: #892024;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(/uploads/image/simages/scity-x.png) no-repeat left;margin: 20px 0;} #nypoint ul li a:hover{border-color:#892024;} #nypoint ul li a:hover span{color:#892024;background:url(/uploads/image/simages/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: no-repeat center / cover;} #nymessage h4{color:#892024;} #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;border-top: 4px solid #eb7714;} /* 热门标签 */ .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 #892024 solid;color: #892024;font-size: 18px;font-weight: bold;background:url(/uploads/image/sipage/ny-objs.png) no-repeat left;} .nycomtag>a{float:right;} .ghtag{padding-left:22px;background:url(/uploads/image/sipage/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(0 90 161 / 0.2);margin-right: 10px;transition: all ease 0.3s;} #tagac>a:hover{background-color: #892024;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 #892024 solid;color: #892024;font-size: 18px;font-weight: bold;background:url(/uploads/image/sipage/nyhotnewico.png) no-repeat left;} .nyhotnews-list{margin-top:10px;overflow:hidden;} .nyhotnews-list li{font-size: 14px;line-height: 30px;background: url(/uploads/image/sipage/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(/uploads/image/sipage/iyuan_on.png) no-repeat left;background-size: 8px;} .nyhotnews-list li:hover a{color:#892024;} /*视频列表*/ .nyvideo-ul{overflow:hidden;} .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:#892024;color:#892024;} /*视频详情*/ .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:#892024;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:#892024;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(/uploads/image/sipage/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: #892024;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(/uploads/image/simages/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);} .nybusiness{line-height: 40px;border-bottom: 1px #ccc solid;overflow:hidden;} .nybusiness>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #892024 solid;color: #892024;font-size: 18px;font-weight: bold;background:url(/uploads/image/sipage/ny-objs.png) no-repeat left;} #nybusinesslist{ display:block } #nybusinesslist{margin-bottom:20px;display: block;padding: 0px;} #nybusinesslist .owl-nav{ display:none } #nybusinesslist li a{display:block;position:relative;border: 1px solid #ccc;} .nybusiness-img{overflow:hidden;} #nybusinesslist li a p{/* position:absolute; *//* left:0; *//* bottom:0; */background: rgb(52 51 51 / 80%);width:100%;line-height:36px;padding:0 10px;text-align:center;color: #fff;font-size:15px;} #nybusinesslist li a:hover p{background: #892024;color: #fff;} @media only screen and (max-width:767px) { #nybusinesslist li a p{line-height:30px;font-size:14px;} } .hotnews{} .hotnews p{font-size: 16px;color: #892024;line-height: 40px;border-bottom: 1px dashed #ccc;margin-bottom: 10px;padding-left: 32px;background: url(/uploads/image/simages/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(/uploads/image/simages/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(/uploads/image/simages/iyuan_on.png) no-repeat left;color: #892024;} /*新闻列表*/ .nynews-ul {overflow:hidden;} .nynews-ul li.nynews-li {padding: 0 0px 20px;margin-bottom:20px;border-bottom: 1px dashed #333;cursor:pointer;} .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:#892024;} .nynews-con {/* background-color:#f9f9f9; */padding-top: 13px;padding-bottom: 13px;} .nynews-con p.nynews-desp {color:#8d8d8d;font-size:14px;line-height:23px;margin:10px 0;/* height:46px; */display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow:hidden;} .nynews-con a.nynews-more {position:relative;left:0;color:#ffffff;font-size:15px;padding:7px;background:#892024;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:991px) { #nynewslist>.container {padding-left:5px;padding-right:5px;} .nynews-ul li.nynews-li {padding: 0 0px 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;} .nyjoblist-ul li{margin-bottom: 20px;border-bottom: 1px solid #dedede;} .nyjoblist-ul li .nyjoblist-top{padding: 20px;position: relative;overflow:hidden;} .nyjoblist-ul li .nyjoblist-top h3{color: #333;font-size: 20px;font-weight: bold;padding-bottom: 10px;} .nyjoblist-ul li .nyjoblist-top span{padding-right: 20px;color: #999;} .nyjoblist-ul li .nyjoblist-top p{color:#666;margin:10px 0;} .nyjoblist-ul li .nyjoblist-top>a{float:left;padding:10px 25px;background:#892024;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:#ffc531;color:#333;} @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: 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;padding-top: 20px;} .nypro-ul li{ padding: 10px;} .nypro-ul li>div{margin-bottom:10px;border: 1px solid #ccc;padding: 10px;} .nypro-ul li a{display:block;position:relative;overflow:hidden;} .nypro-ul li a .nypro-img{/* border-radius: 15px; *//* border: 1px solid #ccc; */padding-bottom: 10px;} .nypro-ul li a h2{line-height: 32px;color: #333;text-align:center;font-size: 18px;padding:0 5px;} .nypro-ul li a p{ padding: 5px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .nypro-ul li:hover>div{ border:1px solid #1267c1; } .nypro-ul li a:hover .nypro-img{} .nypro-ul li a:hover h2{color:#1267c1;} .pro_main {position: relative;padding: 0 10px;display: none;} .p14-product-2-tit {height: 48px;line-height: 48px;font-weight: normal;border-bottom: 2px solid #dfdfdf;margin: 0 0 20px;} .p14-product-2-tit b {display: inline-block;font-size: 18px;font-weight: bold;line-height: 40px;color: #1267c1;padding-left: 30px;width: 120px;border-bottom: 2px solid #1267c1;background: url(/uploads/image/simages/p14-icon11.png) no-repeat 0 center;} .p14-product-2-tit span {margin-left: 10px;font-size: 16px;font-family: arial;color: #c2c2c1;text-transform: uppercase;} .pro-list{overflow:hidden;border: 1px solid #ccc;padding: 16px;} .pro-list .sycp-img{ padding: 20px; border: 1px solid #ccc;} .pro-list .sycp-img img{} .pro-list .sycp-nr{padding-top: 32px;padding-left: 50px;} .pro-list .sycp-nr h4{ background: #1267c1; display: inline-block; padding: 6px 20px; color: #fff; line-height: 24px; margin-bottom: 16px;} .pro-list .sycp-nr h2{font-size: 24px;padding-bottom: 10px;overflow: hidden;text-overflow: ellipsis;color: #ee3333;white-space: nowrap;} .pro-list .sycp-nr p{padding: 6px 0;font-size: 16px;color: #666;} .pro-list .sycp-nr .cp-p1{ padding-bottom: 20px;} .pro-list .sycp-nr .cp-p2{ font-weight: bold;} .pro-list .sycp-nr .cp-p3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro-list .sycp-nr a{ border: 2px solid #1267c1; width: 142px; height: 40px; display: inline-block; text-align: center; line-height: 36px; font-size: 16px; border-radius: 24px; color: #1267c1; margin-top: 20px;} .pro-list .sycp-nr a:hover{ background:#1267c1; color:#fff; } .pro-list .owl-carousel .owl-nav{ display: block;} .pro-list .owl-carousel .owl-nav .owl-prev{ top:50% } .pro-list .owl-carousel .owl-nav .owl-next{ top:50% } @media (max-width:1200px){ .pro-list .sycp-nr{padding-top: 4px;padding-left: 32px;} .pro-list .sycp-nr .cp-p1{padding-bottom: 10px;} } @media (max-width:767px){ .nypro-ul li a p{line-height: 24px;font-size:14px;} .pro-list .sycp-nr{padding-left:15px;padding-top: 20px;} } /*产品详情*/ .showpro-top{padding-bottom: 10px;/* border-bottom: 1px solid #f0f2f5; */margin-bottom:20px;margin-top: 16px;} .showpro-top h1{line-height: 1.5;color: #333;font-size: 24px;padding-bottom: 10px;border-bottom: 2px solid #ccc;} .showpro-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showpro-img{margin-bottom:20px;} .showpro-img .sp-wrap{ display:block; } .showpro-img .sp-wrap img{ width:100% } .showpro-imgbox{ padding:0; } .sp-thumbs a:link, .sp-thumbs a:visited{width:140px;height:93px;} @media (max-width:767px){ .showpro-top h1{font-size: 20px;padding-bottom: 10px;} .showpro-imgbox{padding:0;} .showpro-top{margin-top:20px;padding: 0;} .nypro-ul li a h2{font-size:16px;line-height: 24px;} } /*产品参数*/ .nyproshow-info{line-height:1.8;color:#333;margin-bottom:20px;padding-top: 10px;} .nyproshow-info p{font-size: 17px;font-weight: bold;} .nyproshow-info p span{font-size:16px;color:#666;font-weight: normal;} .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:#1267c1;color:#fff;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background: #eb7714;} .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: #892024;color: #fff;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #1267c1;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{/* display:none; */min-height:200px;} .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:1200px){ .showpro-tel a{ float:left; } .showpro-telx{ margin-bottom:10px; } } @media (max-width:767px){ .showpro-details{font-size: 14px;line-height: 1.6;} .showpro-tel a{ float:left; } } /*相关产品*/ .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 #892024 solid;color: #892024;font-size: 18px;font-weight: bold;background: 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:#892024;} #abprolist li a:hover p{background:#892024;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:#892024;} /* 分享按钮 */ .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: #892024;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: #892024;} .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: #892024;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;} } /* wap右侧栏目 */ .nymenu{width: 0;height: calc(100% - 50px);position: fixed;z-index: 90;top: 0;/* background: rgba(0,0,0,0.3); */} .nymenu>a{position: fixed;right: 0;bottom: 100px;width: 30px;text-align: center;padding: 5px;background: #1267c1;color: #fff;z-index: 95;} .nymenu-con{position: fixed;overflow-y: auto;top: 81px;right: -280px;width: 280px;padding: 15px 25px 25px;height: calc(100% - 50px);background-color: #1267c1;color:#fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 100;} .nymenu-con h3{font-size: 18px;font-weight: bold;line-height: 40px;border-bottom: 1px dashed #fff;margin-bottom: 10px;} .nymenu-con dl{margin-bottom: 0;} .nymenu-con dl a{color: #fff;} .nymenu-con dl dt, .nymenu-con dl dt a{display: block;font-size: 17px;line-height: 40px;font-weight: bold;} .nymenu-con dl dd{/* padding-left: 10px; */} .nymenu-con dl dd a{display: block;margin: 6px 10px 6px 0px;padding-left: 16px;background: url(/uploads/image/sipage/iyuan.png) no-repeat left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .nymenu-con>a{float: right;color: #fff;position: relative;top:8px;z-index: 102;font-size: 18px;} .nymenu-con.on{right: 0;} @media (max-width:1024px){ .nymenu { display: block !important;} } /*翻页样式*/ .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:#892024; display: inline-block; } .metpager_5 a:hover { border:1px solid #892024; color:#fff; background-color:#892024;} .metpager_5 a:active { border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#892024; border:1px solid #892024; 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(/uploads/image/sipage/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(/uploads/image/sipage/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(/uploads/image/sipage/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(/uploads/image/sipage/page7_2.gif) #aad83e;} .metpager_7 span.current { border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(/uploads/image/sipage/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;} }