/* CSS Document */ /** 重置图片元素 **/ img {border:none;vertical-align:top;} /** 重置列表元素 **/ ul,ol,li {list-style:none;} /** 重置表格元素 **/ table {border-collapse:collapse;border-spacing:0;} /**重置表单元素**/ input[type=submit] {cursor:pointer;} input[type=button] {cursor:pointer;} textarea {resize:none;overflow:auto;} /* 设置默认字体样式 */ h1,h2,h3,h4,h5,h6,font,.phone-cn {font:300 24px/18px 'microsoft yahei';color: rgb(2, 73, 82);} h1,h2{font: 900 24px/24px 'microsoft yahei', serif;} h3{font: 900 20px/24px 'microsoft yahei', serif;} h4{font: 900 18px/24px 'microsoft yahei', serif;} h5{font: 900 16px/24px 'microsoft yahei', serif;} h6{font: 900 14px/24px 'microsoft yahei', serif;} /** 默认链接元素 **/ a {color:rgb(2,73,82);text-decoration:none;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s;} a:hover {color:rgb(234,85,4);text-decoration:none;} a:focus {-moz-outline-style:none;} a:focus {outline:none;} a * {cursor:pointer;} q:before,q:after {content:none;} /* 清除浮动 */ .clearfix:after {display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .clearfix {*zoom:1;} .clear {clear:both;height:0;line-height:0;font-size:0;overflow:hidden;} /* 分页样式 */ .k_pagelist {float:left;display:table;clear:both;line-height:30px;margin:20px 0 20px 50px;} .k_pagelist em {padding:10px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:rgba(2, 73, 82,1);font-weight:bold;font-style:normal;} .k_pagelist strong {padding:10px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:rgba(212, 9, 16, 1);} .k_pagelist a {padding:2px;border:1px solid #E7E7E7;width:30px;font-size:12px;margin:0px 1px;text-align:center;} /* Padding 间距 */ .padding-80{padding:80px 0;} .padding-bottom-80{padding-bottom:80px ;} .heading-section {text-align: center;padding-bottom:80px;} /* 标题样式*/ .en-title,.phone-en{color: rgb(234, 85, 4);} /** Button 样式 **/ .button_more a{color:#ffffff;} .button_more{background: rgb(2, 73, 82); display:inline-block; width: 148px; height: 44px;overflow: hidden; line-height: 44px; text-align: center; margin-top: 50px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; position: relative; z-index: 1;} .button_more em{ display: inline-block; width: 18px; height: 12px; background: url(../images/yan.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; transition: all 1s; } .button_more:hover{background-color: #ea5504; animation: criss-cross-right 0.6s both;} .button_more:hover em,.morebox:hover .button_more em{ background: url(../images/yan2.png) no-repeat center; background-size: 100% 100%;} /** 线 **/ .line{background:#9fa0a0;} /** 清除默认 padding **/ .clear-box-padding{ padding-left: 0px;padding-right: 0px;} /* banner 样式 */ .banner-h1{font: 900 28px/48px 'microsoft yahei', serif;color: rgb(2, 73, 82);} .banner-txt-bg-color{background:rgba(2, 73, 82,0.1);} .banner-border{border-top:4px solid rgba(2, 73, 82,1);} /** line **/ .custom-line{display:inline-block;width:80%;height:1px;background:rgba(234,85,4,0.1);margin:10px 0;z-index:2} /* 标题 样式 */ .en-title{text-transform:uppercase;} .text-align-center{text-align:center;} .content-h1-color{color:rgba(212, 9, 16, 1);} .related-post-post-slide a,.related-news-post-slide a{color: rgba(212, 9, 16, 1);} /** 背景色彩 **/ .pic-txt-content-bg{background:#9fa0a0;} .bg-white{background:rgba(255, 255, 255,1);} .bg-gray{background:#e7e7e7;} .bg-black-9{background:rgba(0, 0, 0,.9);} .bg-gray-90{background:rgba(231, 231, 231,.9);} .bg-gray-30{background:rgba(231, 231, 231,.3);} .bg-gray-10{background:rgba(231, 231, 231,.1);} .page-category li:before{background-color: #04abf4;} .bg-footer-39{background:rgba(39,39,39,1);} /** 首页产品中心 **/ .ProductsListIndexSlide .hd ul li.on {width: 12px;height: 12px;border-radius: 100%;background: rgb(2, 73, 82);opacity: 1;} .ProductsListIndexSlide .hd ul li{width: 12px;height: 12px;margin-right:5px;border-radius: 100%;background: rgb(2, 73, 82);opacity: .2;color:rgb(2, 73, 82);} /** 导航背景 **/ .products-list-index{background:url(../images/bg_027.jpg) no-repeat center;background-size: cover;} .category li .icon{background: url(../images/arrow.png)no-repeat;} .page-category-title-box{background: url(../images/pro-nav.jpg)no-repeat;} /** products-pic-list-2-3 **/ .products-list-pic-list-2-3-2 li{background:url(../images/list_bg.jpg) no-repeat center; background-size:100% 100%;} /** products-pic-list-2-3 **/ .products-pic-list-2-3-bg{width:100%;background:url(../images/section-bg.jpg) no-repeat scroll center center/cover;} .pic-text-1-bg-bg{width:100%;height:auto;background:url(../images/bg-1.jpg) no-repeat scroll center center/cover;} .about-2-3-1-bg{width:100%;height:auto;background:url(../images/bg-2.jpg) no-repeat fixed center center/cover;} .pic-txt-bg-a{background:url(../images/bg-2.jpg) no-repeat center center/cover;} .pic-txt-bg-b{background:url(../images/bg-2.jpg) no-repeat fixed center center/cover;} .pic-txt-bg-1-a{background:url(../images/section-bg.jpg) no-repeat center center/cover;} .pic-txt-bg-2-a{background:url(../images/bg-1.jpg) no-repeat center center/cover;} .pic-txt-bg-2-b{background:url(../images/bg-1.jpg) no-repeat fixed center center/cover;} .pic-txt-content-bg{background:url(../images/list_bg.jpg) no-repeat center; background-size:100% 100%;} .pageheader{background-image: url(../images/bg_07.jpg);} /** Products List Index Slide **/ .products-list-index{padding:100px 0;position:relative;} .products-list-index-heading-section {text-align: center;padding-bottom:80px;} .products-list-index-category{box-shadow: 13px 13px 15px rgb(0 0 0 / 30%);} .products-list-index-category .products-list-index-category-title-box{background-color: rgba(212, 9, 16, 1); border-top-right-radius: 30px;font: 800 24px/48px 'microsoft yahei', serif;color:rgba(255,255,255,1);text-align:center;padding:10px 0;margin:30px 0 25px;} .products-list-index-category ul{padding-bottom:40px;} .products-list-index-category li{font: 500 16px/40px 'microsoft yahei';border-bottom:1px dashed #afafb1; position: relative;} .products-list-index-category li .icon{width: 8px; height: 16px; position: absolute; right: 15px; top: 50%;margin-top: -8px; transition: all 0.3s ease;} .ProductsListIndexSlide {width:100%;position:relative;} .ProductsListIndexSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} .ProductsListIndexSlide .bd ul {width:100% !important;} .ProductsListIndexSlide .bd li {width:100% !important;height:auto;overflow:hidden;text-align:center;} .ProductsListIndexSlide .hd {width:100%;position:absolute;z-index:1;bottom:-35px;left:0;height:30px;line-height:30px;text-align:center;_background:#000;_filter:alpha(opacity=60);} .ProductsListIndexSlide .hd ul {text-align:left;padding-top:5px;} .ProductsListIndexSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;overflow:hidden;} .products-list-index-box{padding:30px 0;} .products-list-index-post{padding:0px 0px 10px;background:rgba(255, 255, 255,1);margin:30px 5px;box-shadow: 13px 13px 15px rgb(0 0 0 / 30%);} .products-list-index-thumb img{width:100%;height:auto;} .products-list-index-title h3{font: 500 16px/20px 'microsoft yahei', serif;margin-top:5px;margin-bottom:0;} @media only screen and (max-width:922px) { .products-list-index-category{padding:50px auto 30px;} .ProductsListIndexSlide .hd {display:none;} .ProductsListIndexSlide .bd {margin:10px auto;overflow:inherit;} .ProductsListIndexSlide .bd ul{margin:50px auto 100px;overflow:inherit;} .products-list-index>.container>.row{margin-left:0px;margin-right:0px;} .products-list-index{background:rgba(231, 231, 231,.1);} } /* NewsCategroyList public */ .IndexNewsList{padding:80px 0;} .IndexNewsList-heading-section {text-align: center;padding-bottom:40px;} .post-slide .post-img {overflow:hidden;margin-top:10px;margin-bottom:10px;} .post-slide .post-img img {width:100%;height:auto;transform:scale(1);transition:all 1s ease-in-out 0s;} .post-slide:hover .post-img img {transform:scale(1.4);} .post-slide .post-content {background:#fff;padding:5px 20px 5px;} .post-slide .post-title {font-size:15px;font-weight:600;margin-top:0;text-transform:capitalize;} .post-slide .post-title a {display:inline-block;transition:all 0.3s ease 0s;} .post-slide .post-title a:hover {text-decoration:none;} .post-slide .post-description {font-size:13px;color:#676767;line-height:15px;margin-bottom:8px;height:30px;overflow:hidden;} .post-slide .post-bar {padding:0;margin-bottom:15px;list-style:none;} .post-slide .post-bar li {color:#676767;padding:2px 0;} .post-slide .post-bar li i {margin-right:5px;} .post-slide .post-bar li a {display:inline-block;font-size:12px;color:#808080;transition:all 0.3s ease 0s;} .post-slide .post-bar li a:after {content:",";} .post-slide .post-bar li a:last-child:after {content:"";} .post-slide .post-bar li a:hover {color:#3d3030;text-decoration:none;} /* Footer */ .footer{padding:50px 0;border-top:solid 4px rgba(212, 9, 16, 1);} .footer-title{font: 400 18px/32px 'microsoft yahei', serif;color:rgba(255,255,255,.8);text-align:left;padding-left:40px;} .footer-contact-content,.footer-menu-content{margin-bottom:40px;} .footer-contact-content li, .footer-menu-content li{font: 300 14px/24px 'microsoft yahei', serif;color:rgba(255,255,255,.8);} .footer-contact-content li i{color: rgba(255,255,255,.6); margin-right: 10px;font-size: 18px;min-width:20px;text-align:center;} .footer-menu-content a{color:rgba(255,255,255,.8);} .footer-erweima img{padding-top:20px;width:130px;height:auto;margin-left:calc(50% - 65px);} .footer-erweima p,.copyright p{font: 300 14px/40px 'microsoft yahei', serif;color:rgba(255,255,255,.6);text-align:center;} .copyright p a{color:rgba(255,255,255,.6);} .copyright{padding:15px 0;border-top:solid 1px rgba(255, 255, 255, .2);} .footer-logo{border-right:solid 1px rgba(255,255,255,0.2);} .footer-logo img{filter:grayscale(100%) brightness(2.4); max-width:280px;height:auto;margin-bottom:20px;} .hot-line{font:500 25px/50px 'Oswald-Regular', Arial, 'microsoft yahei', sans-serif !important;color:rgba(255,255,255,.7);} .website-url{font:400 14px/14px 'Oswald-Regular', Arial, 'microsoft yahei', sans-serif !important;color:rgba(255,255,255,.5);margin-bottom:40px;} .footer-name{border-bottom:solid 1px rgba(255, 255, 255, .3);padding-bottom:10px;margin-right:80px;} .footer-name p{font: 300 40px/40px 'microsoft yahei', serif;color:rgba(255,255,255,1);padding-left:20px;border-left:solid 4px rgba(212, 9, 16, 1);margin:20px auto 10px;}