html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0;}
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, strike, strong, ul{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
body{
font-family: "Arial", "Roboto", "Microsoft YaHei", "Helvetica Neue", "Helvetica", sans-serif;
font-size:16px;
text-align:center;
margin:0 auto;
line-height:24px;
}
*{-moz-box-sizing: border-box;/*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
img{border:0; vertical-align:middle;}
ul,li{list-style:none;}
input{font-size: 12px;line-height:35px;height:35px;padding-left:5px;outline:none;}
textarea{outline:none;}
button{font-size:14px;border:0px;}
input[type=button]::-moz-focus-inner{padding: 0;border: 0 none; -moz-box-sizing: content-box;}
input[type=button]::-webkit-focus-inner{ padding: 0; border: 0 none; -webkit-box-sizing: content-box;}
input[type=text]::-moz-focus-inner{padding: 0; border: 0 none; -moz-box-sizing: content-box;}
input[type=text]::-webkit-focus-inner{padding: 0; border: 0 none; -webkit-box-sizing: content-box;}
h1{font-weight:normal;font-size:24px;}
h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{display:inline-block;color: #000000;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover,a:active{color:#000; text-decoration:none;transition:all 0.5s}
.fl{float:left;}
.fr{float:right;}
.clearfix:before,
.clearfix:after{content:".";height:0;display:block;line-height:0;visibility:hidden; clear:both;}
.containter{width: 1200px;margin:0 auto;}
.none{display:none;}
.clear{clear:both;}
.pr{position:relative;}
.pa{position:absolute;}
i{font-style:normal;}
input::-webkit-input-placeholder{
/*color: red;*/
font-family: "Arial", "Roboto", "Microsoft YaHei", "Helvetica Neue", "Helvetica", sans-serif;
}
textarea::-webkit-input-placeholder{
/*color: red;*/
font-family: "Arial", "Roboto", "Microsoft YaHei", "Helvetica Neue", "Helvetica", sans-serif;
line-height: 15px;
}
.twoLine {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
}
.oneLine {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
}
.threeLine {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
}
.fourLine{
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
}
.hover{
background-color: #da251c;
color: #fff!important;
border: 1px solid #da251c!important;
}
.hovers{
background-color: #da251c;
color: #fff!important;
border: 1px solid #dad63e!important;
}
#tabid{
display: none;
}
.h5{
height: 5px!important;
}
.h10{
height: 10px!important;
}
.h15{
height: 15px!important;
}
.h20{
height: 20px!important;
}
.h25{
height: 25px!important;
}
.h30{
height: 30px!important;
}
.h50{
height: 50px!important;
}
.red{
color: #da251c;
font-weight: bold;
}
.content{
width: 1200px;
margin: 0 auto;
}
/*顶部css*/
.top_le{
float: left;
}
.con_ri{
float: right;
}
.top{
min-width:100%;
height: 40px;
background-color: #333333;
line-height: 38px;
}
.top a{
display: inline-block;
color: #aaa;
font-size: 14px;
margin-right: 16px;
line-height: 36px;
}
/*.top a .top_con{*/
/* color: #fff;*/
/*}*/
.top a:hover{
color: #fff;
}
.top_tel{
background: url('../images/top003.png') no-repeat left;
padding-left: 26px;
background-size: 9.5%;
}
.top_tel:hover{
background: url('../images/top003.png') no-repeat left;
background-size: 9.5%;
}
.top_email{
background: url("../images/top002.png") no-repeat left;
padding-left: 35px;
background-size: 7.5%;
margin-right: 0;
}
.top_email:hover{
background: url("../images/top002.png") no-repeat left;
background-size: 7.5%;
}
/*---------------------------*/
.top_glab{
background: url("../images/top004.png") no-repeat left;
background-size: 23.5%;
padding-left: 26px;
}
.top_youtb{
background: url("../images/top001.png") no-repeat left;
background-size: 14.5%;
padding-left: 26px;
}
/*导航栏css*/
.header {
height: 100px;
width: 100%;
background-color: rgb(255, 255, 255);
box-shadow: rgba(34, 34, 34, 0.1) 0px 3px 8px 0px;
border-bottom: 1px solid rgb(234, 234, 234);
}
.header .logo {
float: left;
display: block;
width: 300px;
height: 99px;
background: url(../images/logo.png) center no-repeat;
}
.logo .img-box {
width: 210px;
height: 99px;
float: left;
}
.logo .img-box a{
display: inline-block;
width: 100%;
height: 100%;
}
.header .logo img {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
margin: auto;
}
.logo p {
float: left;
line-height: 99px;
font-size: 18px;
color: rgb(85, 85, 85);
padding-left: 24px;
}
.nav {
float: right;
}
.nav .sub1 {
float: left;
padding: 0px 9px!important;
}
.nav .sub1-name {
line-height: 99px;
color: rgb(34, 34, 34);
font-size: 16px;
position: relative;
padding: 0px 7px;
}
.nav .sub1-name:hover {
color: #ff4037;
background-color: rgb(255, 255, 255);
}
.navXian {
width: 0px;
height: 2px;
position: absolute;
left: 0px;
right: 0px;
top: 70px;
background: #ff4037;
margin: auto;
transition: all 0.3s ease 0s;
}
.nav .sub1-name:hover .navXian {
width: 50px;
}
.nav .sub2-menu {
/* display: none; */
width: 100%;
top: 130px;
position: absolute;
left: 0;
z-index: 8;
height: 250px;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.33);
border-top: 1px solid #eaeaea;
}
.header-about {
background: url(../images/header-about.jpg) no-repeat center;
}
.header-pro {
background: url(../images/header-pro.jpg) no-repeat center;
}
.header-service {
background: url(../images/header-service.jpg) no-repeat center;
}
.header-news {
background: url(../images/header-news.jpg) no-repeat center;
}
.header-case {
background: url(../images/header-case.jpg) no-repeat center;
}
.header .header-brand {
width: 270px;
padding-top: 48px;
float: left;
}
.header .header-brand h3 {
font-size: 30px;
color: #292c38;
}
.header .header-brand .btn-45 {
background-color: #fff;
width: 238px;
margin-top: 19px;
}
.btn-orange {
color: #ff4037 !important;
transition: .3s;
border: 1px solid #ff4037;
text-align: center;
}
.btn-45 {
height: 43px;
line-height: 43px;
font-size: 18px;
}
.header-ul {
width: 850px;
float: left;
padding-top: 60px;
margin-left: 15px;
}
.header-ul li {
float: left;
padding-left: 20px;
}
.navMoreFa{
padding-left: 25px!important;
display: flex;
justify-content: flex-start;
}
.navMoreFa a{
display: block;
}
.navMoreFa a:nth-child(1){
width: 197px;
}
.navMoreFa a:nth-child(2){
width: 159px;
}
.navMoreFa a:nth-child(3){
width: 180px;
}
.navMore{
font-size: 14px;
text-align: left;
display: block;
width: 850px;
height: 20px;
line-height: 20px;
padding-left: 15px;
color: #292c38!important;
background: url(../images/header-dd-normal.png) no-repeat left center;
}
.navMore span{
font-size: 13px;
}
.header-pr{
padding-top: 45px!important;
}
.sub2-menu dl {
float: left;
width: 896px;
padding-top: 46px;
}
.sub2-menu dl dd {
width: 220px;
float: left;
height: 40px;
line-height: 40px;
padding-left: 30px;
text-align: left;
}
.sub2-menu .img-box {
display: block;
width: 150px;
height: 98px;
border: 1px solid #f7f7f7;
transition: .3s;
}
.img-box {
display: block;
position: relative;
z-index: 1;
overflow: hidden;
}
.header-ul .im1 .img-box {
background: url(../images/indexPro1.png) no-repeat center ;
background-size: contain;
}
.header-ul .im2 .img-box {
background: url(../images/indexPro2.png) no-repeat center;
background-size: contain;
}
.header-ul .im3 .img-box {
background: url(../images/indexPro3.png) no-repeat center;
background-size: contain;
}
.header-ul .im4 .img-box {
background: url(../images/indexPro4.png) no-repeat center;
background-size: contain;
}
.header-ul .im5 .img-box {
background: url(../images/indexPro5.png) no-repeat center;
background-size: contain;
}
.header-ul .pro-class {
line-height: 42px;
}
.sub2-menu dl a, .header-ul .pro-class {
font-size: 14px;
color: #292c38;
padding-left: 15px;
background: url(../images/header-dd-normal.png) no-repeat left center;
transition: .3s;
}
.sub2-menu dl a:hover, .header-ul .pro-class:hover {
color: #ff4037;
}
.sub2-menu{
display: none;
}
.sub2-menu .img-box:hover {
border-color: #ff4037;
}
.sub1:hover .sub2-menu{
display: block!important;
}
/*头结束*/
/*底部*/
.footer{
/*border-top: 2px solid #da251c;*/
/*background: url("../images/footer_bg.png");*/
background-color: #333333;
text-align: left;
}
.footer a{
color: #fff;
font-size: 14px;
margin-bottom: 5px;
}
.footer_title p {
color: #fff;
font-size: 18px;
font-weight: bold;
}
.footer_title i{
display: inline-block;
height: 2px;
width: 25px;
margin-top: 10px;
background: url("../images/footer_line.png") no-repeat;
}
.footer_fa>div{
display: inline-block;
vertical-align: top;
}
.footer_fa>div:nth-child(1){
width: 210px;
}
.footer_fa>div:nth-child(2){
width: 250px;
}
.footer_fa>div:nth-child(3){
width: 290px;
}
.footer_title{
margin-bottom: 10px;
}
.footer_title p:nth-child(2){
width: 22px;
height: 1px;
background-color: #fff;
margin-top: 10px;
}
.footer_ch li a {
line-height: 26px;
display: inline;
font-size: 14px;
}
.footer_contact{
width: 280px;
}
.footer_contact>li i{
display: inline-block;
width: 13px;
height: 13px;
margin-right: 5px;
}
.footer_contact>li:nth-child(1) i{
width: 13px;
height: 13px;
background: url("../images/foot_phone.png")no-repeat center;
}
.footer_contact>li:nth-child(2) i{
background: url("../images/foot_fax.png")no-repeat center;
}
.footer_contact>li:nth-child(3) i{
background: url("../images/foot_email.png")no-repeat center;
}
.footer_contact>li:nth-child(4) i{
background: url("../images/foot_addr.png")no-repeat center;
}
.footer_contact>li:nth-child(5) i{
background: url("../images/foot_addr.png")no-repeat center;
}
.footer_form input,.footer_form textarea{
width: 280px;
height: 43px;
border-radius: 10px;
padding-left: 10px;
margin-bottom: 10px;
}
.footer_form textarea{
height: 67px;
margin-bottom: 3px;
}
.footer_form form button{
width: 130px;
height: 40px;
background-color: #ff9900;
border-radius: 10px;
color: #fff;
border: none;
cursor: pointer;
}
.footSubmit{
width: 130px!important;
height: 40px!important;
border: none;
background-color: #da251c;
color: #fff;
}
/*底部结束*/
/*轮播图css*/
/* body { overflow-x: hidden;} */
.dowebok { margin: 0 auto;}
.swiper-container { margin: 0 auto; overflow: visible;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { display: block;}
.swiper-slide { position: relative; opacity: 0 !important;}
.swiper-slide img { width: 100%;}
.swiper-slide-active { opacity: 1 !important;}
.swiper-slide .ren { position: absolute; left: 0; top: 0; width: 1436px; height: 840px;}
.swiper-button-next, .swiper-button-prev { display: none; width: 40px;
/*background-size: contain;*/
}
.swiper-button-next { right: 100px; background-image: url(../images/next.png);}
.swiper-button-prev { left: 100px; background-image: url(../images/prev.png);}
.swiper-container-horizontal .swiper-pagination-bullets { bottom: 20px;}
.swiper-pagination-bullet { width: 70px; height: 4px; margin: 0 10px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}
.swiper-pagination-bullet:after { content: ""; display: block; height: 4px; background-color: #d9d9d9; opacity: 1;}
.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #da251c;}
/*轮播图结束*/
.tit {
font-size: 26px;
font-weight: bold;
text-align: left;
line-height: 70px;
}
.index_product {
background-color: #f5f5f5;
}
.ind_pro_fa {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.ind_pro_fa>div p {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #000;
}
.ind_pro_fa>div:hover .more1{
color: #da251c;
text-decoration:underline;
}
.ind_pro_fa>div:hover img{
transform: scale(1.02,1.02);
-webkit-transform: scale(1.02,1.02);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.ind_about{
height: 463px;
background: url("../images/companyBg.png")center no-repeat;
}
.ind_aboutFa{
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 65px 0px;
}
.ind_aboutFa .indAboutL{
width: 560px;
}
.ind_aboutFa .indAboutR{
width: 630px;
}
.ind_aboutFa .indAboutDes{
font-size: 14px;
color: #6f6f6f;
text-align: left;
}
.more{
text-align: left;
margin-top: 30px;
}
.more a{
width: 160px;
height: 40px;
border-radius: 20px;
line-height: 38px;
text-align: center;
}
.more .moreView{
/*border: 1px solid #fa473e;*/
/*background-color: #fa473e;*/
border: 1px solid #000000;
margin-right: 50px;
}
.more .moreView span{
/*color: #fff;*/
font-size: 14px;
}
.more .moreVideo{
border: 1px solid #000000;
}
.more .moreVideo:hover{
background-color: #fa473e;
border: 1px solid #da251c;
}
.more .moreVideo:hover span{
color: #fff;
}
.more .moreView:hover{
background-color: #fa473e;
border: 1px solid #da251c;
}
.more .moreView:hover span ,.more .moreView:hover i{
color: #fff;
}
.more .moreVideospan{
font-size: 14px;
}
.more a i{
margin-left: 8px;
}
.indAboutR:hover img{
transform: scale(1.01,1.01);
-webkit-transform: scale(1.01,1.01);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.index_3 {
width: 100%;
height: 180px;
background: url(../images/index_7.jpg) no-repeat center;
}
.index_3_bot {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
height: 180px;
}
.index_3_bot_1 {
float: left;
height: 100%;
text-align: left;
}
.index_3_bot_1 a {
color: #999;
font-size: 14px;
}
.index_3_bot .mores{
border: 1px solid #8a898a;
border-radius: 20px;
padding: 2px 10px;
}
.index_3_bot .mores:hover{
border: 1px solid #fff;
color: #fff;
}
.index_3_bot_1 b {
font-size: 30px;
color: #FFF;
font-weight: 100;
line-height: 30px;
height: 30px;
margin-top: 75px;
margin-bottom: 20px;
display: block;
}
.index_3_bot_1 span {
font-family: Arial;
font-size: 60px;
color: #fa473e;
padding: 0 30px;
display: block;
float: left;
margin-top: 64px;
height: 60px;
line-height: 60px;
}
.index_3_bot_1 p {
font-size: 20px;
color: #FFF;
font-weight: 100;
line-height: 20px;
height: 20px;
margin-top: 85px;
display: block;
float: left;
}
.newsCase{
background-color: #f5f5f5;
}
.ncFa , .bgTit , .indNew{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.ncFa .ncLe{
width: 620px;
}
.ncFa .ncRi{
width: 460px;
}
.bgTit{
line-height: 50px;
}
.bgTit span{
font-size: 29px;
font-family: "Helvetica";
}
.bgTit a{
color: #999999;
}
.bgTit a:hover{
color: #da251c;
font-size: 18px;
font-weight: bold;
}
.indNew dd{
width: 300px;
}
.indNew dd .indNewIm{
width: 300px;
overflow: hidden;
border-radius: 10px;
border: 1px solid #f5f5f5;
}
.indNew dd .indNewIm img{
width: 100%;
}
.indNew dd:hover .indNewIm img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.indNew dd:hover .indNewIm{
box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.8);
}
.indNew h3{
font-size: 16px;
text-align: left;
margin: 5px auto 0px;
}
.indNewTime{
margin: 5px auto;
}
.indNew p{
color: #747474;
font-size: 14px;
text-align: left;
line-height: 19px;
}
.indNewTime{
line-height: 20px;
}
.indNewTime span{
display: inline-block;
line-height: 20px;
margin-left: 10px;
}
.indNewTime img{
line-height: 20px;
padding-bottom: 5px;
}
.indNew >dd:hover h3{
color: #da251c;
}
.indCa dd{
text-align: left;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 10px;
margin-bottom: 10px;
}
.indCa h2{
font-size: 18px;
line-height: 30px;
}
.indCa p{
font-size: 14px;
}
.indCa .inDate{
color: #999999;
}
.indCa .inDec{
color: #666666;
}
.indCa dd:hover h2{
color: #da251c;
}
.indCa dd:hover:after {
width: 100%;
}
.indCa dd:after {
content: " ";
display: block;
width: 0;
height: 1px;
background: #da251c;
position: relative;
bottom: -11px;
transition: all 0.3s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.indSevFa{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
}
.indSevFa >div{
width: 25%;
}
.indSevFa h3{
font-size: 14px;
font-weight: bold;
line-height: 30px;
}
.indSevFa p{
font-size: 14px;
color: #666666;
}
/*.indSevFa >div:hover h3{*/
/*color: #da251c;*/
/*}*/
.indSevFa >div:hover img{
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.indSevFa>div .imgBox{
width: 60px;
height: 60px;
margin: 0 auto;
}
.indSevFa>div:nth-child(1) .imgBox{
background: url("../images/indtec.png")no-repeat center;
}
.indSevFa>div:nth-child(2) .imgBox{
background: url("../images/indzl.png")no-repeat center;
}
.indSevFa>div:nth-child(3) .imgBox{
background: url("../images/indzs.png")no-repeat center;
}
.indSevFa>div:nth-child(4) .imgBox{
background: url("../images/indcus.png")no-repeat center;
}
.indSevFa>div:nth-child(1):hover .imgBox{
background: url("../images/indtec2.png")no-repeat center;
}
.indSevFa>div:nth-child(2):hover .imgBox{
background: url("../images/indzl2.png")no-repeat center;
}
.indSevFa>div:nth-child(3):hover .imgBox{
background: url("../images/indzs2.png")no-repeat center;
}
.indSevFa>div:nth-child(4):hover .imgBox{
background: url("../images/indcus2.png")no-repeat center;
}
.bread-nav {
height: 50px;
padding: 15px 0;
line-height: 20px;
font-size: 14px;
text-align: left;
background-color: #f9f9f9;
border-top: 1px solid #ccc;
}
.bread-nav .content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bread-nav a {
color: #909090;
padding-right: 14px;
margin-right: 9px;
background: url(../images/bread-arrow.png) no-repeat right center;
transition: .3s;
}
.bread-nav span {
color: #D42B23;
}
.bread-nav i{
display: inline-block;
width: 14px;
height: 14px;
line-height: 50px;
background: url("../images/add.png")no-repeat center;
margin-right: 10px;
}
.bread-nav a:hover {
color: #da251c;
}
/*产品详情*/
.proDelFa {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
}
.proDelFa .img-boxBox {
width: 550px;
height: 330px;
border: 3px solid #e2e2e2;
border-radius: 10px;
}
.proDelFa .proInfo{
width: 530px;
}
.img-boxBox{
text-align: left;
position: relative;
}
.img-boxBox img {
display: inline-block;
max-width: 590px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 65%;
}
.img-boxBox p{
display: inline-block;
background: url("../images/prodeltop.png") no-repeat center;
min-height: 90px;
font-size: 14px;
min-width: 90px;
text-align: center;
line-height: 70px;
color: #fff;
margin-left: -3px;
border-top-left-radius: 10px;
}
.proInfo h1 {
font-size: 20px;
font-weight: bold;
text-align: left;
line-height: 35px;
}
.proInfo table {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
height: 373px;
text-align: left;
}
.proInfo table tr td {
vertical-align: baseline;
padding: 3px 0;
font-size: 15px;
}
.proInfo table tr td:first-child {
display: block;
color: #808080;
width: 155px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
line-height: 28px;
}
.proInfo table tr td img{
margin-right: 5px;
display: none;
}
/*.proIf p{
text-align: left;
color: #999999;
margin-top: 18px;
word-break: break-all;
}*/
.proInfo .btn-group {
margin-top: 20px;
}
.proInfo .btn-red {
width: 188px;
font-size: 18px;
}
.btn-group .btn {
float: left;
}
.btn-red {
width: 188px;
height: 40px;
line-height: 40px;
font-size: 18px;
background-color: #da251c;
font-weight: bold;
color: #fff!important;
transition: .3s;
border-radius: 5px;
}
.proInfo .btn-orange {
width: 188px;
height: 40px;
line-height: 40px;
margin-right: 0;
margin-left: 15px;
background-color: #FFf;
color: #f00!important;
}
.btn-orange {
color: #da251c !important;
transition: .3s;
border: 1px solid #da251c;
text-align: center;
}
.btn-orange:hover, .btn-orange.active {
background-color: #da251c !important;
color: #fff !important;
}
.btn-red span{
font-size: 12px;
line-height: 20px!important;
height: 20px;
display: inline-block;
}
.btn-red b{
display: inline-block;
font-size: 12px;
line-height: 20px!important;
height: 20px;
}
.proDels_nav{
width: 100%;
line-height: 63px;
background: #f5f5f5;
z-index: 19960426;
}
#FaHei{
height: 70px;
}
.proDels_navFa{
display: flex;
flex-wrap: nowrap;
justify-content: left;
}
.proDels_nav ul a {
width: auto;
text-align: center;
display: block;
font-size: 17px;
position: relative;
transition: all .2s;
float: left;
height: 49px;
color: #252222;
width: 176px;
}
.proDels_nav ul a:nth-child(1){
color: #343130;
background-color: #404046;
color: #fff;
}
.proDels_nav ul a:hover{
background-color: #404046;
color: #fff;
}
.pTitle{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
margin: 30px 0 15px;
}
.pTitle p{
font-size: 29px;
line-height: 40px;
margin-right: 10px;
font-family: "Helvetica";
}
.pTitle img{
width: 16px;
height: 16px;
margin-right: 8px;
}
.proIntroDesc p {
text-align: left;
color: #5e5e5e;
line-height: 25px;
font-size: 15px;
}
.proAdvFa , .proAdvCh{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
.proAdvFa{
margin-bottom: -15px;
}
.proAdvFa>div{
text-align: left;
width: 550px;
}
.proAdvFa>p{
width: 100%!important;
}
.proAdvCh .proAdvImg{
width: 50px;
height: 60px;
}
.proAdvCh .proAdvChR{
width: 490px;
margin-bottom: 15px;
}
.proAdvFa>div:nth-child(1) .proAdvImg{
background: url("../images/safiv01.png") no-repeat center;
}
.proAdvFa>div:nth-child(2) .proAdvImg{
background: url("../images/sur.png") no-repeat center;
}
.proAdvFa>div:nth-child(3) .proAdvImg{
background: url("../images/safiv03.png") no-repeat center;
}
.proAdvFa>div:nth-child(4) .proAdvImg{
background: url("../images/safiv.png") no-repeat center;
}
.proAdvChR h4 {
color: #da251c;
font-weight: bold;
line-height: 20px;
font-size: 14px;
}
.proAdvChR p {
color: #6b6b6b;
line-height: 20px;
font-size: 15px;
}
.proChaTable table{
border-spacing: 0px;
border: 1px solid #bababa;
/*width: 100%!important;*/
}
.proChaTable table thead, tfoot tr{
background-color: #f7f1f0;
}
.proChaTable table tr:nth-child(2n){
/*background-color: #f7f1f0;*/
}
.proChaTable table tr:nth-child(1) ,.proChaTable table tr:nth-child(2){
background-color: #eeeeee;
}
.proChaTable td{
border: 1px solid #dcdcdc;
text-align: center;
margin: 0;
font-size: 12px;
height: 30px;
font-family: "Helvetica";
}
.proChaTable td:hover{
background-color: #da251c;
color: #fff;
}
.proChaTable{
/*display: flex;
justify-content: center;*/
}
.proChaTable tr td:nth-child(1){
/*font-weight: bold;*/
width: 200px;
}
.proFrom{
margin-bottom: 30px;
width: 950px;
}
.proFrombtit p {
font-size: 29px;
font-family: "Helvetica";
line-height: 45px;
}
.proFrombtit span {
color: #7b7a7a;
font-size: 14px;
}
.proFromIn{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.proFromIn>div {
width: 45%;
text-align: left;
margin-bottom: 2px;
}
.proFromIn2 >div{
width: 30%!important;
}
.formTitle{
font-size: 14px;
line-height: 30px;
padding-left: 5px;
font-weight: bold;
}
.proFromIn >div input{
width: 100%;
}
.proFromSel{
text-align: left;
}
.proFromSel input, .proFromSel label{
display: inline-block;
vertical-align: middle;
margin: 5px 0;
}
.proFromSel label{
margin: 0 20px 0 10px;
width: 90px;
font-size: 14px;cursor: pointer;
font-weight: bold;
}
.proFromSel input{
height: 20px!important;
}
.proFromSel p{
font-size: 14px;
color: #a8a8a8;
}
.proFromSel input[type=radio]:after{
content: "";
display: block;
width: 18px;
height: 18px;
text-align: center;
line-height: 14px;
font-size: 16px;
color: #fff;
border: 1px solid #cccccc;
background-color: #fff;
box-sizing: border-box;
border-radius: 5px;
}
.proFromSel input[type=radio]:checked:after{
content: "";
border: 1px solid #d42a22;
padding: 3px;
color: #d42a22;
background: url("../images/inputLeft.jpg")no-repeat center;
}
.proFromSel input[type=radio]:checked label{
color: #da251c;
}
.proFromMess{
text-align: left;
margin-bottom: 20px;
}
.proFromMess textarea{
width: 100%;
}
.proFrom input , textarea{
border-radius: 3px;
border: 1px solid #eaeaea;
background-color: #f7f7f7;
height: 40px;
}
.proFrom textarea{
height: 100px;
padding: 11px 16px;
color: #5e5e5e;
}
.proFrom textarea:placeholder-shown{
color: #cdcdcd;
}
.proFromSub input {
width: 330px;
height: 35px;
background: red;
color: white;
border: none;
cursor: pointer;
}
.proCharaFa{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.proCharas{
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: left;
align-items: center;
padding: 15px 0 7px;
width: 50%;
}
.proCharaLeft{
width: 370px;
height: 220px;
overflow: hidden;
}
.proCharaLeft img{
width: 100%;
height: auto!important;
}
.proCharas:hover .proCharaLeft img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.proCharas:hover .proCharaRight p{
color: #da251c;
}
.proCharaRight{
width: 370px;
height: 135px;
background-color: #fff;
text-align: left;
padding: 15px;
}
.proCharaRight p {
font-size: 18px;
line-height: 30px;
font-weight: bold;
}
.proCharaRight span{
font-size: 14px;
color: #545454;
}
.reCase{
width: 100%;
height: 400px;
background-color: #f5f5f5;
}
.reCaseFa{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.reCaseCh {
width: 24%;
text-align: left;
}
.reCaseCh a{
width: 100%;
}
.reCaseChImg{
padding-bottom: 10px;
border-bottom: 1px solid #e4e4e4;
}
.reCaseBox{
width: 100%;
height: 180px;
overflow: hidden;
}
.rePro {
width: 100%;
height: 400px;
background-color: #f5f5f5;
}
.reProBox{
width: 100%;
height: 180px;
overflow: hidden;
border-radius: 10px;
border: 1px solid #7e7e7e;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.reProBox img{
width: 80%;
margin: auto;
}
.reCaseCh:hover .reProBox{
border: 1px solid #da251c;
}
.reCaseCh:hover .reProBox img {
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.reCaseBox img{
width: 100%;
}
.reCaseChImg p {
font-size: 14px;
/*font-weight: bold;*/
line-height: 20px;
margin-top: 10px;
}
.reCaseChDate{
margin-top: 10px;
}
.reCaseChDate table td:nth-child(1){
color: #797979;
width: 130px;
}
.reCaseChDate table td {
font-size: 14px;
line-height: 16px;
}
.reCaseChDate table td:nth-child(2){
font-size: 12px;
}
.reCaseCh:hover .reCaseBox img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.reCaseCh:hover .reCaseChImg p{
color: #da251c;
}
.btn-group a{
display: flex;
flex-direction: row;
justify-content: center;
line-height: 40px;
align-items: center;
}
.sImgBg{
width: 20px;
height: 20px;
margin-right: 10px;
display: inline-block;
}
.sImg1{
background: url(../images/sinquery.png) center no-repeat;
background-size: 20px 20px;
}
.sImg2{
background: url(../images/semail_on.png) center no-repeat;
background-size: 20px 20px;
}
.btn-orange:hover .sImg2{
background: url(../images/semail.png) center no-repeat;
background-size: 20px 20px;
}
.inBoilerCon2{
text-align: left;
margin-top: 15px;
background-color: #f6f6f6;
border-radius: 15px;
padding: 20px;
}
/*产品列表页*/
.smBanner img{
width: 100%;
}
.classBanner{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
}
.classBanner a {
display: inline-block;
width: 220px;
height: 40px;
line-height: 40px;
/* border-radius: 20px; */
border: 1px solid #b4b1c5;
font-size: 14px;
}
.classBanner a:hover{
background-color: #da251c;
color: #fff;
border: 1px solid #da251c;
}
.classBanner a:hover{
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.tit2 {
margin: 20px 0 20px;
}
.tit2 p {
font-size: 20px;
font-weight: bold;
margin-top: -15px;
}
.tit2 a{
color: #da251c;
text-decoration: underline;
}
.tit2>p>a {
font-size: 20px;
font-weight: bold;
margin-top: 33px;
color: #000;
text-decoration:none;
}
.tit2>p>a:hover{
color: #da251c;
}
.proLstFa{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.proLst{
width: 49%;
height: 325px;
border: 1px solid #e4e4e4;
border-radius: 10px;
margin-bottom: 10px;
}
.proLst:nth-child(1){
margin-left: 0px;
}
.proLstBox{
width: 275px;
height: 210px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.proLst:hover .proLstBox img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.proLst:hover{
border: 1px solid #df3027;
}
.proLst:hover .proLstTitle{
color: #df3027;
}
.proLst:hover .proLstMore{
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.proLst hr{
background-color: #e4e4e4;
}
.proLstDate{
padding: 5px;
height: 145px;
}
.proLstTitle {
text-align: left;
font-size: 14px;
font-weight: bold;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
}
.proLstDes p{
color:#5b5b5b;
font-size: 13px;
text-align: left;
}
.proLstDes p:nth-child(2){
height: 48px;
overflow: hidden;
}
.proLstDes span {
font-size: 13px;
text-align: left;
color: #5B5B5B;
}
.proLstDes span:nth-child(1){
margin-right: 5px;
}
.proLstMore a {
display: inline-block;
width: 110px;
height: 30px;
line-height: 28px;
font-size: 12px;
border: 1px solid #df3027;
color: #df3027;
border-radius: 15px;
margin-top: 15px;
}
/*关于我们*/
.aboutComDes p{
color: #808080;
font-size: 13px;
text-align: left;
line-height: 28px;
}
.aboutFac{
margin: 10px 0;
}
.aboutFac img{
width: 100%;
}
.indFz{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin: 20px 0;
}
.indFz>div{
width: 25%;
border-right: 1px solid #e3e3e3;
}
.indFz>div:nth-child(4n){
border-right: none;
}
.indFz h3{
font-family: Impact;
font-size: 50px;
line-height: 65px;
}
.indFz>div:hover h3{
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transition: all 0.5s;
-webkit-transition: all 0.5s;
color: #da251c;
}
.indFz p {
color: #575656;
font-size: 14px;
}
.aboutHonorFa{
background: url("../images/honnerBg.png")no-repeat center;
height: 790px;
}
.tit4{
margin: 20px auto;
}
.tit4 p {
font-size: 25px;
color: #fff;
line-height: 66px;
}
.tit4 span{
color: #fff;
font-size: 14px;
line-height: 20px;
}
.aboutHonLstFa {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
.aboutHonLstFa>div:hover img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.aboutHonLstFa>div{
width: 195px;
margin-bottom: 20px;
}
.aboutCusBg{
height: 600px;
background: url("../images/word.png")no-repeat center;
}
.aboutCusFa{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.aboutCusFa>div{
width: 280px;
height: 185px;
overflow: hidden;
margin-bottom: 15px;
border-radius: 10px;
}
.aboutCusFa>div img{
cursor: pointer;
}
.aboutCusFa>div:hover img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
/*案例列表*/
.caseLstFa{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}
.caseLst{
width: 275px;
text-align: left;
margin: 10px 0px 20px;
margin-left: 32px;
}
.caseLst:nth-child(4n+1){
margin-left: 0px;
}
.caseLstBox {
width: 275px;
overflow: hidden;
height: 183px;
border-radius: 10px;
}
.caseLstBox img{
width: 100%;
height: 100%;
}
.caseLstDate h3{
line-height: 25px;
}
.caseLstDate h2{
font-size: 14px;
font-weight: bold;
}
.caseLstDate{
margin-top: 10px;
}
.caseLstDate p{
color: #9c9c9c;
font-size: 14px;
}
.caseLstDate p i,.caseLstDate p span{
display: inline-block;
vertical-align: middle;
}
.caseLstDate p i{
width: 14px;
height: 14px;
margin-right: 5px;
}
.caseLstDate .addr i{
background: url("../images/caseddd.png")no-repeat center;
}
.caseLstDate .hy i{
background: url("../images/casehy.png")no-repeat center;
}
.caseLst:hover .caseLstBox img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.caseLst:hover .caseLstDate h2{
color: #da251c;
}
.pagination{
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.pagination a{
display: inline-block;
vertical-align: top;
padding: 5px 14px;
font-size: 14px;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 5px;
}
.pagination p {
display: inline-block;
vertical-align: top;
padding: 5px 14px;
font-size: 14px;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 5px;
}
.pagination .cur{
background-color: #da251c;
border: 1px solid #da251c;
color: #fff;
}
.pagination a:hover{
background-color: #da251c;
border: 1px solid #da251c;
color: #fff;
}
/*案例详情页*/
.detailTit h1 {
font-size: 20px;
font-weight: bold;
}
.detailTit .detailTitDate{
font-size: 14px;
color: #9b9b9b;
line-height: 35px;
border-bottom: 1px solid #9A9A9A;
margin-bottom: 10px;
}
.caseDelDaLstRes p{
font-size: 14px;
}
.caseDelDaLstRes p:nth-child(2){
font-weight: bold;
}
.caseDelDataFa {
height: 150px;
background-color: #f3f3f3;
border-radius: 10px;
padding-top: 30px;
}
.caseDelData{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
}
.caseDelDaLst{
width: 250px;
height: 50px;
border-right: 1px solid #e4e4e4;
}
.caseDelDaLst:last-child{
border-right: none;
}
.caseDelDaLst>div{
display: inline-block;
vertical-align: top;
}
.caseDelDaLst>div:nth-child(1){
width: 20px;
height: 20px;
}
.caseDelDaLstRes{
text-align: left;
}
.caseDelDaLstRes>p:nth-child(1){
color: #9B9B9B;
}
.caseDelDaLstIcon i{
display: inline-block;
vertical-align: middle;
width: 19px;
height: 19px;
margin-right: 5px;
}
.caseDelDaLst:nth-child(1) i{
background: url("../images/casedel01.png")no-repeat center;
}
.caseDelDaLst:nth-child(2) i{
background: url("../images/casedel02.png")no-repeat center;
}
.caseDelDaLst:nth-child(3) i{
background: url("../images/casedel03.png")no-repeat center;
}
.caseDelDaLst:nth-child(4) i{
background: url("../images/casedel04.png")no-repeat center;
}
.online{
display: block;
height: 30px;
text-align: center;
}
.online a {
display: block;
width: 170px;
height: 30px;
border: 1px solid #cccccc;
color: #000 !important;
margin: 0 auto;
line-height: 30px;
border-radius: 5px;
margin-top: 15px;
font-weight: bold;
}
.online a:hover{
background-color: #da251c !important;
color: #fff !important;
}
.delBox{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.delContent p{
text-align: left;
line-height: 30px;
color: #7e7e7e;
font-size: 14px;
}
.delContent p span{
font-size: 14px;
}
.goPage{
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
}
.goPage>div{
/*width: 50%;*/
/*border: 1px solid #d2d1d1;*/
height: 30px;
}
.goPage>div:nth-child(1){
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.goPage>div:nth-child(2){
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.goPage>div>a i,.goPage>div>a span{
display: inline-block;
vertical-align: middle;
}
.goPage>div a{
line-height: 30px;
color: #7e7e7e;
}
.goPage>div span{
font-size: 14px;
font-weight: bold;
}
.goPage i{
width: 20px;
height: 60px;
font-weight: bold;
}
.goPagePrev i{
/*background: url("../images/goPrev.png")no-repeat center;*/
}
.goPageNext i{
/*background: url("../images/goNext.png")no-repeat center;*/
}
.goPageFa{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
}
.goPageFa span {
width: 100%;
color: #000;
height: 60px;
overflow: hidden;
text-align: left;
}
.goPageFa:hover span{
color: #da251c;
}
.goPageFa:hover i{
color: #da251c;
}
/*新闻列表页*/
.contFa {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.contLeft{
width: 265px;
}
.contLeftTit{
height: 80px;
background-color: #282633;
color: #fff;
line-height: 80px;
border-radius: 5px;
text-align: left;
padding-left: 30px;
}
.contLeftTit span{
font-size: 16px;
}
.contLeftTit .hBig{
font-size: 38px;
}
.contLst li{
height: 40px;
border-bottom: 1px solid #e6e6e6;
}
.contLst li a{
display: inline-block;
width: 100%;
text-align: left;
padding-left: 30px;
line-height: 40px;
font-size: 14px;
font-weight: bold;
}
.contLst li a:hover{
color: #da251c;
}
.contLst li:after {
content: " ";
display: block;
width: 0;
height: 1px;
background: #da251c;
position: relative;
bottom: 1px;
transition: all 0.3s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.contLst li:hover:after {
width: 100%;
}
.contConMidel{
margin-top: 30px;
}
.conChart a{
display: inline-block;
width: 130px;
height: 36px;
line-height: 35px;
background-color: #c42018;
color:#fff;
font-weight: bold;
font-style: italic;
border-radius: 5px;
font-size: 15px;
}
.conChart a:hover{
font-size: 16px;
}
.conChart{
position: relative;
top: -50px;
right: -55px;
}
.contdesGaFa{
background-color: #f6f6f6;
padding-bottom: 15px;
border-radius: 5px;
}
.contdes li a{
display: inline-block;
width: 100%;
line-height: 25px;
font-size: 14px;
text-align: left;
padding-left: 20px;
}
.contdes{
margin-top: 10px;
}
.contdes li a:hover{
color: #c42018;
}
.contInquiry a{
display: flex;
justify-content: space-around;
align-items: center;
width: 115px;
height: 30px;
border: 1px solid #c72b23;
border-radius: 5px;
}
.contInquiry a span{
display: inline-block;
line-height: 30px;
font-size: 14px;
color: #c72b23;
font-weight: bold;
}
.contInquiry a span:nth-child(1){
width: 13px;
height: 13px;
background: url('../images/mess1.jpg')no-repeat center;
}
.contInquiry{
text-align: center;
margin: 15px 15px ;
}
.contInquiry a:hover{
background-color: #c72b23;
}
.contInquiry a:hover span{
color: #FFFFFF!important;
}
.contInquiry a:hover span:nth-child(1){
background: url('../images/mess2.png')no-repeat center;
}
.newsLstFa{
width: 840px;
}
.newsLst{
padding: 15px;
border: 1px solid #ebebeb;
border-radius: 15px;
margin: 15px 0;
}
.newsLstData>div{
display: inline-block;
vertical-align: top;
}
.newsLstBox{
width: 215px;
height: 145px;
overflow: hidden;
border-radius: 10px;
}
.newsLstBox img{
width: 100%;
}
.newsLstDesFa{
text-align: left;
width: 540px;
margin-left: 40px;
}
.newsLstTit{
font-size: 16px;
line-height: 26px;
margin-bottom: 5px;
font-weight: bold;
}
.newsLstDes{
font-size: 14px;
color: #5a5a5a;
height: 45px;
overflow: hidden;
display: inline-block;
}
.twoTab{
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
.twoTab a{
display: inline-block;
width: 130px;
height: 30px;
border: 1px solid #282633;
margin-right: 10px;
border-radius: 15px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
.twoTab a:hover{
background-color: #df3027;
color: #fff;
border: 1px solid #df3027;
}
.newsLstDate{
margin-top: 10px;
}
.newsLstDate span{
font-size: 14px;
color: #5a5a5a;
font-weight: bold;
}
.newsLst:hover{
border: 1px solid #da251c;
}
.newsLst:hover .newsLstBox img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
/*新闻案例详情*/
.contRight{
width: 840px;
}
.contRight hr{
color: #e4e4e4;
}
.delCont p{
font-size: 15px;
}
/*联系我们*/
.contCon{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.contCon>div{
width: 575px;
height: 175px;
border: 1px solid #ededed;
border-radius: 10px;
margin-bottom: 30px;
padding-top: 35px;
cursor: pointer;
}
.contCon>div i{
display: inline-block;
width: 60px;
height: 60px;
margin-bottom: 10px;
}
.contCon>div p{
color: #333333;
line-height: 26px;
}
.contConTel i{
background: url("../images/conTel1.png")no-repeat center;
}
.contConFax i{
background: url("../images/conFax1.png")no-repeat center;
}
.contConAddr1 i{
background: url("../images/conAddr1.png")no-repeat center;
}
.contConAddr2 i{
background: url("../images/conAddr1.png")no-repeat center;
}
.contConTel:hover i{
background: url("../images/conTel2.png")no-repeat center;
}
.contConFax:hover i{
background: url("../images/conFax2.png")no-repeat center;
}
.contConAddr1:hover i{
background: url("../images/conAddr2.png")no-repeat center;
}
.contConAddr2:hover i{
background: url("../images/conAddr2.png")no-repeat center;
}
.contCon>div:hover{
border: 1px solid #da251c;
}
/*服务支持*/
.sevIndOne{
background-color:#f9f9f9;
}
.sevOneFa{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0px;
}
.tit3 p{
font-size: 26px;
font-weight: bold;
text-align: left;
line-height: 40px;
}
.sevOneFa .right{
width: 570px;
}
.sevOneFa .right .sevOneDes p{
text-align: left;
font-size: 14px;
}
.sevOneFa .proBtns{
justify-content: left;
}
.sevOneFa .proBtns a{
margin-right: 30px;
}
.sevIndTwo{
display: flex;
justify-content: space-between;
}
.sevIndTwo .left{
width: 840px;
}
.sevIndTwo .right{
width: 300px;
}
.sevIndTwo .left .leftFa .leftLst{
display: flex;
justify-content: left;
border: 1px solid #e2e2e2;
border-radius: 5px;
padding: 23px 20px;
margin-bottom: 18px;
}
.sevIndTwo .left .leftFa .leftLst .imgBox{
width: 205px;
}
.sevIndTwo .left .leftFa .leftLst .rigDes{
width: 500px;
}
.sevIndTwo .left .leftFa .leftLst .rigDes{
text-align: left;
margin-left: 20px;
}
.sevIndTwo .left .leftFa .leftLst .rigDes .sevIndTwoTit{
font-size: 18px;
font-weight: bold;
line-height: 40px;
}
.sevIndTwo .left .leftFa .leftLst .rigDes .sevIndTwoTitDes{
font-size: 14px;
}
.sevIndTwo .rigntFa{
background-color: #263d5e;
padding: 25px;
border-radius: 5px;
}
.sevIndTwo .rigntLst{
border-bottom: 1px solid #53637a;
margin-bottom: 8px;
}
.sevIndTwo .rigntLst:last-child{
border-bottom: none;
}
.sevIndTwo .rigntLst>div{
display: flex;
justify-content: space-between;
align-items: baseline;
}
.sevIndTwo .rigntLst p{
color: #fff;
text-align: left;
}
.sevIndTwo .rigntLst i{
font-size: 14px;
color: #fff;
padding-top: 2px;
}
.sevIndTwo .rigntLst .rigntLstTit p{
font-size: 18px;
line-height: 29px;
width: 235px;
}
.sevIndTwo .rigntLst .rigntLstDes p{
font-size: 14px;
line-height: 20px;
margin-top: 11px;
word-break: break-all;
margin-bottom: 12px;
}
.sevIndThree{
margin-top: 15px;
}
.contImgBg{
margin-top: 18px;
}
.contImgBg .tops{
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
height: 177px;
}
.contImgBg .tops img{
width: 100%;
}
.sevIndThreeFa{
display: flex;
justify-content: space-between;
}
.sevIndThreeFa .right{
width: 675px;
text-align: left;
}
.sevIndThreeDes{
font-size: 14px;
color: #6b6b6b;
}
.sevIndThreeMore a{
width: 160px;
height: 40px;
color: #fff;
background-color: #b01d2b;
line-height: 40px;
text-align: center;
border-radius: 5px;
margin-top: 10px;
}
.sevIndThreeMore i{
display: inline-block;
vertical-align: middle;
width: 35px;
height: 5px;
background: url("../images/ddjt.png")no-repeat center;
}
.redFont{
color: #da251c;
font-size: 18px;
}
.sevFaqTab{
display: flex;
justify-content: space-between;
}
.sevFaqTab a{
display: block;
width: 250px;
height: 40px;
border: 1px solid #2a2835;
border-radius:20px;
line-height: 40px;
}
.sevFaqTab a:hover{
background-color: #df3027;
border-color: #df3027;
color: #fff;
}
.sevFaqTab .act{
background-color: #df3027;
border-color: #df3027;
color: #fff;
}
.seFaRePro{
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.sevFaqDes{
margin-top: 20px;
}
.sevFaqDes span{
text-align: left;
}
.sevFaqDes .sevFaqdrs{
text-align: left;
}
.seFaReProLst{
width: 30%;
}
.seFaReProLst > a{
display: block;
width: 100%;
}
.seFaReProLst .seFaReProLstBox{
width: 100%;
background-color: #f1f1f1;
height: 24vh;
display: flex;
justify-content: center;
align-items: center;
border-radius: 7px;
overflow: hidden;
}
.seFaReProLstBox img{
max-width: 95%;
}
.seFaReProLsrTit i{
display: inline-block;
vertical-align: center;
width: 35px;
height: 10px;
background: url('../images/ddjt.png')center no-repeat;
}
.seFaReProLsrTit{
background-color: #2b2b2b;
color: #fff;
height: 35px;
line-height: 35px;
font-size: 14px;
}
.seFaReProLst:hover img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.faqIFa{
background-color: #f6f6f6;
margin-top: 40px;
margin-bottom: -30px;
}
.faqXlst{
text-align: left;
border-bottom: 1px solid #e3e3e3;
padding: 30px 0 20px;
}
.faqXlst p{
line-height: 22px;
}
.faqXquest{
color: #df3027;
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
.faqXanser{
font-size: 14px;
}
/*首页案例轮播*/
.owl-carousel{
width: 1000px!important;
margin: 0 auto;
}
.iCase .owl-carousel .owl-nav .owl-prev {
background: #e5e5e5 url(../images/ajinb1.png) no-repeat center center !important;
position: absolute;
left: -70px;
top: 0px;
width: 40px;
height: 40px;
}
.iCase .owl-carousel .owl-nav .owl-next {
background: #e5e5e5 url(../images/ajinb.png) no-repeat center center !important;
position: absolute;
right: -70px;
top: 0px;
width: 40px;
height: 40px;
}
.iCase .no-mor {
font-size: 30px;
display: none;
}
.iCase .owl-tab li.active {
display: block;
}
.owl-item{
width: 215px!important;
height: 40px!important;
margin: 0px 18px!important;
}
.owl-item a{
display: inline-block;
width: 215px!important;
height: 40px!important;
border: 1px solid #2a2835;
border-radius: 20px;
line-height: 40px;
font-size: 16px!important;
}
.cuser a{
border: 1px solid #da251c;
background-color: #da251c;
color: #fff;
}
.case-list{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
}
.case-list li{
width: 280px!important;
text-align: left;
}
.case-list li .img-box{
width: 280px!important;
border-radius: 10px;
overflow: hidden;
margin-bottom: 7px;
}
.case-list li .img-box img{
width: 100%;
}
.case-list li .info a{
font-size: 14px!important;
color: #333333;
font-weight: bold;
}
.case-tag{
}
.case-tag i{
display: inline-block;
width: 14px;
height: 14px;
background: url("../images/add.png")no-repeat center;
}
.case-tag span{
font-size: 14px;
color: #9c9c9c;
}
.owl-dots{
display: none;
}
.case-list li:hover .img-box img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
/*手机端样式开始*/
/*手机端公共头部布局*/
.headMob {
height: 1rem;
background-color: #fff;
width: 100%;
position: fixed;
z-index: 100;
margin-top: -1px;
border-bottom: 0.02rem solid #eaeaea;
box-shadow: 0 0.13rem 0.42rem 0.1rem rgba(0, 0, 0, .05);
}
.collapse-icon {
width: 1rem;
height: 1rem;
background: url(../images/daoh.png) no-repeat center;
display: block;
float: left;
background-size: 0.8rem 0.6rem;
cursor: pointer;
position: relative;
top: 0;
left: 0;
}
.headMob .logo {
width: 80%;
float: left;
display: block;
}
.headMob .logo img {
display: block;
width: 2rem;
margin: 0.28rem auto 0;
}
.MobHeight{
display: block!important;
height: 1rem;
}
nav {
position: fixed;
width: 5.6rem;
height: 100%;
left: -5.6rem;
top: 0;
background-color: #fff;
z-index: 999;
transition: all .36s ease;
overflow-y: scroll;
}
.nav-inner {
position: relative;
border-bottom: 0.01rem solid #eaeaea;
padding-left: 0.3rem;
height: 1rem;
}
.u-column, .u-grid, .clearfix, .layout, .clf {
zoom: 1;
}
nav .logo {
display: block;
width: 2.4rem;
margin-top: 0.25rem;
}
.nav-show .nav-close {
display: block;
}
.nav-close {
width: 1rem;
height: 1rem;
background: url(../images/close-icon.png) no-repeat center;
background-size: 0.28rem 0.28rem;
display: none;
cursor: pointer;
}
.nav-list .sub1-menu {
transition: .36s ease;
cursor: pointer;
}
.nav-list .sub1 {
display: block;
height: 0.9rem;
border-bottom: 0.01rem solid #eaeaea;
color: #5e5e5e;
font-size: 0.28rem;
line-height: 0.9rem;
padding-left: 0.3rem;
position: relative;
}
.sub1 .one-list {
color: #555;
line-height: 0.9rem;
padding-right: 0rem;
display: block;
text-align: left;
width: 80%;
border-right: 1px solid #eaeaea;
}
.sub1 .one-list span{
font-size: 16px;
}
.nav-list .cross {
width: 48px;
height: 39px;
position: absolute;
right: 0rem;
top: 0rem;
background: url(../images/heise2.png) no-repeat center;
background-size: 40%;
}
.nav-list .sub2-menu {
background-color: #fff;
padding-top: 0.01rem;
display: block;
border-bottom: 0.01rem solid #eaeaea;
}
.nav-list .sub2 {
display: block;
font-size: 0.28rem;
color: #888;
background: #fff url(../images/heise.png) no-repeat 0.56rem center;
height: 0.78rem;
line-height: 0.78rem;
padding-left: 0.88rem;
margin-bottom: 0.01rem;
background-size: 0.12rem;
text-align: left;
}
.nav-show {
left: 0;
box-shadow: 0 -0.05rem 0.2rem #000;
}
.mask-alls {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 100;
position: absolute;
top: 0;
left: 0;
display: none;
cursor: pointer;
}
/*手机端公共底部布局*/
.indexBot {
display: block;
width: 100%;
height: 1rem;
background: #fff;
background-size: 4.51rem 0.6rem;
z-index: 999;
position: fixed;
bottom: 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
border-top: 1px solid #eaeaea;
padding-bottom: 55px;
}
.indexBot .bot1 {
background: url(../images/bom1.png) no-repeat center 0.25rem;
background-size: 0.44rem 0.44rem;
}
.indexBot .bot2 {
background: url(../images/bom2.png) no-repeat center 0.25rem;
background-size: 0.45rem 0.43rem;
}
.indexBot .bot3 {
background: url(../images/bom3.png) no-repeat center 0.15rem;
background-size: 0.6rem 0.6rem;
}
.indexBot .bot4 {
background: url(../images/bom4.png) no-repeat center 0.25rem;
background-size: 0.5rem 0.5rem;
display: none;
}
.indexBot .bot5 {
background: url(../images/bom5.png) no-repeat center 0.25rem;
background-size: 0.54rem 0.45rem;
}
.indexBot a {
float: left;
width: 24.9%;
text-align: center;
height: 1rem;
font-size: 0.28rem;
color: #999;
}
.indexBot a:first-child span {
border: none;
}
.indexBot a span {
padding-top: 0.4rem;
display: inline-block;
border-left: 0.01rem solid #eaeaea;
width: 100%;
margin-top: 0.2rem;
}
.indexBot a {
float: left;
width: 24.9%;
text-align: center;
height: 1rem;
font-size: 0.28rem;
color: #000;
}
/*首页视频播放样式*/
#video_box{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
background-color: rgba(0,0,0,0.8);
}
#video_box video{
width: 1000px;
margin: 50px auto;
}
#video_box a{
width: 40px;
height: 40px;
background: url("../images/close.png")no-repeat center;
display: block;
position: fixed;
top: 20px;
right: 20px;
}
#video_box a:hover{
transform: rotate(180deg);
}
/*关于我们样式*/
.conTitle{
text-align: left;
font-weight: bold;
font-size: 25px;
line-height: 30px;
}
.conTitleBg {
background: url(../images/conTitleBg.png);
width: 72px;
height: 4px;
margin-left: 5px;
margin-top: 3px;
}
.conContent{
width: 100%;
height: 100px;
background-color: #f4f4f4;
border-radius: 10px;
margin: 25px 0px;
margin-bottom: 60px;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
}
.conConLst>a{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.conConLst .conConLstBg{
width: 58px;
height: 58px;
}
.conConLstText{
margin-left: 20px;
font-size: 18px;
font-weight: bold;
}
.conConLst:nth-child(1) .conConLstBg{
background:url("../images/conTel.png");
}
.conConLst:nth-child(2) .conConLstBg{
background:url("../images/conEmail.png");
}
.conConLst:nth-child(3) .conConLstBg{
background:url("../images/conFax.png");
}
.conConLst:hover .conConLstBg{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */
}
.conConLstBg{
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.conConLst:hover .conConLstBg{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.conMapFa{
border: 1px solid rgb(204, 204, 204);
margin-top: 20px;
height: 450px;
margin-bottom: 30px;
}
.conCompany{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.conComLst{
width: 48%;
}
.conCompanyBox, .conCompanyBox img{
width: 100%;
}
.conComBg{
width: 15px;
height: 14px;
background: url("../images/conAddr.png") center no-repeat;
}
.conComTit{
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-top: 5px;
}
.conComTxt{
font-size: 20px;
font-weight: bold;
margin-left: 3px;
}
.conComDes{
font-size: 14px;
color: #666666;
text-align: left;
}
/*右下角提交框*/
#online_qq_layer {
z-index: 9999999;
position: fixed;
right: 0;
bottom: 0px;
}
#online_qq_tab {
position: relative;
z-index: 9;
}
#online_qq_tab #floatShow:hover {
margin-right: 0;
}
#online_qq_tab #floatShow {
overflow: hidden;
background: url(../images/online.png) no-repeat center center;
border-radius: 5px 0 0 0;
height: 40px;
width: 200px;
float: right;
line-height: 40px;
margin-right: -10px;
-webkit-transition: all var(--transition-time,800ms);
-o-transition: all var(--transition-time,800ms);
transition: all var(--transition-time,800ms);
}
#online_qq_tab #floatHide {
overflow: hidden;
background: #eb612a;
text-transform: capitalize;
width: 100%;
height: 40px;
font-family: 'poppins_sb';
font-size: 14px;
color: #fff;
line-height: 40px;
padding-left: 10px;
width: 306px;
text-align: left;
margin-bottom: -2px;
}
#online_qq_tab #floatHide i {
display: inline-block;
font-size: 12px;
max-height: 32px;
float: right;
padding-top: 10px;
padding-right: 10px;
}
.fa {
width: 30px;
height: 30px;
margin-top: 5px;
margin-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
background: url("../images/close2.png");
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#onlineService {
display: inline;
width: 306px;
overflow: hidden;
display: none;
background: #fff;
font-size: 12px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
border: 2px solid #eb612a;
border-top: none;
}
.i_message_inquiry {
padding: 10px 10px 20px 10px;
}
#onlineService .text {
margin-bottom: 10px;
color: #808080;
line-height: 20px;
font-size: 12px;
font-weight: 400;
}
.i_message_inquiry .inquiry .input-group {
background: #fff;
height: 32px;
margin-bottom: 14px;
width: 100%;
border: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.i_message_inquiry .inquiry .form-control {
border: none;
background: none;
border-radius: 0px;
line-height: 30px;
color: #999;
font-size: 12px;
width: 100%;
border: 1px solid #ddd;
}
#online_qq_layer .inquiry .send {
display: inline-block;
margin-top: 1px;
color: #eb612a;
font-size: 12px;
font-family: 'poppins_sb';
text-transform: uppercase;
padding: 5px 20px;
background: #fff;
letter-spacing: 1px;
border: 2px solid #eb612a;
line-height: 20px!important;
cursor: pointer;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#online_qq_layer .inquiry .send:hover {
background: #eb612a;
color: #fff;
text-decoration: none;
}
/*回到顶部*/
.gotop{
width: 40px;
height: 40px;
position: fixed;
z-index: 99;
right: 0;
bottom: 100px;
background-color: #000;
line-height: 40px;
text-align: center;
cursor: pointer;
}
/*右侧悬浮样式*/
.fixed-bar {
position: fixed;
right: 24px;
top: 56%;
width: 50px;
z-index: 9;
}
.fixed-bar li {
width: 50px;
height: 50px;
background-color: #9c9ea3;
margin-bottom: 3px;
border-radius: 3px;
cursor: pointer;
transition: .3s;
}
.fixed-bar li:hover{
background-color: #f6494a;
}
.fixed-bar .wapp p {
right: 0;
padding-left: 50px;
position: relative;
height: 50px;
line-height: 50px;
width: 0;
background:#eb612a url(../images/f-whatapp.png) no-repeat 12px center;
overflow: hidden;
color: #fff;
font-size: 14px;
}
.fixed-bar .mail p {
right: 0;
padding-left: 50px;
position: relative;
height: 50px;
line-height: 50px;
width: 0;
background: #eb612a url(../images/f-mail.png) no-repeat 9px center;
overflow: hidden;
color: #fff;
background-size: 66%;
font-size: 14px;
}
.fixed-bar .goTop {
background: #9c9ea3 url(../images/toTop.png) no-repeat center;
display: none;
}
.fixed-bar .fixed-inquiry {
background: #eb612a url(../images/ico-inquiry.png) no-repeat center 12px;
height: 70px;
overflow: hidden;
}
.fixed-bar .fixed-inquiry a {
display: block;
color: #fff;
font-size: 12px;
text-align: center;
padding-top: 44px;
width: 50px;
height: 26px;
}
.fixed-bar .fixed-inquiry:hover {
background: #f6494a url(../images/ico-inquiry.png) no-repeat center 12px;
}
.fixed-bar li:hover p {
/*left: -180px;*/
/*width: 230px;*/
background-color: #f6494a;
border-radius: 3px;
}
.fixed-bar .goTop:hover {
background: #282c37 url(../images/toTop.png) no-repeat center;
}
/*默认打开页面标红*/
.hoverHead>a{
color: #ff4037!important;
background-color: rgb(255, 255, 255);
}
.hoverHead a span{
width: 50px!important;
}
/*公共头部修改*/
.nav .search-icon {
width: 0px;
height: 93px;
padding: 0px 20px;
background: url(../images/nav-search-normal.png) center center no-repeat;
}
.nav .search-icon:hover {
background: url(../images/nav-search-hover.png) no-repeat center;
}
.sub2-inner {
height: 250px;
background-color: #fff;
overflow: hidden;
}
.search form {
width: 778px;
height: 44px;
margin: 49px auto 0;
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.search form {
border: 1px solid #da251c;
}
.search .v-select select{
height: 43px;
width: 138px;
float: left;
border: 1px solid #da251c;
/*background: url(../images/select-tran.png) no-repeat 110px center;*/
}
.search .select-panel {
/*padding-right: 15px;*/
line-height: 43px;
text-align: center;
}
.search input {
height: 43px;
float: left;
width: 517px;
background-color: #fff;
border: 1px solid #da251c;
}
.search button {
float: right;
width: 121px;
height: 43px;
border-radius: 0;
font-size: 16px;
font-weight: bold;
border: 1px solid #da251c;
}
.hot-search {
width: 760px;
padding: 0 10px;
margin: 25px auto 0;
text-align: left;
}
.hot-search span {
color: #aaa;
font-size: 16px;
}
.hot-search a {
display: inline-block;
padding: 0 10px;
font-size: 16px;
color: #2a2c39;
}
.scrollTop{
position: fixed;
top: 0;
z-index: 99;
height: 70px;
}
.scrollTop .logo{
height: 60px!important;
}
.scrollTop .sub1-name {
line-height: 60px!important;
height: 60px!important;
}
.scrollTop .navXian{
top: 47px!important;
}
.scrollTop .sub2-menu{
top: 56px!important;
}
/*锅炉行业详情页面*/
.boInduTit{
font-size: 20px;
color: #292c38;
font-weight: 700;
padding: 40px 0 20px;
position: relative;
border-bottom: 1px solid #eaeaea;
line-height: 24px;
text-indent: 34px;
background: url(../images/shu1.png) no-repeat 0 39px;
text-align: left;
}
.boInduTit span {
width: 60px;
height: 3px;
background: #ffa019;
position: absolute;
left: 0;
bottom: -2px;
}
.solDetail-cont {
font-size: 16px;
color: #555;
line-height: 26px;
padding: 30px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.solDetail-cont-tex {
width: 60%;
white-space: normal;
word-wrap: break-word;
}
.solDetail-cont-img {
width: 35%;
height: 196px;
}
.solDetail-cont-img img {
width: 100%;
height: auto;
}
.solDetail-cont-tex p {
text-align: left;
}
.tags-module {
padding: 1px 0;
}
.tags-module ul li {
float: left;
text-align: left;
}
/*.tags-module ul li a {*/
/* max-width: 250px;*/
/* font-size: 12px;*/
/* text-align: center;*/
/* border: 1px #ff9600 solid;*/
/* padding: 4px 10px;*/
/* color: #ff9600;*/
/* border-radius: 4px;*/
/* transition: .36s;*/
/* margin-right: 10px;*/
/* height: 32px;*/
/* line-height: 25px;*/
/*}*/
.indDel .proLstFa .proLst{
width: 255px!important;
margin-top: 30px;
}
.indDel .proLstFa .proLst .proLstBox{
width: 100%!important;
}
.indDel .caseLst{
width: 255px!important;
margin-top: 30px;
}
.indDel .caseLstBox{
width: 255px!important;
height: 160px!important;
}
.induRint .proFrom {
max-width: 840px!important;
width: 840px!important;
}
.induRint .detailTitDate{
display: none;
}
.induLeft{
position: fixed;
top: 80px;
z-index: 0;
}
/*产品详情页表单样式*/
.guGa{
background-color: #f5f5f5;
padding: 1px 1px 35px 1px;
margin-bottom: -30px;
}
.guFa{
display: flex;
justify-content: space-between;
}
.guFa form{
width: 950px;
}
.guRi{
display: flex;
flex-direction: column;
}
.guRiFa{
width: 230px;
padding: 15px;
background-color: #fff;
}
.guRiT{
border: 1px solid #eeeeee;
width: 200px;
height: 160px;
background-color: #f7f7f7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.guRiT:hover .guRiTDes p{
color: #da251c;
}
.guRiTBox{
margin-bottom: 10px;
}
.guRiTDes p:nth-child(1){
font-weight: bold;
}
.guRiTDes p:nth-child(2){
font-size: 14px;
}
.guRiT:nth-child(1){
margin-bottom: 15px;
}
.guFa form{
background-color: #fff;
padding: 30px;
}
.guFa .proFromIn>div{
width: 32%!important;
}
.guFa .proFromSub input{
width: 120px;
height: 44px;
}
.guFa .proFromSub{
text-align: left;
}
/*-----------------------------*/
.contGrfes{
background-color: #f5f5f5;
}
.contGrf{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.contGrf .proDels{
width: 840px;
}
.contGrf .contGrfRi{
width: 300px;
}
.riTabFa{
/*background: url(../images/tabBg.png)no-repeat center;*/
width: 320px;
height: 44px;
margin-left: -1px;
padding: 0 20px;
}
.contGrfRi .riTab{
background-color: #fff;
}
.contGrf .riRePro{
background-color: #fff;
}
.riTabFa p{
font-size: 18px;
color: #000;
font-weight: bold;
line-height: 35px;
text-align: left;
border-bottom: 1px solid #ccc;
padding-top: 8px;
}
.riTabLst li{
width: 300px;
height: 40px;
padding: 0px 20px;
/*border: 1px solid #263d5e;*/
margin-bottom: 1px;
}
.riTabLst li a{
display: block;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 41px;
border-bottom: 1px solid #ccc;
}
.riTabLst li:last-child a{
border-bottom: none;
}
.riTabLst li a i{
display: block;
width: 16px;
height: 16px;
background: url(../images/tabRis.png) no-repeat;
}
.riTabLst li a span{
font-size: 14px;
color: #000;
font-family: "Arial";
}
.riTabLst li:hover{
/*background-color: #263d5e;*/
}
.riTabLst li:hover span{
/*color: #fff;*/
font-weight: bold;
}
/*.riTabLst li:hover i{*/
/* background: url(../images/tabRis2.png);*/
/*}*/
.riReProFa{
padding-bottom: 1px;
}
.riReProTit p{
font-size: 18px;
line-height: 45px;
font-family: "Arial";
margin-top: 43px;
text-align: left;
padding-left: 20px;
}
.riReProLst a{
display: block;
width: 265px;
margin: 0px auto 20px;
position: relative;
overflow: hidden;
/*border: 1px solid #ccc;*/
cursor: pointer;
}
.riReProLst a p{
/*position: absolute;*/
bottom: 0;
left: 0;
color: #fff;
background-color: #404046;
text-align: center;
display: block;
width: 100%;
height: 28px;
line-height: 35px;
}
.riReProLst a p{
display: flex;
justify-content: space-around;
align-items: center;
}
.riReProLst a p span{
width: 90%;
overflow: hidden;
height: 35px;
display: block;
text-align: left;
font-size: 14px;
color: #eaeaea;
}
.riReProLst a p i{
display: block;
background: url("../images/whri.png") no-repeat center;
width: 6px;
height: 8px;
}
.riReProLst:hover img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.riContact{
background-color: #fff;
margin-top: 33px;
}
.riContact>p{
height: 45px;
/*background-color: #263d5e;*/
line-height: 45px;
font-weight: bold;
color: #000;
font-size: 18px;
padding-left: 20px;
text-align: left;
padding-top: 8px;
}
.riContactFlst{
width: 263px;
margin: 2px auto;
}
.riContactFlst input{
width: 100%;
border-radius: 5px;
background-color: #f5f5f5;
border: none;
margin: 8px auto;
height: 38px;
}
#pc_email{
height: 45px!important;
}
.riContactFlst textarea{
width: 100%;
border: none;
margin: 8px auto;
background-color: #f5f5f5;
border-radius: 5px;
height: 60px;
}
.riContactSub{
width: 263px;
text-align: left;
margin: 2px auto;
}
.riContactSub input{
width: 80px;
height: 30px;
background-color:#be3441;
color: #fff;
font-size: 15px;
line-height: 30px;
border: none;
border-radius: 5px;
margin: 0px 0px 10px;
}
.riContCh>a{
display: flex;
justify-content: left;
align-items: center;
padding-left: 15px;
line-height: 40px;
}
.riContCh span{
font-size: 15px;
color: #263d5e;
}
.riContCh i{
display: block;
width: 26px;
height: 26px;
margin-right: 3px;
}
.riContCh1 i{
background: url(../images/riEmail.png)no-repeat center;
}
.riContCh2 i{
background: url(../images/riWhatsapp.png)no-repeat center;
}
.riContCh1{
margin-top: 10px;
}
.riContCh2{
margin-bottom: 10px;
}
.riContCh:hover span{
font-weight: bold;
}
.jump_Cont{
cursor: pointer;
}
.proDels_nav ul a{
cursor: pointer;
}
.jump_Con{
cursor: pointer;
}
.proDels_navFa a{
cursor: pointer;
}
.imgBox img{
width: 100%;
}
/*产品详情css++++++++++++++++++++++++++++++++++++++++++++++++*/
.delBoxFa{
display: flex;
flex-direction: column-reverse;
width: 600px;
}
.gallery-thumbs{
width: 580px;
margin-top: 20px;
}
.gallery-top{
width: 580px;
}
.gallery-top img{
/*height: 100%;*/
}
.boxFaTab{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.boxFaTab>.swiper-slide{
width: 140px!important;
height: 90px;
cursor: pointer;
margin-right: 0!important;
border:2px solid #fff;
}
.boxFaTab>.swiper-slide:hover{
border:2px solid #d42a22;
}
.boxFaTab>.swiper-slide img{
height: 100%;
}
/*.swiper-button-next{*/
/* background-image: none!important;*/
/*}*/
/*.swiper-button-prev{*/
/* background-image: none!important;*/
/*}*/
.btn-group{
display: flex;
flex-flow: row;
justify-content: space-evenly;
}
.proAdvFa>p{
width: 100%!important;
text-align: left;
}
.proCha{
}
.proChaTable{
width: 100%;
overflow: scroll;
}
.proChaTable table{
width: 1200px;
}
.proChaTable table {
border-spacing: 0px;
border: 1px solid #bababa;
width: 1200px!important;
}
.proChaTable td {
height: 30px;
}
.proCharas{
padding: 15px 0 7px;
}
.proAdv {
margin-bottom: -10px;
}
/*---------------------*/
.proIntroDesc p img{
width: 47%;
}
.proDet p img{
width: 47%;
}
.proAdvFa>div {
text-align: left;
width: 100%;
}
.proAdvCh .proAdvChR {
width: 92%;
margin-bottom: 15px;
}
.onePic img{
width: 95%!important;
}
.threePic img{
width: 30%!important;
}
.twoPic img{
width: 47%!important;
height: auto;
}
/*--------------------*/
.proBtns{
margin-top: 20px;
display: flex;
flex-flow: row;
justify-content: space-evenly;
}
.proBtns a{
width: 225px!important;
height: 46px!important;
border: 1px solid #9f1927;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: center;
}
.proBtns a p{
font-size: 15px;
font-weight: bold;
line-height: 20px;
}
.proBtns a i{
font-size: 12px;
line-height: 14px;
}
.proBtns .proBtnsOne{
color: #ae211b;
background-color: #f6f6f6;
}
.proBtns .proBtnsTwo{
color: #fff;
background-color: #be3441;
}
.proBtns a:hover{
transform: scale(1.02,1.02);
-webkit-transform: scale(1.02,1.02);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.proInfo table {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
height: 373px;
text-align: left;
}
.proInfo table tr:nth-child(3) td img , .proInfo table tr:nth-child(4) td img , .proInfo table tr:nth-child(5) td img{
width: 22px;
height: 21px;
}
.proInfo h1{
margin-bottom: 10px;
}
#tabBan>div{
display: none;
}
#tabBan>div:nth-child(1){
display: block;
}
.proDels_nav ul a{
font-size: 14px;
}
.proDet {
padding: 10px;
margin-bottom: 20px;
font-size: 15px;
text-align: left;
color: #5e5e5e;
}
.proDels_nav ul a{
display: block;
width: 212px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #404046;
}
/*capacity页面*/
.tit5{
text-align: left;
margin: 20px auto!important;
display: flex;
justify-content: center;
align-items: flex-end;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
cursor: pointer;
}
.tit5 p{
font-size: 16px;
margin-left: 10px;
color: #e56b5b;
}
.tit5Img{
width: 26px;
}
.tit5Img img{
width: 100%;
}
.tit5:hover p{
color: #eb333d;
}
.capaGra{
display: flex;
justify-content: space-between;
}
.capaGra .cLeft{
width: 300px;
}
.capaGra .cRight{
width: 900px;
}
.capaGra .cLeft .bgLi{
margin-bottom: 1px;
cursor: pointer;
}
.capaGra .cLeft .bgLi>div{
display:flex;
width: 100%;
background-color: #0f296d;
justify-content: space-between;
align-items: center;
height: 45px;
line-height: 45px;
padding: 0 25px;
}
.capaGra .cLeft .bgLiHov>div{
display:flex;
width: 100%;
background-color: #0f296d;
justify-content: space-between;
align-items: center;
height: 45px;
line-height: 45px;
padding: 0 25px;
}
.capaGra .cLeft .bgLiHov>div>a {
display: inline-block;
color: #fff;
}
.capaGra .cLeft .bgLi>div>a{
display: inline-block;
color: #fff;
}
.capaGra .cLeft .bgLi>div>a:hover{
font-size: 18px;
}
.capaGra .cLeft .bgLi>div>span{
display: inline-block;
width: 25px;
height: 25px;
background: url("../images/jia.png") center no-repeat;
background-size: cover;
}
.bgLiHov>div>span{
display: inline-block;
width: 25px;
height: 25px;
background: url("../images/jian.png") center no-repeat;
background-size: cover;
cursor: pointer;
}
.clefSon>dd>a{
width: 100%;
background-color: #f5f5f5;
padding: 0 25px;
text-align: left;
overflow: hidden;
display: block;
height: 40px;
line-height: 40px;
font-size: 14px;
border-bottom: 1px solid #ccc;
}
.clefSon>dd:hover a{
background-color: #eb333d;
color: #fff;
}
.clefSon .act a{
background-color: #eb333d;
color: #fff;
}
.capaLstFa{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.capaLst{
border: 1px solid #e8eef2;
width: 271px;
margin-left: 29px;
margin-bottom: 20px;
box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);
}
.boxImgs{
display: flex;
justify-content: center;
align-items: center;
width: 270px;
height: 215px;
}
.acaDes{
background-color: #e9ecf5;
width:270px;
height: 87px;
display: flex;
flex-direction: column;
justify-content: center;
}
.capaLsTit{
font-size: 15px;
margin-bottom: 5px;
height: 24px;
overflow: hidden;
}
.capaLstMo a{
display: inline-block;
width: 110px;
line-height: 30px;
height: 30px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #3d659b;
color: #fff;
font-size: 14px;
}
.capaMore{
color: #eb333d;
background: url(../images/moreDel.png) no-repeat 115px center;
width: 140px;
margin: 5px auto 0px;
font-size: 15px;
font-weight: bold;
border: 1px solid #eb333d;
border-radius: 8px;
}
.capaLst:hover img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.capaLst:hover .capaMore{
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.capaLst:hover{
/*box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);*/
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
/*详情*/
.caBgImg>dd{
display: none;
}
.caXqimgRi{
width: 680px;
}
.caXqimg{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.caSmImg{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.caBgImg>dd:nth-child(1){
display: block;
}
.cDelRight{
width: 832px;
}
.cDelRightTit p{
background: linear-gradient(to right,#243C7A,#C8CCCF);
height: 45px;
line-height: 45px;
text-align: left;
padding-left: 10px;
color: #fff;
margin-bottom: 10px;
}
.capVplay{
position: relative;
}
.capVplay a{
display: block;
width: 45px;
height: 45px;
background: url(../images/vplay4.png) no-repeat center;
background-size: contain;
position: absolute;
right: 49px;
top: -63px;
}
.capVplay a:hover{
width: 45px;
height: 45px;
background: url("../images/vplay4.png") no-repeat center;
background-size: contain;
}
.caBgImg{
width: 100%;
background-color: #f6f9fb;
height: 420px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #e4e9ec;
}
.caBgImg dd img{
/*width: 90%;*/
}
.caSmImg{
display: flex;
justify-content: flex-start;
/*margin-top: 15px;*/
}
.caSmImg dd{
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 105px;
border: 1px solid #e4e9ec;
background-color: #f6f9fb;
cursor: pointer;
margin-right: 15px;
}
.caSmImg dd img{
width: 80%;
}
.caSmImg dd:hover{
border-color: #eb333d;
}
.caSmImg dd:hover img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.caButon{
display: flex;
justify-content: flex-start;
margin-top: 20px;
}
.caButon >a{
display: block;
width: 215px;
height: 40px;
line-height: 40px;
border: 1px solid #eb333d;
cursor: pointer;
transition: all 0.1s;
font-weight: bold;
}
.caButon >a:hover{
transform: translateY(-2px);
-webkit-transform: translateY(-2px);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.caButon >a:nth-child(1){
background-color: #eb333d;
color: #fff;
margin-right: 20px;
}
.caButon >a:nth-child(2){
color: #eb333d;
}
.capDelTab{
height: 48px;
/*background-color: #e8e8e8;*/
display: flex;
justify-content: flex-start;
margin-top: 40px;
border-bottom: 1px solid #e8e8e8;
}
.capDelTab dd{
height: 100%;
width: 156px;
line-height: 48px;
text-align: center;
cursor: pointer;
font-weight: bold;
font-size: 18px;
background-color: #e8e8e8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.capDelTab .act{
background-color: #0f296d;
color: #fff;
}
.capDelTab .av{
text-decoration: underline;
}
.cpaOneTit{
border-bottom: 1px solid #e8e8e8;
}
.cpaOneTit p{
/*height: 40px;*/
/*line-height: 40px;*/
/*background-color: #f4f4f4;*/
/*padding-left: 40px;*/
height: 100%;
width: 220px;
line-height: 48px;
text-align: center;
cursor: pointer;
font-weight: bold;
font-size: 18px;
background-color: #0f296d;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
}
.cpaOneLst{
margin-top: 30px;
}
/*.cpaOneTit p{*/
/* background: url("../images/sings.png") no-repeat left;*/
/* text-align: left;*/
/* padding-left: 8px;*/
/*}*/
.cpaOneDes{
padding: 10px 40px;
text-align: left;
}
.cpaTwo table{
margin-top: 15px;
}
.cpaTwo table tr{
min-height: 36px;
}
.cpaTwo table tr>td{
line-height: 25px;
height: 36px;
padding: 6px;
}
.cpaTwo table tr:nth-child(2n+1){
background-color: #f4f4f4;
}
.cpaTwo table tr:nth-child(2n){
background-color: #e8e8e8;
}
.cpaTwo table tr>td:nth-child(1){
width: 156px;
text-align: left;
font-size: 16px;
font-weight: bold;
padding-left: 25px;
}
.cpaTwo table tr>td:nth-child(2){
text-align: left;
padding-left: 20px;
font-size: 14px;
}
.tanForm{
width: 760px;
height: 340px;
border: 1px solid #ccc;
border-radius: 5px;
display: flex;
padding: 40px;
justify-content: space-between;
align-items: center;
}
.tanForm .tRight h2{
font-size: 20px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
color: #fff;
}
.tanFormSon>input{
display: block;
width: 340px;
height: 35px;
background-color: #f5f8fb;
border: 1px solid #e8eef2;
margin-bottom: 10px;
}
.tanFoSub{
width: 118px!important;
color: #fff;
background-color: #0f296d!important;
border-radius: 5px;
margin-top: 8px;
cursor: pointer;
}
.tanFrLeBox{
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
.tanFrLeDes dd{
font-size: 14px;
font-weight: bold;
text-align: left;
color: #fff;
}
.tanFrLeDes dd a{
color: #fff;
}
.tanFrLeDes dd:last-child a{
background: url(../images/moreDel.png) no-repeat right;
padding-right: 13px;
}
.tanFrLeDes dd:last-child span{
color: #e5282f;
padding-bottom: 3px;
border-bottom: 1px solid #e5282f;
}
.tanFormFa{
position: fixed;
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.9);
z-index: 9999;
}
.tanForm{
margin: 150px auto;
}
.tanForm .tRight{
margin-bottom: -25px;
}
.tanFClose{
position: relative;
top: -275px;
right: -345px;
display: block;
width: 15px;
height: 15px;
background: url("../images/close3.png")no-repeat center;
cursor: pointer;
}
.tanFClose:hover{
transform: rotate(180deg);
}
.cpaOneDes{
color: #6f6f6f;
font-size: 15px;
}
/*+++++++++++++首页改版pc端+++++++++++++++++++*/
.idxInd{
background-color: #f1f5f8;
margin-top: -20px;
}
.idxAbt{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
padding: 35px 20px 25px 20px;
text-align: left;
}
.idxAbtLe{
width: 550px;
}
.idxAbtRi{
width: 550px;
}
.idxAbtLeTit i{
display: inline-block;
width: 5px;
height: 23px;
margin-right: 5px;
background: url("../img/idxred.png")no-repeat center;
}
.idxAbtLeTit{
font-size: 24px;
line-height: 28px;
font-weight: bold;
font-family: "Arial 锐利";
margin-bottom: 15px;
}
.idxAbtLeDes p{
font-size: 14px;
color: #7a7a7a;
margin-bottom: 10px;
}
.idxAbtLeMOr{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.idxAbtLeMOr a{
width: 200px;
height: 35px;
background-color: #efefef;
border-radius: 3px;
text-align: center;
margin-bottom: 10px;
margin-right: 18px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.idxAbtLeMOr a span{
font-size: 14px;
}
.idxAbtLeMOr a i{
display: block;
width: 24px;
height: 24px;
margin-left: 13px;
margin-right: 8px;
}
.idxAbtLeMOr a:nth-child(1) i{
background: url("../img/idxred1.png")no-repeat center;
}
.idxAbtLeMOr a:nth-child(2) i{
background: url("../img/idxred2.png")no-repeat center;
}
.idxAbtLeMOr a:nth-child(3) i{
background: url("../img/idxred3.png")no-repeat center;
}
.idxAbtLeMOr a:nth-child(4) i{
background: url("../img/idxred4.png")no-repeat center;
}
.idxAbtLeMOr a:hover{
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5) ;
}
.idxAbtLeFous{
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
}
.idxAbtLeFous img{
width: 100%;
}
.idxAbtLeFous p{
width: 110px;
height: 26px;
margin-right: 20px;
}
.idxAbtLeFous a{
width: 32px;
height: 32px;
margin-right: 10px;
}
.index_3{
height: 179px!important;
box-shadow:0px 10px 6px 0px rgba(0,0,0,0.5);
}
.idxMakOne{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.idxMakOne .idxMakOnLst{
width: 25%;
}
.idxMakTwo{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.idxMakTwo .idxMakTwLst{
width: 50%;
}
.idxBox , .idxBox img{
width: 100%;
}
.idxBox{
overflow: hidden;
}
.idxMakOnLst , .idxMakTwLst{
position: relative;
cursor: Crosshair!important;
}
.idxMakOnLst:hover .idxMakDes , .idxMakTwLst:hover .idxMakDes{
top: -5px;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.idxMakOnLst:hover img , .idxMakTwLst:hover img{
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.idxMakDes{
position: absolute;
top: 0px;
z-index: 9;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
.idxMakDes p{
color: #fff;
font-size: 14px;
margin-bottom: 0px;
}
.idxMakDes span{
color: #fff;
font-size: 13px;
display: none;
}
.h-30{
margin-bottom: -30px;
}
.idxTit2{
width: 100%;
margin: 0 auto;
text-align: center;
height: 134px;
display: flex;
flex-direction: column;
justify-content: center;
}
.idxTit2 p{
font-size: 34px;
font-weight: bold;margin-bottom: 20px;
}
.idxTit2 span{
font-size: 20px;
color: #242424;
}
.footer_fa {
display: flex;
justify-content: space-between;
}
.footer_fa>div{
width: auto!important;
}
.footVPlR{
display: flex;
justify-content: flex-start;
margin-top: 15px;
}
.footVPlR a{
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #858585;
width: 41px;
height: 36px;
margin-right: 10px;
}
.footVPlR a img{
width: auto;
height: auto;
}
.footVPlR a:hover{
background-color: #575757;
}
.idxFaqGr{
background-color: #f1f5f8;
padding: 50px 0px 27px;
}
.idxFaqFa{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.idxFaqFa>div{
height: 295px;
}
.idxFaqRi dd{
width: 760px;
}
.idxFaqLe{
margin-right: 22px;
}
.idxFaqMi{
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #fff;
}
.idxFaqMi dd{
height: 73px;
width: 229px;
color: #fff;
cursor: pointer;
}
.idxFaqMi dd p{
width: 218px;
height: 73px;
background-color: #485165;
line-height: 73px;
text-align: left;
padding-left: 15px;
}
.idxFaqMi .cur{
background:url("../images/idxFaqFa3.png")no-repeat center;
}
.idxFaqMi .cur p{
background: none;
}
.idxFaqRi{
padding-left: 15px;
background-color: #ffffff;
padding-right: 10px;
}
.idxFaqRi dd a{
display: block;
}
.idxFaqRi dd a ul li{
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
border-bottom: 1px dashed #dcdcdc;
height: 48px;
}
.idxFaqRi dd a ul li i{
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ec494f;
text-align: center;
color: #fff;
font-size: 12px;
margin-right: 8px;
line-height: 20px;
}
.idxFaqRi dd a ul li span{
font-size: 15px;
color: #514e4e;
}
.idxFaqGrTit{
text-align: left;
position: relative;
}
.idxFaqGrTit p{
background: url("../images/idxFaqFa2.png")no-repeat center;
position: absolute;
top: -70px;
width: 193px;
height: 40px;
text-align: center;
color: #fff;
line-height: 40px;
}
.idxExFa{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.idxExFa>div{
width: 212px;
height: 212px;
overflow: hidden;
margin-bottom: 10px;
border-radius: 8px;
cursor: crosshair;
}
.idxExFa>div img{
width: 100%;
}
.idxExFa>div:hover img{
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.idxExBu p{
width: 100%;
height: 3px;
background-color: #505050;
margin-top: 23px;
}
.idxExBuFa{
display: flex;
justify-content: space-between;
position: relative;
top: -20px;
}
.idxExBuLst{
width: 212px;
text-align: center;
}
.idxExBuLst p{
width: 4px;
height: 34px;
background-color: #df3137;
margin: 0 auto;
}
.idxTit3 p{
font-size: 34px;
font-weight: bold;
margin: 50px auto 30px;
}
.idxNewFa{
display: flex;
justify-content: space-between;
}
.idxNewLe{
width: 595px;
height: 399px;
}
.idxNewLeLst .idxNewLeLstDes{
background-color: #df3137;
color: #fff;
text-align: left;
padding: 8px 20px;
position: relative;
bottom: 64px;
}
.idxNewLeLst .idxNewLeLstDes p{
color: #fff;
font-size: 14px;
}
.idxNewLeLst .idxNewLeLstDes a{
color: #fff;
font-size: 14px;
font-weight: bold;
}
.idxNewLe .swiper-button-next{
right: 10px!important;
top: 40%!important;
}
.idxNewLe .swiper-button-prev{
left: 0!important;
top: 40%!important;
}
.idxNewRi{
width: 540px;
display: flex;
flex-direction: column;
}
.idxNewRiLst a{
width: 100%;
display: flex;
justify-content: flex-start;
}
.idxNewRiLst .idxNewRiLstDte{
width: 75px;
height: 66px;
text-align: center;
background-color: #f5f5f5;
display: flex;
flex-direction: column;
justify-content: center;
}
.idxNewRiLst .idxNewRiLstDte p{
font-size: 22px;
}
.idxNewRiLst .idxNewRiLstDte span{
font-size: 14px;
}
.idxNewRiLstDes{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-align: left;
margin-left: 15px;
}
.idxNewRiLstDes p{
height: 28px;
width: 450px;
overflow: hidden;
}
.idxNewRiLstDes span{
display: block;
height: 28px;
width: 450px;
overflow: hidden;
font-size: 14px;
color: #9e9e9e;
}
.idxNewRiLst{
border-bottom: 1px solid #ebebeb;
padding: 18.5px 0;
}
.idxNewRiLst:last-child{
border-bottom: none;
padding-bottom: 0;
}
.idxNewRiLst:hover .idxNewRiLstDes p{
color: #df3137;
}
/*案例轮播*/
.idxCase{ width:1200px; margin-top: 20px; overflow:hidden; position:relative;}
.idxCase .hd{ overflow:hidden; height:50px; padding:0 0px; }
.idxCase .hd .prev , .idxCase .hd .next{
width:55px;
height:25px;
float:left;
margin-right:0px;
margin-top:10px;
overflow:hidden;
cursor:pointer;
border: 1px solid #215598;
display: flex;
justify-content: center;
align-items: center;
}
.idxCase .hd .prev{
background-color: #215598;
}
.idxCase .hd .next{
margin-left: 7px;
}
.idxCase .hd .prevStop{
background-position:-60px 0;
}
.idxCase .hd .nextStop{
background-position:-60px -50px;
}
.idxCase .hd ul{
float:right;
overflow:hidden;
zoom:1;
margin-top:10px;
zoom:1;
}
.idxCase .hd ul li{
float:left;
width:9px;
height:9px;
overflow:hidden;
margin-right:5px;
text-indent:-999px;
cursor:pointer;
}
.idxCase .hd ul li.on{
background-position:0 0;
}
.idxCase .bd{
padding:0px;
}
.idxCase .bd ul{
overflow:hidden; zoom:1;
}
.idxCase .bd ul li{
width: 288px!important;
margin:0 7px;
float:left;
_display:inline;
overflow:hidden;
text-align:center;
}
.idxCase .bd ul li>a{
display: block;
width: 100%;
}
.idxCaseDesDes span{
font-weight: bold;
color: #000;
}
.idxCaseBox{
width: 288px;
height: 215px;
overflow: hidden;
}
.idxCaseBox img{
width: 100%;
height: 100%;
}
.idxCaseDes{
width: 288px;
height: 185px;
background-color: #f1f5f8;
padding: 10px;
}
.idxCaseDesTit{
font-size: 16px;
font-weight: bold;
color: #000;
text-align: left;
margin-bottom: 5px;
}
.idxCase .bd ul li .idxCaseBox:after {
content: " ";
display: block;
width: 40px;
height: 2px;
background: #ff3f3b;
position: absolute;
bottom: 183px;
transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.idxCase .bd ul li:hover .idxCaseDesTit{
color: #fa473e;
}
.idxCase .bd ul li:hover .idxCaseBox:after{
width: 288px;
}
.idxCaseDesDes{
font-size: 14px;
color: #767676;
text-align: left;
}
/*热推产品轮播*/
.idxHot{ margin-top: 20px; position:relative;}
.idxHot .hd{
width: 1300px;
position: relative;
height: 0px;
padding: 0 0px;
top: 115px;
}
.idxHot .hd .prev , .idxHot .hd .next{
width:41px;
height:41px;
margin-right:0px;
margin-top:10px;
overflow:hidden;
cursor:pointer;
display: flex;
justify-content: center;
align-items: center;
}
.idxHot .hd .prev{
float: right;
position: absolute;
right: 35px;
z-index: 9;
}
.idxHot .hd .next{
float:left;
margin-left: 7px;
position: absolute;
left: -65px;
z-index: 9;
}
.idxHot .hd .prevStop{
background-position:-60px 0;
}
.idxHot .hd .nextStop{
background-position:-60px -50px;
}
.idxHot .hd ul{
float:right;
overflow:hidden;
zoom:1;
margin-top:10px;
zoom:1;
}
.idxHot .hd ul li{
float:left;
width:9px;
height:9px;
overflow:hidden;
margin-right:5px;
text-indent:-999px;
cursor:pointer;
}
.idxHot .hd ul li.on{
background-position:0 0;
}
.idxHot .bd{
width:1200px;
overflow: hidden;
padding:0px;
}
.idxHot .bd ul{
overflow:hidden; zoom:1;
}
.idxHot .bd ul li{
width: 288px!important;
float:left;
margin-right: 16px;
_display:inline;
overflow:hidden;
text-align:center;
}
.idxHot .bd ul li a{
display: block;
width: 100%;
}
.idxHotDesTit{
font-weight: bold;
font-size: 16px;
}
.idxHotDesDes{
font-size: 12px;
color: #999999;
}
.idxHotBox{
width: 288px;
height: 236px;
overflow: hidden;
}
.idxHotBox img{
width: 100%;
height: 100%;
}
.idxHotDes{
width: 288px;
height: 70px;
background-color: #fff;
padding: 10px;
}
.idxHotBox{
position: relative;
}
.idxHotBoxDes{
position: absolute;
bottom: 0;
height: 0px;
width: 100%;
background-color: rgba(0,0,0,0.6);
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 0;
overflow: hidden;
}
.idxHotBoxDesTit p{
font-size: 24px;
}
.idxHotBoxDesTit span{
display: inline-block;
width: 115px;
height: 1px;
background-color: #fff;
margin: 10px auto 5px;
}
.idxHotBoxDesPd p{
font-size: 13px;
}
.idxHot .bd ul li:hover .idxHotBoxDes{
height: 100%;
transition-duration: 0.5s;
z-index: 9;
}
.idxTit4 {
margin: 0px auto -20px;
padding: 50px 0 0px 0;
}
.idxTit4 p{
font-size: 34px;
font-weight: bold;
}
.idxTit4 span {
display: block;
color: #7a7a7a;
font-size: 14px;
margin-top: 5px;
margin-bottom: 40px;
}
.fixBar2Fa>li{
height: 60px;
width: 100%;
border-bottom: 1px solid #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.fixBar2Fa>li:after{
content: " ";
display: block;
width: 0px;
height: 1px;
background: #ff3f3b;
position: relative;
bottom: -10px;
transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.fixBar2 .fixBar2-inquiry:after{
bottom: -7px!important;
}
.fixBar2Fa>li:hover:after{
width: 55px;
}
.fixBar2-youtb:hover:after{
width:0px!important;
}
/*++++++++++++++首页改版手机端+++++++++++++++++++++++*/
.idmHot{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.idmHotLst{
border: 1px solid #dedede;
margin: 1%;
}
.idmHotLst a{
display: block;
width: 100%;
}
.idmHotLst a img{
width: 100%;
background-color: rgba(0.0.0.0.3);
}
.idmHotLst a p{
height: 52px;
display: flex;
justify-content: space-between;
align-items: center;
}
.idmAbLe img{
width: 100%;
}
.idmAbRi{
width: 88%!important;
background-color: #f5f5f5;
border-radius: 7px;
padding: 20px 10px;
position: relative;
top: -40px;
}
.idmAbRiTit{
font-size: 25px;
color: #000;
margin-bottom: 10px;
}
.idmAbRiDes p{
font-size: 14px;
color: #7a7a7a;
text-align: left;
margin-bottom: 5px;
}
.idmCase{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.idmCaseLst a{
display: block;
width: 100%;
overflow: hidden;
}
.idmCaseLst img{
width: 100%;
}
.idmTit1 p{
font-size: 20px;
font-weight: bold;
margin: 15px auto;
}
.idmCaseMore a{
display:block;
width: 135px;
height: 35px;
color: #fff;
font-size: 15px;
text-align: center;
line-height: 35px;
background-color: #f64037;
margin: 15px auto;
border-radius: 5px;
}
.idmExbFa{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.idmExbLst img{
width: 100%;
height: auto;
}
.idmMarkFa{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.idmMarkFa .idmMarkLst{
position: relative;
}
.idmMarkFa .idmMarkLst img{
width: 100%;
}
.idmMarkFa .idmMarkLst p{
position: absolute;
bottom: 0px;
width: 100%;
font-size: 12px;
color: #fff;
text-align: left;
padding-left: 5px;
background-color: rgba(0,0,0,0.6);
}
.idmFoot{
margin-top: 5px;
}
.idmFootTop{
width: 100%;
padding: 25px 20px 25px;
background-color: #363636;
text-align: left;
}
.idmFootTit p{
color: #bcbcbc;
font-size: 20px;
margin-bottom: 4px;
}
.idmFootDes p{
color: #fff;
font-size: 14px;
}
.idmFootMore{
display: flex;
flex-direction: row;
margin-top: 8px;
}
.idmFootMore a{
display: flex;
justify-content: center;
align-items: center;
height: 36px;
width: 41px;
border: 1px solid #868686;
margin-right: 9px;
}
.idmFootButtom{
background-color: #242424;
height: 48px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 20px;
}
.idmFootButtom a{
display: block;
width: 90px;
height: 18px;
color: #bcbcbc;
border-right: 1px solid #bcbcbc;
font-size: 13px;
}
.idmFootButtom a:nth-child(1){
border-left: 1px solid #bcbcbc;
}
.idmTit2 p{
font-size: 30px;
font-weight: bold;
margin: 30px auto 10px;
}
.idmTit2 span{
display: block;
margin-bottom: 15px;
}
/*右侧悬浮框2*/
.fixBar2{
width: 65px;
position: fixed;
right: 5px;
top: 46%;
z-index: 9;
padding: 0 5px;
}
.fixBar2Fa{
border-radius: 5px;
background-color: #d7dae0;
}
.fixBar2Fa li{
height: 60px;
width: 100%;
border-bottom: 1px solid #fff;
display: flex;
justify-content: center;
align-items: center;
}
.fixBar2Fa li:last-child{
border-bottom: none;
}
.fixBar2 .fixBar2-inquiry{
height: 85px;
flex-direction: column;
}
.fixBar2Fa li a{
display: block;
height: 35px;
width: 35px;
background-size: contain;
}
.fixBar2 .fixBar2-inquiry a{
height: 65px;
width: 40px;
background: url(../images/fixBar_inquiry.png)no-repeat top;
background-size: contain;
display: flex;
align-items: flex-end;
}
.fixBar2 .fixBar2-inquiry span{
display: inline-block;
text-align: center;
width: 100%;
color: #515151;
font-size: 14px;
}
.fixBar2-mail a{
background: url("../images/fixBar_mail.png")no-repeat center;
}
.fixBar2-wapp a{
background: url("../images/fixBar_wapp.png")no-repeat center;
}
.fixBar2-youtb a{
background: url("../images/fixBar_youtb.png")no-repeat center;
}
.fixBar2-gotop{
width: 100%;
height: 60px;
background: url("../images/fixBar_goTop.png")no-repeat center;
margin-top: 5px;
border-radius: 5px;
background-color: #d7dae0;
cursor: pointer;
}
/*关于我们新版样式*/
.abCompFa{
background-color: #f5f5f5;
}
.abBanner img{
width: 100%;
}
.abComp{
display: flex;
justify-content: space-between;
}
.abCompLe{
width: 570px;
height: 415px;
overflow: hidden;
}
.abComp .abCompLe img{
width: 100%;
}
.abCompRi{
width: 570px;
text-align: left;
}
.abCompRiOne p{
font-size: 34px;
font-family: "Microsoft Sans Serif";
color: #333333;
line-height: 50px;
}
.abCompRiOne span{
font-size: 14px;
line-height: 40px;
color: #333333;
font-family: "Microsoft Sans Serif";
font-weight: bold;
}
.abCompRiOne{
border-bottom: 1px dashed #dadada;
margin-bottom: 10px;
}
.abCompRiTwo p{
font-size: 14px;
line-height: 25px;
color: #333333;
margin-bottom: 30px;
}
.abCompRiThree{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.abCompRiThree p{
display: flex;
justify-content: flex-start;
align-items: center;
width: 240px;
height: 33px;
line-height: 33px;
background-color: #d31313;
color: #fff;
border-radius: 13px;
margin-bottom: 20px;
padding-left: 10px;
}
.abCompRiThree p i{
display: block;
width: 16px;
height: 14px;
background-image: url("../images/abzuan.png");
background-repeat: no-repeat;
margin-right: 5px;
}
.abCompRiThree p span{
font-size: 14px;
}
.abCompRiThree p:nth-child(1) , .abCompRiThree p:nth-child(3){
margin-right: 30px;
}
.abCerLstFa li{
width: 300px!important;
}
.abCerFa{
position: relative;
}
.abCerFa .hd{
width: 1300px;
position: relative;
height: 50px;
padding: 0 0px;
top: 190px;
}
.abCerFa .hd .prev , .abCerFa .hd .next{
width:55px;
height:41px;
margin-right:0px;
margin-top:10px;
overflow:hidden;
cursor:pointer;
display: flex;
justify-content: center;
align-items: center;
}
.abCerFa .hd .prev{
float: right;
position: absolute;
right: 35px;
z-index: 9;
}
.abCerFa .hd .next{
float:left;
margin-left: 7px;
position: absolute;
left: -65px;
z-index: 9;
}
.abXTit1 p{
font-size: 34px;
line-height: 34px;
margin-bottom: -25px;
margin-top: 27px;
}
.abChosexga{
margin-top: 50px;
background-color: #f5f5f5;
}
.abChosexOne{
display: flex;
justify-content: space-between;
}
.abChosexOneLe{
width: 590px;
text-align: left;
}
.abChosexOneLe p{
font-size: 34px;
font-family: "Microsoft Sans Serif";
line-height: 50px;
}
.abChosexOneLe ul li{
font-size: 14px;
font-family: "Microsoft Sans Serif";
line-height: 45px;
padding-left: 23px;
background: url("../images/abchoxdui.png")no-repeat left center;
}
.abChosexOneRi{
width: 490px;
}
.abChosexBott{
display: flex;
justify-content: space-between;
}
.abChosexBottLst{
width: 270px;
height: 125px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 2px;
background-color: #fff;
border: 1px solid #dcdcdc;
}
.abChosexBottLst i{
display: block;
width: 45px;
height: 45px;
}
.abChosexBottLst p{
font-size: 16px;
font-family: "Microsoft Sans Serif";
}
.abChosexBottLst:nth-child(1){
background-color: #d34346;
border: 1px solid #d34346;
}
.abChosexBottLst:nth-child(1) i{
background: url("../images/abChood01s.png")no-repeat center;
}
.abChosexBottLst:nth-child(1) p{
color: #fff;
}
.abChosexBottLst:nth-child(2) i{
background: url("../images/abChood02.png")no-repeat center;
}
.abChosexBottLst:nth-child(3) i{
background: url("../images/abChood03.png")no-repeat center;
}
.abChosexBottLst:nth-child(4) i{
background: url("../images/abChood04.png")no-repeat center;
}
.abChosexBottLst:nth-child(2):hover i{
background: url("../images/abChood02s.png")no-repeat center;
}
.abChosexBottLst:hover{
background-color: #d34346;
border: 1px solid #d34346;
}
.abChosexBottLst:hover p{
color: #fff;
}
.abChosexBottLst:nth-child(3):hover i{
background: url("../images/abChood03s.png")no-repeat center;
}
.abChosexBottLst:nth-child(4):hover i{
background: url("../images/abChood04s.png")no-repeat center;
}
.abProbxSon{
display: flex;
justify-content: space-between;
}
.abProbxOne{
margin-bottom: 10px;
}
.abProbxOne>div:hover img{
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.abProbxSon img{
width: 100%;
}
.abProbxOne>div{
width: 295px;
overflow: hidden;
}
.abProbxTwo>div{
width: 395px;
overflow: hidden;
}
.abProbxTwo>div:hover img{
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.abTIt2{
text-align: center;
margin-bottom: 20px;
}
.abTIt2 p{
font-size: 14px;
font-family: "Microsoft Sans Serif";
line-height: 20px;
}
.abTIt2 .abTIt2Big{
font-size: 34px;
font-family: "Microsoft Sans Serif";
line-height: 50px;
}
.abPrsGra{
background-color: #f5f5f5;
}
.abPrsFa{
display: flex;
justify-content: space-between;
}
.abPrsLe{
width: 680px;
text-align: left;
}
.abPrsRi{
width: 510px;
}
.abPrsLeOneTit{
font-size: 34px;
line-height: 60px;
font-family: "Microsoft Sans Serif";
}
.abPrsLeTwo{
margin-bottom: 15px;
}
.abPrsLeOneDes{
font-size: 14px;
font-family: Arial;
font-weight: bold;
margin-bottom: 15px;
}
.abPrsLeOneSign span{
font-size: 15px;
font-family: "Microsoft Sans Serif";
}
.abPrsLeThree a{
display: block;
width: 165px;
height: 43px;
border-radius: 3px;
background-color: #d34346;
color: #fff;
font-size: 15px;
font-family: "Microsoft Sans Serif";
text-align: center;
line-height: 43px;
margin-top: 10px;
}
.abPrsLeTwo ul{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 10px;
}
.abPrsLeTwo ul li{
line-height: 35px;
width: 320px;
padding-left: 15px;
background: url("../images/abMoDevCur.png") no-repeat left center;
}
.abPrsLeTwo ul li a{
color: #d4484b;
font-size: 15px;
font-family: "Microsoft Sans Serif";
}
.abPrsRiLst a{
display: block;
width: 100%;
}
.abPrsRiLst{
position: relative;
}
.abPrsRiLstDes{
width: 100%;
text-align: center;
height: 0;
position: absolute;
bottom: 40px;
}
.abPrsRiLstDes p{
height: 40px;
line-height: 40px;
color: #fff;
background-color: rgba(0,0,0,0.5);
}
.abPrsRi .swiper-button-next{
right: 0px!important;
}
.abPrsRi .swiper-button-prev{
left: 0px!important;
}
.abDevGa{
background: url("../images/abDevBg.jpg")no-repeat center center;
}
.abDevFas{
display: flex;
justify-content: space-between;
}
.abDevFas .abDevFasLe{
width: 440px;
height: 280px;
}
.abDevFasDow{
display: flex;
justify-content: center;
background: url("../images/abDevBoBg.png")no-repeat center center;
}
.abDevFasRi{
text-align: left;
width: 600px;
}
.abDevFasRiTit{
margin-bottom: 10px;
}
.abDevFasRiTit p{
font-size: 34px;
line-height: 40px;
font-family: "Microsoft Sans Serif";
}
.abDevFasRiTit span{
font-size: 14px;
font-family: "Microsoft Sans Serif";
font-weight: bold;
}
.abDevFasRiTabsYer{
font-size: 88px;
font-family: "Microsoft Sans Serif 平滑";
color: #bec8d8;
line-height: 90px;
padding-bottom: 10px;
border-bottom: 1px solid #bec8d8;
margin-bottom: 10px;
}
.abDevFasRiTabsDes{
font-size: 14px;
font-family: "Microsoft Sans Serif";
color: #000;
}
.abDevFasRiTabs>dd{
display: none;
}
.abDevFasLe >dd{
display: none;
}
.abDevFasDow dd i{
width: 38px;
height: 38px;
display: block;
background: url("../images/abDevddBgs.png") no-repeat center;
margin-bottom: 15px;
}
.abDevFasDow dd{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100px;
text-align: center;
cursor: pointer;
position: relative;
top: 18px;
}
.abDevFasDow dd p{
font-size: 14px;
font-family: "Microsoft Sans Serif 平滑";
color: #000;
}
.abDevFasDow>dd:nth-child(1) i{
background: url("../images/abDevddBg.png") no-repeat center;
}
.abDevFasDow>dd:hover i{
background: url("../images/abDevddBg.png") no-repeat center;
}
.abRespFas{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.abRespFas .abRespLst{
width: 230px;
height: 323px;
position: relative;
overflow: hidden;
}
.abRespLst img{
width: 100%;
}
.abRespLstDes{
line-height: 125px;
text-align: center;
color: #fff;
position: absolute;
background-size: cover;
}
.abRespFas .abRespLst:nth-child(2n) .abRespLstDes{
display: block;
width: 100%;
height: 124px;
background: url("../images/abDerPBgTop.png")no-repeat;
background-size: cover;
top: -1px;
}
.abRespFas .abRespLst:nth-child(2n):hover .abRespLstDes{
height: 60px;
line-height: 60px;
transition-duration:0.5s;
}
.abRespFas .abRespLst:nth-child(2n+1):hover .abRespLstDes{
height: 80px;
transition-duration:0.5s;
}
.abRespFas .abRespLst:nth-child(2n+1) .abRespLstDes{
display: block;
width: 100%;
height: 124px;
background: url("../images/abDerPBgDon.png")no-repeat;
background-size: cover;
bottom: 0px;
}
/*=================================关于我们手机端=========================*/
.abMoComTop{
width: 100%;
border-radius: 8px;
overflow: hidden;
}
.abMoComTop img{
width: 100%;
}
.abMoComTit p{
font-size: 20px;
line-height: 40px;
font-family: "Microsoft Sans Serif";
}
.abMoComTop{
margin-bottom: 10px;
}
.abMoComDes p{
text-align: left;
word-break: break-all;
font-size: 14px;
color: #333333;
font-family: "Arial";
margin-bottom: 7px;
}
.abMoXTit1 p {
font-size: 20px!important;
line-height: 34px!important;
margin-bottom: -44px!important;
margin-top: 10px!important;
}
.abMoChoos{
background-color: #f5f5f5;
margin-top: 10px;
}
.abMoChoosTit p{
font-size: 20px;
margin: 7px;
font-family: "Microsoft Sans Serif";
}
.abMoChoosFa{
margin-top: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.abMoChoosLst{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45%;
height: 125px;
background-color: #fff;
border-radius: 25px;
border: 1px solid #e0e0e0;
margin-bottom: 10px;
}
.abMoChoosLst:nth-child(1) i{
background: url("../images/abMoChoos1.png") no-repeat center;
}
.abMoChoosLst:nth-child(2) i{
background: url("../images/abMoChoos2.png") no-repeat center;
}
.abMoChoosLst:nth-child(3) i{
background: url("../images/abMoChoos3.png") no-repeat center;
}
.abMoChoosLst:nth-child(4) i{
background: url("../images/abMoChoos4.png") no-repeat center;
}
.abMoChoosLst p{
font-size: 14px;
}
.abMoChoosLst i{
display: block;
width: 40px;
height: 40px;
}
.abMoProcXTit p{
font-size: 20px;
font-family: "Microsoft Sans Serif";
line-height: 40px;
}
.abMoProcXFa{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.abMoProcXLst{
width: 49%;
height: auto;
margin-bottom: 2%;
}
.abMoProcXLst:nth-child(3) , .abMoProcXLst:nth-child(4){
margin-bottom: 0!important;
}
.abMoProcXLst img{
width: 100%;
}
.abPrsLeOneTit {
font-size: 20px;
line-height: 40px;
font-family: "Microsoft Sans Serif";
}
.abPrsLeTwo ul li {
text-align: left;
line-height: 35px;
}
.abMoDepTit p{
font-size: 20px;
line-height: 40px;
font-family: "Microsoft Sans Serif";
}
.abMoDepFa img{
width: 100%;
}
.abMoDevTit p{
font-size: 20px;
line-height: 40px;
font-family: "Microsoft Sans Serif";
}
.abMoDevDow img{
width: 100%;
}
.abBanner img{
width: 100%;
}
.abBannerMo{
width: 100%;
position: relative;
height: auto;
}
.abBannerMo img{
width: 100%;
}
.abBannerMoDes{
width: 100%;
height: 100%;
position: absolute;
top: 30%;
}
.abBannerMoDesTit{
color: #fff;
font-size: 24px;
}
.abBannerMoDesDes{
color: #fff;
font-size: 14px;
width: 80%;
margin: 10px auto;
}
.abBannerMoDesSign{
display: block;
width: 60px;
height: 5px;
margin: 15px auto 0;
background-color: #f43838;
}
.abMoDevMid{
width: 95%;
margin: 0 auto;
display: flex;
justify-content: flex-start;
}
.abMoDevMidLeLine{
width: 1px;
background-color: #f43838;
position: relative;
left: 5px;
}
.abMoDevMid ul li{
text-align: left;
margin-bottom: 5px;
}
.abMoDevMid ul li p{
padding-left: 15px;
background: url("../images/abMoDevCur.png")no-repeat left center;
}
.abMoDevMid ul li span{
display: block;
color: #666666;
padding-left: 15px;
font-size: 14px;
}
.abMoDevMidLst p{
font-size: 20px;
color: #e34535;
}
/*=================================关于我们手机端结束=========================*/
/*=================================产品类列表页改版开始=========================*/
.pXFa{
display: flex;
justify-content: space-between;
}
.pXLe{
width: 880px;
}
.pXRi{
width: 250px;
}
.pXLeDpTit{
padding-left: 25px;
background: url("../images/pXLeDpTit.png")no-repeat left;
font-family: "Microsoft YaHei", "黑体";
font-size: 23px;
color: #333333;
text-align: left;
line-height: 52px;
}
.pXLeDpES{
font-size: 14px;
text-align: left;
line-height: 26px;
margin-bottom: 12px;
}
.pXCat{
width: 100%;
height: 52px;
display: flex;
justify-content: space-around;
align-items: center;
margin: 10px 0 20px;
}
.pXCat a{
display: flex;
justify-content: center;
align-items: center;
height: 52px;
width: 141px;
line-height: 52px;
border:2px solid #de4e47;
border-radius: 10px;
font-size: 14px;
font-weight: bold;
color: #3b2525;
}
.pXCat .hover{
background-color: #de4e47;
color: #fff;
}
.pXCat a span{
font-weight: bold;
}
/*.pXCat a:nth-child(1){*/
/* background-color: #de4e47;*/
/* color: #fff;*/
/*}*/
.pXCat a:nth-child(1) i{
display: block;
width: 19px;
height: 25px;
background: url("../images/huo1.png")no-repeat center;
margin-right: 5px;
}
.pXCat .hovers{
background-color: #de4e47;
color: #fff;
}
.pXCat .hovers i{
display: block;
width: 19px;
height: 25px;
background: url("../images/huo.png")no-repeat center!important;
margin-right: 5px;
}
.pXCat a:hover{
background-color:#de4e47;
color: #fff;
}
.pXCat a:nth-child(1):hover{
color: #fff;
}
.pXCatBt{
height: 8px;
background: url("../images/pXCatBt.png")no-repeat center;
margin-bottom: 20px;
}
.pXLeLstFa{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.pXLeLst{
width: 278px;
height: 395px;
background-color: #f4f4f4;
margin-bottom: 20px;
box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);
}
.pXLeLst:hover .pXLeLstDes{
border-top: 1px solid #564c4c;
}
.pXLeLst:hover .pXLeLstBox img{
transform: scale(1.04,1.04);
-webkit-transform: scale(1.04,1.04);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.pXLeLstBox{
width: 278px;
height: 240px;
display: flex;
justify-content: center;
align-items: center;
}
.pXLeLstDes{
display: block;
width: 258px;
margin: 0 10px;
border-top: 1px solid #e2e2e7;
}
.pXLeLstDesTit{
display: block;
text-align: left;
line-height: 30px;
font-size: 16px;
color: #333333;
margin-top: 10px;
}
.pXLeLstDesEs{
text-align: left;
font-size: 14px;
color: #7c8083;
line-height: 20px;
height: 60px;
overflow: hidden;
}
.pXLeLstDesMo{
display: block;
color: #fff!important;
background-color: #de4e47;
}
.pXLeLstDesMo{
width: 120px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 12px;
margin-top: 10px;
}
/*右侧*/
.pxRiOneTit{
font-size: 14px;
font-weight: bold;
text-align: left;
line-height: 40px;
padding-top: 10px;
}
.pxRiOneBg{
height: 6px;
margin-bottom: 5px;
background: url("../images/pxRiOneBg.png")no-repeat center;
}
.pxRiOneLst{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.pxRiOneLst a{
font-size: 14px;
display: block;
width: 250px;
height: 34px;
line-height: 34px;
text-align: left;
color: #747474;
padding-left: 18px;
background: url(../images/pxRiOneLst.png)no-repeat left center;
border-bottom: 1px solid #ccc;
}
.pxRiOneLst a:hover{
font-weight: bold;
}
.pxRiTwoLstFa{
width: 100%;
height: 420px;
overflow: scroll;
background-color: #ededed;
padding: 10px 0px;
}
.pxRiTwoLst{
width: 220px;
margin: 0 10px;
}
.pxRiTwoLst a{
display: block;
width: 100%;
}
.pxRiTwoLst a img{
width: 100%;
}
.pxRiTwoLst a p{
font-size: 14px;
line-height: 30px;
text-align: left;
}
.pxRiTwoLst:hover p{
color: #f43838;
}
.pxRiFromDes{
font-size: 13px;
font-family: "Microsoft YaHei", "黑体";
text-align: left;
line-height: 18px;
margin: 10px 0;
}
.pxRiFrom form div{
width: 100%;
}
.pxRiFrom form div input{
width: 100%;
height: 35px;
background-color: #f7f7f7;
border: 1px solid #ececec;
margin-bottom: 5px;
}
.pxRiFrom form div textarea{
width: 100%;
height: 85px!important;
background-color: #f7f7f7;
border: 1px solid #ececec;
}
.pxRiFromSub input{
background-color: #de4e47!important;
margin-bottom: 0px;
cursor: pointer;
border-radius: 5px;
line-height: 30px;
width: 80px!important;
height: 35px!important;
font-size: 15px;
color: #fff;
}
.pxRiFromSub{
text-align: left;
}
/*=================================产品类列表页改版结束=========================*/
.subSons li{
font-size: 12px!important;
border-bottom: 1px solid #eaeaea!important;
}
.subSons li a{
color: #5e5e5e;
}
.contXin{
background-color: #f4f4f4;
}
.contXin .contXinForm{
border: 1px solid #ccc;
width: 1160px!important;
background-color: #fff;
margin: 15px auto;
}
.contXin .conContent{
margin-bottom: -10px;
}
/*===============================专题列表页面样式开始===============================*/
.idbsBanner img{
width: 100%;
}
.ibdsFa{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ibdsLst{
width: 385px;
}
.ibdsLstDece{
padding: 30px 30px 20px;
height: 176px;
background-color: #f7f7f7;
margin-bottom: 30px;
}
.ibdsLstTIt{
font-family: Arial;
font-size: 18px;
font-weight: bold;
}
.ibdsLstDes{
margin-top: 10px;
font-family: Arial;
font-size: 14px;
color: #666666;
}
.ibdsLstMore{
margin-top: 15px;
text-decoration: underline;
font-size: 12px;
color: #666666;
}
.ibdsLst:hover {
background: url("../images/lstFg.png")no-repeat center top;
}
.ibdsLst:hover .ibdsLstMore{
color: #e60012;
}
.ibdsLst .ibdsLstHov{
display: block;
width: 100%;
position: relative;
z-index: -9;
}
.ibdsForm{
background-color: #f7f7f7;
}
.ibdsFormFa{
display: flex;
justify-content: space-between;
align-items: center;
height: 108px;
}
.ibdsFormFaRi form{
display: flex;
justify-content: space-between;
align-items: center;
}
.ibdsFormFaRi{
width: 1000px;
}
.ibdsFormFaRi .ibdsFormFaRiLe input{
width: 246px;
height: 31px;
border: 1px solid #e7e7e7;
border-radius: 5px;
margin-right: 15px;
}
.ibdsFormFaRi .ibdsFormFaRiRi input{
width: 165px;
height: 45px;
background-color: #e85661;
color: #fff;
border-radius: 5px;
border: none;
cursor: pointer;
}
/*===============================专题列表页面样式结束===============================*/
/*=============================Boiler Industriesy列表页面新样式开始====================*/
.indusxFa{
width:880px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.indusxLst{
width: 275px;
height: 193px;
overflow: hidden;
margin-right: 2%;
margin-bottom: 20px;
}
.indusxLst a{
display: block;
width: 100%;
height: 100%;
position: relative;
border-radius: 15px;
overflow: hidden;
}
.indusxBox{
width: 100%;
height: 100%;
}
.indusxBox img{
width: 100%;
height: 100%;
}
.indusxDes{
position: absolute;
top: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-weight: bold;
background-color: rgba(0,0,0,0.5);
}
.indusxLst:hover .indusxDes{
background-color: rgba(0,0,0,0);
}
.indusxLe li{
padding-left: 10px;
}
.indusxLe li a{
background: url(../images/pxRiOneLst.png)no-repeat left center;
color: #747474!important;
font-weight: normal;
}
.indusxLe li a:hover{
font-weight: bold;
}
/*=============================Boiler Industriesy列表页面新样式结束====================*/
/*=============================Boiler Industriesy详情页面新样式开始====================*/
.indEx{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.indExLe{
width: 272px;
}
.indExMi{
width: 623px;
border: 1px solid #e2e2e2;
background-color: #fafafa;
}
.indExRi{
width: 243px;
}
.indExLe1{
border:2px solid #3a3f64;
}
.indExLe1Tit{
height: 50px;
color: #fff;
line-height: 50px;
background-color: #3a3f64;
font-weight: bold;
font-size: 16px;
font-family: "Helvetica";
}
.indExLe1Fa{
margin: 10px 0 0;
}
.indExLe1Fa dd{
font-weight: bold;
font-size: 14px;
font-family: "Helvetica";
text-align: left;
padding-left: 25px;
}
.indExLe1Fa ul{
padding-left: 50px;
}
.indExLe1Fa ul li{
list-style: disc;
padding-left: 5px;
}
.indExLe1Fa ul li a{
display: block;
text-align: left;
font-size: 12px;
margin-left: -10px;
line-height: 25px;
}
.indExLe2{
border: 2px solid #3a3f64;
padding-bottom: 10px;
}
.indExLe2Fa >div{
margin-top: 5px;
text-align: center;
font-size: 16px;
font-weight: bold;
}
.indExLe2Fa ul{
padding-left: 50px;
}
.indExLe2Fa ul li{
list-style: disc;
padding-left: 5px;
}
.indExLe2Fa ul li a{
display: block;
text-align: left;
font-size: 12px;
margin-left: -10px;
line-height: 25px;
}
.indeBg1{
width: 100%;
height: 5px;
background: url("../images/indeBg1.png") no-repeat;
}
.indEDelFa{
padding: 0 20px 20px 20px;
}
.indEBigTit{
font-size: 20px;
font-weight: bold;
font-family: "Helvetica";
height: 100px;
line-height: normal;
text-align: center;
padding-top: 30px;
}
.indEDelTit{
background: url("../images/indeBg2.png")no-repeat bottom left;
margin-bottom: 15px;
}
.indEDelTit p{
padding-left: 30px;
background: url("../images/indeBg3.png")no-repeat left;
line-height: 45px;
height: 45px;
font-size: 17px;
font-weight: bold;
font-family: "Helvetica";
text-align: left;
margin-top: 5px;
}
.indEDel1Link{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.indEDel1Des p{
font-size: 13px;
font-family: "Arial";
text-align: left;
margin-bottom: 5px;
}
.indEDel1Link a{
display: inline-block;
text-decoration: underline;
color: #ff4037;
margin-right: 10px;
font-size: 12px;
font-family: "微軟正黑體";
}
.indEDel2Des p{
font-size: 12px;
font-family: "Arial";
text-align: left;
}
.indEDel4Des p{
font-size: 13px;
font-family: "Arial";
text-align: left;
margin-bottom: 8px;
}
.indEDel4Des{
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
padding-bottom: 20px;
}
.indEDel4Sher{
text-align: left;
font-family: "Impact";
font-size: 16px;
margin-bottom: 15px;
}
.indEDel4Sher a{
display: inline-block;
width: 33px;
height: 33px;
}
.indEDel4Sher a img{
width: 100%;
}
.indEDel5 form{
background-color: #282a3b;
border-radius: 10px;
padding: 20px 12px;
}
.indEDel5Tit p{
font-family: "Helvetica";
font-size: 20px;
color: #fff;
margin-bottom: 10px;
}
.indEDel5Tit span{
display: inline-block;
width: 323px;
font-size: 12px;
font-family: "微軟正黑體";
line-height: 15px;
color: #fff;
margin-bottom: 20px;
}
.indEDel5One{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.indEDel5One input{
width: 45%;
border-radius: 8px;
margin-bottom: 15px;
height: 42px;
border: none;
}
.indEDel5Two textarea{
width: 95%;
height: 100px;
border-radius: 8px;
margin-bottom: 15px;
}
.indEDel5Three input{
width: 285px;
height: 36px;
border: none;
color: #fff;
font-size: 12px;
font-family: "微軟正黑體";
border-radius: 8px;
background-color: #de4f55;
}
.indExRi p{
text-align: left;
font-size: 16px;
font-family: "Helvetica";
font-weight: bold;
margin-bottom: 10px;
}
.indExRiLst .indExRiLstTit{
height: 30px;
background-color: #3a3f64;
color: #fff;
font-family: "微軟正黑體";
font-size: 12px;
line-height: 30px;
}
.indExRiLst{
margin-bottom: 22px;
}
.indExLe1Fa ul li a:hover{
color: #f43838;
}
/*=============================Boiler Industriesy详情页面新样式结束====================*/
/*=============================design详情页面新样式开始====================*/
.dsx1{
text-align: left;
}
.dsx1 p{
margin: 15px 0;
color: #666666;
font-size: 14px;
}
.dsx1Tab{
background-color: #403b3b;
width: 100%;
height: 65px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.dsx1Tab a{
height: 36px;
background-color: #fff;
padding: 0px 15px;
border-radius:18px;
line-height: 36px;
margin: 10px;
cursor: pointer;
width: 245px;
text-align: center;
}
.dsx1Tab .showTab{
background-color: #c42525;
color: #fff;
}
.dsx1TabSwith>dd{
display: none;
}
.dsx1TabSwith .shows{
display: block!important;
}
.dsx1TabSwDeFa{
display: flex;
justify-content: flex-start;
}
.dsx1TabSwDeLst{
margin-right: 20px;
background-color: #fff;
height: 310px;
border: 1px solid #ccc;
width: 23%;
padding-top: 15px;
padding-bottom: 15px;
}
.dsx1TabSwDeLst>a{
position: relative;
}
.dsx1TabSwDeLst .dsx1BoxDes{
height: 55px;
width: 248px;
position: absolute;
bottom: -60px;
}
.dsx1TabSwDeLst .dsx1BoxDes .dsx1BoxDes2{
display: none;
}
.dsx1BoxDes1{
line-height: 55px;
}
.dsx1TabSwith>dd>p{
text-align: left;
padding-left: 20px;
margin: 15px 0px;
padding-right: 20px;
font-size: 14px;
color: #666666;
}
.dsx1TabSwDeLst:hover .dsx1BoxDes{
height: 95px;
bottom: -60px;
z-index: 99;
background-color: #fff;
}
.dsx1TabSwDeLst:hover .dsx1BoxDes2{
display: block;
}
.dsx1BoxDes2{
color: #8b8b8b;
}
.dsx1Faq>p{
color: #c42525;
font-size: 16px;
font-family: "方正兰亭黑Pro_GB...";
margin: 15px 0;
text-align: left;
background: url("../images/sevFdj.png")no-repeat left;
padding-left: 25px;
}
.dsx1FaqSon{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.dsx1FaqSon a{
background-color: #fff;
border-radius: 16px;
height: 33px;
padding: 5px 30px;
margin-right: 20px;
margin-bottom: 20px;
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.5);
}
.dsx2 h1{
text-align: left;
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 24px;
margin: 15px 0px;
}
.dsx2Fa{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.dsx2Lst{
width: 570px;
height: 220px;
border: 1px solid #ccc;
border-radius: 8px;
padding: 25px 20px 20px 20px;
cursor: pointer;
}
.dsx2Lst .dsx2LstTit{
color: #f43838;
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 24px;
text-align: left;
margin-bottom: 10px;
}
.dsx2Lst .dsx2LstTit >span{
font-size: 18px;
}
.dsx2Lst .dsx2LstDes{
font-size: 12px;
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
text-align: left;
}
.dsx2Lst:nth-child(1) , .dsx2Lst:nth-child(2){
margin-bottom: 22px;
}
.dsx2Lst:nth-child(3){
background-color: #dd5656;
}
.dsx2Lst:nth-child(3) .dsx2LstTit , .dsx2Lst:nth-child(3) .dsx2LstDes{
color: #fff;
}
.dsx2Lst:hover{
background-color: #dd5656;
}
.dsx2Lst:hover .dsx2LstTit , .dsx2Lst:hover .dsx2LstDes{
color: #fff;
}
.dsx2Btn{
display: flex;
justify-content: flex-start;
}
.dsx2Btn a{
display: flex;
justify-content: space-around;
align-items: center;
width: 195px;
height: 60px;
background-color: #302c23;
margin-right: 20px;
border-radius: 8px;
margin-top: 20px;
}
.dsx2Btn a p:nth-child(1){
color: #fff;
font-size: 16px;
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}
.dsx2Btn a p:nth-child(2){
color: #bebebc;
font-size: 12px;
}
.dsx2Btn a i{
display: block;
width: 9px;
height: 15px;
background: url("../images/dsx2Btn.png")center no-repeat;
}
.dsx3{
width: 100%;
height: 570px;
background: url("../images/dsx3Bg.jpg") no-repeat center;
}
.dsx3Fa h1{
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 24px;
text-align: left;
padding: 35px 0;
}
.dsx3Lst>p{
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 19px;
color: #cb4040;
text-align: left;
margin-bottom: 16px;
margin-top: 0px;
}
.dsx3Lst .dsx3LstDes{
border-radius: 8px;
background-color: #dd5656;
margin-bottom: 20px;
}
.dsx3Lst .dsx3LstDes p{
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 15px;
border-radius: 8px;
background-color: #fff;
text-align: left;
padding: 25px 20px 25px 20px;
position: relative;
left: 4px;
}
.dsx4Fa>h1{
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-seri;
font-size: 24px;
text-align: left;
margin-top: 40px;
}
.dsx4FaTits{
text-align: left;
font-size: 14px;
color: #666666;
margin: 15px 0;
}
.dsx4Fas{
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}
.dsx4Lst{
width: 395px;
}
.dsx4LstTop{
width: 395px;
height: 202px;
padding: 25px;
background: url("../images/dsx4LstTopBg.png")center no-repeat;
}
.dsx4LstTop p{
text-align: left;
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 14px;
color: #666666;
margin-top: 15px;
}
.dsx4LstTop i{
display: block;
width: 17px;
height: 18px;
background: url("../images/dsx4LstTop.png")no-repeat center;
}
.dsx4LstBott{
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 14px;
}
.dsx4Box{
margin-right: 15px;
margin-left: 30px;
}
.dsx4Lstdex>p:nth-child(1){
color: #cb4040;
font-size: 18px;
}
.dsx4Lstdex>p:nth-child(2){
display: flex;
justify-content: flex-start;
align-items: center;
}
.dsx4Lstdex>p:nth-child(2) i{
display: block;
width: 12px;
height: 15px;
background: url("../images/dsx4Lstdex1.png")no-repeat center;
margin-right: 8px;
}
.dsx4Lstdex>p:nth-child(2) span{
font-size: 14px;
color: #666666;
}
.dsx4More a{
width: 290px;
height: 50px;
border: 1px solid #333333;
border-radius: 7px;
line-height: 50px;
text-align: center;
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 30px;
}
.dsx5{
width: 100%;
height: 665px;
background: url("../images/dsx5Bg.jpg")no-repeat center;
}
.dsx5Fa h1{
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 24px;
text-align: left;
padding: 45px 0 10px;
}
.dsx5Fa>p{
text-align: left;
font-size: 14px;
color: #666666;
margin-bottom: 30px;
}
.dsx5Fas{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
}
.dsx5Lst{
width: 285px;
height: 175px;
border-radius: 7px;
overflow: hidden;
margin-bottom: 20px;
cursor: crosshair;
}
.dsx5Lst:hover img{
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.dsx5LineFa{
display: flex;
justify-content: space-between;
align-items: center;
}
.dsx5LineLst{
width: 285px;
text-align: center;
}
.dsx5LineLst dd{
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 14px;
margin-top: 7px;
}
.dsx5Line{
border-bottom: 1px solid #cb4040;
position: relative;
top: 16px;
}
.dsx6{
margin-bottom: -30px;
}
.dsx6Fa>h1{
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 24px;
text-align: left;
margin-top: 40px;
margin-bottom: 10px;
}
.dsx6Fa>p{
text-align: left;
margin-bottom: 20px;
}
.dsx6Fas{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.dsx6Le{
width: 430px;
}
.dsx6LeLst a{
display: flex;
width: 425px;
height: 160px;
border: 1px solid #e0e0e0;
border-radius: 7px;
padding: 48px;
}
.dsx6LeLst:nth-child(1){
margin-bottom: 16px;
}
.dsx6Box{
margin-right: 40px;
}
.dsx6Des{
text-align: left;
}
.dsx6Des span{
font-size: 16px;
color: #666666;
}
.dsx6Ri{
width: 680px;
}
.dsx6Ri01{
display: flex;
justify-content: space-between;
}
.dsx6Ri p{
text-align: left;
font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
font-size: 15px;
color: #333333;
font-weight: bold;
}
.dsx6Ri input{
border: 1px solid #d6d6d6;
background-color: #f0f0f0;
border-radius: 7px;
height: 43px;
}
.dsx6Ri i{
font-weight: bold;
color: #da251c;
}
.dsx6Ri01Lst input{
width: 310px;
}
.dsx6Ri02 input{
width: 100%;
}
.dsx6Ri03 textarea{
width: 100%;
height: 127px;
border: 1px solid #d6d6d6;
background-color: #f0f0f0;
border-radius: 7px;
}
.dsx6Ri04 input{
width: 148px;
height: 38px;
background-color: #dd5656;
color: #fff;
}
.dsx6Ri04{
text-align: left;
}
.dsx6Ri form>div{
margin-bottom: 24px;
}
.dsx6Ri03{
margin-bottom: 10px!important;
}
/*=============================design详情页面新样式结束====================*/
/*产品详情页设备列表*/
.EquipLst{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.EquipLst>div{
width: 25%;
border: 1px solid #e0dede;
height: 55px;
line-height: 55px;
font-size: 14px;
cursor: crosshair;
}
.EquipLst>div:hover{
background-color: #43475e;
color: #fff;
}
/*.EquipLst>div:nth-child(1){*/
/* background-color: #43475e;*/
/* color: #fff;*/
/*}*/
.EquipForFa{
display: flex;
justify-content: flex-start;
align-items: center;
border: 1px solid #d5d5d5;
width: 460px;
background-color: #fff;
margin-bottom: 25px;
}
.EquipForFa >input{
border: none;
height: 45px;
}
.EquipForFa >input:nth-child(1){
width: 420px;
}
.EquipForFa >input:nth-child(2){
width: 30px;
background: url("../images/fleys.png") no-repeat center;
background-color: #fff;
cursor: pointer;
}
.EquipMo .EquipLst>div{
font-size: 12px;
line-height: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.EquipMo .EquipLst>div:hover {
background-color: #fff;
color: #000;
}
.EquipMo .EquipLst>div:nth-child(1){
background-color: #43475e;
color: #fff;
}
.EquipMo{
margin-top: -15px;
}
.EquipMo .EquipForFa{
width: 100%;
}
.EquipMo .EquipForFa >input:nth-child(1) {
width: 90%;
}
.prodelMoDsta>div{
text-align: left;
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 5px;
}
.prodelMoDsta>div i{
display: block;
width: 5px;
height: 5px;
background-color: #ea1212;
border-radius: 50%;
margin-right: 7px;
margin-top: 10px;
}
.prodelMoDsta>div span{
display: inline;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #808080;
font-size: 12px;
width: 135px;
line-height: 20px;
margin-right: 4px;
font-weight: bold;
}
.prodelMoDsta p{
font-size: 12px;
line-height: 20px;
vertical-align: baseline;
padding: 3px 0;
width: 98%;
}
/*公共底部新*/
.foMoN{
width: 100%;
height: 1rem;
background: #fff;
background-size: 4.51rem 0.6rem;
z-index: 999;
position: fixed;
bottom: 0;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
border-top: 1px solid #eaeaea;
padding-bottom: 55px;
}
.foMoN{
display: flex;
justify-content: space-between;
}
.foMoN>.foMoNLe{
display: flex;
justify-content: space-around;
width: 53%;
}
.foMoNRi{
width: 42%;
display: flex;
justify-content: flex-start;
height: 1rem;
align-items: flex-end;
}
.foMoN .foMoNLe a{
display: block;
height: 1rem;
text-align: center;
font-size: 0.28rem;
color: #000;
width: 30%;
}
.foMoN .foMoNLe a span{
padding-top: 0.4rem;
display: inline-block;
width: 100%;
margin-top: 0.18rem;
font-size: 12px;
}
.foMoN1{
background: url(../images/foMoN1.png)no-repeat center 0.25rem;
background-size: 0.38rem 0.38rem;
}
.foMoN2{
background: url(../images/foMoN2.png)no-repeat center 0.25rem;
background-size: 0.44rem 0.42rem;
}
.foMoN3{
background: url(../images/foMoN3.png)no-repeat center 0.24rem;
background-size: 0.44rem 0.42rem;
}
.foMoNRi a{
display: block;
width: 158px;
height: 33px;
line-height: 33px;
background: linear-gradient(to right,#375fe0,#1cb3e2);
border-radius: 15px;
color: #fff;
font-size: 15px;
}