/* 头部及导航 */ .top-callus-lan{padding:5px 0px;} .top-callus-lan p{margin:0 20px;} .top-callus-lan p.call-us{display:inline-block; color:rgba(255,255,255,0.6);} .top-callus-lan p.call-us img{padding-right:5px; vertical-align:middle;} .top-callus-lan p.call-us a{color:rgba(255,255,255,0.6);} .top-callus-lan p.lan{display:inline-block; width:62px; height:38px; line-height:38px; background:#FFFFFF; text-align:center;} .top-callus-lan p.lan img{padding-right:5px; vertical-align:middle;} .top-callus-lan p:last-child{margin-right:0px;} .ny-top.top-callus-lan{ padding:5px 0px; border-bottom:1px solid #eeeeee; background:#fafafa;} .ny-top.top-callus-lan p{margin:0 20px;} .ny-top.top-callus-lan p.call-us{display:inline-block; color:rgba(0,0,0,0.6);} .ny-top.top-callus-lan p.call-us img{padding-right:5px; vertical-align:middle;} .ny-top.top-callus-lan p.call-us a{color:rgba(0,0,0,0.6);} .ny-top.top-callus-lan p.lan{display:inline-block; width:62px; height:38px; line-height:38px; background:#eeeeee; text-align:center;} .ny-top.top-callus-lan p.lan img{padding-right:5px; vertical-align:middle;} .ny-top.top-callus-lan p:last-child{margin-right:0px;} .tt-header{position:absolute;top:0;left:0;width:100%;z-index:101} .tt-header .logo{display:inline-block;position:relative; line-height:90px; max-height:90px; z-index:101;transition:none} .tt-header .logo img{display:inline-block;max-width:100%;max-height:90px;width:auto;height:auto;vertical-align:middle;} .stick.tt-header .logo{display:inline-block;position:relative; line-height:80px; max-height:60px; z-index:101;transition:none} .stick.tt-header .logo img{display:inline-block;max-width:100%;max-height:60px;width:auto;height:auto;vertical-align:middle;} .tt-header .logo img.black,.stick.tt-header .logo img.black{display:inline-block;} .tt-header .logo img.white,.stick.tt-header .logo img.white{display:none;} /* 菜单列表 */ .cmn-toggle-switch:focus{outline:0} .tt-header .cmn-toggle-switch{display:none;position:relative;float:right;margin-top:12px;padding:0;width:25px;height:17px;cursor:pointer;z-index:101} .tt-header .cmn-toggle-switch span{display:block;position:absolute;top:7px;left:0;right:0;height:3px;background:#333333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .tt-header .cmn-toggle-switch::after,.tt-header .cmn-toggle-switch::before{content:"";position:absolute;display:block;top:7px;left:0;width:100%;height:3px;background:#333333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .tt-header .cmn-toggle-switch::before{margin-top:-7px} .tt-header .cmn-toggle-switch::after{margin-top:7px} .tt-header .cmn-toggle-switch.active::before{-webkit-transform:translateY(7px) rotate(45deg);-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center} .tt-header .cmn-toggle-switch.active::after{-webkit-transform:translateY(-7px) rotate(-45deg);-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center} .tt-header .cmn-toggle-switch.active span{opacity:0} /* TT-MSLIDE */ .tt-mslide{position:relative; overflow:hidden;} .tt-mslide:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0);} .tt-mslide-entry{display:table-cell; width:99999px; height:1000px; text-align:center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-position:center center; vertical-align:middle;} .tt-mslide-entry:before{position:absolute; top:0; right:0; bottom:0; left:0; content:'';} .slider-content{width:100%; float:none; margin:0 auto; color:#ffffff;} .slider-content h2{font-size:72px; padding-bottom:30px;} .slider-content h3{font-size:30px; padding-bottom:30px;} .slider-content p{font-size:24px;} .slider-content p span{ color:rgba(255,255,255,0.2); font-weight:100; vertical-align:top; padding:0 10px;} .tt-mslide .text-animation{visibility:hidden;} .tt-mslide .text-animation.animated{visibility:visible;} /* SWIPER 轮播切换按钮 */ .swiper-slide{position:relative} .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#ffffff;opacity:1;} .swiper-pagination .swiper-pagination-bullet-active{background:#1669a2} /* swiper-pagination-white */ .swiper-pagination-white .swiper-pagination-bullet{background:#ffffff} .swiper-pagination-white .swiper-pagination-bullet-active{background:#1669a2} /* swiper position */ .swiper-pagination.fixed{bottom:30px!important} .swiper-pagination.relative-pagination{position:relative;top:0;margin-top:30px} .swiper-button-next,.swiper-button-prev{color:#ffffff!important} /*1关于我们*/ #Content8{margin-top:-100px;} #Content8 .aboutBrand{ float: left; width: 100%; margin: 90px 0 80px 0;} #Content8 .aboutBrand .text{ float: left; width: 57%; font-size:16px; color:#333333; line-height: 32px;} #Content8 .aboutBrand .text .margin{ float: left; width:95.5%; margin:10px 4.5% 4px 0; max-height:360px; overflow-y: auto;} #Content8 .aboutBrand .text #boxscroll{ position: relative;} #Content8 .aboutBrand .text .wrapper{ float: left; height: auto; width: 93%; margin-right: 7%;} #Content8 .aboutBrand .text h2{ float: left; width: 100%; color:#3571b0; font-size:26px; position: relative} #Content8 .aboutBrand .text h2:after{ position: absolute; content: ''; width: 48px; height: 2px; background: #3571b0; left: 0; bottom: -15px;} #Content8 .aboutBrand .word{ float: left; width: 100%; margin-top:45px;font-size: 15px;} #Content8 .aboutBrand .word p{text-indent:2rem;} #Content8 .aboutBrand .Img{ float: left; width: 43%; line-height: 0; font-size:0; overflow: hidden; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; } #Content8 .aboutBrand .right .text{ float: right;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content8 .aboutBrand{ margin: 60px 0 50px 0;} #Content8 .aboutBrand .text .margin{max-height:242px;} #Content8 .aboutBrand .text h2{ font-size:24px; line-height: 58px;} #Content8 .aboutBrand .text h2:after{ bottom: -10px;} #Content8 .aboutBrand .word{ margin-top:32px;} } @media screen and (max-width:992px){ #Content8 .aboutBrand {margin:40px 0 30px 0;} #Content8 .aboutBrand .text{ font-size:14px; line-height: 28px;} #Content8 .aboutBrand .text .margin{ max-height:184px;} #Content8 .aboutBrand .text h2{ font-size:22px; line-height:50px;} #Content8 .aboutBrand .text h2:after{ bottom:-5px;} #Content8 .aboutBrand .word{ margin-top: 23px;} } @media screen and (max-width:768px){ #Content8 .aboutBrand{margin:5px 0 20px 0;} #Content8 .aboutBrand .text{ width: 100%;} #Content8 .aboutBrand .text h2{ font-size:20px; } #Content8 .aboutBrand .Img{ width: 100%;} #Content8 .aboutBrand .text .margin{width: 100%; margin: 15px 0; max-height:100%;} #Content8 .aboutBrand .text .wrapper{ width: 100%; margin:0} } /*股东*/ #Content9 .greyBox{float: left; width: 100%; background: #f4f4f4;} #Content9 .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;} #Content9 .aboutTit{ float: left; width: 100%; text-align: center} #Content9 .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;} #Content9 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content9 .aboutTit span:before{ left: auto; right: 0;} #Content9 .shareholder{ float: left; width: 100%;} #Content9 .shareholder .li{ float: left; width: 100%; margin-top: 10px; background: #fff; height:100%; position: relative;} #Content9 .shareholder .li:first-child{ margin-top: 35px} #Content9 .shareholder .li .img{ float: left; width: 32.4%;margin-left: 10px; font-size:0; line-height: 0;} #Content9 .shareholder .li .text{ float: left; right: 0; width: 58%; margin:1% 2%; height:93%; position: absolute; overflow-y: auto;} #Content9 .shareholder .li .text .table{display: table; width:94%;height: 100%; margin: 0 3%; color:#666666; font-size:16px; line-height: 32px; } #Content9 .shareholder .li .text .cell{ display: table-cell; vertical-align: middle;} #Content9 .shareholder .li .text .cell h3{ float: left; width: 100%; color:#3571b0; font-size:20px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #cccccc; position: relative; padding:20px 0;} #Content9 .shareholder .li .text .cell h3:after{ position: absolute; content: ''; width: 48px; height: 3px; background: #3571b0; bottom: -2px; left: 0;} #Content9 .shareholder .li .text .cell .word{ float: left; width: 100%; margin-top: 25px;} #Content9 .shareholder .li:nth-child(2n) .img{} #Content9 .shareholder .li:nth-child(2n) .text{left: 0; right: auto;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content9 .marginT{ margin:50px 0 60px 0;} #Content9 .aboutTit h1{ font-size:24px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 42%;} #Content9 .shareholder .li{ margin-top: 40px;} #Content9 .shareholder .li:first-child{ margin-top: 30px;} #Content9 .shareholder .li .text .cell h3{ font-size:18px; padding:18px 0;} } @media screen and (max-width:992px){ #Content9 .marginT{ margin:30px 0 40px 0;} #Content9 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 40%;} #Content9 .shareholder .li .text .table{ font-size:14px; line-height: 28px;} #Content9 .shareholder .li .text .cell h3{line-height: 28px; padding:10px 0;} #Content9 .shareholder .li .text .cell .word{ margin-top: 15px;} #Content9 .shareholder .li{ margin-top: 30px;} #Content9 .shareholder .li:first-child{ margin-top: 20px;} } @media screen and (max-width:768px){ #Content9 .marginT{ margin: 20px 0 30px 0;} #Content9 .aboutTit h1{ font-size:20px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 33%;} #Content9 .shareholder .li{ margin-top: 15px;} #Content9 .shareholder .li:first-child{ margin-top: 10px;} #Content9 .shareholder .li .img{ width: 100%; margin-left:0px;margin-bottom: 5px;} #Content9 .shareholder .li .text{ width: 96%; position: static; margin:10px 2% 15px 2%;} } /*公司现场*/ .xianchang .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;} .xianchang .aboutTit{ float: left; width: 100%; text-align: center; margin: 70px 0 0 0;} .xianchang .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;} .xianchang .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} .xianchang .aboutTit span:before, .xianchang .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} .xianchang .aboutTit span:before{ left: auto; right: 0;} /*发展*/ #Content10 .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;} #Content10 .aboutTit{ float: left; width: 100%; text-align: center} #Content10 .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;} #Content10 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content10 .aboutTit span:before{ left: auto; right: 0;} #Content10 .History{ float: left; width: 100%; margin-top: 35px; position: relative;} #Content10 .History:after{ position: absolute; content: ''; width: 100%;height: 1px; background: #d0d0d0; left: 0; top:50%; z-index: -1; } #Content10 .HistoryList{ float: left; width: 100%; position: relative; padding:0 5px;} #Content10 .HistoryList:before, #Content10 .HistoryList:after{ position: absolute; content: ''; width: 12px; height: 12px; left: 0; top:50%; margin-top: -6px; background: #fff; border:1px solid #a490a6; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} #Content10 .HistoryList:before{ left: auto; right: 0;} #Content10 .HistoryList .l1{ float:left; width:100%; padding:0 8.57%;} #Content10 .HistoryList .text{ float: left; width: 100%; border:1px solid #e1e1e1; text-align: center; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px; height: 150px; color:#444444; font-size:16px; line-height: 22px; } #Content10 .HistoryList .text em{display: table; height: 100%;width: 100%; padding: 0 7%;} #Content10 .HistoryList .text em i{ display: table-cell; vertical-align: middle; font-style: normal; } #Content10 .HistoryList .time{ float: left; width: 100%; display: block; text-align: center; margin-top: 62px;} #Content10 .HistoryList .time span{display: inline-block; width: 108px; height: 108px; background: #3571b0; color:#fff; line-height: 108px; font-size: 24px; font-weight: bold; border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px; position: relative;} #Content10 .HistoryList .time span:after{ position: absolute; content: ''; width: 12px; height: 12px; top:-32px; left: 50%; margin-left: -6px; background: #3571b0; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #Content10 .HistoryList .time span:before{ position: absolute; content: ''; width: 1px; height: 35px; top:-30px; left: 50%; background: #3571b0;} #Content10 .HistoryList .text.tow{ margin-top: 65px;} #Content10 .HistoryList .time.tow{ margin-top: 50px;} #Content10 .HistoryList .time.tow span:after{ top: auto; bottom: -34px;} #Content10 .HistoryList .time.tow span:before{ top: auto; bottom: -32px;} #Content10 .HistoryList .slick-prev, #Content10 .HistoryList .slick-next{ width:48px; height:48px; border-radius:50%; background:#bebebe; left:-88px;} #Content10 .HistoryList .slick-next{ left:auto; right:-88px;} #Content10 .HistoryList .slick-prev:hover, #Content10 .HistoryList .slick-next:hover{ background:#3571b0;} #Content10 .HistoryList .slick-prev:after, #Content10 .HistoryList .slick-prev:before, #Content10 .HistoryList .slick-next:after, #Content10 .HistoryList .slick-next:before{float:left; width:15px; height:1px; background:#fff; content:''; position:relative;} #Content10 .HistoryList .slick-next:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-5px; left:4px; } #Content10 .HistoryList .slick-next:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:5px; left:18px; } #Content10 .HistoryList .slick-prev:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top:5px; left:-1px; } #Content10 .HistoryList .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top:-5px; left:14px;} @media screen and (max-width:1600px){ #Content10 .HistoryList{ padding:0 40px;} #Content10 .HistoryList .l1{ padding:0 6%;} #Content10 .HistoryList .slick-prev{ left:0;} #Content10 .HistoryList .slick-next{ left:auto; right:0;} #Content10 .HistoryList .text em{ padding: 0 12px;} } @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content10 .HistoryList .text{ font-size:14px; line-height:26px;} #Content10 .marginT{ margin:50px 0 60px 0;} #Content10 .aboutTit h1{ font-size:24px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 42%;} .xianchang .marginT{ margin:50px 0 60px 0;} .xianchang .aboutTit h1{ font-size:24px; margin: 70px 0 0 0;} .xianchang .aboutTit span:before, .xianchang .aboutTit span:after{ width: 42%;} } @media screen and (max-width:992px){ #Content10 .History{ margin-top:20px;} #Content10 .HistoryList .slick-prev, #Content10 .HistoryList .slick-next{ width:30px; height:30px;} #Content10 .HistoryList .slick-prev:after, #Content10 .HistoryList .slick-prev:before, #Content10 .HistoryList .slick-next:after, #Content10 .HistoryList .slick-next:before{ width:10px; } #Content10 .HistoryList{ padding:0 20px;} #Content10 .HistoryList .l1{ padding:0 7px;} #Content10 .HistoryList .slick-next:after{ top:-4px; left:1px; } #Content10 .HistoryList .slick-next:before{ top:2px; left:11px; } #Content10 .HistoryList .slick-prev:after{ top:2px; left:0px; } #Content10 .HistoryList .slick-prev:before{ top:-4px; left:10px;} #Content10 .HistoryList .time span{ width:88px; height:88px; font-size:20px; line-height:88px;} #Content10 .HistoryList .text{ height:80px;} #Content10 .marginT{ margin:30px 0 40px 0;} #Content10 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 40%;} .xianchang .aboutTit h1{ font-size:22px; line-height: 38px; margin: 70px 0 0 0;} .xianchang .aboutTit span:before, .xianchang .aboutTit span:after{ width: 40%;} } @media screen and (max-width:768px){ #Content10 .marginT{ margin: 20px 0 30px 0;} #Content10 .aboutTit h1{ font-size:20px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 33%;} .xianchang .marginT{ margin: 20px 0 30px 0;} .xianchang .aboutTit h1{ font-size:20px; margin: 70px 0 0 0;} .xianchang .aboutTit span:before, .xianchang .aboutTit span:after{ width: 33%;} } /*股东*/ #Content11 .greyBox{float: left; width: 100%; background: #f4f4f4;} #Content11 .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;} #Content11 .aboutTit{ float: left; width: 100%; text-align: center} #Content11 .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;} #Content11 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content11 .aboutTit span:before{ left: auto; right: 0;} #Content11 .zhil2{ float:left; width:100%; margin:35px 0 0 0;} #Content11 .zhil2 .box{ margin:0 -15px;} #Content11 .zhil2 .img{ padding:0 15px;} #Content11 .zhil2 .la{ float:left; width:100%; position:relative; background:#fff; padding:20px; padding-bottom:0 !important;} #Content11 .zhil2 .pic{ float:left; width:100%; line-height:0;} #Content11 .zhil2 .tit{ float:left; width:100%; text-align:center; color:#333333; font-size:14px; line-height:26px; padding:17px 0; margin-top:30px; border-top:1px solid #e3e3e3; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content11 .zhil2 .la:hover .tit{ color:#3571b0;} #Content11 .zhil2 .slick-dots{ height:14px; position:static; margin-top:40px;} #Content11 .zhil2 .slick-dots li{ width:14px; height:14px; border-radius:50%; margin:0 7px; vertical-align:top; background:#3571b0; background:rgba(53,113,176,0.3);} #Content11 .zhil2 .slick-dots li:after{ float:left; width:8px; height:8px; padding:0; border-radius:50%; position:absolute; left:3px; top:3px; content:''; z-index:66;} #Content11 .zhil2 .slick-dots li.slick-active:after{ background:#3571b0;} @media screen and (max-width:1430px){ #Content11 .zhil2 .box{ margin:0 -10px;} #Content11 .zhil2 .img{ padding:0 10px; } } @media screen and (max-width:1230px){ #Content11 .marginT{ margin:50px 0 60px 0;} #Content11 .aboutTit h1{ font-size:24px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 42%;} #Content11 .zhil2 .la{ padding:12px; } #Content11 .zhil2 .tit{ padding:10px 0; margin-top:15px; } #Content11 .zhil2 .slick-dots{ margin-top:30px;} } @media screen and (max-width:992px){ #Content11 .marginT{ margin:30px 0 40px 0;} #Content11 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 40%;} #Content11 .zhil2{ margin:20px 0 0 0;} #Content11 .zhil2 .box{ margin:0 -6px;} #Content11 .zhil2 .la{ padding:8px; } #Content11 .zhil2 .img{ padding:0 6px; } #Content11 .zhil2 .tit{ padding:8px 0; margin-top:12px;} #Content11 .zhil2 .slick-dots{ margin-top:20px; height:12px;} #Content11 .zhil2 .slick-dots li{ margin:0 5px; width:12px; height:12px; } #Content11 .zhil2 .slick-dots li:after{ width:6px; height:6px;} } @media screen and (max-width:768px){ #Content11 .marginT{ margin: 20px 0 30px 0;} #Content11 .aboutTit h1{ font-size:20px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 33%;} } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; /* margin-left: -14px; margin-right: -14px;*/ } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: 0; /* padding-left: 14px; padding-right: 14px;*/ } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { /*display: block;*/ } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; /*border: 1px solid transparent;*/ } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg'); } /* Dots */ .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ' '; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .margin_pc{ float:left; width:100%;} .margin_mobile{ float:left; width:100%; display:none;} #Subpage .text.pagecon{margin-top:-30px;} @media screen and (max-width:991px){ .margin_pc{ display:none;} .margin_mobile{ display:block;} #Subpage .text.pagecon{margin-top:-10px;} } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; left:40px; top: 50%; display: block; width: 52px; height: 100px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; background:url(../images/ban1.png) no-repeat; z-index:100; } .slick-next{ left:auto; right:40px; background:url(../images/ban2.png) no-repeat; } @media screen and (max-width:991px){ .slick-prev, .slick-next { width: 30px; height: 58px; background-size:30px 58px; } .slick-next{ background-size:30px 58px; } } @media screen and (max-width:767px){ .slick-prev, .slick-next { left:15px; width: 26px; height: 50px; background-size:26px 50px; } .slick-next{ left:auto; right:15px; background-size:26px 50px; } } .mkbt{padding-bottom:20px; text-align:center;margin: 70px 0 0 0;} .mkbt h2.maintitle{font-size:32px; font-weight:bold; color:#000000; margin:0; background:url(../images/mkbt-pot.png) no-repeat bottom center; padding-bottom:40px;} .mkbt2{padding-bottom:60px; text-align:center;} .mkbt2 h2.maintitle{font-size:40px; font-weight:bold; color:#000000; margin:0; background:url(../images/mkbt-pot.png) no-repeat top center; padding-bottom:40px;} .mkbt2 p.subtitle{font-size:32px; color:#000000;text-transform:uppercase;display:block; line-height:70px;} .mkbt2 p.subtitle span{ color:#1669a2; font-weight:bold;} .mkbt2 p.overview{font-size:40px; color:#000000;line-height:70px;} /* 类别 */ .category{padding-bottom:40px; text-align:center;} .category a{color:#666;border-radius:0px;background:#fff;border:1px solid #E6E6E6;margin:5px 5px;font-size:14px;padding:5px 10px; display:inline-block;} .category a.active,.category a:hover{color:#fff;border-radius:0px;background:#1669a2;border:1px solid #1669a2} .ny-right .category{display:none;} /* 面包屑 */ .breadcrumb{border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;background:#fafafa; padding:40px 0px; line-height:24px;} .breadcrumb h2{font-size:30px; font-weight:normal;} /*首页成套技术解决方案*/ .index-piclist01{text-align:center;} .index-piclist01 .txt .txt-content{background:none; padding:15px 0px;} .index-piclist01 .txt .txt-content h3{font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;} .index-piclist01 .txt .txt-content p{color:#666; margin-bottom:20px;} .index-piclist01 .img-box{ overflow:hidden; background:rgba(0,0,0,0);} .index-piclist01 .img-box img{ transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out; -moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out; -o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out; -webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out; margin:0 auto; } .index-piclist01:hover .img-box img{ cursor:pointer; opacity:.5} .piclist{text-align:center;} .piclist .txt .txt-content{background:none; padding:15px 0px;} .piclist .txt .txt-content h3{font-size:24px; font-weight:normal; white-space: nowrap;text-overflow: ellipsis;} .piclist .txt .txt-content p{color:#666; margin-bottom:20px;} .piclist .img-box{ overflow:hidden; background:rgba(0,0,0,0);} .piclist .img-box img{ transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out; -moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out; -o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out; -webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out; margin:0 auto; } .piclist:hover .img-box img{ cursor:pointer; opacity:.5} .piclist2{text-align:left; margin-bottom:30px;} .piclist2 .txt{position:relative;} .piclist2 .txt .txt-content{position:absolute; left:0; bottom:0px; background:rgba(255,255,255,.7); color:#000000; padding:10px 0px; width:100%;} .piclist2 .txt .txt-content h3{font-size:16px; font-weight:normal; line-height:30px; margin:0 20px; background:url(../images/j-icon-b.png) no-repeat right;} .piclist2 .img-box{ overflow:hidden; background:rgba(0,0,0,.9);} .piclist2 .img-box img{ transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out; -moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out; -o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out; -webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out; } .piclist2:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer; opacity:.5} .piclist2:hover .txt .txt-content{background:rgba(0,124,193,.7); color:#ffffff;} .piclist2:hover .txt .txt-content h3{background:url(../images/j-icon-w.png) no-repeat right;} .pagelist{ text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; } .newslist{margin-bottom:30px; position: relative; display: block; transition: all .36s;} .newslist dl dd.pic{padding-bottom:15px;} .newslist dl dd.riqi{ position:relative; color:#999; padding:0px 20px 10px 20px;} .newslist dl dd.riqi .txt{position:absolute; left:0; bottom:0px; width:100%;} .newslist dl dd.riqi .txt .txt-content{background:rgba(255,255,255,.7); padding:10px 0px 20px 0px; color:#000000; width:50%; margin:0 auto; text-align:center; font-size:36px; font-weight:bold; } .newslist dl dd.riqi .txt .txt-content span{ font-size:14px; color:#777777; vertical-align:middle;} .newslist dl dt{font-size:18px; font-weight:bold; padding:0px 20px 10px 20px;white-space: nowrap; overflow: hidden;} .newslist dl dd.txt{font-size: 14px; color: #777777; padding: 0px 20px 20px 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .newslist dl dd.more{padding:0px 20px 30px 20px; color:#333333; font-size:14px;} .newslist dl dd.more img{padding-left:10px;} .newslist::before{content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background: #e0e0e0;} .newslist::after{content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 0; height: 1px; background: #1669a2; transition: all .36s;} .newslist:hover {box-shadow: 0 5px 47px 4px rgba(214, 211, 211, .75);} .newslist:hover::after {width: 100%;} .newslist .img-box{overflow:hidden} .newslist .img-box img,.newslist .img-box img{transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out} .newslist:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer;} /* 详情页（产品proshow.html/新闻newsshow.html） */ .detail-title h3{font-size:24px;} .detail-title h3 span{ display:block; font-weight:normal; font-size:14px; color:#999; line-height:32px; border-bottom:0px solid #e0e0e0; margin:10px 0px;} .detail-content{ padding-bottom:20px;} .detail-content p{ padding:10px 0px;text-indent: 2rem;} .detail-content img{margin: 0 auto; display: block; max-width: 100%; height: auto !important;} .detail-content .table tr th{ height:40px; line-height:40px; font-size:26px; color:#333333; background:#e3e3e3; text-align:center; vertical-align:middle;} .detail-content .table tr td{ height:40px; line-height:40px; text-align:center; vertical-align:middle;} .detail-pre-next{padding-bottom:30px;} .detail-pre-next ul li{ color:#999;} .detail-pre-next ul li a{ color:#666;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 首页样式设置*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 关于我们 */ .index-about-bg{background:url(../images/index-about-bg.jpg) no-repeat; background-size:cover;background-position:center;position:relative;background-attachment:fixed; color:#ffffff; padding:70px 0px;} .index-about{} .index-about-title h2{ padding:15px 0;font-size:32px; font-weight:bold; padding-bottom:24px;} .index-about-nr{ margin-bottom:54px;} .index-about-nr p{ font-size: 16px; text-indent: 3rem;line-height:30px; margin-bottom:10px} .index-about-more a{ display:inline-block; width:160px; height:50px; line-height:50px; background:#1669a2; text-align:center; color:#ffffff;} .index-about-more a img{padding-left:5px;} /* 企业文化 */ .index-culturelist-bg{ background:#F6F6F6; padding-top:60px;} .index-culturelist dl{padding:125px 28px; text-align:center; border-bottom:6px solid #F6F6F6;} .index-culturelist dl dd.icon01{ background:url(../images/icon01.png) no-repeat; width:80px; height:80px; margin:0 auto;} .index-culturelist dl dd.icon02{ background:url(../images/icon02.png) no-repeat; width:80px; height:80px; margin:0 auto;} .index-culturelist dl dd.icon03{ background:url(../images/icon03.png) no-repeat; width:80px; height:80px; margin:0 auto;} .index-culturelist dl dt{ font-size:24px; font-weight:bold; color:#333333; padding:24px 0px;} .index-culturelist dl dd.txt{ font-size:14px; color:#777777; padding-bottom:64px;} .index-culturelist dl dd.more{ font-size:14px; color:#333333;} .index-culturelist dl dd.more img{padding-left:10px;} .index-culturelist dl:hover{ background:#fff; border-bottom:6px solid #1669a2; cursor:pointer; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s; transition: all .4s ease-in-out;} .index-culturelist dl:hover dd.icon01{background:url(../images/icon01-h.png) no-repeat;} .index-culturelist dl:hover dd.icon02{background:url(../images/icon02-h.png) no-repeat;} .index-culturelist dl:hover dd.icon03{background:url(../images/icon03-h.png) no-repeat;} .index-contact-bg{background:#1669a2;} /* 在线留言表单 */ .index-feedbback{ width: 70%; float: right; padding: 100px 0px;} .index-feedbback .feedback-title{ color:#ffffff; padding:0px 15px 60px 15px;} .index-feedbback .feedback-title h2{ font-size:40px; font-weight:bold; padding-bottom:10px;} .index-feedbback .feedback-form{clear:both; overflow:hidden; color:#ffffff;} .index-feedbback .feedback-form .form-label{position:relative;margin-bottom:20px} .index-feedbback .feedback-form .form-label input,.index-feedbback .feedback-form .form-label textarea{background:rgba(255,255,255,0.4);width:100%;border:0 none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;font-size:14px;outline:0; padding:0px 30px; border:0px solid #f0f0f0; box-shadow:none;} .index-feedbback .feedback-form .form-label input:focus,.index-feedbback .feedback-form .form-label textarea:focus{box-shadow:none; color:#ffffff;} .index-feedbback .feedback-form .form-label input::placeholder,.index-feedbback .feedback-form .form-label textarea::placeholder{color:#ffffff;} .index-feedbback .feedback-form .form-label input{height:46px} .index-feedbback .feedback-form .form-label textarea{padding:14px 0 0 30px;height:178px;resize:none} .index-feedbback .feedback-form .form-label .form-btn{cursor:pointer; width:100%; border:2px solid rgba(255,255,255,1); background:none; text-align:center; padding:0px 0px; margin:0; height:70px; line-height:70px; font-size:16px; font-weight:bold;} .contact-map{position: relative; width: 100%; height: 770px; overflow: hidden;} .contact-map img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;} /* 在线留言表单 */ .ny-feedbback{ padding:0px 0px;} .ny-feedbback .feedback-title{ padding:0px 15px 60px 15px;} .ny-feedbback .feedback-title h2{ font-size:40px; font-weight:bold; padding-bottom:10px;} .ny-feedbback .feedback-form{clear:both; overflow:hidden;} .ny-feedbback .feedback-form .form-label{position:relative;margin-bottom:20px} .ny-feedbback .feedback-form .form-label input,.ny-feedbback .feedback-form .form-label textarea{background:#f9f9f9;width:100%;border:0 none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;font-size:14px;outline:0; padding:0px 30px; border:1px solid #f0f0f0; box-shadow:none;} .ny-feedbback .feedback-form .form-label input:focus,.ny-feedbback .feedback-form .form-label textarea:focus{box-shadow:none;} .ny-feedbback .feedback-form .form-label input::placeholder,.ny-feedbback .feedback-form .form-label textarea::placeholder{color:#999999;} .ny-feedbback .feedback-form .form-label input{height:46px} .ny-feedbback .feedback-form .form-label textarea{padding:14px 0 0 30px;height:178px;resize:none} .ny-feedbback .feedback-form .form-label .form-btn{cursor:pointer; width:100%; border:0; background:#1669a2; color:#ffffff; text-align:center; padding:0px 0px; margin:0; height:70px; line-height:70px; font-size:16px; font-weight:bold;} .servicelist dl{padding:125px 28px; text-align:center; background:#f6f6f6; border-bottom:6px solid #1669a2;} .servicelist dl dd.icon01{ background:url(../images/icon01.png) no-repeat; width:80px; height:80px; margin:0 auto;} .servicelist dl dd.icon02{ background:url(../images/icon02.png) no-repeat; width:80px; height:80px; margin:0 auto;} .servicelist dl dd.icon03{ background:url(../images/icon03.png) no-repeat; width:80px; height:80px; margin:0 auto;} .servicelist dl dt{ font-size:24px; font-weight:bold; color:#333333; padding:24px 0px;} .servicelist dl dd.txt{ font-size:14px; color:#777777; padding-bottom:64px;} .servicelist dl dd.more{ font-size:14px; color:#333333;} .servicelist dl dd.more img{padding-left:10px;} .servicelist dl:hover{ background:#f0f0f0; border-bottom:6px solid #1669a2; cursor:pointer; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s; transition: all .4s ease-in-out;} .servicelist dl:hover dd.icon01{background:url(../images/icon01-h.png) no-repeat;} .servicelist dl:hover dd.icon02{background:url(../images/icon02-h.png) no-repeat;} .servicelist dl:hover dd.icon03{background:url(../images/icon03-h.png) no-repeat;} /* FOOTER 底部*/ footer .footer-bg{background:#37383C; color:#fff; padding:65px 0px;} footer .footer-qrcode-dy-contact{ display:flex; justify-content:center;} footer .footer-qrcode-dy{width:149px; margin:0 auto; text-align:center;} footer .footer-qrcode{} footer .footer-qrcode img{width:149px; height:149px;} footer .footer-dy{margin-top:20px;} footer .footer-contact{ width:330px; margin:0 auto; padding:0px 0px;} footer .footer-contact ul li{ margin-bottom:15px;} footer .footer-contact ul li img{padding-right:10px; vertical-align:middle; display:inline-block;} footer .footer-contact ul li.phone p{ display:inline-block; margin:0; padding:0; font-size:30px; font-weight:bold;} footer .footer-contact ul li.phone p span{ display:block; font-size:12px; font-weight:normal; color:rgba(255,255,255,0.5); margin:0; padding:0px 0px 5px 0px; line-height:14px;} footer .footer-contact ul li.phone img{vertical-align:top; padding-top:5px;} footer .footer-list{float:left; width:14%; } footer .footer-list h2{font-size:16px; font-weight:bold;} footer .footer-list ul{padding:28px 0px;} footer .footer-list ul li{font-size:14px;} footer .footer-list ul li a{color:rgba(255,255,255,0.6);} footer .footer-list ul li a:hover{color:rgba(255,255,255,1);} footer .footer-copyright{background:#333439; padding:40px 0px; color:rgba(255,255,255,0.4);} footer .footer-copyright p{display:inline-block;} footer a{color:rgba(255,255,255,0.4);} footer a:hover{color:rgba(255,255,255,1); text-decoration:none} /*弹出*/ .btn-tcly{cursor:pointer;} .zzsc {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;} .zzsc:after {content:"";display: inline-block; vertical-align: middle; height: 100%;width: 0;} .content{display: inline-block; *display: inline; *zoom:1; vertical-align: middle;position: relative;right: -100%; background:#fff; padding:10px 10px 0px 10px;} .content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000; opacity:0.5;filter:alpha(opacity=50); display:none;} /*关闭按钮*/ .popupCancel {position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;cursor: pointer;background-color: #fff; z-index:9999999;} .popupCancel img {width: auto;height: auto;max-width: 100%;max-height: 100%;}