@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea {
background: none repeat scroll 0 0 #fff;
color: #555;
font: 14px/1 "Arial", "微软雅黑";
margin: 0;
padding: 0;
overflow: hidden;
}
body, html {
scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
padding: 0;
margin: 0;
}
ul, ol, li, dl, dt, dd {
list-style: none;
text-decoration: none;
height: auto;
padding: 0;
margin: 0;
}
address, cite, dfn, em, var {
font-style: normal;
} /* 将斜体扶正 */
code, kbd, pre, samp, tt {
font-family: "Courier New", Courier, monospace;
} /* 统一等宽字体 */
small {
font-size: 14px;
} /* 小于 12px 的中文很难阅读,让 small 正常化 */
abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */
border-bottom: 1px dotted;
cursor: help;
}
q:before, q:after {
content: '';
}
p {
margin: 0;
padding: 0;
}
/* 重置表单元素 */
legend {
color: #5f5f5f;
} /* for ie6 */
fieldset, img {
border: none;
} /* img 搭车:让链接里的 img 无边框 */
/* 注:optgroup 无法扶正 */
button, input, select, textarea {
font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
/* 重置 hr */
hr {
border: none;
height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */
:hover {
text-decoration: none !important;
}
html {
overflow-y: scroll;
}
:link {
text-decoration: none;
color: #5f5f5f;
}
:visited {
text-decoration: none;
color: #5f5f5f;
}
.fl {
float: left;
}
.fr {
float: right;
}
[data-mfp-src], .btn-img-popup {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
/*======================公用样式=======================*/
.wrap {
width: 100%;
}
.logo {
float: left;
}
.navbar-area {
}
.navbar-light .navbar-brand img {
float: left;
margin-left: -15px
}
.sticky-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
box-shadow: 0 0 15px rgba(0,0,0,.3);
margin: auto;
z-index: 999;
background: #fff;
-webkit-animation: .9s ease-in-out 5s normal none 1 running fadeInDown;
animation: .9s ease-in-out 5s normal none 1 running fadeInDown;
-webkit-transition: .9s;
transition: .9s;
width: 100%!important
}
.sticky-nav .nav-top {
width: 100%;
border-radius: 0
}
.sticky-nav .main-nav {
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
box-shadow: 0 0 15px rgba(0,0,0,.1)
}
.main-nav {
position: relative;
top: 0;
left: 0;
padding: 0;
width: 100%;
z-index: 999;
height: auto;
}
.main-nav .navbar {
padding: 0;
}
.media img {
width: 600px;
max-width: 100%;
margin-right: 20px;
}
.media .media-body h5 {
font-weight: bold;
font-size: 30px;
line-height: 40px;
margin-bottom: 40px;
}
.media .media-body p {
line-height: 25px;
}
.media .media-body p b{
font-size: 16px;
}
.navbar-brand {
width: 280px;
height: 70px;
background: url(../images/logo-pc.png) no-repeat 20px 10px;
}
.main-nav nav .navbar-nav .nav-item {
padding: 0;
}
.main-nav nav .navbar-nav .nav-item .active, .main-nav nav .navbar-nav .nav-item:hover a {
color: #fff;
background: #d82828;
}
.main-nav nav .navbar-nav .nav-item a {
text-transform: capitalize;
color: #555;
padding: 40px 26px 40px;
margin: 0;
}
.main-nav nav .navbar-nav .nav-item a i {
font-size: 10px
}
.main-nav nav .navbar-nav .nav-item a :focus, .main-nav nav .navbar-nav .nav-item a:hover {
color: #fff
}
.main-nav nav .navbar-nav .nav-item a.active {
color: #fff!important;
background: #d82828;
}
.main-nav nav .navbar-nav .nav-item a.active i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.main-nav nav .navbar-nav .nav-item a:hover i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: .7s;
transition: .7s
}
.main-nav nav .navbar-nav .nav-item a .active::before {
-webkit-transform: scale(1);
transform: scale(1)
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
border: 0;
border-radius: 0;
background-color: #d82828!important;
padding-left: 0;
padding-right: 0;
width: 140px;
}
.main-nav nav .navbar-nav .nav-item .cat_nav {
width: 140px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
border-bottom: 0;
line-height: 20px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
border-bottom: 0
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
position: relative;
-webkit-transition: .7s;
transition: .7s;
font-size: 14px;
}
@media(max-width:1441px) {
.navbar-brand {
width: 235px;
background: url(../images/logo-pc.png) no-repeat center 16px;
}
.main-nav nav .navbar-nav .nav-item a { /*padding: 49px 10px 36px;*/
font-size: 14px;
}
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {
width: 100%
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
color: #fff;
background: #cb252b;
}
.mobile-nav .mean-container .mean-nav ul li a .active {
color: #2ca6e0
}
.mean-container a.meanmenu-reveal {
color: #373e58
}
.mean-container a.meanmenu-reveal span {
background-color: #d82828
}
.other-side .lang {
float: right;
margin-right: 5px;
display: block;
}
.other-side .lang a {
color: #fff;
}
.other-side .lang img {
margin-left: 10px;
}
.lang-mobile {
display: none;
}
.other-side .modal-menu {
float: right;
margin-left: 20px;
margin-top: 3px
}
.other-side .modal-menu a {
color: #64acff;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #fff;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
box-shadow: 0 0 15px rgba(0,0,0,.1);
text-align: center
}
.other-side .modal-menu a:hover {
color: #d82828
}
.banner {
}
.ban-pc {
display: block;
}
.ban-mobile {
display: none;
}
.ban-mobile img {
width: 100%;
height: auto;
}
.ban-pc .swiper-pagination-bullet-active {
background: #d82828!important;
}
.ban-pc .swiper-pagination-bullet {
width: 12px!important;
height: 12px!important;
border-radius: 6;
background: #fff;
opacity: 1!important;
margin: 0 5px
}
.ban-pc .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 47px!important;
}
.a-main {
}
.a-main img {
width: 100%;
}
.ban-pro-pc {
display: block;
}
.ban-pro-mobile {
display: none;
}
.ban-pro-mobile img {
width: 100%;
height: auto;
}
.ban-pro-pc .swiper-pagination-bullet-active {
background: #2ca6e0!important;
}
.ban-pro-pc .swiper-pagination-bullet {
width: 50px!important;
height: 3px!important;
border-radius: 0;
background: #fff;
opacity: 1!important;
margin: 0 5px
}
.ban-pro-pc .swiper-pagination {
bottom: 47px!important;
left: 45%;
}
.index-tech {
padding: 70px 0;
}
.index-tech .media .media-body {
line-height: 25px;
}
/*首页*/
.index-tit {
text-align: center;
width: 100%;
overflow: hidden;
margin-bottom: 40px;
}
.index-tit h1 {
display: block;
color: #1b1b1c;
font-size: 28px;
}
.index-tit h2 {
font-size: 30px;
margin-bottom: 12px;
color: #000000;
}
.index-tit em {
display: block;
color: #8c8d8e;
}
.title-text {
display: none;
}
.index-about {
background: #f3f3f3;
padding: 70px 0;
}
.index-about .txt {
line-height: 29px;
font-size: 16px;
margin-bottom: 20px;
}
.index-about .txt .introduce{ padding-top: 40px; line-height: 35px; text-align: left;}
@media(max-width:990px){
.index-about .txt .introduce {
padding-top: 0px;
}
.index-about .txt video{ height: 290px; margin-bottom: 20px;}
}
.numCount {
margin: 30px -10px;
}
.numCount li {
float: left;
width: 33.33%;
text-align: center;
}
.numCount li .item {
margin: 0 10px;
}
.numCount li .item .indt {
font-size: 16px;
color: #222;
}
.numCount li .item .indc {
color: #868787;
}
.numCount li .numU {
line-height: 1.3;
}
.numCount li .numCX {
font-size: 65px;
color: #d82828;
font-weight: bold;
}
.numCount li .numU .unitC {
font-size: 100%;
line-height: 1.3;
margin-left: 0.3em;
}
.numCount li .numU em {
font-size: 40px;
color: #d82828;
}
@media (max-width:800px) {
.numCount li .numCX {
font-size: 24px;
}
.numCount li .numU em {
font-size: 24px;
}
}
@media (max-width:640px) {
.numCount li .numCX {
font-size: 7vw;
}
}
@media (max-width:480px) {
.numCount {
font-size: 0.5vw;
}
}
/*首页企业优势*/
.index-reason {
margin-left: auto;
margin-right: auto;
max-width: 1920px;
width: 100%;
padding: 70px 0;
}
.igood-25 {
width: 100%;
height: 25px;
}
.igood-35 {
width: 100%;
height: 35px;
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
.index-reason {
width: 88%;
}
}
.index-reason .row {
margin-left: 0;
margin-right: 0;
}
.index-reason .row > * {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 769px) {
.index-reason li {
display: -webkit-flex;
display: flex;
display: -webkit-box;
display: box;
-webkit-align-items: center;
align-items: center;
-webkit-box-align: center;
box-align: center;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
overflow: hidden;
position: relative;
}
.index-reason li .img, .index-reason li .content {
width: 50%;
}
.index-reason li::before {
content: '';
display: block;
width: 0px;
height: 0px;
border: 12px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.index-reason li:hover {
background: #d82828;
color: #fff;
}
.index-reason li:hover h3 {
color: #fff;
}
.index-reason li:hover p::before {
background: #fff;
}
.index-reason .row:nth-child(1) li::before {
border-right-color: #fff;
left: 50%;
margin-left: -24px;
}
.index-reason .row:nth-child(1) li:hover::before {
border-right-color: #d82828;
}
.index-reason .row:nth-child(2) li::before {
border-left-color: #fff;
left: 50%;
}
.index-reason .row:nth-child(2) li:nth-child(1)::before {
border-color: transparent transparent transparent #fff;
margin-left: 0;
}
.index-reason .row:nth-child(2) li:nth-child(1):hover::before {
border-color: transparent transparent transparent #d82828;
}
.index-reason .row:nth-child(2) li:hover::before {
border-left-color: #d82828;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.index-reason .row:nth-child(1) li:nth-child(2)::before {
border-color: transparent transparent transparent #fff;
left: 50%;
margin-left: 0;
}
.index-reason .row:nth-child(1) li:nth-child(2):hover::before {
border-color: transparent transparent transparent #d82828;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.index-reason .row:nth-child(2) li:nth-child(1)::before {
border-color: transparent #fff transparent transparent;
left: 50%;
margin-left: -24px;
}
.index-reason .row:nth-child(2) li:nth-child(1):hover::before {
border-color: transparent #d82828 transparent transparent;
}
}
.index-reason .content {
padding: 8% 40px 0;
position: relative;
}
.index-reason h3 {
font-size: 24px;
margin-bottom: 20px;
color: #d82828;
}
.index-reason .info p {
margin-top: 16px;
padding-left: 20px;
position: relative;
line-height: 25px;
}
.index-reason .info p::before {
content: '';
display: block;
width: 8px;
height: 8px;
background: #d82828;
border-radius: 50%;
position: absolute;
left: 0;
top: 7px;
}
@media (min-width: 1200px) {
.index-reason .img {
overflow: hidden;
}
.index-reason .img img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
max-width: 100%;
}
.index-reason .img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (max-width: 1600px) {
.index-reason .content {
padding: 5% 3% 0;
}
.index-reason .row:nth-child(2) .content {
padding-top: 4%;
}
.index-reason .info p {
margin-top: 6px;
}
}
@media (max-width: 1360px) {
.index-reason .content {
padding: 4% 3% 0;
}
.index-reason .row:nth-child(2) .content {
padding-top: 2%;
}
.index-reason h3 {
font-size: 22px;
}
}
@media (max-width: 1200px) {
.index-reason li .content {
width: 100%;
}
.index-reason li .img {
display: none;
}
.index-reason h3 {
font-size: 20px;
margin-bottom: 10px;
}
.index-reason .info {
font-size: 13px;
}
.index-reason .info p {
margin-top: 4px;
padding-left: 14px;
}
.index-reason .info p::before {
width: 6px;
height: 6px;
}
}
@media (max-width: 992px) {
.index-reason h3 {
font-size: 26px;
margin-bottom: 20px;
text-align: center;
}
.index-reason .info {
font-size: 14px;
}
.index-reason .info p {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.index-reason img {
width: 100%;
}
.index-reason li {
margin-bottom: 1rem;
}
}
@media (max-width: 480px) {
.index-reason .content {
padding-top: 0.6rem !important;
position: relative;
background: rgba(255, 255, 255, 0.9);
}
.index-reason h3 {
font-size: 20px;
margin: 0.2rem 0;
text-align: center;
font-weight: bold;
}
.index-reason .info {
/* padding-top: 10px; */
position: relative;
margin-left: -0.2rem;
}
.index-reason .info p {
margin-top: 6px;
}
}
@media (max-width:767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-lg {
display: none !important
}
}
/*产品检索*/
.search_ctrl {
margin-bottom: 20px;
margin-top: 20px;
}
.search_ctrl .search_row .col-lg-3 {
line-height: 40px;
font-size: 22px;
text-align: right;
padding-right: 4px;
color: #000000;
}
.search_ctrl .search_row .btn-outline-secondary {
width: 140px;
background: #d82828;
color: #fff;
}
@media(max-width:990px) {
.search_ctrl .search_row .col-lg-3 {
display: none;
}
}
/*首页产品*/
.index-pro {
background: #f3f3f3;
padding: 70px 0;
}
.index-pro.swiper-pagination-bullet-active {
background: #d82828!important;
}
.index-pro.swiper-pagination-bullet {
width: 12px!important;
height: 12px!important;
border-radius: 6;
background: #999;
opacity: 1!important;
margin: 0 5px
}
.index-pro.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 0!important;
}
.index-pro.col-sm-6 {
width: 50%;
}
.index-pro-con {
/*padding-top: 30px;*/
}
.index-pro-con .pic {
width: 100%;
overflow: hidden;
}
.index-pro-con .pic img {
width: 100%;
}
.index-pro-con dd {
display: block;
margin-bottom: 20px;
}
.index-pro-con dd img {
width: 100%;
}
.index-pro-con dd .img {
overflow: hidden;
}
.index-pro-con dd img, .index-pro-con .pic img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.index-pro-con dd:hover img, .index-pro-con .pic:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.index-pro-con dd .txt {
padding: 10px;
text-align: center;
background: #fff;
}
.index-pro-con dd .txt span {
display: block;
font-size: 16px;
margin-bottom: 5px;
line-height: 25px;
height: 25px;
font-weight: bold;
overflow: hidden;
}
.index-pro-con dd .txt span a {
color: #111;
}
.index-pro-con dd .txt em {
display: block;
line-height: 20px;
height: 60px;
overflow: hidden;
font-size: 14px;
color: #999;
}
.index-pro-con dd .txt em a {
color: #7a7a7a;
}
.index-pro.basemore {
margin-top: 0.4rem;
}
@media (min-width: 640px) {
.index-pro.hd {
margin-bottom: 0.54rem;
position: relative;
height: 70px;
}
.index-pro.ihd {
position: absolute;
}
.index-pro.pnext {
position: absolute;
right: 0;
bottom: 0;
z-index: 555;
}
}
.index-pro.pnext {
width: 2.44rem;
height: 0.52rem;
z-index: 555;
display: -webkit-flex;
display: flex;
display: -webkit-box;
display: box;
-webkit-align-items: center;
align-items: center;
-webkit-box-align: center;
box-align: center;
background: #fff;
}
.index-pro.pnext .pbtn {
width: 50%;
height: 0.52rem;
background: #fff;
}
.index-pro.pnext .next, .index-pro.pnext .prev {
cursor: pointer;
}
.index-pro.pnext .prev {
background: url(../images/icl_on.png) no-repeat center #e6e6e6;
}
.index-pro.pnext .next {
background: url(../images/icr_on.png) no-repeat center;
}
@media (max-width: 639px) {
.index-pro.pnext {
margin: 0 auto;
}
.index-pro.hd {
margin-bottom: 20px;
}
.index-pro.ihd {
text-align: center;
margin-bottom: 20px;
}
.index-pro.ihd ._line {
background: #fff;
display: none;
}
.index-pro.ihd .en {
padding-right: 23px;
display: inline-block;
}
.index-pro.ihd .en::after {
content: '';
display: block;
width: 20px;
height: 1px;
background: #000;
opacity: 0.4;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
right: 0;
}
}
/*首页应用领域*/
.index-ly {
padding: 0px 0 30px 0;
}
.index-ly .index-tit span, .index-ly .index-tit em {
color: #fff;
}
.index-ly-con {
width: 100%;
overflow: hidden;
padding: 0 1px;
}
.index-ly-con .cover-box {
position: relative;
display: block;
overflow: hidden;
}
.index-ly-con .cover-box .show_pic {
overflow: hidden;
}
.index-ly-con .cover-box .img {
max-width: 100%;
}
.index-ly-con .cover-tip {
width: 100%;
height: 30px;
transition: all 0.4s ease 0s;
z-index: 3;
}
.index-ly-con .cover-tip .bgbox {
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6;
}
.index-ly-con .cover-tip .stit {
font-size: 16px;
line-height: 30px;
width: 100%;
text-align: center;
margin-top: 5px;
}
.index-ly-con .cover-box:hover .cover-tip {
opacity: 1;
}
.index-ly-con .cover-box:hover .coverimg {
transform: scale(1.05, 1.05);
}
.index-ly-con .cover-box img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.index-ly-con .cover-box:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.swiper-good .swiper-pagination {
line-height: 1;
font-size: 0;
bottom: 0;
}
.swiper-good a {
display: block;
position: relative;
}
.swiper-good .img {
background: #e5eaf0;
transition: 0.3s;
}
.swiper-good .img img {
display: block;
}
.swiper-good .info {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1rem;
text-align: center;
transition: 0.3s;
padding: 0.2rem 0;
line-height: 1.6;
}
.swiper-good .tit {
font-size: 24px;
}
.swiper-good .type {
font-size: 16px;
color: #999;
}
.swiper-good li {
padding: 20px 17px 30px;
width: 29vw;
}
.swiper-good li .img {
display: block;
width: 100%;
}
@media (min-width: 992px) {
.swiper-good li:hover .img {
background: #fff;
}
.swiper-good li:hover .img {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.swiper-good li:hover .info {
background: linear-gradient(90deg, #53b255, #38a9bf);
color: #fff;
}
.swiper-good li:hover .info .type {
color: #fff;
}
}
@media (max-width: 1700px) {
.swiper-good .tit {
font-size: 20px;
}
.swiper-good .type {
font-size: 14px;
}
}
@media (max-width: 992px) {
.swiper-good li {
width: 33vw;
padding: 20px 10px 40px;
}
.swiper-good .info {
position: static;
}
}
@media (max-width: 640px) {
.swiper-good li {
width: 50vw;
padding: 20px 10px 40px;
}
}
@media (max-width: 480px) {
.swiper-good li {
padding: 20px 6% 30px;
width: 100vw;
}
.swiper-good .tit {
font-size: 14px;
}
.swiper-good .type {
font-size: 12px;
}
}
.about-sc-swiper {
padding: 0.86rem 0 1.3rem;
}
@media (min-width: 768px) {
.about-sc-swiper li .info {
bottom: -0.68rem;
transition: 0.3s;
}
.about-sc-swiper li a {
overflow: hidden;
}
.about-sc-swiper li a img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.about-sc-swiper li a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.about-sc-swiper li a:hover .info {
bottom: 0;
}
}
/*首页新闻*/
.index-news {
padding: 70px 0;
background: #f2f3f5;
}
.index-news-menu {
padding: 20px 0 40px 0;
display: inline-block;
margin: 0 auto;
}
.index-news-menu li {
width: 198px;
height: 42px;
line-height: 42px;
border: 1px solid #d7d7d7;
text-align: center;
float: left;
margin: 0 14px;
background: #FFFFFF;
}
.index-news-menu li a {
font-size: 16px;
color: #676767;
}
.index-news-menu li:hover {
display: block;
background: #d82828;
border: 1px solid #d82828;
}
.index-news-menu li:hover a {
color: #fff;
}
.index-news-swiper {
}
.index-news-swiper dd {
}
.index-news-swiper dd .img {
overflow: hidden;
}
.index-news-swiper dd img {
width: 100%;
}
.index-news-swiper dd img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.index-news-swiper dd:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.index-news-swiper dd .txt {
padding: 10px 0;
}
.index-news-swiper dd .txt span {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 25px;
overflow: hidden;
text-align: center;
height: 25px;
}
.index-news-swiper dd .txt p {
line-height: 22px;
margin-top: 10px;
font-size: 14px;
}
.index-news-swiper dd .txt span a {
color: #252525;
}
.index-news-swiper dd .txt em {
display: block;
color: #7a7a7a;
margin-top: 10px;
text-align: center;
}
.index-news-swiper .hd {
margin-top: 35px;
}
.index-news-swiper .swiper-pagination-bullet-active {
background: #d82828!important;
}
.index-news-swiper .swiper-pagination-bullet {
width: 12px!important;
height: 12px!important;
border-radius: 6;
background: #999;
opacity: 1!important;
margin: 0 5px
}
.index-news-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 0!important;
}
.index-news-swiper .col-sm-6 {
width: 50%;
}
/*底部*/
.foot-link {
width: 100%;
background: #fff;
line-height: 36px;
color: #3d3d3d;
}
.foot-link a {
color: #3d3d3d;
margin-right: 5px;
}
.foot-link a:hover {
color: #000;
}
.foot {
width: 100%;
overflow: hidden;
background: #1c1f26;
}
.foot-con {
padding: 66px 0;
overflow: hidden;
}
.foot-con .tit {
margin-bottom: 19px;
color: #fff;
font-size: 22px;
}
.foot-con .add, .foot-con .email, .foot-con .http {
line-height: 20px;
margin-bottom: 11px;
color: #7e7e7e;
}
.foot-con .tel {
line-height: 20px;
color: #fff;
}
.foot-con .tel span {
display: block;
margin-bottom: 11px;
color: #7e7e7e;
}
.foot-con .tel p {
padding-left: 65px;
margin-bottom: 11px;
color: #7e7e7e;
}
.foot-con dl {
display: block;
}
.foot-con dl dt {
margin-bottom: 20px;
font-weight: normal!important;
color: #fff;
display: block;
font-size: 22px;
}
.foot-con dl dd {
display: block;
}
.foot-con dl dd a {
color: #7e7e7e;
}
.foot-con dl dd a.nav-link {
padding: 0.5rem 0px;
}
.foot-con i {
margin-right: 10px;
color: #fff;
}
.foot-con .fl {
width: 100%
}
.weixin {
margin-top: 15px;
}
.weixin img {
display: block;
margin: 0 auto;
}
.weixin span {
display: block;
margin-top: 15px;
color: #fff;
text-align: center;
}
.foot-fx {
width: 80%;
overflow: hidden;
padding-top: 24px;
margin: 0 auto;
}
.foot-fx img {
margin: 0 8px;
float: left;
}
.foot-txt {
line-height: 20px;
padding-top: 20px;
text-align: center;
background: #17191f;
}
.foot-copy {
line-height: 30px;
padding-bottom: 20px;
text-align: center;
background: #17191f;
}
/*内页*/
.inner-ban {
width: 100%;
height: 520px;
}
.inner-ban img {
display: none;
}
.video_ban {
background: url("../images/video_ban.jpg") no-repeat center;
}
.about_ban {
background: url("../images/about_ban.jpg") no-repeat center;
}
.Advantage_ban {
background: url("../images/Advantage_ban.jpg") no-repeat center;
}
.pro_ban {
background: url("../images/pro_ban1.jpg") no-repeat center;
}
.field_ban {
background: url("../images/field_ban.jpg") no-repeat center;
}
.news_ban {
background: url("../images/news_ban.jpg") no-repeat center;
}
.inner {
width: 100%;
overflow: hidden;
background: #fff;
padding: 10px 0;
}
.show_pro {
padding: 100px 0;
}
.map {
width: 100%;
margin-top: 30px;
}
.inner-menu {
width: 100%;
height: 128px;
background: #d82828;
display: block;
}
.inner-menu .tit {
float: left;
padding-top: 35px;
color: #fff;
}
.inner-menu .tit p {
margin-bottom: 13px;
font-size: 35px;
}
.inner-menu .tit h1 {
margin-bottom: 13px;
font-size: 35px;
}
.page-nav {
width: 70%;
float: right;
padding-top: 40px;
}
.page-nav ul {
display: table;
width: 100%;
}
.page-nav ul > * {
display: table-cell;
vertical-align: middle;
}
.page-nav a {
display: inline-block;
text-align: left;
color: #fff;
}
.page-nav li {
text-align: right;
}
.page-nav li:hover a, .page-nav .active a {
color: #ffffff;
}
.page-nav .id {
position: relative;
}
.page-nav .id::after {
content: '';
display: inline-block;
vertical-align: middle;
margin-left: 10px;
width: 30px;
height: 1px;
border-bottom: 1px solid #fff;
}
.page-nav span {
font-size: 18px;
margin-top: 5px;
display: block;
}
@media (max-width: 1200px) {
.page-nav {
width: 80%;
}
.page-nav span {
font-size: 15px;
}
}
.m-ins-navbox {
display: none;
}
.papg-menu {
width: 100%;
overflow: hidden;
background: #d82828;
display: block;
}
.papg-menu li {
width: 228px;
line-height: 67px;
text-align: center;
font-size: 16px;
float: left;
overflow: hidden;
}
.papg-menu li a {
color: #fff;
}
@media (max-width: 991px) {
.papg-menu {
display: none;
}
}
.pro_menu {
overflow: visible;
}
.papg-menu ul li .dropdown-menu a {
color: #000;
}
.inner_menu {
width: 1200px;
height: 50px;
margin: 0 auto;/* background: #f2f2f2;*/
}
.inner_menu ul {
display: block;
margin-left: 0px;
float: left;
}
.inner_menu ul li {
float: left;
margin-right: 50px;
background: url(../images/dd.jpg) no-repeat 0 20px;
text-indent: 20px;
}
.inner_menu ul li a {
line-height: 50px;
color: #333;
display: block;
}
.inner_menu ul li a:hover {
text-decoration: underline;
}
.inner_menu {
}
.inner_menu .row>ul>li {
position: relative;
width: 160px;
margin-right: 0px;
overflow: visible;
text-align: left;
}
.inner_menu .row>ul>li a {
color: #fff;
}
.inner_menu ul li ul {
position: absolute;
float: none;
background: #fff;
margin-left: 0px;
border: #ccc solid 1px;
box-shadow: 2px 2px 2px rgba(0,0,0,.5);
z-index: 999;
width: 150px;
left: -0px;
zoom: 1;
overflow: hidden;
display: none;
}
.inner_menu .row>ul>li ul li a {
color: #000;
}
.inner_menu ul li ul li {
float: none;
background: none;
margin-right: 0px;
text-align: left;
text-indent: 15px;
line-height: 30px;
height: 30px;
border-bottom: #ccc solid 1px;
margin: 3px 4px;
}
.inner_menu ul li ul li a {
line-height: 28px;
color: #333;
}
.inner_menu ul li ul li:last-child {
border-bottom: none;
}
.filters {
width: 100%;
overflow: hidden;
background: #fff;
}
.filters .filter-tabs {
position: relative;
float: left;
}
.filters li {
position: relative;
display: inline-block;
line-height: 30px;
padding: 10px 55px;
cursor: pointer;
color: #666;
font-weight: 500;
font-size: 16px;
top: 0;
font-family: "Roboto", sans-serif;
}
.filters a:hover, .filters a:focus {
text-decoration: underline;
}
.filters li:last-child {
margin-right: 0;
}
.filters .filter.active, .filters .filter:hover {
background: #2ca6e0;
color: #fff !important;
}
.filters .filter:hover a {
color: #fff;
}
.filters .filter.active a {
color: #fff;
background: #2ca6e0;
}
/*products*/
.pro-top {
margin-bottom: 20px;
overflow: hidden;
}
.pro-top img {
width: 100%;
}
.pro-main {
margin-bottom: 20px;
overflow: hidden;
background: #fff;
}
.pro-main .pic {
width: 100%;
}
.pro-main .pic img {
}
.pro-main .con {
padding: 50px 50px 40px 50px;
}
.pro-main .tit_1 {
font-size: 26px;
font-weight: bold;
color: #000;
margin-bottom: 22px;
}
.pro-main .tit_2 {
font-size: 18px;
line-height: 32px;
color: #333;
margin-bottom: 20px;
}
.pro-main .txt {
line-height: 32px;
color: #999;
}
.pro-main .txt i {
font-size: 12px;
margin-right: 10px;
}
/*关于我们*/
.inner-about {
width: 100%;
overflow: hidden;
padding: 10px 0;
background: #fff;
}
.inner-about .con {
margin: 30px 0;
line-height: 30px;
}
.inner-about .con p {
font-size: 16px;
margin-bottom: 10px;
}
.inner-about .img {
overflow: hidden;
}
.inner-about .img img {
width: 100%;
}
.inner-about .txt {
line-height: 28px;
}
.item_quality .col-md-4 img {
border: #ccc solid 1px;
width: 100%;
}
.item_quality .col-md-4 p {
text-align: center;
margin-bottom: 10px;
}
/*企业文化*/
.inner-qywh {
width: 100%;
overflow: hidden;
padding: 75px 0;
background: #f1f1f1;
}
.inner-qywh .con {
margin-top: 52px;
}
.inner-qywh .con .qywh-box {
background: #fff;
}
.inner-qywh .con .qywh-box .txt {
padding: 50px 0;
width: 100%;
text-align: center;
}
.inner-qywh .con .qywh-box .txt .t-1 {
font-size: 20px;
color: #303031;
margin-bottom: 13px;
}
.inner-qywh .con .qywh-box .txt .line {
width: 30px;
height: 1px;
background: #d82828;
margin: 0 auto;
}
.inner-qywh .con .qywh-box .txt .t-2 {
margin-top: 26px;
font-size: 24px;
color: #303031;
}
.inner-qywh .con .qywh-box .img {
overflow: hidden;
}
.inner-qywh .con .qywh-box .img img {
width: 100%;
}
/*荣誉资质*/
.inner-honor {
width: 100%;
overflow: hidden;
padding: 90px 0 55px 0;
background: url("../images/inner-honor-bg.jpg") no-repeat center;
}
.inner-honor-txt {
padding: 22px 0 55px 0;
width: 100%;
text-align: center;
line-height: 28px;
font-size: 18px;
color: #909090;
}
.inner-honor-swiper {
margin-top: 55px;
}
.inner-honor ul {
white-space: nowrap;
}
.inner-honor li {
text-align: center;
display: inline-block;
margin-bottom: 30px;
}
.inner-honor .img {
overflow: hidden;
}
.inner-honor .img img {
max-width: 80%;
margin-bottom: 5px;
}
@media (min-width: 1201px) {
.inner-honor li {
width: 20%;
}
}
@media (max-width: 1200px) {
.inner-honor .swiper-pagination {
font-size: 0;
bottom: 0;
}
.inner-honor li {
width: 25%;
}
.inner-honor .img img {
margin-bottom: 3px;
}
}
@media (max-width: 991px) {
.inner-honor-swiper {
margin-top: 20px;
}
}
@media (max-width: 768px) {
.inner-honor li {
width: 50%;
}
}
@media (max-width: 640px) {
.inner-honor li {
width: 50%;
}
}
.inner-honor .hd {
margin-top: 54px;
height: 33px;
width: 277px;
margin: 0 auto;
}
.inner-honor .pnext {
width: 277px;
height: 33px;
z-index: 555;
display: inline-block;
margin: 0 auto;
}
.inner-honor .pnext .pbtn {
width: 50%;
height: 33px;
background: #fff;
}
.inner-honor .pnext .next, .inner-honor .pnext .prev {
cursor: pointer;
}
.inner-honor .pnext .prev {
width: 33px;
height: 33px;
float: left;
background: url(../images/icl_on.png) no-repeat;
}
.inner-honor .pnext .next {
width: 33px;
height: 33px;
float: right;
background: url(../images/icr_on.png) no-repeat;
}
@media (max-width: 639px) {
.inner-honor .pnext {
margin: 0 auto;
}
.inner-honor .hd {
margin-bottom: 20px;
}
}
/*发展历程*/
.faz {
width: 100%;
background: url("../images/abm4bj_06.jpg") no-repeat center;
}
.abM4 {
padding-left: 8%;
padding-right: 8%;
padding-top: 43px;
}
.abM4Tit {
color: #333;
font-size: 48px;
}
.abM4Bri {
color: #505050;
line-height: 30px;
padding-top: 20px;
font-size: 22px;
}
.nianCon {
width: 823px;
padding-bottom: 36px;
}
.history_info {
width: 100%;
}
.nianConP1 {
font-size: 24px;
color: #d82828;
padding-right: 50px;
position: relative;
display: inline-block;
}
.niancontxt {
width: 690px;
height: 200px;
padding-top: 10px;
line-height: 30px;
font-size: 20px;
}
.nianConP1:before {
content: '';
width: 35px;
height: 2px;
background: #d82828;
position: absolute;
right: 0;
top: 50%;
}
.nianConP2 {
font-size: 22px;
color: #333;
line-height: 40px;
}
.abM4Con {
padding-top: 50px;
}
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
display: block;
width: 35px;
height: 35px;
margin: 0;
}
.ms-skin-default .ms-nav-next {
background: #000;
left: initial;
right: 0;
top: initial;
bottom: 90px;
background: url("../images/xiajt.png") no-repeat center bottom;
}
.ms-skin-default .ms-nav-prev {
background: #000;
left: initial;
right: 0;
top: -40px;
background: url("../images/shangjt.png") no-repeat center top;
}
.ms-skin-default .ms-nav-next:hover {
background-position: center top;
}
.ms-skin-default .ms-nav-prev:hover {
background-position: center bottom;
}
.ms-inner-controls-cont, .ms-container {
position: initial!important;
}
.ms-thumb-frame .ms-thumb {
font-size: 22px;
color: #959595;
text-align: right;
}
.ms-thumb-frame-selected .ms-thumb {
font-size: 36px;
color: #d82828;
}
.master-slider {
overflow: initial;
}
@media (max-width: 991px) {
.abM4 {
padding-left: 2%;
padding-right: 2%;
padding-top: 12px;
}
.niancontxt {
width: 33%;
line-height: 30px;
font-size: 14px;
}
.abM4Tit {
font-size: 32px;
}
.abM4Bri {
font-size: 16px;
}
}
/*活力团队*/
.inner-td {
width: 100%;
overflow: hidden;
padding: 90px 0 55px 0;
}
.inner-td-swiper {
margin-top: 55px;
}
.inner-td ul {
white-space: nowrap;
}
.inner-td li {
text-align: center;
display: inline-block;
margin-bottom: 30px;
}
.inner-td .img {
overflow: hidden;
}
.inner-td .img img {
max-width: 80%;
margin-bottom: 5px;
}
.inner-td .txt {
text-align: center;
width: 100%;
padding-top: 40px;
font-size: 18px;
color: #555454;
}
@media (min-width: 1201px) {
.inner-td li {
width: 25%;
}
}
@media (max-width: 1200px) {
.inner-td .swiper-pagination {
font-size: 0;
bottom: 0;
}
.inner-td li {
width: 25%;
}
.inner-td .img img {
margin-bottom: 3px;
}
}
@media (max-width: 991px) {
.inner-td-swiper {
margin-top: 20px;
}
}
@media (max-width: 768px) {
.inner-td li {
width: 50%;
}
}
@media (max-width: 640px) {
.inner-td li {
width: 50%;
}
}
.inner-td .hd {
margin-top: 54px;
height: 33px;
width: 277px;
margin: 0 auto;
}
.inner-td .pnext {
width: 277px;
height: 33px;
z-index: 555;
display: inline-block;
margin: 0 auto;
}
.inner-td .pnext .pbtn {
width: 50%;
height: 33px;
background: #fff;
}
.inner-td .pnext .next, .inner-td .pnext .prev {
cursor: pointer;
}
.inner-td .pnext .prev {
width: 33px;
height: 33px;
float: left;
background: url(../images/icl_on.jpg) no-repeat;
}
.inner-td .pnext .next {
width: 33px;
height: 33px;
float: right;
background: url(../images/icr_on.jpg) no-repeat;
}
@media (max-width: 639px) {
.inner-td .pnext {
margin: 0 auto;
}
.inner-td .hd {
margin-bottom: 20px;
}
}
/*研发环境*/
.inner-yf {
width: 100%;
overflow: hidden;
padding: 90px 0 55px 0;
}
.inner-yf-swiper {
margin-top: 55px;
position: relative;
}
.inner-yf-txt {
padding: 22px 150px 50px 150px;
width: 100%;
text-align: center;
line-height: 28px;
font-size: 16px;
color: #909090;
}
.inner-yf ul {
white-space: nowrap;
}
.inner-yf li {
text-align: center;
margin-bottom: 30px;
width: 33.33%;
padding: 0 30px;
}
.inner-yf li:hover .txt {
display: block;
background: #cb252b;
}
.inner-yf .img {
overflow: hidden;
}
.inner-yf .img img {
width: 100%;
}
.inner-yf .txt {
text-align: center;
width: 100%;
line-height: 68px;
font-size: 24px;
color: #fff;
background: #9cadb7;
}
@media (max-width: 1200px) {
.inner-yf .swiper-pagination {
font-size: 0;
bottom: 0;
}
.inner-yf li {
width: 33.33%;
}
}
@media (max-width: 991px) {
.inner-yf {
padding: 30px 0 20px 0;
}
.inner-yf-swiper {
margin-top: 20px;
}
.inner-yf-txt {
padding: 22px 10px 30px 10px;
font-size: 14px;
}
.inner-yf li {
width: 100%;
padding: 0;
}
.inner-yf .txt {
font-size: 18px;
}
}
.inner-yf .pnext .next, .inner-yf .pnext .prev {
cursor: pointer;
}
.inner-yf .pnext .prev {
width: 42px;
height: 42px;
background: url(../images/yfl_on.jpg) no-repeat;
position: absolute;
left: 10px;
top: 35%;
z-index: 9999;
}
.inner-yf .pnext .next {
width: 42px;
height: 42px;
background: url(../images/yfr_on.jpg) no-repeat;
position: absolute;
right: 10px;
top: 35%;
z-index: 9999;
}
/*生产设备*/
.inner-s {
width: 100%;
overflow: hidden;
padding: 80px 0;
background: #f1f1f1;
}
.inner-s-swiper {
margin-top: 55px;
}
.inner-s ul {
}
.inner-s li {
width: 50vw;
padding: 39px;
background: #fff;
margin: 0 44px;
}
.inner-s .img {
overflow: hidden;
}
.inner-s .img img {
width: 100%;
}
.inner-s .txt {
padding-top: 50px;
overflow: hidden;
}
.inner-s .txt span {
display: block;
font-size: 24px;
color: #404246;
margin-bottom: 32px;
}
.inner-s .txt p {
line-height: 28px;
}
@media (max-width: 1200px) {
.inner-s .swiper-pagination {
font-size: 0;
bottom: 0;
}
}
@media (max-width: 991px) {
.inner-s {
padding: 30px 0 20px 0;
}
.inner-s-swiper {
margin-top: 20px;
}
.inner-s li {
margin: 0 5px;
width: 86vw;
padding: 20px;
}
.inner-s .txt {
padding-top: 20px;
}
.inner-s .prev {
top: 20%!important;
}
.inner-s .next {
top: 20%!important;
}
}
.inner-s .prev {
width: 42px;
height: 42px;
background: url(../images/yfl_on.jpg) no-repeat;
position: absolute;
top: 50%;
left: calc((25% - 44px - 24px));
z-index: 9999;
}
.inner-s .next {
width: 42px;
height: 42px;
background: url(../images/yfr_on.jpg) no-repeat;
position: absolute;
top: 50%;
right: calc((25% - 44px - 24px));
z-index: 9999;
}
/*专利证书*/
.inner-zs {
width: 100%;
overflow: hidden;
padding: 107px 48px;
background: url("../images/inner-zs-bg.jpg") no-repeat center;
}
.inner-zs-top {
}
.inner-zs-top .txt {
color: #fff;
}
.inner-zs-top .txt .t-1 {
margin-bottom: 11px;
font-size: 40px;
}
.inner-zs-top .txt .t-2 {
margin-bottom: 11px;
}
.inner-zs-top .txt .t-3 {
margin-bottom: 16px;
line-height: 40px;
font-size: 28px;
font-weight: bold;
}
.inner-zs-top .txt .t-4 {
font-size: 16px;
}
.inner-zs-top .pic {
float: right;
margin-top: 127px;
}
.inner-zs-swiper {
margin-top: 74px;
}
.inner-zs ul {
}
.inner-zs li {
text-align: center;
display: inline-block;
margin-bottom: 30px;
}
.inner-zs .img {
overflow: hidden;
}
.inner-zs .img img {
width: 88%;
margin-bottom: 5px;
}
@media (min-width: 1201px) {
.inner-zs li {
width: 20%;
}
}
@media (max-width: 1200px) {
.inner-zs .swiper-pagination {
font-size: 0;
bottom: 0;
}
.inner-honor li {
width: 25%;
}
}
@media (max-width: 991px) {
.inner-zs {
padding: 30px 15px;
}
.inner-zs-swiper {
margin-top: 20px;
}
.inner-zs-top .pic img {
width: 100%;
}
.inner-zs-top .txt .t-1 {
margin-bottom: 11px;
font-size: 30px;
}
.inner-zs-top .txt .t-2 {
margin-bottom: 11px;
}
.inner-zs-top .txt .t-3 {
margin-bottom: 16px;
line-height: 25px;
font-size: 16px;
font-weight: bold;
}
.inner-zs-top .txt .t-4 {
font-size: 14px;
line-height: 25px;
}
.inner-zs-top .pic {
float: right;
margin-top: 127px;
}
}
@media (max-width: 768px) {
.inner-zs li {
width: 50%;
}
}
@media (max-width: 640px) {
.inner-zs li {
width: 50%;
}
}
.inner-zs .hd {
margin-top: 54px;
height: 33px;
width: 277px;
margin: 0 auto;
}
.inner-zs .pnext {
width: 277px;
height: 33px;
z-index: 555;
display: inline-block;
margin: 0 auto;
}
.inner-zs .pnext .pbtn {
width: 50%;
height: 33px;
background: #fff;
}
.inner-zs .pnext .next, .inner-zs .pnext .prev {
cursor: pointer;
}
.inner-zs .pnext .prev {
width: 33px;
height: 33px;
float: left;
background: url(../images/icl_on.png) no-repeat;
}
.inner-zs .pnext .next {
width: 33px;
height: 33px;
float: right;
background: url(../images/icr_on.png) no-repeat;
}
@media (max-width: 639px) {
.inner-zs .pnext {
margin: 0 auto;
}
.inner-zs .hd {
margin-bottom: 20px;
}
}
/*合作伙伴*/
.inner-hz {
width: 100%;
overflow: hidden;
padding: 152px 0 139px 0;
background: url("../images/inner-hz-bg.jpg") no-repeat center;
}
.inner-hz .img {
overflow: hidden;
}
.inner-hz .img img {
width: 100%;
}
.inner-hz .txt {
margin-top: 130px;
padding: 0 33px;
}
.inner-hz .t-1 {
margin-bottom: 11px;
font-size: 40px;
color: #1b1b1c;
}
.inner-hz .t-2 {
color: #8c8d8e;
}
.inner-hz .t-3 {
margin-top: 40px;
line-height: 29px;
font-size: 16px;
color: #6c6c6c;
}
@media (max-width: 991px) {
.inner-hz {
padding: 0 0 30px 0;
}
.inner-hz .img {
margin-top: 50px;
}
.inner-hz .t-1 {
font-size: 30px;
}
.inner-hz .txt {
margin-top: 50px;
padding: 0 10px;
}
}
/*视频中心*/
.inner-video {
padding: 97px 0;
}
.inner-video .video-con {
padding: 55px 0;
}
.inner-video .video-con .info {
margin-bottom: 50px;
}
.inner-video .video-con .info .img {
overflow: hidden;
}
.inner-video .video-con .info .img img {
width: 100%;
}
.inner-video .video-con .info .txt {
background: #d82828;
text-align: center;
line-height: 68px;
font-size: 24px;
}
.inner-video .video-con .info .txt a {
color: #fff;
}
.inner-video .video-con .info:hover .txt a {
display: block;
background: #cb252b;
}
@media (max-width: 991px) {
.inner-video {
padding: 50px 0;
}
.inner-video .video-con {
padding: 30px 0;
}
.inner-video .video-con .info {
margin-bottom: 30px;
}
.inner-video .video-con .info .txt {
line-height: 50px;
font-size: 18px;
}
}
/*行业领域*/
.inner-field {
width: 100%;
overflow: hidden;
padding: 80px 0;
}
.inner-field .tit {
width: 100%;
font-size: 40px;
margin-bottom: 35px;
color: #1b1b1c;
}
.inner-field .txt {
font-size: 16px;
line-height: 26px;
}
.inner-field .img {
overflow: hidden;
}
.inner-field .img img {
float: right;
}
@media (max-width: 991px) {
.inner-field {
padding: 30px 0;
}
.inner-field .tit {
font-size: 30px;
margin-bottom: 25px;
}
.inner-field .txt {
font-size: 14px;
}
.inner-field .img img {
float: none;
width: 100%;
}
}
.other-pro {
width: 100%;
overflow: hidden;
padding: 90px 0;
background: #efefef;
}
.other-pro .other-pro-con {
margin-top: 55px;
}
.other-pro .other-pro-con .con {
margin-bottom: 20px;
}
.other-pro .other-pro-con .con .img {
overflow: hidden;
}
.other-pro .other-pro-con .con .txt {
padding: 20px 25px;
background: #fff;
width: 100%;
text-align: center;
}
.other-pro .other-pro-con .con .txt span {
display: block;
margin-bottom: 12px;
font-size: 22px;
}
.other-pro .other-pro-con .con .txt span a {
color: #111;
}
.other-pro .other-pro-con .con .txt em {
display: block;
line-height: 24px;
height: 73px;
}
.other-pro .other-pro-con .con:hover .txt {
display: block;
background: #d82828;
}
.other-pro .other-pro-con .con:hover .txt span a, .other-pro .other-pro-con .con:hover .txt em {
color: #fff;
}
@media (max-width: 991px) {
.other-pro {
padding: 40px 0;
background: #efefef;
}
.other-pro .other-pro-con {
margin-top: 35px;
}
.other-pro .other-pro-con .con .txt span {
font-size: 14px;
line-height: 20px;
}
.other-pro .other-pro-con .con .txt em {
display: none;
}
.other-pro .other-pro-con .col-sm-6 {
width: 50%;
}
.other-pro .other-pro-con .con .img img {
width: 100%;
}
}
.index-pic {
margin-top: 30px;
margin: 0 auto;
text-align: center;
}
.index-pic img {
border: 1px solid #d6d6d6;
max-width: 100%;
}
.inner-pro {
width: 100%;
overflow: hidden;
padding: 10px 0;
background: #fff;
}
.inner-pro .inner-pro-con {
margin-top: 40px;
}
.inner-pro .inner-pro-con .prolist {
background: #fff;
}
.inner-pro .inner-pro-con .txt {
line-height: 30px;
}
.inner-pro .inner-pro-con .txt p, .inner-pro .inner-pro-con .txt center {
margin: 10px 0;
font-size: 15px;
}
.inner-pro .inner-pro-con .txt strong {
font-size: 16px;
}
.inner-pro .inner-pro-con .txt p a {
color: #0056b3;
}
.inner-pro .inner-pro-con .con {
margin-bottom: 50px;
margin-right: 10px;
border: #ccc solid 1px;
}
.inner-pro .inner-pro-con .con .img {
overflow: hidden;
}
.inner-pro .inner-pro-con .con .img img {
width: 100%;
}
.inner-pro .inner-pro-con .con .txt {
padding: 10px;
background: #fff;
width: 100%;
text-align: center;
}
.inner-pro .inner-pro-con .con .txt span {
display: block;
line-height: 30px;
height: 30px;
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
overflow: hidden;
}
.inner-pro .inner-pro-con .con .txt span a {
color: #111;
}
.inner-pro .inner-pro-con .con .txt em {
display: block;
line-height: 20px;
height: 60px;
overflow: hidden;
color: #888;
}
.inner-pro .inner-pro-con .con:hover .txt {
display: block;
background: #d82828;
}
.inner-pro .inner-pro-con .con:hover .txt span, .inner-pro .inner-pro-con .con:hover .txt em, .inner-pro .inner-pro-con .con:hover .txt span a {
color: #fff;
}
@media (max-width: 991px) {
.inner-pro {
padding: 40px 0;
background: #fff;
}
.inner-pro .inner-pro-con {
margin-top: 35px;
}
.inner-pro .inner-pro-con .con {
margin-bottom: 20px;
}
/*.inner-pro .inner-pro-con .txt img{ width:100%;}*/
.inner-pro .inner-pro-con .con .txt span {
font-size: 14px;
line-height: 25px;
}
/*.inner-pro .inner-pro-con .con .txt em {display: none;}*/
.inner-pro .inner-pro-con .col-sm-6 {
width: 50%;
}
.inner-pro .inner-pro-con .con .img img {
width: 100%;
}
}
/*Contact Page Style*/
.contact-lx {
width: 100%;
padding-bottom: 50px;
overflow: hidden;
background: #f4f6f8;
}
.contact-lx i {
margin-right: 15px;
color: #d82828;
}
.contact-info-item {
border: 1px solid #e1e1e1;
text-align: center;
padding: 60px 20px;
margin-top: 30px;
line-height: 20px;
}
.contact-info-item .con-info-icon {
border: 1px solid #d82828;
border-radius: 100px;
color: #d82828;
font-size: 35px;
margin: 0 auto 20px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
line-height: 60px;
height: 60px;
width: 60px;
}
.contact-info-item .con-info-txt h4 {
font-size: 18px;
margin-top: -2px;
}
.contact-info-item:hover .con-info-icon {
background-color: #d82828;
color: #FFFFFF;
}
.contact-form-content span {
font-size: 20px;
text-transform: uppercase;
margin-top: -3px;
}
.con-info-txt p {
font-size: 16px;
}
.input-item {
margin-top: 30px;
}
.input-item input, .input-item textarea {
border: 1px solid #e1e1e1;
display: block;
padding: 12px 15px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
width: 100%;
}
.input-item input:focus, .input-item textarea:focus {
border-color: #eeb644;
}
.input-item .nice-select {
border-color: #e1e1e1;
height: 50px;
padding-left: 15px;
line-height: 50px;
}
.input-item .nice-select .list {
max-height: 200px;
overflow: auto;
}
.input-item .btn-brand {
font-size: 14px;
border-radius: 2px;
margin-top: 10px;
letter-spacing: 1.6px;
}
.contact-form-content {
margin-top: 80px;
width: 100%;
}
.contact-form-content .contact-form-wrap {
width: 100%;
}
.contact-form-content .contact-form-wrap .contact-form-inner {
width: 100%;
}
.contact-map {
height: 500px;
}
.contact-map img {
width: 100%;
}
@media only screen and (max-width: 767.98px) {
.contact-map {
height: 300px;
}
}
.btn-brand {
background-color: #d82828;
border-color: #d82828;
border-radius: 25px;
color: #fff;
}
.btn-brand:hover {
background-color: #d8d8d8;
border-color: #d8d8d8;
}
/*NEWS*/
.inner-news {
padding: 10px 0;
}
.news-box {
margin-bottom: 50px;
background: #e9e9e9;
width: 100%;
overflow: hidden;
margin-top: 55px;
}
.news-box .t-1 {
height: 27px;
line-height: 27px;
}
.news-box .t-1 .time {
float: left;
margin-right: 13px;
padding: 0 70px 0 30px;
}
.news-box .tit {
height: 40px;
font-size: 28px;
font-weight: bold;
margin-top: 50px;
padding: 0 70px 0 30px;
}
.news-box .tit a {
color: #111;
text-decoration: underline;
}
.news-box .txt {
line-height: 28px;
padding: 0 70px 0 30px;
}
.news-img {
width: 100%;
height: auto;
}
.news-list {
}
.news-list .con {
background: #e9e9e9;
overflow: hidden;
display: block;
margin-bottom: 30px;
padding: 20px;
height: 170px;
}
.news-list .con:hover {
background: #d82828;
color: #fff;
}
.news-list .con:hover .pic {
border-right: 1px solid #fff;
}
.news-list .con:hover .txt .tit a {
color: #fff;
}
.news-list .con .pic {
padding-right: 20px;
border-right: 1px solid #cfcfcf;
width: 35%;
text-align: center;
float: left;
display: block;
}
.news-list .con .pic img {
width: 100%;
max-height: 130px;
}
.news-list .con .txt {
width: 62%;
float: right;
}
.news-list .con .txt .tit {
font-size: 16px;
display: block;
font-weight: bold;
line-height: 30px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-list .con .txt span {
display: block;
margin-top: 5px;
}
.news-list .con .txt span a {
color: #111;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.news-list .con .txt em {
line-height: 20px;
height: 60px;
margin-top: 8px;
overflow: hidden;
display: block;
}
.news-info {
width: 100%;
overflow: hidden;
background: #fff;
padding: 50px 30px;
}
.news-info h1 {
font-size: 24px;
line-height: 40px;
text-align: center;
}
.news-info .rightwrap {
width: 100%;
}
.news-info em {
/* display: block; */
/* font-weight: normal; */
/* margin-bottom: 14px; */
/* color: #505050; */
/* font-size: 18px; */
/* line-height: 30px; */
}
.news-info .entry-meta {
padding: 10px 0;
color: #666;
line-height: 20px;
font-size: 14px;
text-align: center;
}
.news-info .contwrap {
font-size: 15px;
padding-top: 20px;
padding-bottom: 40px;
line-height: 30px;
}
.news-info .contwrap p a {
color: #0056b3;
}
.news-info .contwrap img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.news-info .rightwrap h2 {
display: block;
font-weight: bold;
padding: 12px 14px;
line-height: 23px;
margin-bottom: 10px;
background: #d82828;
font-size: 16px;
color: #fff;
}
.news-info .rightwrap ul {
width: 100%;
}
.news-info .rightwrap li {
width: 100%;
padding-bottom: 14px;
padding-top: 7px;
border-bottom: 1px solid #dadada;
}
.news-info .rightwrap li img {
float: left;
width: 105px;
height: 70px;
margin-right: 10px;
}
.news-info .rightwrap li span {
display: block;
line-height: 20px;
height: 40px;
overflow: hidden;
margin-bottom: 5px;
}
.news-info .rightwrap li em {
display: block;
line-height: 20px;
color: #666;
}
.news-info .rightwrap li:last-child {
border-bottom: none;
}
.news-info .rightwrap li a {
color: #444;
font-size: 14px;
}
.news-info .rightwrap li a:hover {
color: #d82828;
}
.news-info .rightwrap li .post-date {
display: block;
line-height: 21px;
font-size: 13px;
color: #555;
margin-top: 1px;
}
.news-info .paging {
width: 100%;
overflow: hidden;
padding: 50px 0;
width: 100%;
}
.news-info .paging .fl {
font-size: 15px;
line-height: 30px;
}
.news-info i {
margin-right: 5px;
}
.news-info .paging a {
color: #555;
}
.news-info .paging a:hover {
color: #d82828;
}
.news-info .paging .return {
border: 1px solid #ddd;
display: block;
height: 34px;
line-height: 34px;
margin-top: 10px;
text-align: center;
width: 100px;
font-size: 14px;
}
.news-info .paging .return:hover {
border: 1px solid #d82828;
background-color: #d82828;
color: #fff;
}
/*JOB*/
.joblist {
clear: both;
}
.job-txt {
font-size: 16px;
color: #2a3b96;
line-height: 35px;
}
.job-txt a {
color: #2a3b96;
}
.job-tit {
width: 100%;
background: #2a3b96;
height: 50px;
display: block;
}
.job-tit li {
float: left;
line-height: 50px;
color: #fff;
font-size: 16px;
text-align: center;
}
.job-tit .tit-1 {
width: 270px;
}
.job-tit .tit-2 {
width: 200px;
}
.job-tit .tit-3 {
width: 220px;
}
.job-tit .tit-4 {
width: 180px;
}
.jonav li {
width: 25%;
}
.jot {
background: #fff;
}
.jot:hover {
background: #e9ebf4;
}
.joa {
background: #e9ebf4;
}
.jotxs:hover .jot {
background: #e9ebf4;
}
.jot span {
display: block;
width: 14%;
float: left;
line-height: 47px;
height: 47px;
overflow: hidden;
font-size: 16px;
}
.jot span:first-child {
padding-left: 4%;
width: 26%;
}
.jod > span {
color: #989898;
cursor: pointer;
transition: 300ms;
-webkit-transition: 300ms;
}
.jotxs {
position: relative;
border-bottom: 1px solid #ccc;
overflow: hidden;
}
.jos {
display: none;
padding-right: 1px;
}
.jos .bodr {
border: 1px solid #eee;
background: #fff;
overflow: hidden;
padding: 30px 5% 30px 5%;
border-top: 0;
line-height: 30px;
}
.jos .bodr span {
display: block;
border-top: 1px solid #eee;
padding-top: 20px;
margin-top: 20px;
}
.jotxs .line {
background: #000;
display: block;
position: absolute;
}
.jotxs .line_1 {
width: 21px;
height: 1px;
top: 23px;
left: 15px;
}
.jotxs .line_2 {
width: 1px;
height: 21px;
top: 13px;
left: 25px;
}
.jotxs .arrow {
width: 55px;
height: 47px;
position: absolute;
top: 0;
right: 0;
transition: 300ms;
-webkit-transition: 300ms;
}
.jotxs:hover .jod > span, .jotxs.act .jod > span {
color: #333;
}
.jotxs.act .arrow {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.jo2 {
}
.jos a {
color: #666
}
select.selbox {
width: 100%;
height: 48px;
line-height: 48px;
padding: 0px;
outline: none;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "microsoft yahei";
cursor: pointer;
display: block;
font-size: 14px;
padding-left: 14px;
border: 1px solid #ddd;
color: #666
}
.no-csstransitions select.selbox {
padding-left: 0;
background-image: none;
}
select.selbox option {
padding: 2px 12px;
}
select.selbox:hover {
color: #323232;
}
.jobview {
width: 100%;
margin-top: 30px;
margin-bottom: 50px;
}
.jobview .list {
margin-top: 30px;
}
.jobview .list dd {
width: 48.5%;
display: block;
margin-bottom: 20px;
margin-right: 3%;
float: left
}
.jobview .list dt {
width: 100%;
display: block;
}
.jobview .list dd:nth-child(2n+2) {
margin-right: 0
}
.jobview .list .txt {
background-color: #fff;
border: 0px none;
padding: 10px 12px;
box-sizing: border-box;
width: 100%;
font: 14px/1.8 "microsoft yahei";
border: 1px solid #ddd;
color: #999
}
.jobview .list .txt2 {
height: 200px;
margin-bottom: 0px;
}
.jobview .list .btn {
text-align: center;
margin: 20px auto;
}
.jobview .list .fromBtn {
display: inline-block;
width: 100%;
max-width: 150px;
margin: 0px auto;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
color: #fff;
background-color: #0769b2;
border: 0px;
border-radius: 5px;
margin-right: 20px;
cursor: pointer
}
.jobview .list .fromBtn:hover {
background-color: #045b9c;
}
.search_info {
width: 100%;
height: 58px;
overflow: hidden;
background: #f6f6f6;
border-radius: 30px;
margin-top: 26px;
}
.search_info_txt {
display: inline;
float: left;
width: 80%;
height: 58px;
}
.search_info_txt_css {
background-color: transparent;
border-color: -moz-use-text-color;
border-style: none;
border-width: 0;
color: #a2a2a2;
float: left;
width: 100%;
height: 58px;
line-height: 58px;
overflow: hidden;
text-indent: 40px;
}
.search_info_btn {
float: left;
width: 20%;
height: 54px;
position: relative;
}
.search_info_btn_css {
background-color: transparent;
border-color: -moz-use-text-color;
border-style: none;
border-width: 0;
float: left;
width: 100%;
height: 54px;
overflow: hidden;
cursor: pointer;
position: relative;
z-index: 9999;
}
.search_info_btn i {
position: absolute;
top: 20px;
left: 20px;
font-size: 18px;
}
.list-pro-r {
}
.pro-pic {
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.pro-pic img {
width: 100%;
height: auto;
}
.list-pro-r .con {
display: block;
padding: 0;
margin-bottom: 20px;
overflow: hidden;
background: #fff;
}
.list-pro-r .con img {
display: block;
width: 100%;
}
.list-pro-r .con:hover {
background: #fff;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.list-pro-r .con:hover .txt em a {
color: #cc0202;
}
.list-pro-r .con .txt {
padding: 12px 0 30px 0;
text-align: center;
}
.list-pro-r .con .txt span {
display: block;
color: #000;
font-size: 16px;
font-weight: bold;
margin-bottom: 16px;
}
.list-pro-r .con .txt em {
display: block;
color: #666;
font-weight: bold;
}
.list-pro-r .con .txt em a {
color: #666;
}
.list-pro-r .con .txt span a {
color: #000;
}
.ht-mfp {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.ht-mfp.mfp-bg {
background: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.ht-mfp .mfp-content {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) {
.ht-mfp .mfp-content {
max-width: 70%;
}
}
.ht-mfp .mfp-content .mfp-close {
display: none;
}
.ht-mfp .mfp-close {
background-color: #db0303;
color: #FFFFFF;
padding: 0;
text-align: center;
opacity: 0;
top: 50px;
right: 50px;
height: 50px;
width: 50px;
line-height: 50px;
}
@media only screen and (max-width: 767.98px) {
.ht-mfp .mfp-close {
top: 30px;
right: 30px;
height: 40px;
width: 40px;
line-height: 40px;
}
}
.ht-mfp .mfp-close:hover {
background-color: #db0303;
}
.ht-mfp .mfp-arrow {
background-color: #db0303;
opacity: 1;
margin-left: 15px;
height: 55px;
width: 55px;
}
.ht-mfp .mfp-arrow:before {
display: none;
}
.ht-mfp .mfp-arrow:after {
content: '\f104';
color: #FFFFFF;
font-family: "FontAwesome";
font-size: 25px;
line-height: 40px;
text-align: center;
margin: 0;
padding: 0;
border: 0;
position: absolute;
width: 100%;
height: 100%;
}
.ht-mfp .mfp-arrow-right {
margin-left: auto;
margin-right: 15px;
}
.ht-mfp .mfp-arrow-right:after {
content: '\f105';
}
.ht-mfp .mfp-arrow:hover {
background-color: #000;
}
.ht-mfp.zoom-animate.mfp-bg {
opacity: 0;
}
.ht-mfp.zoom-animate .mfp-content {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.ht-mfp.zoom-animate.mfp-ready.mfp-bg {
opacity: 0.9;
}
.ht-mfp.zoom-animate.mfp-ready .mfp-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-content {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing.mfp-bg {
opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-close {
opacity: 0;
}
@media only screen and (max-width: 767.98px) {
.product-thumb-area {
margin-bottom: 30px;
}
}
.product-thumb-area .pro-thumb-item img {
margin: auto;
max-width: 100%;
}
.product-thumb-area .product-details-thumbnail {
border: 1px solid #e1e1e1;
text-align: center;
position: relative;
}
.product-thumb-area .product-details-thumbnail .btn-large-view {
background-color: rgba(255, 255, 255, 0.9);
bottom: 20px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
color: #1b1b1c;
display: block;
font-weight: 700;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
line-height: 22px;
padding: 10px 0;
position: absolute;
text-align: center;
width: 136px;
}
.product-thumb-area .product-details-thumbnail .btn-large-view i {
margin-left: 3px;
vertical-align: middle;
}
.product-thumb-area .product-details-thumbnail-nav {
margin-top: 10px;
}
.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {
border: 1px solid #e1e1e1;
text-align: center;
cursor: pointer;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list {
margin: 0 -5px;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {
margin: 0 5px;
}
@media only screen and (min-width: 1200px) {
.prod-details-info-content {
padding-left: 20px;
}
}
.prod-details-info-content span {
display: block;
font-size: 30px;
color: #070104;
margin-bottom: 18px;
}
.prod-details-info-content p {
line-height: 29px;
}
@media only screen and (max-width: 767.98px) {
.prod-details-info-content span {
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
}
}
.prod-details-info-content .price {
font-size: 18px;
margin-top: 10px;
margin-bottom: 33px;
}
@media only screen and (max-width: 767.98px) {
.prod-details-info-content .price {
font-size: 20px;
margin-bottom: 20px;
}
}
.prod-details-info-content .price-amount {
font-size: 18px;
font-weight: 500;
vertical-align: middle;
}
.product-config {
margin: 40px 0;
}
.product-config .table {
margin-bottom: 0;
}
.product-config .table-bordered td, .product-config .table-bordered th {
border-color: #e1e1e1;
}
.product-config .table th {
font-size: 18px;
font-weight: 500;
}
.product-config .table .config-option a {
color: #1b1b1c;
font-size: 16px;
font-weight: 500;
margin-right: 10px;
}
.product-config .table .config-option a:last-child {
margin-right: 0;
}
.product-config .table .config-option a:hover {
color: #db0303;
}
.product-meta {
margin-top: 40px;
}
.product-meta span:not(.sku) {
display: block;
font-size: 16px;
margin-bottom: 15px;
}
.product-meta span:not(.sku):last-child {
margin-bottom: 0;
}
.product-meta a {
color: #1b1b1c;
margin-right: 5px;
font-size: 15px;
vertical-align: middle;
}
.product-meta a:last-child {
margin-right: 0;
}
.product-meta a:hover {
color: #db0303;
}
.pro-qty {
border: 1px solid #e1e1e1;
display: inline-block;
position: relative;
width: 150px;
}
@media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.pro-qty {
width: 120px;
}
}
.pro-qty input {
font-weight: 600;
border: none;
text-align: center;
padding: 12px 45px;
outline: none;
width: 100%;
}
.pro-qty a {
color: #000000;
font-size: 22px;
font-weight: 600;
text-align: center;
position: absolute;
top: 0;
line-height: 50px;
height: 100%;
width: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.pro-qty a {
width: 35px;
line-height: 54px;
}
}
@media only screen and (max-width: 767.98px) {
.pro-qty a {
width: 35px;
line-height: 48px;
}
}
.pro-qty a:hover {
background-color: #db0303;
border-color: #db0303;
color: #FFFFFF;
}
.pro-qty a.inc {
right: 0;
border-left: 1px solid #e1e1e1;
}
.pro-qty a.dec {
left: 0;
border-right: 1px solid #e1e1e1;
}
.product-description-review {
margin-top: 50px;
}
@media only screen and (max-width: 767.98px) {
.product-description-review {
margin-top: 60px;
}
}
.product-description-review .desc-review-tab-menu {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.product-description-review .desc-review-tab-menu li {
width: 100%;
}
.product-description-review .desc-review-tab-menu li a {
background-color: #1b1b1c;
border-right: 2px solid #ddd;
color: #FFFFFF;
display: block;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
line-height: 1;
padding: 20px 0;
}
.product-description-review .desc-review-tab-menu li a:last-child {
border: none;
}
.product-description-review .desc-review-tab-menu li a.active {
background-color: #db0303;
}
@media only screen and (max-width: 767.98px) {
.product-description-review .desc-review-tab-menu li a {
font-size: 15px;
font-weight: 500;
padding: 10px 0;
}
}
.product-description-review .tab-tit {
line-height: 40px;
background: #c7c7c7;
color: #fff;
font-size: 18px;
}
.product-description-review .tab-tit span {
width: 186px;
display: block;
text-align: center;
background: #d82828;
}
.product-description-review .tab-content {
padding: 20px 0;
line-height: 25px;
}
@media only screen and (max-width: 767.98px) {
.product-description-review .tab-content {
padding: 25px 15px;
}
}
.product-rating-wrap .average-rating {
margin-bottom: 30px;
}
.product-rating-wrap .average-rating h6 {
font-weight: 400;
font-size: 22px;
margin-bottom: 3px;
}
.product-rating-wrap .display-ratings .rating-item {
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.product-rating-wrap .display-ratings .rating-item:last-child {
margin-bottom: 0;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-pic {
max-width: 50px;
-webkit-flex-basis: 50px;
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
border-radius: 2px;
overflow: hidden;
margin-right: 10px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt {
border: 1px solid #e1e1e1;
border-radius: 2px;
padding: 15px;
-webkit-flex-basis: calc(100% - 60px);
-ms-flex-preferred-size: calc(100% - 60px);
flex-basis: calc(100% - 60px);
max-width: calc(100% - 60px);
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 {
font-size: 14px;
margin-top: 0;
font-family: "Poppins", sans-serif;
display: inline-block;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time {
vertical-align: middle;
margin-left: 5px;
font-size: 13px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star {
color: #db0303;
font-size: 14px;
margin-bottom: 5px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i {
margin-right: 5px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child {
margin-right: 0;
}
.product-rating-wrap .rating-form-wrapper {
margin-top: 60px;
}
.product-rating-wrap .rating-form-wrapper h3 {
font-size: 24px;
font-weight: 500;
margin-top: -5px;
margin-bottom: 20px;
}
.product-rating-wrap .rating-form-wrapper .rating-form h5 {
font-weight: 400;
font-size: 18px;
margin-bottom: 8px;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i {
color: #ccc;
margin-right: 10px;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child {
margin-right: 0;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover~i {
color: #ccc;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i {
cursor: pointer;
color: #db0303;
}
.product-rating-wrap .rating-form-wrapper .rating-form input, .product-rating-wrap .rating-form-wrapper .rating-form textarea {
background-color: #FFFFFF;
border: 1px solid #e1e1e1;
display: block;
padding: 12px 20px;
width: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.product-rating-wrap .rating-form-wrapper .rating-form input:focus, .product-rating-wrap .rating-form-wrapper .rating-form textarea:focus {
border-color: #db0303;
}
@media (max-width: 1024px) {
.homeAboutCont, .homeAboutCont-r {
margin: 2% 0 0 2%;
padding-bottom: 6px;
}
.homeInforCont {
margin: 2% 0 0 2%;
padding-bottom: 6px;
}
.homeInforCont h3 {
font-size: 18px;
line-height: 30px;
}
.homeInforCont p {
margin-bottom: 6px;
line-height: 22px;
}
.index-cybj-top .txt {
font-size: 12px;
}
}
@media screen and (max-width:991px) {
.logo {
padding-top: 0;
}
.logo img {
width: 64%;
margin-left: 10px;
}
.lang-mobile {
display: block;
position: absolute;
top: 28px;
right: 70px;
z-index: 999;
}
.lang-mobile img {
margin-left: 5px;
}
.other-side .lang {
display: none;
}
.carousel-inner > .item > img {
max-width: 180%!important;
}
.other-side {
display: none;
}
.list-pro-tit {
display: none;
}
.search_info {
margin-top: 0;
margin-bottom: 30px;
}
.hot-pro {
padding: 20px 0;
}
.hot-pro-cat {
padding: 0;
}
.hot-pro-cat span {
width: 30%;
margin-right: 12px;
margin-bottom: 10px;
line-height: 30px;
}
#myscroll ul li {
margin: 0;
}
.ban-pc {
display: none;
}
.ban-mobile {
display: block;
padding-top: 80px;
}
.ban-pro-mobile {
display: block;
}
.ban-pro-pc {
display: none;
}
.show_pro .col-12 {
padding: 0;
}
.index-tit h1 {
font-size: 22px;
}
.index-pro-con li {
margin-top: 20px;
}
.index-pro-con dd .txt {
padding: 5px;
}
.index-pro-con dd .txt span {
font-size: 15px;
margin-bottom: 0px;
}
.index-pro-con dd .txt em {
font-size: 12px;
display: none;
}
.index-ly-con {
padding: 0 5px;
}
.index-ly-con .col-sm-6 {
width: 50%;
}
.index-ly-con .col-sm-6 img {
width: 100%;
}
.index-ly-con .cover-box {
margin-bottom: 20px;
}
.index-news-menu {
padding: 30px 0;
}
.index-news-menu li {
width: 100px;
margin: 0 2px;
}
.index-news .row {
margin: 0 -10px;
}
.index-news-swiper dd .txt {
padding: 10px 0;
}
.index-news-swiper dd .txt span {
font-size: 14px;
line-height: 20px;
height: 40px;
}
.index-news-swiper dd .txt em {
font-size: 12px;
}
.index-news-swiper dd .txt p {
font-size: 12px;
line-height: 20px;
}
.index-pro {
padding: 30px 0;
}
.index-about {
padding: 30px 0;
}
.index-about .txt {
height: auto;
line-height: 29px;
padding: 10px 0 0 0;
text-align: center;
}
.numCount {
margin: 20px -10px;
}
.numCount li {
width: 50%;
margin-bottom: 20px;
text-align: center;
}
.numCount li .item .indt {
font-size: 14px;
}
.inner-ban {height: 200px;}
.inner-ban img {
display: block;
}
.about_ban, .Advantage_ban, .video_ban, .field_ban, .pro_ban, .news_ban {
background: url("../images/pro_ban2.jpg") no-repeat center;
}
.inner-about {
padding: 40px 0;
}
.inner-about .con {
margin-top: 0;
}
.inner-about .con img {
width: 100%;
}
.inner-qywh {
padding: 40px 0;
}
.inner-qywh .con {
margin-top: 30px;
}
.inner-qywh .con .qywh-box .txt {
padding: 30px 0;
}
.show_pro {
padding: 50px 0;
}
.webzi .tit-1 {
position: absolute;
top: 95px;
left: 0;
font-size: 24px;
}
.webzi .tit-3 {
position: absolute;
top: 125px;
left: 0;
font-size: 18px;
}
.webzi .down-ico {
position: absolute;
top: 150px;
left: 0;
}
.webzi .link {
position: absolute;
top: 150px;
left: 0;
}
.webzi .location {
position: absolute;
top: 220px;
left: 0;
font-size: 14px;
}
.pro-pic {
margin-top: 20px;
}
.index-cybj {
padding: 30px 0;
}
.index-news {
padding: 30px 0;
}
.index-news-main .con {
margin-bottom: 10px;
}
.index-news-main .con .tit {
margin-top: 16px;
margin-bottom: 10
}
.index-news-main .con .txt {
margin-bottom: 24px;
}
.index-news .tit h2 {
font-size: 24px;
}
.foot-con {
padding: 20px 0;
}
.foot-con .weixin {
width: 141px;
float: none;
}
.foot-fx {
width: 100%;
}
.foot-con dl {
display: none;
}
.foot-txt {
display: none;
}
.foot-copy {
font-size: 12px;
padding: 20px 10px;
line-height: 20px;
}
/*zltm*/
.zltm {
margin-bottom: 30px;
}
.zltm .pic img {
width: 100%;
}
.zltm .con {
padding: 20px 10px;
}
.zltm .tit_1 {
height: 36px;
font-size: 24px;
}
.zltm .tit-2 {
font-size: 18px;
color: #777;
margin-bottom: 22px;
}
.zltm .line {
margin-bottom: 23px;
}
/*dzcj*/
.dzcj .tit {
margin-bottom: 30px;
}
.dzcj .tit span {
font-size: 24px;
margin-bottom: 23px;
}
.dzcj .tit p {
font-size: 18px;
margin-bottom: 23px;
}
.hzal-lx .txt {
padding-top: 116px;
font-size: 24px;
color: #fff;
margin-bottom: 30px;
}
/*case*/
.nav-tabs li {
width: 100px;
margin-right: 10px;
}
.case-top .con {
padding: 28px 15px;
}
.case-top .tit_1 {
height: 53px;
font-size: 24px;
}
/*products*/
.pro-main .pic img {
width: 100%;
}
.pro-main .con {
padding: 20px;
}
.pro-main .tit_1 {
font-size: 20px;
margin-bottom: 15px;
}
.pro-main .tit_2 {
font-size: 16px;
margin-bottom: 15px;
}
/********内页菜单*********/
.m-ins-navbox {
width: 100%;
height: 38px;
background-color: #fff;
position: relative;
z-index: 11;
display: block;
}
.m-ins-navbox.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 11;
}
.m-ins-navbox .left {
width: 15%;
cursor: pointer;
float: left;
}
.m-ins-navbox .left .ico {
display: block;
width: 100%;
height: 38px;
background: url(../images/ico_35.png) no-repeat center #cc0000;
background-size: auto 50%;
}
.m-ins-navbox .ret-subbox {
position: absolute;
top: 38px;
width: 100%;
background-color: #cc0000;
left: 0;
z-index: 2;
display: none;
}
.m-ins-navbox .ret-subbox a {
display: block;
width: 100%;
padding-left: 5%;
height: 38px;
line-height: 38px;
color: #fff;
font-size: 14px;
background: url(../images/ico_38.png) no-repeat 92% center;
background-size: auto 35%;
}
.m-ins-navbox .right {
width: 85%;
position: relative;
float: right;
}
.m-ins-navbox .right .tit {
display: block;
width: 95%;
padding-left: 5%;
font-size: 14px;
color: #000;
line-height: 38px;
background: url(../images/ico_36.png) no-repeat 93% center;
background-size: auto 50%;
cursor: pointer;
}
.m-ins-navbox .right .subbox {
width: 100%;
position: absolute;
top: 38px;
background-color: #fff;
z-index: 2;
display: none;
left: 0;
}
.m-ins-navbox .right .subbox a {
display: block;
width: 95%;
padding-left: 5%;
line-height: 38px;
height: 38px;
border-top: 1px solid #e5e5e5;
background: url(../images/ico_37.png) no-repeat 92% center;
background-size: auto 35%;
}
.inner-menu {
display: none;
}
.core {
padding: 30px 0;
}
.core_tit .t-1 {
margin-bottom: 10px;
font-size: 20px;
}
.core_tit .t-2 {
margin-bottom: 5px;
font-size: 20px;
}
.core_con_fr .core-top {
padding: 14px 0;
overflow: hidden;
}
.core_con_fr .core-s {
font-size: 30px;
margin-right: 5px;
}
.core_con_fr .core-txt {
margin-top: 10px;
margin-left: 0;
line-height: 37px;
color: #333;
}
.core_con_fr .core-tit .core-tit-1 {
line-height: 20px;
margin-bottom: 5px;
font-size: 16px;
color: #333;
}
.core_con_fr .core-tit .core-tit-2 {
color: #666;
font-size: 12px;
}
.top-news img {
width: 100%;
}
.top-news .con {
padding: 30px 10px;
}
.top-news .con .tit {
margin-bottom: 27px;
font-size: 24px;
color: #333;
}
.news-img {
margin-left: 0;
}
.news-box .tit {
font-size: 16px;
}
.new-pro {
width: 100%;
height: auto;
margin-top: 0;
}
.new-pro-pic {
margin-top: 0;
}
.list-pro {
display: none;
}
.webzi {
width: 100%;
}
.webzi .t1 {
width: 140px;
line-height: 25px;
position: absolute;
top: 70px;
left: 0;
font-size: 18px;
}
.webzi .line {
position: absolute;
top: 130px;
left: 0;
}
.webzi .t2 {
display: none;
}
.webzi .location {
position: absolute;
top: 200px;
left: 0;
}
.inner-news {
padding: 40px 0;
}
.news-box .t-1 .time {
margin-right: 0;
padding: 0 10px;
}
.news-box .tit {
font-size: 16px;
font-weight: bold;
margin-top: 30px;
padding: 0 10px;
}
.news-box .txt {
line-height: 28px;
padding: 0 10px 30px 10px;
}
.news-info {
padding: 20px 10px;
}
.news-box {
margin: 20px 0;
}
.news-list .con {
padding: 12px;
margin-bottom: 15px;
height: auto;
}
.news-list .con .pic{
display: none;
}
.news-list .con .time {
margin-bottom: 18px;
}
.news-list .con .txt {
width: 100%;
float: none;
}
.news-list .con .txt span {
font-size: 16px;
margin-bottom: 15px;
}
.news-list .con .time {
display: none;
}
.down-info {
padding: 20px 10px;
}
.down-info li {
height: 40px;
}
.down-info li span {
line-height: 40px;
font-size: 12px;
}
.down-info li span i {
font-size: 16px;
margin-right: 10px;
}
.down-info li em {
display: none;
}
.down-info li o {
display: none;
}
.filters li {
padding: 10px 18px;
font-size: 14px;
}
.inner {
padding: 30px 0;
}
.product-item {
margin-bottom: 20px;
}
.product-item img {
width: 100%;
}
.contact-form-content {
padding: 20px;
}
.contact-fl, .contact-fr {
padding: 0;
margin-top: 30px;
}
.contact-form-content .tit span {
font-size: 24px;
}
input.contact_sub {
width: 180px!important;
height: 40px!important;
line-height: 40px;
}
input.gbk_5 {
width: 150px!important;
left: 0;
top: 300px;
}
.contact-fr .vdimgck {
left: 170px;
top: 302px;
}
.job-tit {
display: none;
}
}
.pages {
margin-bottom: 20px;
}
/*相关产品+资讯*/
.list_related {
padding-top: 10px;
clear: both;
margin-bottom: 10px;
}
.left_h {
background: url(../images/title_line.jpg) left bottom no-repeat;
font-size: 18px;
display: block;
padding-bottom: 10px;
}
.related_product {
clear: both;
font-size: 15px;
padding: 20px 0;
float: left;
width: 100%;
}
.related_product li img {
width: 100%;
border: 1px solid #ddd;
}
.related_product li span {
display: block;
max-height: 44px;
line-height: 22px;
margin: 5px 0;
text-align: center;
overflow: hidden;
}
.related_product li span a:hover {
color: #337ab7;
}
.related_news {
margin: 10px 0;
padding: 0 15px;
font-size: 15px;
float: left;
clear: both;
width: 100%;
}
.related_news li {
color: #898989;
background: url(../images/li.png) no-repeat left 15px;
line-height: 30px;
height: 35px;
overflow: hidden;
padding: 5px 0px;
padding-left: 14px;
border-bottom: 1px dashed #e3e2e2;
}
.related_news li a {
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.related_news li a:hover {
text-decoration: none;
color: #337ab7;
}
.related_news li span {
float: right;
margin-right: 10px;
}
.related_news_img {
margin: 15px 0;
float: left;
clear: both;
width: 100%;
}
.related_news_img li {
float: left;
overflow: hidden;
padding: 0 15px 0 0;
margin-bottom: 15px;
}
.related_news_img li img {
width: 33%;
float: left;
height: 144px;
margin-right: 2%;
border: #ccc solid 1px;
}
.related_news_img li .txt {
float: left;
width: 65%;
}
.related_news_img li span {
display: block;
font-size: 15px;
line-height: 25px;
max-height: 25px;
font-weight: bold;
overflow: hidden;
}
.related_news_img li span a:hover {
text-decoration: none;
color: #337ab7;
}
.related_news_img li p {
line-height: 20px;
max-height: 80px;
margin-top: 5px;
overflow: hidden;
color: #999;
}
@media screen and (max-width: 991px) {
.location, .foot-link {
display: none;
}
.related_news_img li img {
height: 70px;
}
.related_news_img li .txt {
}
.related_news_img li span {
max-height: 50px;
font-weight: normal;
}
.related_news_img li p {
display: none;
}
}
@media screen and (max-width:480px) {
.txt table, .txt video, .txt img {
width: 100%;
}
.index-ly-con .cover-tip .stit {
font-size: 15px;
}
}
@media(max-width:1400px) and (min-width:1200px) {
.container {
width: 100%;
max-width: 100%;
}
}
.pic .col-6 img {
width: 100%;
}
@media(max-width:990px) {
.pic .col-6 {
padding-left: 5px;
padding-right: 5px;
}
.media {
display: block;
}
.media img {
margin-bottom: 10px;
margin-right: 0;
}
.col-md-6 {
padding-right: 0 !important;
}
}