/* 首页模块命名规范：col-index-模块英文名称，如：col-index-news 内页页面外层容器命名规范： 1、通用样式：col-page，内页外层容器通用样式，使用方法
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面） 3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉） 其他命名规范： 1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container 2、使用英文名称为样式命名，不要出现拼音和首字母 3、模块最外层容器命名规范：col-自定义名称 4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product 备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。 */ @charset "utf-8"; /* noto-sans-sc-100 */ @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 100; src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-100.eot'); /* IE9 Compat Modes */ src: local('Noto Sans SC'), local('NotoSans SC-Normal'), url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-100.woff2') format('woff2'), /* Super Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-100.woff') format('woff'), /* Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-100.svg#NotoSans SC') format('svg'); /* Legacy iOS */ } /* noto-sans-sc-300 */ @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 300; src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-300.eot'); /* IE9 Compat Modes */ src: local('Noto Sans SC'), local('NotoSans SC-Normal'), url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-300.woff2') format('woff2'), /* Super Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-300.woff') format('woff'), /* Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-300.svg#NotoSans SC') format('svg'); /* Legacy iOS */ } /* noto-sans-sc-regular */ @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: regular; src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot'); /* IE9 Compat Modes */ src: local('Noto Sans SC'), local('NotoSans SC-Normal'), url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff') format('woff'), /* Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.svg#NotoSans SC') format('svg'); /* Legacy iOS */ } /* noto-sans-sc-500 */ @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 500; src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-500.eot'); /* IE9 Compat Modes */ src: local('Noto Sans SC'), local('NotoSans SC-Normal'), url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-500.woff2') format('woff2'), /* Super Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-500.woff') format('woff'), /* Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-500.svg#NotoSans SC') format('svg'); /* Legacy iOS */ } /* noto-sans-sc-600 */ @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 600; src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-600.eot'); /* IE9 Compat Modes */ src: local('Noto Sans SC'), local('NotoSans SC-Normal'), url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-600.woff2') format('woff2'), /* Super Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-600.woff') format('woff'), /* Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-600.svg#NotoSans SC') format('svg'); /* Legacy iOS */ } /* noto-sans-sc-700 */ @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 700; src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-700.eot'); /* IE9 Compat Modes */ src: local('Noto Sans SC'), local('NotoSans SC-Normal'), url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-700.woff2') format('woff2'), /* Super Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-700.woff') format('woff'), /* Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-700.svg#NotoSans SC') format('svg'); /* Legacy iOS */ } /* noto-sans-sc-900 */ @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 900; src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-900.eot'); /* IE9 Compat Modes */ src: local('Noto Sans SC'), local('NotoSans SC-Normal'), url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-900.woff2') format('woff2'), /* Super Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-900.woff') format('woff'), /* Modern Browsers */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-900.svg#NotoSans SC') format('svg'); /* Legacy iOS */ } @font-face { font-family: "OSWALD-BOLD"; src: url("../fonts/OSWALD-BOLD_0.ttf") format("truetype"), url("../fonts/OSWALD-BOLD_0.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "OSWALD-REGULAR"; src: url("../fonts/OSWALD-REGULAR.ttf") format("truetype"), url("../fonts/OSWALD-REGULAR.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "OSWALD-LIGHT"; src: url("../fonts/OSWALD-LIGHT-TTF.SFD.ttf") format("truetype"), url("../fonts/OSWALD-LIGHT-TTF.SFD.otf") format("opentype"); font-weight: normal; font-style: normal; } html{overflow-x: hidden;} body {font-family:'arial','Noto Sans SC';min-width: 320px;color: #000;overflow: hidden;} @font-face { font-family: 'goomay'; /* project id 523133 */ src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot'); src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.woff') format('woff'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.ttf') format('truetype'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.svg#goomay') format('svg'); } .goomay a { font-family:"goomay" !important; font-size:12px!important; color: rgb(255,255,255,.5)!important; font-style:normal; font-weight: normal; text-decoration: none!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; text-transform: uppercase; transition: .5s all; } .icon-goomay a:before { content: "\e602"; } .goomay a:hover{color: rgb(255,255,255,1)!important;} .icon-g:before { content: "\e603"; } .iconfont {font-family: 'iconfont';} li {list-style: none;} i {font-style: normal;} a {color: #000;} a:focus{text-decoration: none} a:hover { color: #000;text-decoration: none;} p,h1,h2,h3,h4,h5,h6,ul, li { margin: 0; padding: 0;} img { border: 0; max-width: 100%;} .relative { position: relative;} .container { width: 1200px; padding: 0;} .container2 { max-width: 1500px; width:100%; margin: 0 auto; } .syposition{position: relative;background-color: #fff;} #page{padding-top: 0px; overflow: hidden;} nav.mm-menu_offcanvas{display: none;} /* #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0; background: #0067b7; transition: .5s all;} */ #BMapLib_transBox0 table td{box-sizing: content-box !important;} .target-fix {position: relative;top: -80px;display: block;height: 0;overflow: hidden;} img[src=""],img:not([src]){opacity:0 !important;} /* header */ .header{width: 100%;} .index_header{position: fixed;top: 0;left: 0;z-index: 999;} .header .inner{background: #fff;padding-left: 45px;} .header .logo{height:90px;line-height: 90px;font-size: 0} .header .logo img{width: 200px;} .header .nav>ul>li{float: left;margin-left: 70px;height:90px;line-height: 90px;} .header .nav>ul>li a{transition: 0.2s;font-size: 16px;} .header .nav>ul>li a i{margin-left: 5px;} .header .nav>ul>li a i:nth-of-type(2){display: none;} .header .nav>ul>li.active>a,.header .nav>ul>li:hover>a{color:#d71920} .header .nav>ul>li:hover a i:nth-of-type(1){display: none} .header .nav>ul>li:hover a i:nth-of-type(2){display: inline-block;} .header .col-shop{width: 90px;height:90px;background: #d71920;position: relative;transition: 0.3s;} .header .col-shop>a{display: block;height: 100%} .header .col-shop:hover{background:#313131; } .header .col-shop>a>i{width:22px;height:26px;background: url(../images/shop.png)no-repeat center center; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%)} .header .col-shop ul{position: absolute;z-index: 2;display: none;right: 0;text-align: right} .header .col-shop ul:has(li:hover){display: flex !important;flex-direction: column;align-items: end;} .header .col-shop ul li{background: #f9f9f9;font-size: 0;border:1px solid #e5e5e5;width: 90px;display: inline-block} .header .col-shop ul li a{display: block;padding: 30px;} .header .col-shop ul li i{width:27px;height: 27px;display: inline-block;vertical-align: middle;} /* .header .col-shop ul li:first-child i{background: url(../images/tianmao.png)no-repeat center center;}*/ .header .col-shop ul li:last-child{margin-top:-1px} .header .col-shop ul li p{color:#d7000f;font-size: 16px;display: none;vertical-align: middle;} .header .col-shop ul li:hover p{display: inline-block;margin-left: 15px;} .header .col-shop ul li:hover {width: 200px;box-shadow: 0 0 13px rgba(0,0,0,.2);z-index: 1;position: relative;} .header .language i{width: 19px;height:19px;display: inline-block;vertical-align: middle} .header .language i.cn{background: url(../images/cn.png)no-repeat center center;background-size: cover} .header .language i.en{background: url(../images/en.png)no-repeat center center;background-size: cover} .header .language{height:90px;line-height: 90px;margin-right: 20px;position: relative;} .header .language .lang-none{display: none;position: absolute;z-index: 2;line-height: normal;bottom: 10px;right: 22px;} .header .language:hover .lang-none{display: block} .col-product-nav{position: absolute;top:90px;width: 100%;left: 0;z-index: 99;line-height: normal;background: #313131;display: none;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.18)} .col-product-nav .col-nav ul{width:100%;} .col-product-nav .col-nav ul li{float: left;text-align: center;height:200px;width: 25%;} .col-product-nav .col-nav ul li a{transition: 0.3s;height:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;} .col-product-nav .col-nav ul li .col-img img:nth-child(2){display: none;} .col-product-nav .col-nav ul li h2{color:#b9b9b9;font-size: 14px;margin-top:10px;} .col-product-nav .col-nav ul li:hover a,.col-product-nav .col-nav ul li.active a{background: rgba(83,83,83,0.3);} .col-product-nav .col-nav ul li:hover h2,.col-product-nav .col-nav ul li.active h2{color:#fff;} .col-product-nav .pro-nav{width:25%;padding-top:10px;} .col-product-nav .pro-nav p{text-align: center;font-size: 16px;color:#5a5a5a;padding-left: 15px;line-height: 1.8} .col-product-nav .pro-nav p a{color:#5a5a5a} .col-product-nav .pro-nav p:hover a{color:#d7000f} .col-product-nav .col-nav ul li:nth-child(n+4){float: right;height: auto;width: 25%;line-height: 2;padding-left: 15px;padding-top:3px;} .col-product-nav .col-nav ul li:nth-child(n+4) a{padding: 0;color:#5a5a5a;transition: 0.2s} .col-product-nav .col-nav ul li:nth-child(n+4) h2{color: #5a5a5a;font-size: 16px;} .col-product-nav .col-nav ul li:nth-child(n+4):hover h2{color:#d7000f;} .col-product-nav .col-nav ul li:nth-child(n+4):hover a, .col-product-nav .col-nav ul li:nth-child(n+4).active a{background: none;} .col-product-nav>.col-img{background: #eeeeee;padding: 40px 0;} .col-product-nav>.col-img .col-box{display: none} .col-product-nav>.col-img .col-box.active{display: block;} .col-product-nav>.col-img .col-box li{float: left;width:24%;margin-right: 1.33%;margin-bottom: 10px;} .col-product-nav>.col-img .col-box li:nth-child(4n){margin-right:0;} .col-product-nav .col-nav ul li:hover .col-img img:nth-child(2),.col-product-nav .col-nav ul li.active .col-img img:nth-child(2){display: inline;} .col-product-nav .col-nav ul li:hover .col-img img:nth-child(1),.col-product-nav .col-nav ul li.active .col-img img:nth-child(1){display: none;} .col-product-nav>.col-img .col-box li .img{position: relative;} .col-product-nav>.col-img .col-box li .img img{display: none} .col-product-nav>.col-img .col-box li .img i{position: absolute;top:15px;right: 15px;border-radius: 13px;background-color: rgb(255, 255, 255);width: 61px;height: 29px;font-weight: bold;font-style: italic;line-height: 29px;text-align: center;display: block !important;margin:0 !important;} .col-product-nav>.col-img .col-box li .img img.active{display: inline} .col-product-nav>.col-img .col-box li .col-dot{text-align: center;margin:15px 0 10px;} .col-product-nav>.col-img .col-box li .col-dot span{display: inline-block;width: 12px;height: 12px;border:1px solid #fff;border-radius: 100%;cursor: pointer;} /* banner */ .col-banner {transition: 0.5s all ease;} .col-banner .swiper-slide{background-position: center !important;background-size: cover !important;} #col-index-banner{margin-top:90px;} #col-index-banner .ban_cont{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-45%);width: 100%;opacity: 0;transition: 0.5s all;z-index: 2;} #col-index-banner .swiper-slide-active .ban_cont{transform: translate(-50%,-50%);opacity: 1;transition-delay: .5s;} #col-index-banner .swiper-slide video {object-fit: cover;width: 100%;height: 100%;} #col-index-banner .swiper-slide a{display: block;height: 100%;} #col-index-banner #ban_cont1{font-family:'Noto Sans SC';color:#fff} #col-index-banner #ban_cont2{font-family:'Noto Sans SC';color:#fff;width: 100%;max-width: 1200px;} #col-index-banner #ban_cont2 p img{margin-bottom: 15px;} #col-index-banner #ban_cont3{font-family:'Noto Sans SC';color:#fff;width: 100%;max-width: 1200px;} #col-index-banner #ban_cont3 ul{font-size: 0;text-align: center} #col-index-banner #ban_cont3 ul li{display: inline-block;font-size: 16px;margin:0 5px;} #col-index-banner #ban_cont3 ul li a{display: block;padding: 0 25px;color:#fff;transition: 0.3s;border:2px solid #fff;height: 45px;line-height: 45px;} #col-index-banner #ban_cont3 ul li:hover a{background: #fff;color:#000} #col-index-banner #ban_cont3 p img{margin-bottom: 15px;} #col-index-banner #ban_cont4{font-family: 'OSWALD-LIGHT';color:#fff;padding-bottom: 150px;} #col-index-banner #ban_cont4 strong{font-family: 'OSWALD-BOLD';} #col-index-banner .video-play{width: 90px;height: 90px;background: url(../images/play.png)no-repeat center center;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-top:130px;z-index: 200;} #col-index-banner .swiper-pagination{top: auto;bottom: 0;height: 3px;background: rgba(0,0,0,0);width:100%;max-width: 1200px;left: 50%;transform: translateX(-50%)} #col-index-banner .swiper-pagination::before{content:'';height: 3px;width:100%;background: #d7000f;bottom: 0;left: 0;position: absolute;transform: translateX(-100%)} #col-index-banner .swiper-pagination .swiper-pagination-progressbar-fill{background: #d7000f;} #col-index-banner .swiper-button{width: 87px;height: 175px;color:#fff;line-height: 175px;margin-top: -87.5px;text-align: center;font-size: 48px;opacity: 1;outline: none;} #col-index-banner .swiper-button-prev{left: 0;background: url(../images/button2_bg.png)no-repeat center center;} #col-index-banner .swiper-button-next{right: 0;background: url(../images/button_bg.png)no-repeat center center;} .col-banner-title{color:#fff;font-size: 24px;font-family: 'Noto Sans SC';text-align: center;margin-top: -70px;position: relative;z-index: 1;} .col-banner-title ul li{float: left;width: 25%;line-height: 70px;} .col-banner-title ul li a{color:#fff;transition: 0.2s} .col-banner-title ul li a:hover{color:#d7000f} #col-product-banner{width: 100%;margin:0 auto;} #col-product-banner .ban_cont{position: absolute;left: 120px;top: 50%;transform: translateY(-50%);color:#444444;} #col-product-banner .ban_cont span.num{display: inline-block;padding: 5px;background: #d7000f;border-radius: 5px;line-height: normal} #col-product-banner .ban_cont p:nth-child(1){transform: translateY(25px);opacity: 0;transition: all .5s;} #col-product-banner .ban_cont p:nth-child(2){width: 360px;margin:20px 0 70px;transform: translateY(25px);opacity: 0;transition: all .5s;} #col-product-banner .ban_cont p:last-child{color:#d7000f;transform: translateY(25px);opacity: 0;transition: all .5s;} #col-product-banner .swiper-slide-active .ban_cont p:nth-child(1){transform: none;opacity: 1;transition-delay: .5s;} #col-product-banner .swiper-slide-active .ban_cont p:nth-child(2){transform: none;opacity: 1;transition-delay: .66s;} #col-product-banner .swiper-slide-active .ban_cont p:nth-child(3){transform: none;opacity: 1;transition-delay: .8s;} #col-product-banner .swiper-pagination span{width: 11px;height: 11px;border:2px solid #fff;opacity: 1;} #col-product-banner .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;} #col-product-banner .swiper-slide a{position: absolute;display: block;width: 100%;height:100%;top: 0;left: 0;} /* 首页about */ .col-index-about{padding: 10px;} .col-index-about ul li{padding: 10px;overflow: hidden;width: 50%;float: left;position: relative;} .col-index-about ul li .col-cont{position: absolute;top:66px;left: 50%;transform:translateX(-50%);text-align: center;} .col-index-about ul li .col-cont a{width: 160px;height: 50px;border-radius: 50px;background: rgba(255,255,255,0.8);text-align: center;line-height: 50px;color: #d7000f;font-size: 16px;display: block;margin:25px auto;transition: 0.3s} .col-index-about ul li:nth-child(n+3) .col-cont{color: #fff;top: 50%;transform: translate(-50%,-50%)} .col-index-about ul li .col-cont a:hover{box-shadow: 0 5px 9px rgba(0,0,0,.2)} .col-index-about ul li .col-img{overflow: hidden;} .col-index-about ul li .col-img img{transition: 0.5s} .col-index-about ul li:hover .col-img img{transform: scale(1.08)} .col-index-about table{width: 100%;table-layout: fixed;} .col-index-about table td{height: 440px;position: relative;text-align: center;padding: 10px;} .col-index-about table td a{display: block;height: 100%;} .col-index-about table td:nth-child(1) a{background: #262626;color:#fff;position: relative;} .col-index-about table td:nth-child(1) a .col-cont{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%)} .col-index-about table td:nth-child(1) p{color:#fff;} .col-index-about table td:nth-child(1) .col-cont p:first-child{margin-bottom: 30px;} .col-index-about table td:nth-child(n+2){vertical-align: top;} .col-index-about table td:nth-child(n+2) a{padding-top:80px;} .col-index-about table td:nth-child(n+2) .col-cont p:nth-child(2){color:#666;font-weight: 300} .col-index-about table td:nth-child(3) img{margin-bottom: 10px;} /* page */ .page {text-align: center;margin:30px 0 0;} .page ul li a,.page ul li span{border:none;background: none;color:#2e7879;padding:6px 3px;margin:0 10px;} .page ul li.disabled a,.page ul li.active span{border:none;background: none;} .page ul li.active a,.page ul li.active span{border:none;background: none;color:#2e7879;border-bottom: 3px solid #2e7879;} .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: none;color:#2e7879;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#2e7879;} /* 内页 */ .col-page{position: relative;}/*内页通用页面外层容器样式*/ /* 关于我们 */ /* .col-page-about{background: #f8f8f8;} */ .col-page-about #col-about-banner .ban_cont{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);color:#fff;font-family: 'OSWALD-LIGHT';} .col-page-about #col-about-banner .ban_cont strong{font-family: 'OSWALD-BOLD';} .col-page-about #col-about-banner .ban_cont p:nth-child(1){transform: translateY(25px);opacity: 0;transition: all .5s;} .col-page-about #col-about-banner .ban_cont p:nth-child(2){font-weight: 300;font-family: 'Noto Sans SC';transform: translateY(25px);opacity: 0;transition: all .5s;} .col-page-about #col-about-banner .swiper-slide-active .ban_cont p:nth-child(1){transform: none;opacity: 1;transition-delay: .5s;} .col-page-about #col-about-banner .swiper-slide-active .ban_cont p:nth-child(2){transform: none;opacity: 1;transition-delay: .66s;} .col-introduction {padding: 5% 0 6%} .col-introduction h2{font-size: 48px;font-weight: bold;float: left;width: 40%;} .col-introduction .col-cont{float: right;width: 60%;line-height: 1.8;} .col-introduction .col-cont>p:first-child{font-size: 33px;margin-bottom: 30px;line-height: 50px;font-weight: 550;letter-spacing: 1.5px;color:#4c4c4c;} .col-introduction .col-cont>p:nth-child(2){margin-bottom: 50px;font-size: 16px;line-height: 35px;color:#333;letter-spacing: 1.5px;} .col-introduction .col-cont table{width: 530px;} .col-introduction .col-cont table td{word-break:normal !important;white-space: nowrap;border-bottom: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(0,0,0,.1);padding: 50px 0 40px;text-transform: uppercase;} .col-introduction .col-cont table td:first-child{padding-left: 10px;} .col-introduction .col-cont table td:last-child{border-right:none;padding-left: 80px;} .col-introduction .col-cont table tr:last-child td{border-bottom: none;} .col-introduction .col-cont table td p:nth-child(1){margin-bottom: 3px;font-size: 33px;line-height: 50px;font-weight: 550;letter-spacing: 1.5px;color:#4c4c4c;} .col-introduction .col-cont table td p:nth-child(2){font-size: 16px;color:#333;letter-spacing: 1.5px;} .col-develop {background: #fff} .col-develop .col-img{height: 380px;} .col-develop h2{font-size: 48px;font-weight: bold;float: left;width: 40%;} .col-develop .container{padding: 5% 0 6%} .col-develop .col-cont{float: right;width: 60%;line-height: 1.8;position: relative;} .col-develop .col-cont::before{content:'';width: 5px;height: 100%;position: absolute;left: 0;top:0;border-radius: 5px;background: #eeeeee;} .col-develop .col-cont li{position: relative;margin-bottom: 60px;padding-left: 40px;} .col-develop .col-cont li::before{content:'';width: 30px;height:30px;background: url(../images/dot.png)no-repeat center center;position: absolute;left: -13px;top: 12px;} .col-develop .col-cont li h3{font-size: 48px;font-family: 'Century Gothic';margin-bottom: 10px;} .col-develop .col-cont li .cont{} .col-develop .col-cont li .cont table{width: 100%;} .col-develop .col-cont li .cont table td{word-break:normal !important;font-size: 16px;line-height: 2} .col-develop .col-cont li .cont table td:nth-child(1){width: 80px;padding-left: 20px;position: relative;} .col-develop .col-cont li .cont table td:nth-child(1)::before{content:'';width: 10px;height: 3px;position: absolute;left: 0;top:12px;background: #000} .col-develop .col-cont li .cont table td:nth-child(2){color:#666666;} .col-honor {padding: 5% 0 6%} .col-honor h2{font-size: 48px;font-weight: bold;float: left;width: 40%;} .col-honor .col-cont{float: right;width: 60%;line-height: 1.8;} .col-honor .col-cont ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 25px;} .col-honor .col-cont ul li:nth-child(3n){margin-right: 0} .col-honor .col-cont ul li p{margin-top:10px;color:#666666;text-align: center;height: 50px;} /* 产品 */ .col-page-product{background: #eeeeee;padding:50px 0 100px;} .col-page-product .col-product-list{} .col-page-product .col-box{} .col-page-product .col-box h2{font-size: 24px;color:#000;font-weight: bold;margin:60px 0 20px;} .col-page-product .col-box ul li{width: 24%;margin-right: 1.333%;margin-bottom: 10px;background: #fff;float: left;text-align: center} .col-page-product .col-box ul li:nth-child(4n){margin-right: 0;} .col-page-product .col-box ul li .col-img{overflow: hidden;} .col-page-product .col-box ul li .col-img img{transition: 0.5s} .col-page-product .col-box ul li .col-cont{padding: 25px 0;} .col-page-product .col-box ul li .col-cont h3{font-size: 18px;font-weight: bold;} .col-page-product .col-box ul li .col-cont .col-desc{color:#666666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .col-page-product .col-box ul li:hover .col-img img{transform: scale(1.1)} .col-page-product .col-box ul li.col-2{width: 49%;margin-right: 2%;} .col-page-product .col-box ul li.col-2:nth-child(2n){margin-right: 0} .col-page-product .col-box ul li.col-2 .col-img{width: 66%;float: left;} .col-page-product .col-box ul li.col-2 .col-cont{width: 34%;float: right;padding: 110px 10px 0;text-align: left;} .col-page-product .col-box ul li.col-2 .col-cont h3{font-size: 36px;margin-bottom: 10px;} .col-page-product .col-box ul li.col-2 .col-cont .col-desc{overflow: auto;text-overflow: initial;white-space: initial;font-size: 16px;} .col-page-product .col-box ul .col-one{width: 100% !important;margin-right: 0 !important;} .col-page-product .col-box ul .col-one .col-img{width: 50%;float: left;padding: 10px 80px;} .col-page-product .col-box ul .col-one .col-cont{width: 50%;float: left;padding:120px 10px 0 75px;color:#fff;text-align: left;} .col-page-product .col-box ul .col-one .col-cont h3{font-size: 48px;font-weight: bold;} .col-page-product .col-box ul .col-one .col-cont .col-desc{font-size: 20px;color:#fff;margin:10px 0 35px;} .col-page-product .col-box ul .col-one .col-cont i{font-size: 16px;} .col-page-product .col-box ul .col-one:hover .col-cont i{text-decoration: underline;} .col-page-product .col-box1 ul .col-one{background: url(../images/product_bg1.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box2 ul .col-one{background: url(../images/product_bg2.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box3 ul .col-one{background: url(../images/product_bg3.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box4 ul .col-one{background: url(../images/product_bg1.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box5 ul .col-one{background: url(../images/product_bg2.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box6 ul .col-one{background: url(../images/product_bg1.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box7 ul .col-one{background: url(../images/product_bg3.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box8 ul .col-one{background: url(../images/product_bg1.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box9 ul .col-one{background: url(../images/product_bg3.jpg)no-repeat center center;background-size: cover;} .col-page-product .col-box10 ul .col-one{background: url(../images/product_bg3.jpg)no-repeat center center;background-size: cover;} .jqueryzoom{width: 80%;overflow: hidden;margin:0 auto} .jqueryzoom .cloudzoom{ margin:0 auto; text-align: center; width: 100%;} .product-thumb{position: relative;margin-top:15px;} /* .product-thumb .swiper-slide{padding: 15px} */ .product-thumb .swiper-slide{border:1px solid #e5e5e5;} .product-thumb .cloudzoom-gallery{cursor: pointer;width: 100%;} .product-thumb .swiper-slide.active{border:1px solid #000;} /* CSS for zoom window. */ .cloudzoom-zoom {border: 1px solid #888;width: 500px;height: 200px;box-shadow: -0px -0px 10px rgba(0,0,0,0.40);z-index: 99;} /* CSS for zoom window in 'inside' mode. */ .cloudzoom-zoom-inside {border: none;box-shadow: none;z-index: 99;} /* CSS for captions */ .cloudzoom-caption {display: none; text-align: left;background-color: #000;color: #fff;font-weight: bold;padding: 10px;font-family: sans-serif;font-size: 11px;} /* A blank image */ .cloudzoom-blank {background-image: url(blank.png);} /* The animated ajax loading image */ .cloudzoom-ajax-loader {/*background-image: url(ajax-loader.gif);*/width: 32px;height: 32px;} .col-product-detail{} .col-product-detail .col-show{padding: 6% 0;background: #eee;} .col-product-detail .col-img{width:74%;padding-right: 125px;} .col-product-detail .col-img .col-thumb{float: left;padding: 30px 0;position: relative;margin-right: 85px !important;} .col-product-detail .col-img .col-thumb .swiper-button{background: none;margin:0;right: auto;left:0;opacity: 1;font-size: 24px;color:#000;width: 100%;height: auto;text-align: center;outline: none;} .col-product-detail .col-img .col-thumb .swiper-button-prev{top: 0;} .col-product-detail .col-img .col-thumb .swiper-button-next{top: auto;bottom: 0} .gallery-thumbs{height:500px;width:115px;} .gallery-thumbs .swiper-slide{border:1px solid #d2d2d2;} .gallery-top{float: right;width:calc(100% - 200px)} .col-product-detail .col-show .col-cont{width: 26%;padding-top:30px;} .col-product-detail .col-show .col-cont h1{font-size: 48px;font-weight: bold;margin-bottom: 5px;} .col-product-detail .col-show .col-cont .col-desc{color:#666;font-size: 18px;margin-bottom:30px} .col-product-detail .col-show .col-cont>a{width:187px;height: 48px;background: #d7000f;color:#fff;line-height: 48px;display: block;padding: 0 20px;} .col-product-detail .col-show .col-cont>a i{line-height: 48px} .col-product-detail .col-show .col-cont .col-dw{margin-top:190px;} .col-product-detail .col-show .col-cont .col-dw table{} .col-product-detail .col-show .col-cont .col-dw table td{width: 50%} .col-product-detail .col-show .col-cont .col-dw table td h2{font-size: 18px;margin-bottom: 15px;font-weight: 300} .col-product-detail .col-show .col-cont .col-dw table td h2 a{color:#00aded;} .col-product-detail .col-show .col-cont .col-dw table td p{color:#666;line-height:1.8} .col-product-detail .col-detail{padding: 5% 0} .col-product-detail .col-detail .col-title{font-size: 36px;} .col-product-detail .col-detail table{table-layout: fixed;line-height: 2} .col-product-detail .col-detail table tr:nth-child(2n){border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .col-product-detail .col-detail table td{padding: 35px 0;color:#666;} .col-product-detail .col-detail table td p:nth-child(1),.col-product-detail .col-detail table td strong:nth-child(1){font-size: 16px;color:#000} .col-product-detail .col-detail table td strong{font-weight: normal;} .col-product-detail .col-detail table td{word-break: break-all;} /* join */ .col-join{padding: 5% 0} .col-join h2{font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: #e5e5e5 1px solid;} .col-join form li{padding: 35px 0;border-bottom: 1px dotted #e5e5e5;font-size: 0;} .col-join form li:last-child{border-bottom: none;} .col-join form li p{font-size: 18px;color:#000;margin-bottom: 10px;} .col-join form li span{font-size: 16px;color:#666;display: block;margin-bottom: 10px} .col-join form li input{border:1px solid #e5e5e5;height: 50px;line-height: 50px;padding-left:15px;width: 32%;margin-right: 2%;font-size: 16px} .col-join form li input:nth-of-type(3){margin-right: 0;} .col-join form li:nth-of-type(2) input{display: none;} .col-join form li select{border:1px solid #e5e5e5;height: 50px;line-height: 50px;padding-left:15px;width: 32%;margin-right: 2%;font-size: 16px;color:#ddd;} .col-join form li select:nth-of-type(3){margin-right: 0} .col-join form li.input1 input{width: 50%;margin-right: 20px} .col-join form li.input1 i{font-size: 16px;color:#666;} .col-join form li textarea{border:1px solid #e5e5e5;font-size: 16px;width: 100%;} .col-join form .sub{margin-top:4%;} .col-join form .sub input{height:58px;width: 250px;background: #d7000f;color:#fff;border:none;} .col-cooper{padding: 5% 0;background: #eeeeee;} .col-cooper h2{font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: #e5e5e5 1px solid;} .col-cooper form{background: #fff;padding: 20px 30px;} .col-cooper form li{font-size: 0;padding: 15px 0;} .col-cooper form li p{font-size: 16px;color:#666;margin-bottom: 10px;} .col-cooper form li span{font-size: 16px;color:#666;display: block;margin-bottom: 10px} .col-cooper form li input{border:1px solid #e5e5e5;height: 50px;line-height: 50px;padding-left:15px;width: 32%;margin-right: 2%;font-size: 16px} .col-cooper form li input:nth-of-type(3){margin-right: 0;} .col-cooper form li.input1 input{width: 50%;margin-right: 20px} .col-cooper form li.input1 i{font-size: 16px;color:#666;} .col-cooper form li textarea{border:1px solid #e5e5e5;font-size: 16px;width: 100%;} .col-cooper form .sub{margin-top:4%;} .col-cooper form .sub input{height:58px;width: 180px;background: #d7000f;color:#fff;border:none;} .col-cooper .col-cont{margin-top:40px;} .col-cooper .col-cont h2{margin-bottom: 50px;font-size: 18px;font-weight: normal;border:none;padding: 0} input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */color: #ddd;} input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */color: #ddd;} input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */color: #ddd;} input:-ms-input-placeholder { /* Internet Explorer 10+ 适配ie*/color: #ddd;} textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */color: #ddd;} textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */color: #ddd;} textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */color: #ddd;} textarea:-ms-input-placeholder { /* Internet Explorer 10+ 适配ie*/color: #ddd;} /* recruit */ .col-recruit{padding: 5% 0} .job table {width:100%;} .job table tr th{padding: 15px 0;color:#fff;font-size: 14px;font-weight: normal;width:16%;background: #313131;padding-left: 25px;} .job table tr td{padding: 15px 0;font-size: 14px;font-weight: normal;width:16%;padding-left: 25px;} .jobtit table tr td{width:16%;padding:15px 0;font-size: 15px;padding-left: 25px;} .job ul li .jobtit {color: #333;cursor: pointer;position: relative;} .job ul li:nth-child(2n+1) .jobtit{background: #eeeeee;} .job ul li .jobtit span {width: 63px;height: 49px;display: inline-block;font-size: 13px;color: #fff;font-weight: bold;padding-left: 10px;} .job ul li .jobtit span b {font-family: arial;font-size: 18px;} .job ul li .jobtit span.zhiwei {width: 90%;display: inline-block;height: 49px;overflow: hidden;background: none;color: #333;font-weight: normal;padding-left: 0;} .job ul li .jobtit span.zhiwei b {font-size: 14px;} .job ul li .jobtit i {width: 16px;height: 11px;background: #d80808;display: inline-block;position: absolute;top: 42px;left: 64px;transform: rotate(-39deg);display: none;} .job ul li .jobcon {display: none;transition: 0.5s;padding:25px;} .job ul li .jobcon div{margin-bottom: 20px;color: #666;} .job ul li .jobcon td{padding: 0;} .job ul li .jobcon hr {border-top: 1px solid #cbc7bc;} /* .job ul li.active{border-bottom: 1px solid rgba(149,149,149,0.4);} */ .job ul li.active .jobtit{border:none;} .job ul li.active .jobcon{border-bottom: 0;-webkit-animation: fadeIn 1s both ;animation: fadeIn 1s both ;display: block;} .job ul li.active .jobtit .read_more{color:#b20009;} .job ul li.active .jobtit i {display: block;} .job ul li.active .jobtit span.zhiwei {color: #fff;} .jobcon ul li{display: inline-block;margin-bottom: 20px;} .jobcon ul {border-bottom: #e5e5e5 1px solid;} .jobcon ul li{width:33%} .applyment{background: #d7000f;display: inline-block;margin-top:30px;} .applyment a{color:#fff;display: block;padding: 10px 50px;} .job{margin-bottom:80px;} .job>h3{color:#222222;font-size: 24px;font-weight: normal;margin-bottom: 35px;text-align: center;margin-top:40px;} .col-recruit .col-cont{line-height: 2;} .col-recruit .col-cont p:nth-child(2){margin:6% 0 5%;} .col-recruit .col-cont table{width: 100%;margin-bottom: 5%;border-spacing: 10px;border-collapse: separate} .col-recruit .col-cont table td{text-align: center;border:1px solid rgba(220,220,220,0.5);border-radius: 10px;padding: 30px;vertical-align: middle;font-size: 18px;} /* picture */ .col-page-solution{padding-top:35px;} .col-page-solution ul li{margin-bottom:35px;position: relative;} .col-page-solution ul li .col-cont{position: absolute;top: 50%;right: 11%;transform: translateY(-50%);padding: 40px 140px 60px 60px;background: rgba(0,0,0,.36);color:#fff;font-weight: 300} .col-page-solution ul li .col-cont h2{font-size: 36px;font-weight: 300;margin-bottom: 30px;} .col-page-solution ul li .col-cont .col-desc{line-height: 1.5;font-size: 20px;} .col-page-solution .col-solution-cont{text-align: center;width: 770px;margin:5% auto 6%;font-size: 20px;} /* news */ .col-page-news{padding: 40px 0;} #col-news-banner{width: 100%;margin:0 auto;} #col-news-banner .ban_cont{position: absolute;left: 45px;bottom:40px;color:#fff;} #col-news-banner .ban_cont span.num{display: inline-block;padding: 5px;background: #d7000f;border-radius: 5px;line-height: normal} #col-news-banner .ban_cont p:nth-child(1){transform: translateY(25px);opacity: 0;transition: all .5s;} #col-news-banner .ban_cont p:nth-child(2){width: 100%;transform: translateY(25px);opacity: 0;transition: all .5s;} #col-news-banner .swiper-slide-active .ban_cont p:nth-child(1){transform: none;opacity: 1;transition-delay: .5s;} #col-news-banner .swiper-slide-active .ban_cont p:nth-child(2){transform: none;opacity: 1;transition-delay: .66s;} #col-news-banner .swiper-pagination{text-align: right;padding-right: 45px;} #col-news-banner .swiper-pagination span{width: 11px;height: 11px;opacity: 1;background: #fff} #col-news-banner .swiper-pagination span.swiper-pagination-bullet-active{background: #d7000f;} .col-page-news .col-search{margin:45px 0 35px;} .col-page-news .col-search input{border-radius: 5px;height:50px;line-height: 50px;vertical-align: top} .col-page-news .col-search input.news_keyword{width: 540px;margin-right: 10px;border:1px solid #e5e5e5;background: #f6f6f6;padding-left: 15px;} .col-page-news .col-search input.news_search{width: 168px;background: #434343;color:#fff;border:none;} .col-page-news .col-news-list ul{float: left;width:30%;margin-right: 5%;} .col-page-news .col-news-list ul:nth-child(3){margin-right: 0} .col-page-news .col-news-list ul li{margin-bottom: 20%} .col-page-news .col-news-list ul li .col-img{overflow: hidden;} .col-page-news .col-news-list ul li .col-img img{transition: 0.8s;} .col-page-news .col-news-list ul li h2{font-size: 18px;margin: 25px 0 5px;font-weight: 400} .col-page-news .col-news-list ul li p{margin-bottom: 20px;color:#6e6e6e;} .col-page-news .col-news-list ul li .col-desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color:#6e6e6e;} .col-page-news .col-news-list ul li:hover .col-img img{transform: scale(1.1)} .thumbSoluPic{width:475px} /* 新闻详情页 */ .col-news { position: relative; margin: 0 auto; margin: 0 auto;} .col-news article {margin:40px 0;float: left;width: 100%;} .col-news .met_clear {clear: both;} .col-news .met_module2 h1.met_title {font-size: 28px;font-weight: normal;padding: 5px 0;color:#000;} .col-news .met_module2 .met_infos {color: #818181;font-size: 12px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;} .col-news .met_module2 .met_time { padding-right: 6px;} .col-news .met_module2 .met_source {padding-right: 6px;} .col-news .met_module2 .met_source a {color: #607fa6;} .col-news .met_module2 .met_editor { padding: 0 10px;color:#000;} .col-news .met_editor {line-height: 2;} .col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;} .col-news .met_tools .met_page {clear: both;color: #818181;} .col-news .met_tools .met_page li {display: inline;list-style: none;margin-right: 30px;} .col-news .met_tools .met_page li:last-child{margin-right: 0} .col-news .met_tools .met_page li span {padding-right: 5px;} .col-news .met_tools .met_page a {color: #607fa6;} /* contact */ .col-page-contact{padding: 5% 0;} .col-page-contact #allmap{width:100%;height:500px;} .col-page-contact #allmap img { max-width: 1070px; max-height: 500px;} .col-page-contact #allmap label {max-width: 1070px;} .col-page-contact .col-contact-cont{} .col-page-contact .col-contact-cont h1{margin-bottom: 10px;} .col-page-contact .col-contact-cont h2{margin-bottom: 40px;} .col-page-contact .col-contact-cont table{width: 100%} .col-page-contact .col-contact-cont table td{display: inline-block;vertical-align: top;width: auto;font-size: 18px;color:#666;margin-right: 5%;} .col-page-contact .col-contact-cont table td:nth-child(2){text-align: center;font-size: 14px;} .col-page-contact .col-map{margin:8% 0} /* download */ .col-page-download{padding:4% 0 6%} .col-page-download .col-nav{width:34%;padding-right: 8%} .col-page-download .col-nav h2{font-size: 18px;color:#505050;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;} .col-page-download .col-nav ul{margin:30px 0;} .col-page-download .col-nav ul li{padding-left: 10px;position: relative;margin-bottom: 15px;} .col-page-download .col-nav ul li::before{content:'';width:6px;height:6px;border-radius: 100%;background: #b5b5b5;position: absolute;left:0;top:50%;margin-top: -3px;transition: 0.3s} .col-page-download .col-nav ul li a{color:#b5b5b5;transition: 0.3s;} .col-page-download .col-nav ul li.active a,.col-page-download .col-nav ul li:hover a{color:#000} .col-page-download .col-nav ul li.active::before,.col-page-download .col-nav ul li:hover::before{background: #000} .col-page-download .col-nav .col-search{} .col-page-download .col-nav .col-search input{height:45px;line-height: 45px;vertical-align: top} .col-page-download .col-nav .col-search input.news_keyword{background: #fff;padding-left: 10px;width:70%;border:1px solid #535353;} .col-page-download .col-nav .col-search input.news_search{background: #313131;color:#fff;border:none;width: 30%} .col-page-download .col-list{width:66%;} .col-page-download .col-list h2{font-size: 18px;color:#505050;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;} .col-page-download .col-list ul{margin-top:15px;} .col-page-download .col-list ul li{height:60px;line-height: 60px;} .col-page-download .col-list ul li:nth-child(2n-1){background: #eeeeee;} .col-page-download .col-list ul li a{color:#666666;padding: 0 10px;display: block;} .col-page-download .col-list ul li a span{color:#2ca6e5;} .col-page-download .col-list ul li a span i{width:17px;height:13px;background: url(../images/dw2.png)no-repeat center center;display: inline-block} .col-page-download .col-list ul li:hover a{text-decoration: underline} /* */ .col-page-service{padding: 0 0 5%;} .col-page-service .col-list{margin-top:5%;} .col-page-service .col-list li{padding: 50px 0 60px;border-bottom: 1px solid #e5e5e5;} .col-page-service .col-list li h2{font-size: 40px;margin-bottom: 20px;font-weight: 400;} .col-page-service .col-list li .col-cont{font-size: 16px;color:#666;line-height: 2;} .col-page-service .col-list .col-info{margin:50px 0 10px;font-size: 16px;line-height: 1.8;} /* search */ .goomay-keywords-light{background: #dc3545 !important;color:#ffffff !important;} #search{margin: 50px auto ;overflow:hidden} .search_left{border: 1px solid #d6d6d6;padding-top:5px;padding-bottom:5px;} .s_head{border-bottom: 1px solid #d6d6d6;height: 50px;} .s_head h2{line-height: 50px;} .s_body ul{margin-top: 10px;margin-left: 20px; } .s_body ul span{display: block;color: #333;line-height: 40px;} .s_body ul input,.s_body ul select{height: 35px;width: 80%;line-height: 35px;border: 1px solid #e6e6e6;padding-left: 10px;margin-bottom: 10px;} .s_body .sub input{height: 35px;line-height: 35px;background: #575757;border: 0;font-weight: bold;color: #fff;transition: 0.3s;text-align: center;padding-left: 0px;} .search_right{padding-left: 40px;} .search_right .no-result{text-align: center;font-size: 30px;color:#d80808;margin-top:50px;} .search-result-title{font-size: 20px;font-weight: 600;color: #333;line-height: 30px;height: 30px;overflow: hidden;} .entry-image {float: left;width: 120px;margin: 0 20px 0 0;} .entry-c{position: relative;overflow: hidden;} .search-result-info{padding:5px 0;} .search-result-info li{display: inline-block;} .search_right em{color: #004cff;} .search_right .search-result{margin-left:25px;} .search_right .search-li{border-bottom: 1px solid #d6d6d6;margin-bottom: 30px;padding-bottom: 10px;} .search_right li{overflow: hidden;} .search-result-info li:before{content: '/';display: inline-block;margin-left: 10px;margin-right: 10px;opacity: 0.5} .search-result-info li:first-child:before { display: none; } .product_list{padding-bottom: 15px;border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;} .product_img{float: left;} .product_img img{border-radius: 50%;} .product_img img:hover{width: 90px;height: 90px;} .product_body{float: left;margin-left: 20px;margin-top: 10px;} .se_news{float: right;width: 79%;} .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden;transition: 0.3s;} .search_right .news .date em{color: #fff;} .col-wrap{}/*内页模块通用外层容器样式*/ .col-about, .col-img-wrap, .col-product-wrap{}/*内页模块外层容器样式*/ .col-about .title-head{}/*标题头*/ .col-about .content{}/*内容*/ .col-about .content .s-title{}/*终极标题*/ .col-about .content .s-content{}/*终极内容*/ /* 底部 */ #gotoTop{z-index: 299;position: fixed;z-index: 2;width: 58px;height: 58px;right: 15px;bottom:50px;cursor: pointer;text-align: center;background: url(../images/message.png)no-repeat center center #ffa800;border-radius: 100%;font-size: 0;transition: 0.3s;text-align: center;line-height: 58px;color:#fff;z-index: 999;} #gotoTop:hover{box-shadow: 0 0 35px rgba(0,0,0,.36)} #gotoTop .float-message{position: absolute;width:375px;bottom: 80px;right: 0;background: #fff;border-radius: 10px;box-shadow: 0 0 30px rgba(0,0,0,.2);display: none;} #gotoTop .float-message .message_cont{background-image: -moz-linear-gradient( 90deg, rgb(215,0,15) 0%, rgb(255,168,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(215,0,15) 0%, rgb(255,168,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(215,0,15) 0%, rgb(255,168,0) 100%); padding: 40px 30px;line-height: 1.8;text-align: left;border-top-left-radius: 10px;border-top-right-radius: 10px; } #gotoTop .float-message .message_cont img{vertical-align: top;margin-top: 10px;margin-right: 10px} #gotoTop .float-message .message_cont p:nth-child(1){margin-bottom: 15px;} #gotoTop .float-message .message_list {padding: 35px 30px;} #gotoTop .float-message .message_list li{width: 100%;} #gotoTop .float-message .message_list li input,#gotoTop .float-message .message_list textarea{width: 100%;font-size: 14px;color:rgba(102,102,102,0.3);border:1px solid #dcdcdc;background: #f6f6f6;padding-left: 15px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.1) inset} #gotoTop .float-message .message_list li input{height:40px;line-height: 38px;margin-bottom: 10px;} #gotoTop .float-message .message_list textarea{height:150px} #gotoTop .float-message .message_list .sub input{border-radius: 3px; background-image: -moz-linear-gradient( 90deg, rgb(255,168,0) 0%, rgb(249,186,65) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(255,168,0) 0%, rgb(249,186,65) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,168,0) 0%, rgb(249,186,65) 100%); box-shadow: inset 0px 0px 10px 0px rgba(6, 0, 1, 0.1);color:#fff;border:none;} .customer-service{ z-index: 299; position: fixed; font-size: 20px; line-height: 55px; text-align: center; color: #FFF; top: auto; left: auto; right: 15px; bottom:105px;} .customer-service { width: 58px; height: 58px; background-color: #333; background-color: #06b4f4; cursor: pointer; border-radius: 50%; margin-bottom: 10px;line-height: 58px;} .customer-service a{ color: #FFF;} .footer{background: #313131;padding:65px 0 40px;} .footer .footer-nav{float: left;} .footer .footer-nav>ul>li{float: left;margin-right: 140px} .footer .footer-nav>ul>li:last-child{margin-right: 0;} .footer .footer-nav>ul>li>a{font-size: 16px;color:#fff;margin-bottom: 25px;display: block;} .footer .footer-nav>ul>li ul li{line-height: 1.5;margin-bottom: 10px;} .footer .footer-nav>ul>li ul li a{color:#b9b9b9;font-size: 14px;} .footer .footer-nav>ul>li ul li a:hover{text-decoration: underline;} .footer .footer-info{float: right;text-align: right;max-width: 310px;} .footer .footer-info h1{font-size: 0;margin-bottom: 20px;} .footer .footer-info form>p{color:#828282;line-height: 1.8;margin-bottom: 5px;} .footer .footer-info form li{margin-bottom: 45px;} .footer .footer-info form input{border:none;outline: none;height: 49px;line-height: 49px;vertical-align: middle;} .footer .footer-info form input[type="text"]{background: #fff;padding-left: 12px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .footer .footer-info form input[type="submit"]{color:#fff;background: #c9c9c9;width: 80px;text-align: center;border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .footer .footer-info>ul{display: inline-block;} .footer .footer-info>ul li{float: left;text-align: center;margin-left: 10px;} .footer .footer-info>ul li img{opacity: 0.5;} .footer .footer-info>ul li p{color:#6e6e6e;margin-top:10px} .footer .col-shop{margin-top: 60px;padding-bottom: 24px;border-bottom: 1px solid #535353;color:#b9b9b9} .footer .col-shop a{color: #b9b9b9;} .footer .col-shop i.tianmao{width:27px;height: 27px;display: inline-block;vertical-align: middle;background: url(../images/tianmao.png)no-repeat center center;margin-right: 5px;} .footer .col-shop i.jingdong{width:27px;height: 27px;display: inline-block;vertical-align: middle;background: url(../images/jingdong.png)no-repeat center center;margin-right: 5px;} .footer .copyright{margin-top: 35px;color:#b9b9b9;} .footer .language i{width: 19px;height:19px;display: inline-block;vertical-align: middle} .footer .language i.cn{background: url(../images/cn.png)no-repeat center center;background-size:cover;} .footer .language i.en{background: url(../images/en.png)no-repeat center center;background-size:cover;} .footer .language{position: relative;margin-left: 20px;} .footer .language .lang-none{display: none;position: absolute;z-index: 2;line-height: normal;right: 22px;} .footer .language:hover .lang-none{display: block} .footer .language a{color:#cecece;} .footer .col-share a { color: #fff; width: 35px; height: 35px; border-radius: 100%; background: #777777; text-align: center; line-height: 35px; display: inline-block; margin: 0 2px; transition: 0.1s all ease; } /* 副导航 */ .vicenav{width: 100%;background: #313131;height: 70px;line-height: 70px;} .vicenav .mbx{margin-left: 45px;color:#fff} .vicenav .mbx i,.vicenav .mbx a{color:#999999;} .vicenav .nav-list{} .vicenav .nav-list li{float: left;} .vicenav .nav-list li a{color:#999999;display: block;padding: 0 20px;transition: 0.2s} .vicenav .nav-list li a:hover{color:#fff;} .vicenav.active{position: fixed;top: 0;z-index: 99;} .vicenav .nav-list li.active a{color:#fff;} .vicenav .nav-list p{display: block;width: 180px;text-align: center;cursor: pointer;} .vicenav .nav-list p a{color:#fff;} ul, li { padding: 0; margin: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * 视频播放器 * */ .video-box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; font-size: 0; z-index: 99999999999; } .video-box button { display: inline-block; padding: 0; border: 0 none; background: none; text-align: center; outline: none; cursor: pointer; } .video-box .video-button { display: inline-block; width: 36px; height: 36px; color: #fff; position: relative; overflow: hidden; } .video-box .video-button i { font-size: 56px; } .video-box .video-button.video-btn-volume i { font-size: 20px; } .video-box .video-button.video-tooltip-toggle i { font-size: 20px; } .video-box .video-video { position: relative; width: 100%; height: 100%; overflow: hidden; } .video-box .video-video video { position: relative; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .video-box .video-container { width: 852px; min-height: 550px; max-height: 90vh; background: #000000; overflow: hidden; opacity: 0; } .video-box .video-container.video-ready { opacity: 1; } .video-box.quanping .video-container { width: 100%; height: 100%; max-height: 100%; position: relative; left: 0; top: 0; transform: none; } .video-box.video-playing .video-div.video-hide-ui .video-ui { -webkit-transform: translateY(39px); -ms-transform: translateY(39px); transform: translateY(39px); } .video-box.heibian .video-container { padding: 40px 0; } .video-box.heibian .video-div.video-hide-ui .video-ui { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .video-box.heibian.quanping .video-container { padding: 0; } .video-box.hideui .video-div .video-ui { -webkit-transform: translateY(39px); -ms-transform: translateY(39px); transform: translateY(39px); } .video-box .i { font-family: none; height: 100%; width: 100%; background-size: 80%; background-position: center; background-repeat: no-repeat; } .video-box .i:before, .video-box i:after { display: none !important; } .video-box .i-voice-on { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C10C%2022%2C12%2022%2C18%2018%2C20'%20%2F%3E%3Cpath%20d%3D'M22%2C6C%2028%2C10%2028%2C20%2022%2C24'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .video-box .i-voice-off { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C11L27%2C20'%20%2F%3E%3Cpath%20d%3D'M18%2C20L27%2C11'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .video-box .i-bofang { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2C7L10%2C23L24%2C15z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .video-box .i-zhanting { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2C7L7%2C23L11%2C23L11%2C7z'%2F%3E%3Cpath%20d%3D'M20%2C7L20%2C23L24%2C23L24%2C7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .video-box .i-quanping { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L6%2C6L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L6%2C25L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L24%2C6L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L24%2C25L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .video-box .i-suoxiao { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L10%2C10L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L10%2C21L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L20%2C10L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L20%2C21L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .video-bg { position: absolute; height: 100%; width: 100%; background: #000; opacity: .9; } .video-div { background: #000; font-size: 0; letter-spacing: -1px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .video-ui { position: absolute; width: 100%; height: 41px; background-color: rgba(0, 0, 0, 0.8); left: 0; bottom: 0; z-index: 6; letter-spacing: .25px; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; transition: transform 0.3s ease; -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .video-loading-pulse { position: absolute; width: 6px; height: 24px; top: 50%; left: 50%; background-color: rgba(255, 255, 255, 0.2); -webkit-animation: pulse 750ms infinite; animation: pulse 750ms infinite; -webkit-animation-delay: 250ms; animation-delay: 250ms; } .video-loading-pulse:before, .video-loading-pulse:after { content: ''; position: absolute; display: block; height: 16px; width: 6px; background: rgba(255, 255, 255, 0.2); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: pulse 750ms infinite; animation: pulse 750ms infinite; } .video-loading-pulse:before { left: -12px; } .video-loading-pulse:after { left: 12px; -webkit-animation-delay: 500ms; animation-delay: 500ms; } @keyframes pulse { 50% { background: white; } } .video-loading { opacity: 1; color: #2c97f6; font-size: 0; overflow: hidden; box-shadow: 0px 0px 0px 3600px #000; background: #000; width: 30px; height: 30px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .video-loading i { border-radius: 50%; width: 24px; height: 24px; display: block; border: 0.25rem solid rgba(255, 255, 255, 0.2); border-top-color: white; -webkit-animation: adeg 1s infinite linear; -o-animation: adeg 1s infinite linear; -ms-animation: adeg 1s infinite linear; -moz-animation: adeg 1s infinite linear; animation: adeg 1s infinite linear; } .video-loading .i-loading:before { display: none; opacity: 0; visibility: hidden; } .video-loading.yihuanchun { opacity: 0; } @keyframes adeg { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .video-close { position: absolute; top: calc(52px + 2%); right: 5%; width: 30px; height: 30px; cursor: pointer; background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; } .video-bofang.f-czspjuzhong { z-index: 2; font-size: 0; } .video-bofang.f-czspjuzhong i { display: block; border-radius: 50%; text-align: center; background-color: rgba(0, 0, 0, 0.8); color: #fff; width: 60px; height: 60px; cursor: pointer; line-height: 62px; font-size: 66px; -webkit-transition: transform 1s; -o-transition: transform 1s; -ms-transition: transform 1s; -moz-transition: transform 1s; transition: transform 1s; } .video-hide { z-index: 0 !important; } .video-hide i { opacity: 0; -webkit-transform: scale(3); -o-transform: scale(3); -ms-transform: scale(3); -moz-transform: scale(3); transform: scale(3); will-change: transform, opacity; z-index: 0; } .video-progress { display: block; position: absolute; width: 100%; bottom: 36px; height: 5px; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; } .video-progress:hover .video-progress-hover, .video-progress:hover .video-tooltip-time { opacity: 1; } .video-tooltip-time { width: 46px; position: absolute; height: 20px; z-index: 5; left: 0; right: 0; bottom: 8px; opacity: 0; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .video-tooltip-time .video-tinytip-content { margin-left: -23px; } .video-tooltip-time .video-text { background: rgba(0, 0, 0, 0.5); padding: 2px; border-radius: 2px; } .video-tinytip .video-tooltip-content { display: inline-block; padding: 0 4px; color: rgba(255, 255, 255, 0.5); font-size: 10px; line-height: 20px; text-align: center; } .video-progress-padding { position: absolute; width: 100%; height: 16px; bottom: 0; z-index: 40; cursor: pointer; } .video-progress-list { position: relative; top: -1px; z-index: 39; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.2); -webkit-transform: scaleY(0.6); -ms-transform: scaleY(0.6); transform: scaleY(0.6); transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1); transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1); transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1); } .video-progress-play, .video-progress-buffer, .video-progress-hover { position: absolute; top: 0; left: 0; width: 0; height: 100%; } .video-progress-buffer { z-index: 33; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .video-progress-hover { z-index: 34; background-color: rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); -ms-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); } .video-progress-play { z-index: 35; background-color: #2c97f6; } .video-progress-handle { width: 13px; height: 13px; position: absolute; top: 50%; right: -6.5px; margin-top: -6.5px; border-radius: 50%; background-color: #2c97f6; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1); transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1); transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1); } .video-progress-padding:hover + .video-progress-list { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .video-progress-padding:hover + .video-progress-list .video-progress-handle { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .video-controls-buttons { position: absolute; bottom: 0; left: 0; height: 36px; width: 100%; padding: 0 10px; z-index: 3; } .video-time-panel { font-size: 12px; color: #777; display: inline-block; vertical-align: top; height: 36px; padding: 0 5px; line-height: 36px; letter-spacing: .25px; } .video-time-panel-current { color: #DEDEDF; } .video-fullscreen { float: right; } .video-definition { float: right; width: 55px; height: 36px; position: relative; } .video-definition .video-button { width: 100%; } .video-definition .video-button span { background: #fff; color: #333; font-size: 14px; padding: 2px 5px; } .video-definition .video-tooltip-content { width: 80px; left: 50%; margin-left: -40px; display: none; background: rgba(0, 0, 0, 0.5); } .video-definition:hover .video-tooltip-content { position: absolute; bottom: 35px; color: #aaa; display: block; z-index: 6; } .video-menu .video-menu-item { display: block; width: 100%; line-height: 36px; font-size: 14px; text-align: center; white-space: nowrap; padding: 0 12px; cursor: pointer; position: relative; height: 38px; background: -webkit-linear-gradient(top, transparent 0, transparent 50%, rgba(255, 255, 255, 0.1) 50%) center bottom no-repeat; background-size: 80% 1px; } .video-menu .video-menu-item:hover { color: #fff; background: rgba(255, 255, 255, 0.12); } .video-menu .video-menu-item.video-active { color: #FF8F00; } .video-volume { float: right; position: relative; } .video-popup .video-popup-content { transform: scaleY(0); bottom: 41px; position: absolute; } .video-popup .video-popup-content:after { content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top-color: rgba(0, 0, 0, 0.5); } .video-popup:hover .video-popup-content { -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } .video-volume-slider { left: 0; width: 36px; height: 100px; cursor: pointer; background: rgba(0, 0, 0, 0.8); } .video-tinytip-tiao { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-volume-range { position: absolute; left: 16px; top: 10px; width: 4px; height: 80px; background-color: rgba(0, 0, 0, 0.2); } .video-volume-range-current { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: #2c97f6; } .video-volume-handle { position: absolute; top: 0; left: -4px; width: 12px; height: 3px; background-color: #fff; } @media (max-width: 998px) { .video-box .video-container { width: 80vw; max-height: 80vh; min-height: 44.9vw; } } @media (max-width: 468px) { .video-box .video-container { width: 100vw; min-height: 54.9vw; } .video-loading i { font-size: 26px; } .video-definition { display: none; } } /* * 视频结尾 * */ .f-czspjuzhong { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* media */ @media (min-width: 1200px) { .container{width: 1200px} } @media (max-width: 1700px) { } @media (max-width: 1600px) { } @media (max-width: 1500px) { .header .nav>ul>li{margin-left: 50px;} } @media (max-width: 1400px) { .header .nav>ul>li{margin-left: 30px} } @media (max-width: 1300px) { .header .nav>ul>li{margin-left: 20px;} .header .language{margin-right: 0;} .header .inner{padding-left: 20px;} } @media (max-width: 1200px) { .col-product-nav>.col-img{padding: 15px 0;} #gotoTop .float-message .message_cont{padding: 20px ;} #gotoTop .float-message .message_list{padding: 20px;} #gotoTop .float-message .message_list textarea{height: 120px;} .col-honor .col-cont ul li{width:49%;margin-right: 2%} .col-honor .col-cont ul li:nth-child(3n){margin-right: 2%} .col-honor .col-cont ul li:nth-child(2n){margin-right: 0} .col-develop .col-img{height:300px} .col-page-about #col-about-banner .ban_cont{width: 100%} .col-page-solution ul li .col-cont{padding: 30px 40px} .col-page-product .col-box ul .col-one .col-img{padding: 10px 50px;} .col-page-product .col-box ul .col-one .col-cont{padding: 100px 10px 0 60px;} .vicenav .nav-list li a{padding: 0 15px;} #col-product-banner .swiper-slide{height:550px !important} .footer .footer-nav>ul>li{margin-right: 100px;} #col-index-banner #ban_cont4 p:nth-child(1) span{font-size: 68px !important} #col-index-banner #ban_cont4 p:nth-child(2) span{font-size:32px !important} #col-index-banner #ban_cont3 span,#col-index-banner #ban_cont2 span{font-size: 48px !important} .header .nav>ul>li{margin-left: 10px;} .header .logo img{width: 150px;} .container{width: 100%;padding: 0 10px;} } @media (max-width: 1100px) { .col-page-product .col-box ul li.col-2 .col-cont{padding:20% 0 0;} .col-product-detail .col-img,.col-product-detail .col-show .col-cont{width: 100%;float: none !important;} .col-product-detail .col-show .col-cont .col-dw{margin-top: 20px;} .col-product-detail .col-show .col-cont h1,.col-product-detail .col-show .col-cont .col-desc{text-align: center} .col-product-detail .col-show .col-cont .col-dw table{margin: 0 auto;} .col-product-detail .col-show .col-cont>a{margin:0 auto;} .col-page-about #col-about-banner .swiper-slide-active .ban_cont p:nth-child(1) span{font-size: 50px !important} .vicenav .nav-list li a{padding: 0 10px;} #col-product-banner .swiper-slide{height:500px !important} .footer .footer-nav>ul>li{margin-right: 80px;} .header .nav>ul>li{margin-left: 10px;} .header .nav>ul>li a{font-size: 14px;} .header .inner{padding-left: 10px;} .header .logo img{width:150px;} } @media (max-width: 992px) { .col-page-product .col-box ul li.col-2 .col-img{width: 100%;float: none;} .col-page-product .col-box ul li.col-2 .col-cont{width: 100%;float: none;text-align: center;padding: 10px 0;} .col-page-product .col-box ul li.col-2 .col-cont h3{font-size: 18px;margin:0;} .col-page-product .col-box ul li.col-2 .col-cont .col-desc{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .col-index-about ul li:hover .col-img img{transform: none;} .footer .footer-nav>ul>li{margin-right: 0;width: 25%;} .footer .footer-info{max-width: none;} .footer .footer-nav{float: none;} #col-index-banner{margin-top:60px;} .col-product-detail .col-img{padding-right: 0} #gotoTop .float-message .message_cont{padding: 10px 20px;} #gotoTop .float-message .message_list{padding: 10px 20px;} #gotoTop .float-message .message_list textarea{height: 100px;} #gotoTop .float-message .message_cont p:nth-child(1){margin-bottom: 5px;} .footer form,.footer .footer-info>ul{display: none;} .col-page-download .col-nav{width: 100%;padding-right: 0;float: none !important;margin-bottom: 20px} .col-page-download .col-list{width: 100%;float: none !important} .col-page-news .col-search input.news_keyword{width: 320px;} .col-page-news .col-search input.news_search{width: 150px} .col-cooper .col-cont table td{width: 50%;display: block;text-align: center;float: left;height:50px;line-height: 50px;} .col-cooper .col-cont table td:last-child{width: 100%} .col-develop .col-img{height:250px} .col-page-solution ul li .col-cont h2{font-size: 24px;margin-bottom: 10px} .col-page-solution ul li .col-cont .col-desc{font-size: 16px} .col-page-product .col-box ul .col-one .col-cont{padding: 50px 0 0 0px;} .col-page-product .col-box ul li{width: 49%;margin-right: 2%;} .col-page-product .col-box ul li:nth-child(2n){margin-right: 0} .vicenav .nav-list ul{position: absolute;width: 180px;background: #313131;z-index: 11;right: 0;text-align: center;line-height: 1.8;padding:10px 0;display: none;} .vicenav .nav-list ul li{float: none;} #col-product-banner .swiper-slide{height:450px !important} /*.footer .footer-nav{display: none;}*/ .footer .footer-info{width: 100%;float: none;text-align: center;} .footer .col-shop{text-align: center;margin:0;padding: 0 0 10px;} .footer .copyright{text-align: center;margin-top: 10px;} .footer .copyright .pull-left{float: none !important;display: inline-block} .footer .copyright .pull-right{float: none !important;display: block;} .col-index-about table td .col-cont {width: 100%} .col-index-about table td .col-cont p:nth-child(1) span{font-size: 24px !important} .col-index-about table td .col-cont p:nth-child(2) span{font-size: 16px !important} .col-index-about table td .col-cont p:nth-child(3) span{font-size: 14px !important} .col-index-about ul li{width: 100%} #col-index-banner .video-play{margin-top:80px;} #col-index-banner #ban_cont4 p:nth-child(1) span{font-size: 48px !important} #col-index-banner #ban_cont4 p:nth-child(2) span{font-size:30px !important} #col-index-banner #ban_cont3 span,#col-index-banner #ban_cont2 span{font-size: 32px !important} #col-index-banner #ban_cont1 span{font-size: 60px !important} .header .nav,.header .language{display: none;} .header .col-shop{width: 60px;height:60px;position: absolute;top: 0;right: 0} .header .inner{position: relative;text-align: center;height: 60px;} .header .logo{height: 60px;line-height: 60px;display: inline-block;float: none !important;} } @media (max-width: 768px) { .col-index-about ul li .col-cont{top: 20px;} #col-index-banner .ban_cont{position: relative;left: auto;top: auto;transform: none !important;color: #000 !important;text-align: center !important;padding: 30px 0 !important} .col-banner-title{margin-top: 0;color: #000} .col-banner-title ul li a{color:#000;} #col-index-banner .swiper-slide video{display: none;} #col-index-banner .swiper-slide .mainFullImg img,#col-index-banner .swiper-slide .col-img img{ max-width: 150%; margin-left: -25%;} .footer .footer-nav>ul>li ul{display: none;} .footer .footer-nav>ul>li{ float: none;margin-right: 0;width: 100%;} .footer .footer-nav{float: none !important;} .footer .footer-nav>ul>li>a{margin-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.2);line-height: 2} .footer .footer-nav>ul>li>a::after{content:'+';position: absolute;right:10px;color:#fff;} .footer .footer-info{float: none;} .col-product-detail .col-detail .col-title{text-align: center;font-size: 24px} .col-product-detail .col-detail table td{width: 50%;display: inline-block;padding: 20px 0} .col-product-detail .col-detail table{margin:0 auto} .col-product-detail .col-show .col-cont h1{font-size: 24px} .col-product-detail .col-show .col-cont .col-desc{font-size: 14px;margin-bottom: 10px;} .col-product-detail .col-img .col-thumb{margin-right: 0 !important;} .gallery-top{width: calc(100% - 135px)} #gotoTop .float-message{width:300px;} #gotoTop .float-message .message_cont p:nth-child(1){margin:0} #gotoTop .float-message .message_cont p:nth-child(1) span{font-size: 16px !important} #gotoTop .float-message .message_cont p:nth-child(2) span{font-size: 12px !important} #gotoTop .float-message .message_cont img{margin-top: 0} #gotoTop .float-message .message_list textarea{line-height: normal} .col-page-contact .col-contact-cont h2{margin-bottom: 10px;font-size: 24px !important} .col-page-contact .col-contact-cont table td{font-size: 14px} .col-page-contact #allmap{height: 300px;} .col-recruit .col-cont span{font-size: 16px !important} .col-recruit .col-cont table td{width: 50%;display: block;float: left;border:none;font-size: 16px} .col-recruit .col-cont p:nth-child(2) span{font-size: 24px !important} .col-page-service .col-list li h2{font-size: 24px} .col-page-service .col-list li .col-cont{font-size: 14px} .col-page-service .col-list li{padding: 20px 0 30px} .col-page-news .col-news-list ul{width: 80%;margin: 0 auto!important;float: none} #col-news-banner .ban_cont p:nth-child(1) span{font-size: 24px !important;} #col-news-banner .ban_cont p:nth-child(2) span{font-size: 16px !important} #col-news-banner .ban_cont{left:20px;bottom: 15px;} .col-join form li.input1 input{width: 100%;float: none;} .col-honor .col-cont ul li p{height: 50px;} .col-develop .col-cont li .cont table td:nth-child(1){width: 100px !important} .col-develop .col-img{height:200px} .col-introduction .col-cont table{margin:0 auto} .col-introduction h2,.col-introduction .col-cont,.col-develop h2,.col-develop .col-cont,.col-honor h2,.col-honor .col-cont{width:100%;float: none;} .col-develop .col-cont{margin-left: 20px} .col-introduction h2,.col-develop h2,.col-honor h2{text-align: center;font-size: 32px !important;margin-bottom: 15px} .col-introduction .col-cont>p:first-child{width: 100%;font-size: 18px;margin-bottom: 10px;} .col-page-solution .col-solution-cont{width: 100%;} .col-page-solution ul li .col-cont{right: 20px;padding: 20px 30px} .col-page-product .col-box ul .col-one .col-img{padding: 10px 0} .col-page-product .col-box ul .col-one .col-cont h3{font-size: 24px} .col-page-product .col-box ul .col-one .col-cont .col-desc{font-size: 18px} #col-product-banner .ban_cont{left: 10px;width: 100%} #col-product-banner .swiper-slide-active .ban_cont p:nth-child(1) span{font-size: 24px !important} #col-product-banner .swiper-slide-active .ban_cont p:nth-child(2){margin:10px 0 20px;width: 100%} #col-product-banner .swiper-slide-active .ban_cont p:nth-child(2) span{font-size: 16px !important} #col-product-banner .swiper-slide-active .ban_cont p:nth-child(3) span{font-size: 18px !important} #col-product-banner .swiper-slide{height:400px !important} .footer .copyright .pull-left.language{display: none} .footer{padding: 30px 0 15px} .footer .col-shop{margin-top: 20px;padding-bottom: 10px} .footer .footer-info form li{margin-bottom: 10px;} .col-index-about table td{width: 100%;display: block;height: auto;} .col-index-about table td a{padding: 100px 0 !important;} .col-index-about table td:nth-child(1) a .col-cont{position: relative;top: auto;left: auto;transform: none;} .col-index-about table td:nth-child(n+2) a{padding: 20px 0 180px !important;} .col-index-about ul li .col-cont{width: 100%} #col-index-banner .video-play{height: 60px !important;width: 60px;background-size: cover;margin-top: 30px;top: 80px;} #col-index-banner #ban_cont4 p:nth-child(1) span{font-size: 32px !important} #col-index-banner #ban_cont4 p:nth-child(2) span{font-size:24px !important} #col-index-banner #ban_cont3 ul li{font-size: 14px;} #col-index-banner #ban_cont3 span,#col-index-banner #ban_cont2 span{font-size: 24px !important} #col-index-banner #ban_cont1 span{font-size: 48px !important} .header .logo img{width:120px;} } @media (max-width: 640px) { .col-develop .col-cont li{padding-left: 20px;margin-bottom: 30px;} .col-develop .col-cont li h3{font-size: 30px;} .col-develop .col-cont li::before{top: 2px;} .col-develop .col-cont li .cont table td{font-size:14px;} .gallery-thumbs{height: 400px;} .col-join form li input,.col-cooper form li input{width: 100%;margin-right: 0;margin-bottom: 10px;} } @media (max-width: 530px) { .gallery-top{width: calc(100% - 90px)} .gallery-thumbs{width:80px;height:250px;} .col-recruit .col-cont table td{padding: 10px 0} .col-page-news .col-search input.news_keyword{width: 250px;} .col-page-news .col-search input.news_search{width: 100px} .col-page-news .col-news-list ul{width: 100%} .col-introduction .col-cont table td:last-child,.col-introduction .col-cont table td:first-child{padding-left: 0;text-align: center} .col-introduction .col-cont table{width: 100%} .col-page-solution ul li .col-cont{position: static;transform: none;background: none;color:#000;padding: 20px 10px} .vicenav .mbx{margin-left: 0} .col-page-product .col-box ul .col-one .col-img,.col-page-product .col-box ul .col-one .col-cont{float: none;width: 100%;padding:10px 0;text-align: center} .col-index-about ul li .col-cont p:nth-child(1) span{font-size: 24px !important} .col-index-about ul li .col-cont p:nth-child(2) span{font-size: 20px !important} #col-index-banner #ban_cont1 span{font-size:24px !important} } @media (max-width: 420px) { .col-product-detail .col-detail table td{width: 100%;padding: 10px 0;text-align: center} .gallery-thumbs{width:80px;height:200px;} .col-banner-title{font-size: 16px;} .col-banner-title ul li{line-height: 50px;} #col-index-banner .swiper-button{display: none;} #gotoTop .float-message{width: 250px;bottom: 60px} #gotoTop .float-message .message_list li{line-height: normal} #gotoTop .float-message .message_list textarea{margin-bottom: 10px;height:80px} #gotoTop{z-index: 9999;bottom: 10px} .job table tr th,.jobtit table tr td{padding-left:5px;} .job ul li.active .jobcon{padding:20px 5px;} .job ul li .jobcon div{margin: 10px 0} .col-page-news .col-search input.news_keyword{width: 180px;} .col-page-news .col-search input.news_search{width: 100px} #col-news-banner .swiper-slide img{max-width: none;width:150%;margin-left: -25%} #col-news-banner .ban_cont p:nth-child(1) span{font-size: 18px !important;} #col-news-banner .ban_cont p:nth-child(2) span{font-size: 14px !important} .vicenav .nav-list p{width: 80px} .vicenav .mbx{font-size: 12px} .col-develop .col-img{height:120px} .col-introduction .col-cont table td{display: block;width: 100%;border-right:none;padding: 20px 0} .col-introduction .col-cont table td p:nth-child(1){font-size: 24px ;margin-bottom: 0} #col-product-banner .swiper-slide{height:200px !important} } /*手机版菜单*/ .mm-slideout{z-index: auto!important;} @media screen and (max-width: 992px) { #header a.mm_btn {background: center center no-repeat #fff;display: block;width: 60px;height:60px;position: absolute;top: 0;left:0; padding: 15px;z-index: 1; } #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);} #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;} #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #000; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);} #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;} #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);} #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;} #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);} #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);} #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;} /*菜单弹出方向*/ .mm-menu_offcanvas{left: auto!important;} .mm-menu{right: 0!important;} .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;} .mm-slideout{z-index: 10!important;} .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/ .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/} .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;} /**/ #menu{ color:rgba(0,0,0,.8);} #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);} #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);} #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;} #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);} #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); } #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);} #menu .mm-listitem a{font-size: 16px;display: block;} } @media (min-width: 550px){ .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;} } .List>a{display: block;margin-bottom: 15px;position: relative;} .List>a:nth-of-type(2n){margin-right: 0;} .List>a i{ position: absolute; top: 15px; right: 15px; border-radius: 13px; background-color: rgb(255, 255, 255); width: 61px; height: 29px; font-weight: bold; font-style: italic; line-height: 29px; text-align: center; display: block !important; margin: 0 !important;}