@charset "utf-8"; /* CSS Document */ /*******css重置*******/ *{margin: 0;padding: 0;text-decoration: none;list-style: none;box-sizing: border-box;font-family:"微软雅黑",arial;} .container{margin: 0 auto;max-width: 1230px;} .jianbian{ background: #0090ff; background: -moz-linear-gradient(left, #0090ff 0%, #00035e 100%); background: -webkit-gradient(linear,0 0,100% 0, from(#0090ff), to(#00035e)); background: -webkit-linear-gradient(left, #0090ff 0%,#00035e 100%); background: -o-linear-gradient(left, #0090ff 0%,#00035e 100%); background: -ms-linear-gradient(left, #0090ff 0%,#00035e 100%); background: linear-gradient(to right, #0090ff 0%,#00035e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#00035e',GradientType=1 ); } .luru-overflow2{overflow: hidden;margin-bottom:30px;} .luru-float2{float: left;width: 48%;margin-right: 1%;margin-left: 1%;margin-bottom: 10px;} .luru-float2 img{width: 100%;} .luru-float2 p{font-size: 14px;line-height: 30px;text-align: center;} .luru-overflow3{overflow: hidden;margin-bottom:30px;} .luru-float3{float: left;width: 31%;margin-right: 1%;margin-left: 1%;margin-bottom: 10px;} .luru-float3 img{width: 100%;} .luru-float3 p{font-size: 14px;line-height: 30px;text-align: center;} @media (max-width: 600px){ .luru-float3{width: 48%;margin-right: 1%;margin-left: 1%;} } img{display: block;} h1,h5,h2{font-size: 1em;} .clearfix{clear: both;} p{font-size: 14px;} p img{max-width:100%;margin:0 auto;} @media(max-width:500px){ p img{width:100%;} } /**************************************************nav-导航********************************************/ .index-nav-all{overflow: hidden;} /************nav-导航-logo***********/ .logo{float: left;width: 160px;padding: 10px 0;} .logo img{width: 100%;} /************nav-导航-right-bottom***********/ .id-nav{float: left;width: calc(100% - 400px);margin-left: 30px;} .id-nav li{float: left;width:12.5%;line-height: 80px;text-align: center;} .id-nav li a{font-size: 16px;padding: 15px 0; color: #333;} .id-nav li.on-top a{background:url(/template/default/css/../images/nav_line.png)center bottom no-repeat;background-size: 100% 8px;color:#1b5ca9;} .id-nav-a a:hover{color:#1b5ca9;} .id-nav li:hover a{background:url(/template/default/css/../images/nav_line.png)center bottom no-repeat;background-size: 100% 8px;color:#1b5ca9;} .id-nav-img{float: right;width: 170px;} .id-nav-img li{float: left;width: 80px;} .id-nav-img li:nth-child(1){margin-right:5px;} .id-nav-img li img{width: 100%;} @media(max-width:1259px){ .logo{width: 120px;padding: 17px 0;} .id-nav{width: calc(100% - 320px);} } @media(max-width:991px){ .id-nav,.id-nav-img{display: none;} .logo{width: 140px;padding: 10px 0;} } @media(max-width:420px){ .logo{width: 120px;} } /**************************************************手机导航********************************************/ .nav-btn{float: right; display: none;padding: 20px 0;} .nav-btn img{width:100%;} .navli .nav-cn-en{overflow: hidden;background-color: #243c62;} .navli .nav-cn-en a{display: block;color: #fff;float: left;width: 50%;border-right: 1px solid #131314;} .navli>div:first-child{font-size: 18px;padding: 10px 0px;color: #999;font-weight: bold;text-align: center;} .navli{position: fixed;right:-240px;top:0;text-align: left; z-index: 999;background-color: #333;width:240px;height: 100%;transition: all 0.5s;} .navli a {font-size: 14px; color: white;line-height: 50px;display: block;padding-left:30px;padding-right: 10px;} .navli li{background-color: #333;border-bottom: 1px solid #000;position: relative;} .id-nav-tu{position: absolute;right: 0px;top: 0px;width: 50px;height: 50px;background: url(/template/default/css/../images/jiantou-nav.png)center no-repeat #243c62;background-size: 10px;transition: 1s;border-left: 2px solid #131314;opacity: 0.6} .navli .navli-txt{overflow: hidden;padding: 10px 10px 10px 30px;background-color: #000;} .navli-txt div:nth-child(1){float: left;font-size: 16px;color: #fff;} .navli-txt div:nth-child(2){float: right;width: 16px;margin-top: 3px;} .navli-txt div:nth-child(2) img{width: 100%;} .navli-down-ser{display: none;background-color: #fff;z-index: 2;} .navli-down-ser li{border-top: 1px solid #666;background-color: #131314;} .navli>li:hover{background-color:rgba(96,96,96,0.90) } .navli-down-ser li:hover{background-color:rgba(96,96,96,0.80)} .navli .nav-cn-en a:hover{background-color: #1d66cf;} .id-nav-tu:click{transform: rotate(90deg);transition: 1s;} @media(max-width:991px){ .nav-btn{display: block;} .nav{display: none;} } @media(max-width:420px){ .nav-btn{padding: 17px 0;} } /**************************************************banner********************************************/ .swiper-slide img{width: 100%;} /**************************************************INDEX-TITLE********************************************/ .index-title{text-align: center;margin-bottom: 60px;} .index-title div{text-align: center;} .index-title div:nth-child(1){font-size: 34px;color: #333;} .index-title span:nth-child(2){padding: 1.5px 30px;font-size: 0; display: inline-block;background-color:#022372;margin-top: 5px;margin-bottom: 5px;} .index-title div:nth-child(3){font-size: 18px;color: #999;} .index-title2{margin-bottom: 40px;} .index-title2 div>span:nth-child(1){font-size: 34px;margin-right: 20px; color: #333;display: inline-block;} .index-title2 div>span:nth-child(2){font-size: 18px;color: #999;display: inline-block;} .index-title2>span:nth-child(2){padding: 1.5px 30px;font-size: 0; display: inline-block;background-color:#022372;margin-top: 5px;margin-bottom: 5px;} @media(max-width:1259px){ .index-title div:nth-child(1){font-size: 30px;} .index-title div:nth-child(3){font-size: 16px;} .index-title2 div>span:nth-child(1){font-size: 30px;} .index-title2 div>span:nth-child(2){font-size: 16px;} .index-title{margin-bottom: 40px;} .index-title2{margin-bottom: 30px;} } @media(max-width:991px){ .index-title div:nth-child(1){font-size: 28px;} .index-title2 div>span:nth-child(1){font-size: 28px;} } @media(max-width:767px){ .index-title div:nth-child(1){font-size: 26px;} .index-title div:nth-child(3){font-size: 14px;} .index-title2 div>span:nth-child(1){font-size: 26px;} .index-title2 div>span:nth-child(2){font-size: 14px;} .index-title{margin-bottom: 30px;} .index-title2{margin-bottom: 20px;} } @media(max-width:530px){ .index-title div:nth-child(1){font-size: 24px;} .index-title2 div>span:nth-child(1){font-size: 24px;} } @media(max-width:420px){ .index-title div:nth-child(1){font-size: 22px;} .index-title2 div>span:nth-child(1){font-size: 22px;} .index-title2{margin-bottom: 10px;} } @media(max-width:340px){ .index-title{margin-bottom: 20px;} } /**************************************************产物伟德官网下载地址********************************************/ .index-pro-company{} .index-product{padding: 80px 0;background:url(/template/default/css/../images/id-pro-bg.jpg)center no-repeat;background-size: cover;} .index-pro-list li{float:left;width:calc( (100% - 614px) / 7);margin-right:2px;overflow:hidden;box-shadow: 0px 0px 5px 3px #e4e4e4;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;} .index-pro-list li:last-child{margin-right:0;} .id-pro-box{width:100%;overflow:hidden;position:relative;display: block;} .id-pro-box img{width:600px;} .id-pro-jiao{position:absolute;width:32px;height:32px;bottom:0;right:0;background:url(/template/default/css/../images/index_pro_jiao1.png) no-repeat center;z-index: 99;} .id-pro-tit{ position: absolute;left: 0;bottom: calc(-100% + 40px); width: 100%;height: 100%;background-color: rgba(0,0,0,0.6); overflow:hidden;color: #fff;z-index: 66;transition: 0.8s;} .id-pro-table{display: table;height: 100%;width: 100%;overflow: hidden;} .id-pro-tablecell{display: table-cell;transition: 0.8s;overflow: hidden;} .id-pro-tit h1{font-size: 20px;font-weight:bold;margin: 0;line-height: 40px;height: 40px;text-align: center;white-space: nowrap;text-overflow: ellipsis;color: #fff;overflow:hidden;padding: 0 10px;width: 100%;} .id-pro-tit span{font-size: 14px;line-height: 26px; text-align: center;color: #fff;display: block;width: 100%;} .active .id-pro-tit{bottom: 0;} .active .id-pro-table{padding:20px;} .active .id-pro-tablecell{vertical-align: middle;} .index-pro-list li.active{width:600px;} /******产物伟德官网下载地址more********/ .id-pro-more{display: block;text-align: center;margin-top: 40px;} .id-pro-more a{font-size: 14px;padding: 5px 15px;background-color:#022372;color: #fff; display: inline-block;} .index-pro-list li.active .id-pro-jiao{display: none;} .index-pro-list li:hover .id-pro-jiao{display: none;} .id-pro-more a:hover{background-color:#f0742a;} @media(max-width:1259px){ .index-pro-company{padding: 60px 0;} .index-product{margin-bottom: 50px;} .id-pro-box img{width:500px;} .index-pro-list li.active{width:500px;} .index-pro-list li{width:calc( (100% - 514px) / 7);} } @media(max-width:991px){ .index-pro-company{padding: 50px 0;} .index-product{margin-bottom: 40px;} .id-pro-box img{width:400px;} .index-pro-list li.active{width:400px;} .index-pro-list li{width:calc( (100% - 414px) / 7);} .id-pro-tit h1{font-size: 18px;} .id-pro-tit span{line-height: 20px;max-height: 60px;overflow: hidden;} } @media(max-width:767px){ .index-pro-company{padding: 30px 0;} .index-product{margin-bottom: 30px;} .id-pro-box img{width:100%;} .index-pro-list li.active{width:48%;margin-right: 1%;margin-left: 1%;margin-bottom: 10px;} .index-pro-list li{width:48%;margin-right: 1%;margin-left: 1%;margin-bottom: 10px;} } @media(max-width:530px){ .id-pro-tit h1{font-size: 14px;} .id-pro-tit span{display: none;} .id-pro-table{display: block;} .id-pro-tablecell{display: block;} .active .id-pro-table{padding:0px;} .active .id-pro-tit{bottom: calc(-100% + 40px);} .active .id-pro-tablecell{vertical-align: top;} .id-pro-more{margin-top: 30px;} } @media(max-width:420px){ .id-pro-jiao{display: none;} .id-pro-more{margin-top: 20px;} } /**************************************************公司先容********************************************/ .index-company{margin-top:80px;} .container6{margin-right: 60px;margin-left: 60px;} .id-company-intro{overflow: hidden;} .id-com-1{float: left;margin-right:0.5%;margin-bottom: 10px;width: 33%;position: relative;overflow: hidden;} .id-com-1 img{width: 100%;} .id-company-intro>a:nth-child(3n){margin-right: 0;} .id-com-jiao{width: 15px;height: 15px;background: url(/template/default/css/../images/id-com-jiao.png)center no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;} .id-com-txt{position: absolute;left: 0;bottom:0;width: 100%;padding: 0 5%;background-color: rgba(0,0,0,0.6);overflow: hidden;transition:all ease 0.4s;} .id-com-txt span{font-size: 14px;line-height: 46px; display: block;color: #fff;} .id-com-txt span:nth-child(1){float: left;} .id-com-txt span:nth-child(2){float: right;} @media(max-width:1259px){ .index-company{margin-top:60px;} } @media(max-width:991px){ .index-company{margin-top:50px;} } @media(max-width:767px){ .index-company{margin-top:30px;} } /**********公司先容coin***********/ .index-coin{padding: 60px 0;} .id-coin-box{float:left;width: 23%;margin-right:1%;margin-left: 1%;display: block;padding: 50px 0;border: 1px solid #bbb;} .id-coin-box div{text-align: center;} .id-coin-tu{width: 40px;height: 40px;margin: 0 auto 30px;} .id-coin-tit{font-size:18px;color: #333;font-weight: 600;} .id-coin-txt{font-size:16px;color: #666;} .id-coin-pic{margin:30px auto;width:52px;height:19px;position:relative;overflow:hidden;} .id-coin-pic:before{content:"";width:100%;height:3px;background-color:#333;position:absolute;left:0;top:8px;} .id-coin-pic:after{content:"";width:100%;height:100%;background:url(/template/default/css/../images/index_sec_arrow02.png) no-repeat center;position:absolute;left:-100%;top:0;transition:all ease 0.4s;} /**********公司先容coin***********/ .id-coin-tu1{background: url(/template/default/css/../images/com-coin1.png)center center no-repeat;} .id-coin-tu2{background: url(/template/default/css/../images/com-coin2.png)center center no-repeat;} .id-coin-tu3{background: url(/template/default/css/../images/com-coin3.png)center center no-repeat;} .id-coin-tu4{background: url(/template/default/css/../images/com-coin4.png)center center no-repeat;} .id-coin-box:hover .id-coin-tu1{background: url(/template/default/css/../images/com-coin1-h.png)center center no-repeat;} .id-coin-box:hover .id-coin-tu2{background: url(/template/default/css/../images/com-coin2-h.png)center center no-repeat;} .id-coin-box:hover .id-coin-tu3{background: url(/template/default/css/../images/com-coin3-h.png)center center no-repeat;} .id-coin-box:hover .id-coin-tu4{background: url(/template/default/css/../images/com-coin4-h.png)center center no-repeat;} .id-coin-box:hover .id-coin-pic:after{left:0;} .id-coin-box:hover{box-shadow: 0 0 5px 3px #e4e4e4;} .id-com-1:hover .id-com-txt{background-color: rgba(240,116,42,0.8);} @media(max-width:1259px){ .index-coin{padding: 50px 0;} .container6{margin-right: 30px;margin-left: 30px;} } @media(max-width:991px){ .index-coin{padding: 40px 0;} .container6{margin-right: 15px;margin-left: 15px;} .id-coin-box{padding: 30px 0;} .id-coin-pic{margin:20px auto;} .id-com-1{margin-right:2%;width: 32%;} .id-company-intro>a:nth-child(3n){margin-right: 0;} } @media(max-width:767px){ .index-coin{padding: 30px 0;} .id-com-1{margin-right:1%;margin-left: 1%; width: 48%;} .id-company-intro>a:nth-child(3n){margin-right: 1%;} .id-coin-box{padding: 20px 10px;} .id-coin-tit{font-size:16px;} .id-coin-pic{margin:10px auto;} .id-coin-txt{font-size:14px;} .id-coin-tu{margin: 0 auto 20px;} } @media(max-width:530px){ .id-coin-box{width: 48%;margin-bottom: 10px;} } @media(max-width:420px){ .id-com-txt span{line-height: 36px;} } /**************************************************新闻资讯/相助同伴********************************************/ .index-news-partner{padding: 60px 0;background-color:#f4fafd;} .container5{margin-left: 300px;margin-right: 300px;} /********新闻资讯*****/ .id-news-left{float: left;width: 40%;margin-right: 2%;} .id-news-box,.id-news-box1{display: block;margin-bottom: 10px;} /********新闻资讯top*****/ .id-news-box{margin-bottom: 10px;} .id-news-box img{width:100%;} .id-news-titall{margin-bottom: 15px;margin-top: 20px;overflow: hidden;} .id-news-tit{font-size: 20px;line-height: 22px;height: 22px;overflow: hidden; color: #022372; float: left;width: calc(100% - 110px);font-weight: 600;white-space: nowrap;text-overflow: ellipsis;} .id-news-time{font-size: 14px;color: #999; float: right;text-align: right;width: 90px;overflow: hidden;line-height: 22px;height: 22px;} .id-news-txt{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;color: #666;letter-spacing: 1px;} .id-news-box1 .id-news-tit{font-size: 16px;line-height: 40px;height: 40px;} .id-news-box1 .id-news-titall{margin: 0;border-bottom: 1px solid #e4e4e4;} .id-news-box1 .id-news-time{line-height: 40px;height: 40px;} /*********相助同伴***********/ .id-partner-right1{float: left;width: 28%;margin-right: 2%;} .id-partner-logo{overflow: hidden;} .id-img-box{float: left;width: 32%;margin-right: 2%; margin-bottom: 20px;overflow: hidden;border: 1px solid #ddd;position: relative;display: block;} .id-partner-logo>div:nth-child(3n){margin-right: 0;} .id-partner-logo .id-img-box img{width:100%;} /*********相助人**********/ .id-partner-right1{float: left;width: 28%;} .id-news-box:hover .id-news-tit,.id-news-box1:hover .id-news-tit{text-decoration: underline;} .container5 {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} /*********hover***********/ .id-img{position: absolute;left:0;bottom:0;width: 100%;height:30px;background-color: rgba(0,0,0,0.6);transition: 0.8s;} .id-img-table{width: 100%;height: 100%;display: table;} .id-img-tablecell{font-size: 14px;line-height: 30px;font-style: normal;display: table-cell;vertical-align: middle;color: #fff;text-align: center;padding: 0 10px;} .id-img-box:hover .id-img{left: 0;} @media (min-width: 768px) { .container5 {width: 750px;} } @media (min-width: 992px) { .container5 {width: 970px;} } @media (min-width: 1260px) { .container5 {width: 1230px;} } @media (min-width: 1660px) { .container5{width: 1630px;} } @media(max-width:1259px){ .index-news-partner{padding: 50px 0;} .id-partner-logo>div{margin-bottom: 15px;} .id-img{height:26px;} .id-img-tablecell{font-size: 14px;line-height: 26px;} .id-newss-all>a:nth-child(3),.id-newss-all>a:nth-child(4){display: none;} } @media(max-width:991px){ .index-news-partner{padding: 40px 0;} .id-news-left{clear: left;width: 100%;margin-right: 0%;margin-bottom: 30px;} /*********相助同伴***********/ .id-img{height:30px;} .id-partner-right{clear: left;width: 100%;} .id-img-tablecell{line-height: 30px;} .id-partner-logo>div{width: 23.5%;} .id-partner-logo>div:nth-child(3n){margin-right: 2%;} .id-partner-logo>div:nth-child(4n){margin-right: 0;} .id-newss-all>a:nth-child(3),.id-newss-all>a:nth-child(4){display: block;} .id-partner-logo>div:last-child{display: none;} } @media(max-width:767px){ .index-news-partner{padding: 30px 0;} } @media(max-width:529px){ .id-news-tit{font-size: 18px;line-height: 20px;height: 20px;} .id-news-time{line-height: 20px;height: 20px;} .id-img{height:26px;} .id-img-tablecell{line-height: 26px;} .id-partner-logo>div{width: 32%;} .id-partner-logo>div:nth-child(4n){margin-right: 2%;} .id-partner-logo>div:nth-child(3n){margin-right: 0;} .id-partner-logo>div:last-child{display: block;} } /**************************************************index-footer-nav********************************************/ .index-footer-nav{background-color: #022372;} .id-footer-nav{overflow: hidden;padding: 10px 0;} .id-footer-nav a{font-size: 14px;float: left; display: block;width: 12.5%;color: #fff;text-align: center;border-right: 1px solid #fff;} .id-footer-nav a:last-child{border-right: none;} @media(max-width:630px){ .index-footer-nav{display: none;} } /**************************************************index-footer********************************************/ .index-footer{padding: 60px 0;background: url(/template/default/css/../images/id-footer-bg.jpg)center no-repeat;background-size: 100% 100%;} .index-di-logo{float: left;width: 240px;padding: 10px 100px 10px 0;border-right: 1px solid #fff;} .id-beian-link{float: left;margin-left: 100px;width: 40%;} .id-beian-link a{font-size: 14px; float: left;display: block;color: #fff;line-height: 30px;margin-right: 20px;} .id-beian-link a:first-child,.id-beian-link a.id-beian4{width: 100%;} .id-beian-link a.id-beian1{padding-left: 25px;background:url(/template/default/css/../images/beian.png)left center no-repeat;} .id-beian-link a.id-beian2{padding-right: 35px;background:url(/template/default/css/../images/gongan.png)right center no-repeat;} .erweima{float: right;width: 280px;margin-top: 20px;} .erweima div {float: right; width: 100px;margin-left: 60px;} .erweima div:last-child{margin-left: 20px;} .erweima div img{ width: 100%;} @media(max-width:1259px){ .index-di-logo{width: 160px;padding: 10px 40px 10px 0;} .id-beian-link{margin-left: 40px;width: 50%;} .erweima{width: 250px;margin-top: 20px;} .erweima div {width: 100px;margin-left: 40px;} .erweima div:last-child{margin-left: 10px;} } @media(max-width:991px){ .index-footer{padding: 40px 0;} .erweima{display: none;} .id-beian-link{margin-left: 40px;width: 70%;} } @media(max-width:767px){ .index-footer{padding: 20px 0;} .index-di-logo{display: none;} .id-beian-link{margin-left: 0px;width: 100%;} } @media(max-width:420px){ .id-beian-link a{margin-right: 10px;} } /**************************************************友qing链接r********************************************/ .index-friendly-link{padding: 5px 0;background-color: rgba(0,0,0,0.9);} .index-friendly-link a{font-size: 14px; display: inline-block;color: #fff;line-height: 26px;margin-right: 5px;} /*******************************************************************线下运动*************************************/ /***************面包屑导航***************/ .page-in-nav{background-color: #f5f5f5;padding: 10px 0;} .page-nav-left{float: left;line-height: 35px;height: 35px;} .page-nav-right{float: right;line-height: 35px;height: 35px;color: #999;} /***************面包屑导航-左***************/ .page-nav-left span:nth-child(1){font-size: 24px;color: #333;font-weight: 600;} .page-nav-left span:nth-child(2){font-size: 18px;color: #666;} /***************面包屑导航-右***************/ .page-nav-right a{font-size: 14px;color: #999; display: inline-block;} @media(max-width:767px){ .page-nav-right{display: none;} .page-nav-left{line-height: 25px;height: 25px;} .page-nav-right{line-height: 25px;height: 25px;} .page-nav-left span:nth-child(1){font-size: 20px;} .page-nav-left span:nth-child(2){font-size: 14px;;} } /*************文字导航*******/ .inpro-right-top{overflow: hidden;margin-bottom: 30px;} .in-pro-titnav{float:left;font-size: 24px;color: #333;line-height: 30px;width: 300px;} .in-tit-xian{float: left;width: calc(100% - 510px);background: url(/template/default/css/../images/in-xian.png)left center no-repeat;background-size:100% 1px;height: 30px;} .in-tit-a{float: right;width:200px;} .in-tit-a a{font-size: 12px; display: inline-block;color: #999;line-height: 30px;} @media(max-width:1259px){ .in-pro-titnav{float:left;font-size: 26px;} } @media(max-width:991px){ .in-pro-titnav{float:left;font-size: 24px;} .inpro-right-top{display: none;} } /**************新闻列表***************/ .nl-in-box{float: left;width: 49%;margin-right:2%;box-shadow: 0 0 5px 3px #e4e4e4;padding: 20px;margin-bottom: 20px;} .pro-list-right .news-list-all a:nth-child(3n){margin-right: 2%;} .pro-list-right .news-list-all a:nth-child(2n){margin-right: 0;} .nl-in-time{font-size: 36px;line-height: 36px;height: 36px;margin-bottom: 15px; color: #666;font-weight: 600;text-align: left;position: relative;} .nl-in-time span{font-size: 12px;line-height: 12px;height: 12px; position: absolute;left: 33px;bottom: 2px;color: #999;background-color: #fff;} .nl-in-tit{font-size: 18px;color: #022372;line-height: 20px;height: 20px;margin-bottom: 10px; font-weight: 600; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .nl-in-txt{font-size: 16px;color: #666;line-height: 26px;height: 78px;margin-bottom: 10px; overflow: hidden;} .nl-coin{overflow: hidden;clear: both;} .nl-coin div{float: left;color: #e4e4e4;margin-top: 8px;} .nl-coin img{float: right;margin-top: 15px;} /**************新闻列表-buttom***************/ .page-in-buttom{margin: 40px 0;font-size: 0;} .page-in-buttom a{font-size: 14px;display: inline-block;color: #333;border: 1px solid #333;padding: 5px 10px;margin-bottom: 5px;margin-right: 5px;} .page-in-buttom .on-buttom{background-color:#022372;color: #fff;} /**************新闻列表-hover***************/ .art-list-a a:hover{color: #022372;} .news-list-box1:hover{background-color: #022372;} .page-in-buttom a:hover{background-color:#022372;color: #fff;} @media(max-width:767px){ .pro-list-right .news-list-all a:last-child{display: block;} } @media(max-width:529px){ .nl-in-time{font-size: 30px;margin-bottom: 10px;} .nl-in-time span{left: 28px;bottom: 4px;} .nl-in-txt{font-size: 14px;line-height: 26px;height: 52px;} } @media(max-width:420px){ .nl-in-tit{font-size: 16px;} .nl-in-box{clear: left;width: 100%;margin-right:0%;margin-bottom: 10px;} .pro-list-right .news-list-all a:nth-child(3n){margin-right: 0%;} } /*************************************************新闻内页****************************************************/ .news-details{padding: 40px 0;} .pd-dt{margin-bottom: 30px;} .news-tt-1{margin: 0;text-align: center;font-size: 20px;color: #333;font-weight: 600;margin-bottom: 10px;} .news-time1 a{ font-size: 13px;color:#9f9f9f;margin: 0 5px;display:inline-block; } .text-content{font-size: 14px;text-align: justify;padding: 20px 0px;width: 100%;} @media(max-width:767px){ .news-details{padding: 30px 0;} .news-tt-1{font-size: 18px;} } @media(max-width:529px){ .pg-pro-title1{margin-bottom: 15px;} .page-nav a{font-size: 12px;} } /*************************************************产物列表页****************************************************/ .pro-list-in{padding: 60px 0;} .pro-list-left{width: 17%;float: left;margin-right: 2%;} .pro-list-right{width: 81%;float: right;box-shadow: 0 0 5px 3px #e4e4e4;padding:40px;} /******新闻列表页-左上*****/ .pl-left-pro{margin-bottom: 40px;box-shadow: 0 0 5px 3px #e4e4e4;padding:20px 10px;} .pl-left-tit{font-size: 20px;padding: 10px 0 20px; color:#022372;font-weight: 600;text-align: center;position: relative;} .pl-left-tit img{position: absolute;right: 0;top: 0;display: block;} .pl-left-pro>li{margin-bottom: 5px;} .pl-left-box{color: #333;border-radius: 20px;line-height: 40px;height: 40px;overflow: hidden;display: block;text-align: center;padding: 0 10px;} .pl-left-box-on{background-color: #022372;color: #fff;} .pl-left-box-in li{border: 1px dashed #999;margin-bottom: 10px;} .pl-left-box-in li a{font-size: 14px;line-height: 30px;height: 30px;overflow: hidden;display: block;text-align: left;color: #333;width: 100%;border-radius:40px;padding-left: 10%;} .pl-left-box-in{display: none; margin-bottom: 10px;margin-top: 10px;} /******新闻列表页-左下*****/ .pl-left-cu{box-shadow: 0 0 5px 3px #e4e4e4;padding: 20px 10px;} .pl-left-cu li b{font-size:16px;} .pl-left-cu li{font-size: 14px;line-height: 32px;padding: 0 10px; color: #666;} .pl-left-box:hover{background-color: #022372;color: #fff;} .pl-left-box.active{background-color: #022372;color: #fff;} /*************产物列表页*******/ .pro-list-in{padding: 60px 0;} .pl-in-box{width: calc((100% - 40px)/3); display: block;margin-right: 20px;margin-bottom: 15px;float: left;border: 1px solid #e0e0e0;transition: all 0.6s;} .pro-list-all a:nth-child(3n){margin-right: 0;} @media(min-width:1200px){ .pl-in-box img{width: 100%;height: 300px;} } @media(max-width:768px){ .pl-in-box img{width: 100%;height: 150px;} } .pl-in-box div{font-size: 16px;line-height: 36px;height: 36px;overflow: hidden;text-align: center;color: #333;background:url(/template/default/css/../images/in-pro-tit.png)left center no-repeat #ebebeb;background-size: 60px 100%;padding-left: 60px;} .pl-in-box:hover div{background:url(/template/default/css/../images/in-pro-tit-h.png)left center no-repeat #ebebeb;background-size: 60px 100%;} .pl-in-box:hover{transform: translate(0px,-10px);} @media(max-width:1660px){ .pro-list-left{width: 20%;margin-right: 2%;} .pro-list-right{width: 78%;} } @media(max-width:1259px){ .pro-list-left{width: 25%;margin-right: 2%;} .pro-list-right{width: 73%;} } @media(max-width:991px){ /*******新闻-左-********/ .pro-list-left{clear: left;width: 100%;margin-right: 0;} .pl-left-cu{display: none;} .pl-left-tit{display: none;} .pl-left-box-in{display: none;} .pl-left-pro{margin-bottom: 10px;overflow: hidden;padding: 0;box-shadow: none;border: none;} .pl-left-pro li{margin-right: 10px;display: inline-block;background-color:#022372;border:1px solid #022372;margin-bottom: 10px;} .pl-left-box{color: #fff;border-radius: 0px;overflow: hidden;} .pl-left-pro li:hover .pl-left-box-in{display: none;} .pl-left-pro li:hover{background-color: transparent;} .pl-left-pro li:hover .pl-left-box{background-color: #fff;color: #022372;} .pro-list-right{width: 100%;clear: right;} .pro-list-in{padding: 40px 0;} } @media(max-width:767px){ .pro-list-right{box-shadow:none;padding:0px;} .pro-list-in{padding: 30px 0;} .pl-in-box{width: calc((100% - 10px)/2);margin-right: 10px;} .pro-list-all a:nth-child(3n){margin-right: 10px;} .pro-list-all a:nth-child(2n){margin-right: 0;} .pro-list-all a:last-child{display: none;} .pl-in-box div{background:none;padding-left: 0px;background-color: #ebebeb;} .pl-in-box:hover div{background:none;background-color: #022372;color: #fff;} } @media(max-width:529px){ .pl-in-box div{font-size: 14px;} } /*************************************************产物详qing页****************************************************/ /*************************************************产物详qing页****************************************************/ .pd-right-list{margin-bottom: 30px;} .pd-title{margin: 0;font-size: 20px;line-height: 30px;color: #333;font-weight: 600;text-align: center;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #333;} .nl-right-tit2{background-size:0px; } @media(max-width:767px){ .pd-title{font-size: 18px;} } @media(max-width:529px){ .pd-title{font-size: 16px;} } /*************************************************单页****************************************************/ .page-details-all{margin: 60px 0;} @media(max-width:991px){ .page-details-all{margin: 40px 0;} } @media(max-width:529px){ .page-details-all{margin: 30px 0;} } /*************************************************联系我们****************************************************/ .page-contact-all{margin: 60px 0;} .page-contact{margin-bottom: 30px;overflow: hidden;} .page-contact div{font-size: 20px;margin-bottom: 20px;color: #022372;font-weight: 600;} .page-contact li{font-size: 14px;line-height: 30px;height: 30px;overflow: hidden; float: left;width: 33%;color: #666;} .page-contact li:last-child{width: 66%;} @media(max-width:991px){ .page-contact-all{margin: 40px 0;} .page-contact li{width: 50%;} } @media(max-width:529px){ .page-contact{margin-bottom: 20px;} .page-contact-all{margin: 30px 0;} .page-contact div{margin-bottom: 10px;font-size: 18px;} .page-contact li{font-size: 14px; clear: both; width: 100%;height: auto;} } .pc-map{overflow-x: scroll;} #dituContent{width:100%;height: 400px;} @media(max-width:530px){ #dituContent{width:600px;height: 300px;} } /*********内页产物切换an钮*************/ .text-lianjie{margin-top: 20px;float: right;} .last-text,.next-text,.return{font-size: 14px;color: #666;width:auto;line-height: 34px;height: 34px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:left;display: inline-block;display: block;margin-bottom: 5px;} .return{background: url(/template/default/css/../images/back.png)10px center no-repeat;background-color:#022372;color: #fff;padding-left: 40px;border-radius: 4px;width:130px;box-shadow: 0 0 5px 3px #e4e4e4;} .next-text:hover{color: #022372;} .last-text:hover{color: #022372;} /***********产物-推荐新闻*********/ .pg-news-re{margin-top: 10px;overflow: hidden;margin-bottom: 30px;} .pg-news-all{overflow: hidden;} .pg-ct-1{float: left; width: 50%;display: block;overflow: hidden;line-height: 18px;height: 18px;margin-bottom: 15px;} .pg-pro-content1{font-size: 14px;padding-left: 5px; line-height: 18px;height: 18px;color: #333; overflow: hidden;float: left;width:calc(100% - 100px);} .pg-time{font-size: 14px;line-height: 18px;height: 18px;padding-right: 5px; border-right: 1px solid #999;float: left;color: #999;} /***********产物-推荐TITLT*********/ .pg-pro-title1{ overflow: hidden;margin-bottom: 30px;background-color: #f4f4f4;} .pg-pro-tt{font-size: 18px;font-weight: 600; float:left;background: url(/template/default/css/../images/tit_bg.png)left center no-repeat;background-size: 100% 100%;width: 160px;color: #fff;padding: 5px 10px;} .pg-pro-title1 a{float: right;color: #022372;font-size: 16px;padding: 2px 6px;} /***********产物-推荐产物*********/ .pg-pro-re{margin-bottom: 30px;} .pg-pro-ex1{overflow: hidden;} .pg-box11{display: block;} .pg-pro-ex1 .pg-box11{width: calc((100% - 80px)/4);margin: 0 10px;float: left;} .pg-box11 img{width: 100%;} .pg-box-tt {font-size: 14px;color:#666 ;text-align: center;margin-bottom: 10px;line-height: 40px;height: 40px;overflow: hidden;textoverflow:ellipsis;white-space: nowrap;} /***********新闻hover*********/ .pg-ct-1:hover .pg-pro-content2{color:#022372;} .pg-ct-1:hover .pg-time{color:#022372;} .pg-ct-1:hover .pg-pro-content1{color:#022372; } .pg-box11:hover .pg-box-tt{color:#022372;} @media(max-width:991px){ .pg-pro-title1{margin-bottom: 20px;} .pg-box11 img{padding: 0;height: 120px;} } @media(max-width:767px){ /***********推荐系列********/ .pg-pro-tt{font-size: 18px;} .pg-ct-1{width: 100%;} .pg-pro-ex1 .pg-box11{width: calc((100% - 40px)/2);} } @media(max-width:529px){ /***********新闻内页********/ .news-tt-1{font-size: 16px;} .news-time1 a{ font-size: 12px;} .last-text,.next-text,.return{width:auto;} /***********推荐系列********/ .pro-title1 a{font-size: 13px;} .pg-time{font-size: 13px;} .pg-pro-detail-box-tit{font-size: 14px;} } .pd-text img{max-width:100%;margin:0 auto;} /*********************************靠右联系漂浮栏**************************************/ .right-side{width:66px;position:fixed;right:0;top:calc(50% - 136px);z-index:1000;cursor:pointer;padding-left: 0;text-decoration: none;list-style: none;} .right-side>li{width:66px;height:66px;padding:1px;margin:1px 0;transition:0.3s;border-radius: 4px;} .float-side img{width: 100%;} /**靠右联系漂浮栏-text****/ .float-side{background:rgba(36,36,36,0.4);transition: 0.5s;} .float-side .side-icon{width:100%;height:100%;color: transparent;font-size: 20px;font-weight: bold;line-height: 56px;text-align: center;transition: 0.5s;} .float-side .side-tit{display:block;width:100%;height:25px;line-height:25px;font-size:14px;color:#fff;text-align:center;} /**靠右联系漂浮栏-coin****/ .side-icon01{background:url(/template/default/css/../images/top.png) no-repeat center;background-size: 40px 40px;transition: 0.5s;} .side-icon02{background:url(/template/default/css/../images/return.png) no-repeat center;background-size: 36px 36px;transition: 0.5s;} /**靠右联系漂浮栏-top****/ .return-top{width:66px;height:66px;background:rgba(150,150,150,0.9);display:none;} .cd-is-visible{display:block;} .cd-fade-out{display:none;} .return-top:hover{background:rgba(150,150,150,0.6);} .side-back:hover{background:rgba(255,0,0,0.8);} .return-top:hover .side-icon01{background:none;color: #fff;} .side-back:hover .side-icon02{background:none;color: #fff;} @media(max-width:767px){ .right-side{display:none;} } .luru-overflow3{overflow: hidden;margin-bottom:30px;} .luru-float3{float: left;width: 31%;margin-right: 1%;margin-left: 1%;margin-bottom: 10px;} .luru-float3 img{width: 100%;} .luru-float3 p{font-size: 14px;line-height: 30px;text-align: center;} @media (max-width: 600px){ .luru-float3{width: 48%;margin-right: 1%;margin-left: 1%;} } .pro_tit{text-align:center;line-height:48px;}