@charset "utf-8";
body {
margin: 0;
padding: 0;
line-height: 2.2rem;
font-family: "微软雅黑";
-webkit-text-size-adjust: none;
}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
p {
margin: 0;
padding: 0;
}
input,
select,
textarea {
font-size: 1.2rem;
line-height: 1.6rem;
}
img {
max-width: 100%;
border: 0;
}
ul,
li {
list-style-type: none;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.cl {
clear: both;
}
.fs-36 {
font-size: 3.6rem;
}
.fs-18 {
font-size: 1.8rem;
}
.fs-14 {
font-size: 1.4rem;
}
.fs-24 {
font-size: 2.4rem;
}
.l-0 {
padding-left: 0;
}
.r-0 {
padding-right: 0;
}
.rl-0 {
padding-left: 0;
padding-right: 0;
}
.lt-15 {
margin-top: 1.5rem;
}
.lt-30 {
margin-top: 3rem;
}
.visible-lg {
display: none !important;
}
@media (min-width:1200px) {
.visible-lg {
display: block !important
}
.hidden-lg {
display: none !important;
}
}
.banner {
width: 100%;
height: auto;
overflow: hidden;
}
.inbanner {
width: 100%;
height: auto;
overflow: hidden;
}
.inbanner img {
max-width: 100%
}
.top {
line-height: 40px;
color: #707070;
}
.top .topright {
text-align: right;
}
.top .topright a {
text-decoration: none;
color: #707070;
margin-left: 10px;
}
.logo {
border-top: 1px solid #e2e2e2;
line-height: 102px;
}
.logo .col-md-12 {
position: relative;
}
.logo .logo-span-1 {}
.logo .logo-span-2 {
padding-left: 13px;
top: -5px;
position: relative;
}
.logo .logo-span-2 big {
font-size: 24px;
color: #1563ba
}
.logo dd {}
.logo-tel-1 {
margin-right: 18px;
color: #1563ba;
font-size: 15px
}
.logo-tel-2 {
font-size: 22px;
margin-right: 10px;
color: #1563ba
}
.logo-tel {
background: url(../Image/tel.png) no-repeat left center;
position: absolute;
right: 0;
top: 25px;
padding-left: 55px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff !important;
}
.navigation {
background-color: #1563ba;
}
.navbar-default {
background-color: #1563ba;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
font-size: 16px;
line-height: 66px;
padding: 0 39px;
background: url(../Image/line.png) no-repeat right center;
transition: 0.4s all
}
.navbar {
border: 0px;
margin-bottom: 0;
min-height: 0px;
}
.navbar-default .navbar-nav li:last-child a {
background: none
}
.container-fluid {}
.navbar-default .navbar-nav>li:last-child>a {
border-right: none;
}
.navbar-default .navbar-nav li {
position: relative;
}
.navbar-default .navbar-nav li span {
width: 50px;
height: 3px;
transform: scale(0);
background: #ff0;
left: 50%;
margin-left: -25px;
position: absolute;
top: 50px;
transition: 0.4s all
}
.navbar-default .navbar-nav>li>a:hover {
color: #ff0;
}
.navbar-default .navbar-nav li:hover span {
transform: scale(1);
}
.navbar-default .navbar-nav li.selected span {
transform: scale(1);
}
.navbar-default .navbar-nav li.selected a {
color: #ff0;
}
.navbar-default .navbar-nav>.active>a {
background-color: #f88c03;
}
.catalog {
line-height: 60px;
}
.catalog span {
font-weight: 700;
color: #666666;
font-size: 17px;
}
.catalog a {
text-decoration: none;
color: #666666;
font-size: 15px;
margin-right: 15px;
}
.hotpro {
text-align: center;
margin: 0px 0 10px
}
.hotpro a {
width: auto;
height: 40px;
padding: 0 58px;
font-size: 15px;
line-height: 40px;
text-align: center;
display: inline-block;
border: 1px solid #add1f8;
margin-right: 8px;
color: #fff;
transition: 0.4s all
}
.hotpro a:last-child {
margin-right: 0
}
.hotpro a:hover {
border: 1px solid #fff;
color: #04a7e2;
background: #fff;
}
.hotprobox {
height: auto;
overflow: hidden;
padding: 24px 0
}
.pro-cate {
text-align: center;
height: auto;
overflow: hidden;
padding-top: 24px
}
.pro-cate a {
width: auto;
height: 40px;
padding: 0 15px;
font-size: 15px;
line-height: 40px;
text-align: center;
display: inline-block;
border: 1px solid #ddd;
margin-right: 8px;margin-bottom:10px;
color: #333;
transition: 0.4s all
}
.pro-cate a:last-child {
margin-right: 0
}
.pro-cate a:hover {
border: 1px solid #1563ba;
color: #fff;
background: #1563ba;
}
.pro-cate a.selected {
border: 1px solid #1563ba;
color: #fff;
background: #1563ba;
}
/**/
.classification a {
color: #fff;
text-decoration: none;
display: inline-block;
border: 1px solid #fff;
padding: 0 25px;
margin-right: 25px;
margin-top: 30px;
margin-bottom: 30px;
}
.index-title {
text-align: center;
margin-top: 30px;
color: #333333
}
.index-title hr {
border-top: 2px solid #333333;
width: 28px;
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
}
@media (min-width: 1440px) {
.container {
width: 1200px;
}
}
.index-title span {
font-size: 40px;
line-height: 40px;
margin: 0 15px;
font-family: Arial;
text-transform: uppercase;
}
.index-title dd {
font-size: 26px;
margin-top: 5px;
}
.index-product {
background-color: #227ce0;
margin-top: 30px;
padding: 44px 0 80px
}
.index-product .index-title {
color: #fff;
padding-bottom: 40px;
height: auto;
overflow: hidden;
position: relative;
}
.index-product .index-title .intel {
color: #fff;
position: absolute;
right: 12px;
top: 10px;
line-height: 40px;
padding-left: 36px;
font-size: 24px;
background: url(../Image/intel.png) left center no-repeat;
}
.index-product hr {
border-top: 2px solid #fff;
}
.incom {
padding-top: 30px;
padding-bottom: 30px
}
.incom .index-title {
color: #333333
}
.incom .index-title hr {
border-top: 2px solid #333333
}
.intro {
font-size: 15px;
color: #333333;
line-height: 30px
}
.classification a {
color: #fff;
text-decoration: none;
display: inline-block;
border: 1px solid #fff;
padding: 0 25px;
margin-right: 25px;
margin-top: 30px;
margin-bottom: 30px;
}
.product-img img {
max-width: 100%;
height: 150px;
display: block;
margin: 0 auto
}
.product-img:hover img {
transform: scale(1.1);
}
.product-img a {
color: #333;
display: inline-block;
width: 100%;
background: #fff;
position: relative;
padding-top: 20px;
margin-bottom: 15px;
}
.product-img div {
padding: 5px 30px 25px;
font-size: 14px;
color: #999999;
text-align: center;
line-height: 20px;
}
.product-img div big {
color: #666666;
font-size: 16px;
padding-bottom: 15px;
display: block;
}
.product-img:hover div big {
color: #1663bb
}
.about {
background-color: #2582eb;
text-align: center;
margin: 12px
}
.about dd {
color: #fff;
font-size: 15px;
line-height: 22px;
padding: 30px 15px;
margin-bottom: 2%;
}
.about img {
margin-top: 20%;
}
.about-us {
margin: 40px 0 20px;
}
.about-us .com {
float: left;
}
.wenhua li {
text-align: center;
color: #434343;
font-size: 20px;
font-weight: bold;
padding: 50px 0
}
.wenhua li:hover {
color: #1663bb
}
@media(min-width: 1200px) {
.com01 {
width: 20%;
}
.com02 {
width: 20%
}
.intro {
text-align: center;
}
}
@media(max-width: 600px) {
.com01 {
width: 50%;
}
.com02 {
width: 100%
}
}
.news {
background-color: #efefef;
margin-top: 20px;
padding: 10px 0 25px
}
.dynamic {
font-size: 26px;
line-height: 80px;
}
.mone {
text-align: right;
line-height: 80px;
}
.mone a {
color: #333;
}
.news img {
width: 100%;
padding-top: 10px;
}
.truncate {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-title a {
color: #333;
font-size: 17px;
font-weight: 500;
line-height: 50px;
}
.news-title dd {
color: #9f9f9f;
margin-bottom: 36px;
}
.news .col-md-4 {
padding-right: 25px;
padding-left: 25px;
}
.foote {
color: #fff;
line-height: 28px;
background-color: #16181a;
}
.foote h4 {
line-height: 100px;
font-size: 20px
}
.foote dd {
color: #848484;
line-height: 28px;
}
.foote .dh a {
color: #848484;
width: 48%;
display: inline-block;
}
.Mobile {
text-align: center;
color: #848484;
margin-top: 65px;
}
.bottom {
color: #848484;
line-height: 100px;
}
.bottom a {
color: #848484;
}
.Mobile p {
margin-top: 10px;
}
#page-footer-gt {
z-index: 2;
width: 100%;
height: 5rem;
box-sizing: border-box;
padding: 0.5rem 0;
color: #333333;
position: fixed;
bottom: 0;
left: 0;
background:#227ce0;
display: block;
}
#page-footer-gt ul {
width: 100%;
height: 100%;
overflow: hidden;
}
#page-footer-gt ul li {
width: 25%;
text-align: center;
float: left;
color: #fff;
transition: all 0.3s;
box-sizing: border-box;
}
#page-footer-gt ul li a {
color: #fff;
font-size: 1.2rem;
width: 100%;
height: 4rem;
}
#page-footer-gt ul li i {
display: block;
margin: 0 auto;
}
#page-footer-gt.five ul li {
width: 20% !important;
}
#page-footer-gt.five ul li.back {
padding: 0.5rem 0;
cursor: pointer;
}
#page-footer-gt.five ul li.back i {
font-size: 2.6rem;
line-height: 4rem;
}
.page {
width: 100%;
padding: 2rem 0 3rem;
}
.location {
line-height: 3rem;
font-size: 1.4rem;
padding-left: 1.5rem;
}
.location i {
margin-right: 1rem;
color: #d80303;
font-size: 1.6rem;
}
.title_box {
text-align: center;
margin-top: 5rem;
}
.title_box big {
font-size: 4rem;
font-weight: bold;
}
.title_box big span {
color: #1563ba;
}
.title_box p {
margin-top: 2rem;
display: block;
color: #999999;
font-size: 1.4rem;
padding-bottom: 2rem;
position: relative;
}
.title_box p i {
width: 5.7rem;
height: 0.2rem;
background: #1563ba;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.product {
}
.znews {
width: 100%;
transition: all 0.3s;
height: 17rem;
background: #EFEFEF;
display: block;
padding-top: 3rem;
overflow: hidden;
}
.znews-img img {
width: 100%;
height: 11rem;
}
.znews-title h3 {
font-size: 1.8rem;
font-weight: bold;
line-height: 2rem;
width: 100%;
color: #000;
}
.znews-title .p1 {
overflow: hidden;
margin: 1rem 0;
font-size: 1.4rem;
line-height: 2rem;
color: #999;
}
.znews-title .p2 span {
color: #999;
font-size: 1.4rem;
}
.znews-title .p2 span:not(:first-child) {
margin-left: 1rem;
}
.znews-title .p2 span:not(:first-child) {
margin-left: 1rem;
}
.page-fy {
width: 100%;
text-align: center;
padding-top: 4rem;
padding-bottom: 4rem;
}
.znews:hover {
background: #eee;
box-shadow: 0 0.5rem 0.5rem #ccc;
transform: translateY(-0.5rem);
}
.znews:hover .znews-title .p2 span,
.znews:hover .znews-title .p2 a {
color: #2582eb;
}
.pro-n {
padding: 1rem;
margin-top: 2rem;
width: 100%;
}
.title {
font-size: 2.4rem;
color: #000;
text-align: center;
line-height: 3rem;
margin-bottom: 3rem;
}
.pro-n-img {
margin-bottom: 3rem;
text-align: center;
width: 100%;
}
.fany {
font-size: 1.6rem;
display: block;
border: 0.1rem dotted #ccc;
color: #000;
line-height: 2.4rem;
border-radius: 0.3rem;
padding: 1.5rem;
}
.fany:hover {
background-color: #2582eb;
color: #ffffff;
}
.fany a {
color: #2582eb;
}
.fany:hover a {
color: #ffffff;
}
.pro-n-n img {
max-width: 100% !important;
}
.lt-30 {
margin-top: 3rem;
}
.li-img {
width: 100%;
overflow: hidden;
text-align: center;
}
.product a {
display: block;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.li-img img {
transition: all 0.3s;
width: 100%;max-height: 100%;
display: block;
margin: 0 auto
}
.li-title {
width: 100%;
line-height: 20px;
color: #999999;
padding: 5px 0;
text-align: center;
}
.li-title:hover big {
color: #04a7e2
}
.li-img:hover img {
transform: scale(1.1);
}
.li-title big {
font-size: 15px;
padding-bottom: 15px;
display: block;
color: #666
}
.newsinfo {
width: 100%;
line-height: 3rem;
font-size: 16px;
margin-top: 3rem;
padding-bottom: 3rem
}
.order {
margin-top: 30px;
}
.catalog a:hover {
color: #2582eb;
}
.classification a:hover {
background: #fff;
color: #2582eb;
}
.deomm {
display: inline-block;
overflow: hidden;
}
.deomm img {
transition: 0.5s all;
}
.dh a:hover {
color: #fff;
transition: 0.4s all
}
.bottom a:hover {
color: #fff;
transition: 0.4s all
}
.news-title a:hover {
color: #2582eb;
}
.pro-n-img img {
max-width: 600px;
max-height: 400px;
}
@media(max-width:768px) {
.logo-span-2 {
display: none;
}
.logo-tel {
width: 50px;
height: 50px;
overflow: hidden;
top: 5px;
}
.logo .logo-span-1 {
max-width: 80%;
font-size: 25px;
}
.catalog {
line-height: 30px;
padding-top: 20px
}
.logo {
line-height: 60px;
}
.container-fluid {
margin: 0;
}
.carousel-indicators {
bottom: 0px;
}
.wenhua li b {
font-size: 16px;
padding-top: 10px;
display: block;
}
.index-product {
margin-top: 0;padding: 0 0 30px
}
.hotpro {
height: auto;
overflow: hidden;
}
.hotpro a {
width: 31%;
margin: 1%;
padding: 1px 15px;
}
.newsinfo {
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
.navbar-default .navbar-nav>li>a {
margin-bottom: 0px;
line-height: 45px;
background: none
}
.index-title span {
font-size:16px;
margin: 0 15px;
}
.classification {
text-align: center;
margin: 10px 0;
}
.classification a {
padding: 0 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 10px;
}
.product-img div {
line-height: 25px;
}
.about dd {
font-size: 14px;
padding: 10px;
}
.about img {
margin-top: 10%;
}
.about {
margin-bottom: 15px;height: 150px
}
.pro-n {
margin-top: 0
}
.news-title dd {
margin-bottom: 10px;
}
.foote {
padding-bottom: 80px;
padding-top: 10px;
}
.title_box big {
font-size: 2rem
}
.title_box {
margin-top: 2rem;
padding: 0 1rem;
}
.bottom {
line-height: 25px;
}
.znews {
height: auto;
overflow: hidden;
padding-bottom: 20px;
}
.next {
margin-top: 2rem;
}
.page {
padding: 2rem 0 4rem 0;
}
.li-img img {
min-height:8rem;
}
.li-img {
height:8rem;overflow: hidden;
}
.product-img img {
height: 150px;
}
.swiper-slide img {
width: 100%;
height: auto;
}
.pro-n-img img {
max-width: 100%;
}
}
#demo02 {
padding-top: 20px;
}
#demo02 a {
text-align: center;
font-size: 15px;
margin-bottom: 25px;
margin-left: 10px;
margin-right: 10px;
position: relative;
display: block;
overflow: hidden;
}
#demo02 .pro_title {
width: 100%;
line-height: 50px;
height: 50px;
background: rgba(224, 224, 224, 0.9);
color: #333333;
position: absolute;
left: 0;
bottom: 0;
z-index: 2
}
#demo02 img {
width: 100%;
display: block;
background: #fff;
position: relative;
z-index: 1
}
@media(min-width: 1200px)
{
.li-img{height:185px;overflow: hidden;}
#demo02 img{height: 285px;}
}
@media(max-width: 768px)
{
#demo02 .pro_title{position: relative !important;background: #fff;line-height: 30px;height:35px;font-size: 12px}
#demo02 a{margin: 0 0 15px !important}
.index-title dd{font-size:20px}
.navbar-default .navbar-nav li span{top: 22px;left: 40%}
.pro-cate a{padding: 0 8px;margin: 4px 3px}
.title_box p{font-size: 12px;margin-top: 1rem;padding-bottom: 1rem}
.li-title big{font-size: 14px;padding-top: 1rem}
#demo02 img{height:70px !important}
.index-title{margin-top: 10px}
}