@charset "utf-8";
/* CSS Document akakaz */
* {margin: 0;padding: 0;}
.clear {clear: both;}
strong,a,span,li {font-size: 14px;}
img {border: none;}
a, a:link, a:active, a:visited, a:hover {color: #707070;text-decoration: none;}
ul, li, ol {list-style: none;}
i,em {font-style:normal;}
/* CSS Document */
/* 样式重置--------------------*/
::-webkit-input-placeholder{
color:#797979;
}
:-moz-placeholder{
caret-color:#797979;
}
::-moz-placeholder{
color:#797979;
}
:-ms-input-placeholder{
flood-color:#797979;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
box-shadow:0 0 0 60px #f5f5f5 inset;
-webkit-text-fill-color: #000;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
ul {
list-style: none;
}
/* 清除浮动
-----------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* 兼容清除浮动和错位 */
a {
text-decoration: none;
color: #333;
}
a:hover {
color: #ec3b02;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.f-oh{
overflow: hidden;
}
.f-cb {
zoom:1;
}
.scale {
transition: 1s;
transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2); /* IE 9 */
-moz-transform:scale(1.2,1.2); /* Firefox */
-webkit-transform:scale(1.2,1.2); /* Safari 和 Chrome */
-o-transform:scale(1.2,1.2);
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.ellipsis2{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.ellipsis3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.ellipsis5{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
line-clamp: 6;
-webkit-box-orient: vertical;
}
.ll {float: left;}
.rr {float: right;}
@media (min-width:1400px){
.container {width: 1300px !important;padding: 0px;max-width: none;}
}
@media (min-width:1200px) and (max-width: 1400px){
.container {width: 1200px !important;padding: 0px;max-width: none;}
}
/*-------header-------*/
.header {position: fixed;z-index: 10;left: 0;right: 0;top:15px;height: 80px;transition: all 0.3s;}
.header-min {background: #3b7bc9;top:0;}
.head {width: 100%;height:80px;margin:0 auto;transition: all 0.3s;padding: 0 2%;}
.header .head .logo {height: 80px;}
.header .head .logo a {display: block;height: 100%;}
.header .head .logo h1 {line-height: 80px;height: 80px;margin:0;display: table-cell;vertical-align: middle;}
.header .head .logo h1 img {width:auto;height: auto;max-height: 100%;max-width: 100%;vertical-align: middle;display: table-cell;}
/*-------header end-------*/
/*-------nav-------*/
.nav {padding: 0;position: relative;}
.navBox{position: relative;width: 100%;}
.nav_transform1 ul.navCont li.child{position:relative;float:left;width:12.5%;line-height:80px;text-align:center;color:#000;}
.nav_transform1 ul.navCont li.child a{display: block;color: #fff;}
.nav_transform1 ul.navCont li.child .title{font-size:16px;color:#fff;line-height: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.nav_transform1 ul.navCont li.child .title{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont li.child .title:after {content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background-color: #57a2eb; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; left: 0; }
.nav_transform1 ul.navCont li.child a:hover .title{color:#fff;}
.nav_transform1 ul.navCont li.child.on .title{color:#fff;}
.nav_transform1 ul.navCont li.child a:hover .title:after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; right: 0; }
.nav-overlay {position: fixed;top: 0;left: 0;z-index: 10;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .6);opacity: 0;transition: opacity .3s linear;pointer-events: none;}
/* 导航按钮*/
button.nav-trigger{display:none;position:absolute;top:50%;right:0px;z-index:20;height:60px;width:60px;margin-top:-30px;padding:0 12px;background:#1667b6;border:0;outline:0;border-radius: 50%;}
.nav-trigger{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1)}
.nav-icon{position:relative;top:0px;left:5px;right:inherit;display:block;width:26px;height:2px;background-color:#fff;border-radius:2.5rem;transition:all .3s}
.nav-icon:after,.nav-icon:before{content:"";position:absolute;z-index:-1;display:block;height:2px;width:100%;border-radius:2.5rem;background-color:#fff;transition:all .3s}
.nav-icon:before{top:7px}
.nav-icon:after{top:-7px}
/*.navigation-is-visible .nav-trigger{-webkit-transform:translate3d(84vw,0,0);transform:translate3d(84vw,0,0)}*/
.navigation-is-visible .nav-icon{background-color:transparent!important}
.navigation-is-visible .nav-icon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0;background-color:#fff}
.navigation-is-visible .nav-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;background-color:#fff}
/*二级*/
.child .childContent { display: none; position: absolute; top:80px; width: 140%; z-index: 999;padding:0;overflow: hidden;left: -20%; }
.child .childContent .childContentLi { color: #fff; font-size: 14px; line-height: 40px; background: rgba(59,123,203,0.8);border-bottom: 1px solid #3b7bca;}
.child .childContent .childContentLi:last-child {border-bottom:none;};
.child .childContent .childContentLi a {color: #fff;}
.child .childContent .childContentLi:hover { background: #fff; color: #3b7bca !important; }
.child .childContent .childContentLi:hover a {color: #3b7bca;}
/*-------nav end-------*/
/*-------banner-------*/
.ibanner{ height:780px;position: relative;}
.ibanner .swiper-container {width: 100%;height: 100%; overflow:hidden;}
.ibanner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; opacity:0; transition:all 0.5s;}
.ibanner .swiper-button-prev,.ibanner .swiper-button-next{ background-image:none ; width: 55px; height: 85px; text-align: center; line-height: 85px;}
.ibanner .swiper-button-prev i,.ibanner .swiper-button-next i{ color: #fff; font-size: 3rem;}
.ibanner .swiper-button-prev{ left: 5px;}
.ibanner .swiper-button-next{ right: 5px;}
.ibanner .swiper-pagination-bullet {background: #fff;opacity: 0.5;}
.ibanner .swiper-pagination-bullet-active { background: #fff;opacity: 1;}
.ibanner .ban-img {display: block;width: 100%;height: 100%;}
/*-------banner end-------*/
/*-----热门词汇-------*/
.sect_hot {padding:0;margin:-40px 0 15px;position: relative;z-index: 1;}
.sect_hot .sethotbox {background: #f2f4f8;padding:0;overflow: hidden;}
.sect_hot .hotword {padding: 20px;overflow: hidden;}
.sect_hot .hot_words {color: #7c7c7c;font-size: 12px;line-height: 40px;background:url(../images/fire.png) no-repeat left center;padding-left: 20px;}
.sect_hot .hot_words a {display: inline-block;color: #7c7c7c;font-size: 12px;margin-left: 10px;font-weight: normal;}
.sect_hot .hot_words a:hover {color: #1667b6;}
/* -------产品中心------- */
.sect_pro {padding: 25px 0 40px;overflow: hidden;background:#fff;}
.title_1 {padding: 0;overflow: hidden;margin-bottom: 35px;text-align: center;position: relative;}
.title_1 a {display: block;width: 100%;position: relative;z-index: 2;}
.title_1 h3 {color: #eff2f8;font-size: 85px;text-transform: uppercase;line-height: 70px;font-weight: bold;position: absolute;width: 100%;}
.title_1 span {color: #2a2a2a;font-size:32px;line-height: 70px;font-weight: bold;display: inline-block;position: relative;}
.title_1 span:before,.title_1 span:after {content: "";width: 25px;height: 10px;position: absolute;top: 50%;margin-top: -5px;}
.title_1 span:before {right: 150%;background:url(../images/pleft.png) no-repeat center;}
.title_1 span:after {left: 150%;background:url(../images/pright.png) no-repeat center;}
.title_1 span strong {color: #1667b6;font-size:32px;line-height: 70px;font-weight: bold;}
.title_1 p {color: #666;font-size: 16px;line-height: 30px;text-transform:uppercase;}
/*产品分类*/
.pronav {padding: 0;overflow: hidden;margin-bottom: 25px;}
.pronav .proitem {padding: 0;overflow: hidden;text-align: center;}
.pronav .proitem a {display: inline-block;color: #333;font-size: 16px;line-height: 45px;background: #ededed;overflow: hidden;text-align: content; margin: 0 1% 10px;padding:0 20px;transition: all 0.3s;}
.pronav .proitem a:hover {color: #fff;background:#1667b6;}
/*产品分类end*/
/*产品列表*/
.sect_pro .product {padding: 0;overflow: hidden;}
.sect_pro .protj {padding: 0;overflow: hidden;margin-bottom: 40px;background: #f5f7fa;}
.sect_pro .protj .procen {padding: 0;overflow: hidden;height: 463px;}
.sect_pro .protj .procen a {display: block;width: 100%;height: 100%;}
.sect_pro .protj .procen .propic {width: 100%;height: 100%;padding:0;overflow: hidden;}
.sect_pro .protj .procen .propic img {width: 100%;height:100%;object-fit: cover;display: block;transition: all 1s ease;}
.sect_pro .protj .pronr {padding:40px;overflow: hidden;}
.sect_pro .protj .pronr h2 {color: #333;font-size: 22px;line-height: 45px;}
.sect_pro .protj .pronr h2 em {display: inline-block;width: 29px;height: 3px;background:#1667b6;vertical-align: middle;margin-right: 10px;}
.sect_pro .protj .pronr p {color: #666;font-size: 14px;line-height: 30px;margin:20px 0;}
.sect_pro .protj .pronr .pronr_tag {padding: 0;overflow: hidden;margin-bottom: 30px;}
.sect_pro .protj .pronr .pronr_tag li {padding-left:30px;overflow: hidden;background:url(../images/dg.png) no-repeat left center;line-height: 40px;color: #333;font-size: 18px;}
.sect_pro .protj .pronr .pronr_tag li strong {color: #1667b6;font-size: 18px;line-height: 40px;vertical-align: middle;font-weight: normal;}
.sect_pro .protj .pronr .prorshare {padding: 0;overflow: hidden;}
.sect_pro .protj .pronr .prorshare a {display: inline-block;text-align: center;overflow: hidden;line-height: 50px;color: #fff;background:#444;min-width: 30%;transition: all 0.3s;}
.sect_pro .protj .pronr .prorshare a:first-child {background:#1667b6;margin-right: 5px;}
.sect_pro .protj .pronr .prorshare a:hover {box-shadow: 2px 2px 5px 0 #000;}
.sect_pro .protj .procen:hover .propic img {
transition: 1s;
transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05); /* IE 9 */
-moz-transform:scale(1.05,1.05); /* Firefox */
-webkit-transform:scale(1.05,1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05,1.05); }
.sect_pro .protj:hover .pronr h2 {color: #1667b6;}
/*产品列表*/
.sect_pro .prolist {padding: 0;overflow: hidden;position: relative;}
.sect_pro .prolist .swiper-container {width: 100%;overflow: hidden;}
.sect_pro .prolist .swiper-container .swiper-wrapper,.sect_pro .prolist .swiper-container .swiper-slide { height: auto;}
.sect_pro .product .proitem {padding: 0;overflow: hidden;margin-bottom: 15px;border:1px solid #f3f7fa;}
.sect_pro .product .proitem a {display: block;}
.sect_pro .product .proimg {width:100%;height: 0;overflow: hidden;padding-bottom: 73%;position: relative;}
.sect_pro .product .proimg p {position: absolute;left: 0;top:0;width: 100%;height: 100%;transition-duration: .8s;}
.sect_pro .product .proimg img {width: 100%;height:100%;object-fit: cover;transition: all 1s ease;}
.sect_pro .product .proitem h2 {line-height: 50px;background: #f3f7fa;color:#000;font-size: 15px;transition: all 0.3s;padding: 0 15px;text-align: center;}
.sect_pro .product .proitem:hover h2 {background: #1667b6;color: #fff;}
.sect_pro .product .proitem:hover .proimg img {
transition: 1s;
transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05); /* IE 9 */
-moz-transform:scale(1.05,1.05); /* Firefox */
-webkit-transform:scale(1.05,1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05,1.05); }
/* -------产品中心 end------- */
/*-------4大优势-------*/
.sect_ys {padding: 0;overflow: hidden;}
.sect_ys .ysbox {padding: 0;overflow: hidden;}
/*切换按钮样式*/
.ysbox .tab {
padding: 0;
overflow: hidden;
background: #f7f7f7;
}
.ysbox .tabItem {
width: 25%;
padding: 25px 0;
overflow: hidden;
float: left;
text-align: center;
cursor: pointer;
position: relative;
}
.ysbox .tabItem:after {
content: "";
width:1px;
height: 100px;
background:#dee1e2;
position: absolute;
right: 0;
top:50%;
margin-top:-50px;
}
.ysbox .tabItem:last-child:after {
display: none;
}
.ysbox .tabItem div {
display: inline-block;
vertical-align: middle;
}
.ysbox .tabItem .tabicon {
width: 52px;
height: 43px;
vertical-align: middle;
margin-right: 10px;
}
.ysbox .tabItem:nth-child(1) .tabicon {
background:url(../images/ysicon_1.png) no-repeat center;
background-size: contain;
}
.ysbox .tabItem:nth-child(2) .tabicon {
background:url(../images/ysicon_2.png) no-repeat center;
background-size: contain;
}
.ysbox .tabItem:nth-child(3) .tabicon {
background:url(../images/ysicon_3.png) no-repeat center;
background-size: contain;
}
.ysbox .tabItem:nth-child(4) .tabicon {
background:url(../images/ysicon_4.png) no-repeat center;
background-size: contain;
}
.ysbox .tabItem .tabcon {
text-align: left;
}
.ysbox .tabItem h3 {
color: #333;
font-size: 20px;
line-height: 35px;
font-weight: normal;
}
.ysbox .tabItem p {
color: #666;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
}
/*切换按钮点击样式*/
.ysbox .tabItem.active {
background: #1667b6;
box-sizing: border-box;
}
.ysbox .tabItem.active:after {display: none;}
.ysbox .tabItem.active:nth-child(1) .tabicon {background:url(../images/ysicon_1a.png) no-repeat center;background-size: contain;}
.ysbox .tabItem.active:nth-child(2) .tabicon {background:url(../images/ysicon_2a.png) no-repeat center;background-size: contain;}
.ysbox .tabItem.active:nth-child(3) .tabicon {background:url(../images/ysicon_3a.png) no-repeat center;background-size: contain;}
.ysbox .tabItem.active:nth-child(4) .tabicon {background:url(../images/ysicon_4a.png) no-repeat center;background-size: contain;}
.ysbox .tabItem.active h3,.ysbox .tabItem.active p {
color: #fff;
}
/*优势内容*/
.ysbox .swiper-container,.ysbox .swiper-wrapper,.ysbox .swiper-slide {
width: 100%;height: auto;
}
.ysbox .ysitem {padding: 55px 0;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ysbox .ysitem .ysnr {width: 40%;float: right;margin-right: 5%;background:#fff;padding: 65px 65px 30px;overflow: hidden;}
.ysbox .ysitem .ysnr em {display: block;height: 47px;}
.ysbox .swiper-slide:nth-child(1) em {background: url(../images/ys_01.png)no-repeat left center;background-size: contain;}
.ysbox .swiper-slide:nth-child(2) em {background: url(../images/ys_02.png)no-repeat left center;background-size: contain;}
.ysbox .swiper-slide:nth-child(3) em {background: url(../images/ys_03.png)no-repeat left center;background-size: contain;}
.ysbox .swiper-slide:nth-child(4) em {background: url(../images/ys_04.png)no-repeat left center;background-size: contain;}
.ysbox .ysitem .ysnr h3 {color: #333;font-size: 38px;line-height: 60px;font-weight: bold;margin:10px 0;}
.ysbox .ysitem .ysnr .ysp {color: #333;font-size: 16px;line-height: 30px;min-height: 90px;}
.ysbox .ysitem .ysnr a {display: block;width: 170px;line-height: 48px;background:#1667b6;color: #fff;font-size: 16px;text-align: center;margin-bottom: 25px;}
.ysbox .ysitem .ysnr span {display: block;border-top:1px solid #d7dfe5;padding: 15px 0 15px 40px;overflow: hidden;background:url(../images/ystel.png)no-repeat left center;color: #ff0000;font-size: 28px;line-height: 40px;font-weight: bold;}
.ysbox .ysitem .ysnr a:hover {background:#ff0000;color: #fff;}
/*-------4大优势 end -------*/
/*-------关于我们-------*/
.sect_about {padding: 80px 0;overflow: hidden;}
.sect_about .aboutbox {padding: 30px 50px 0 0;overflow: hidden;}
.sect_about .about {padding: 0;overflow: hidden;}
.sect_about .about .aboutname {color: #1667b6;font-size: 32px;line-height:50px;font-weight: bold;margin-bottom: 30px;}
.sect_about .about .aboutcon{margin-bottom: 30px;}
.sect_about .about .aboutcon,.sect_about .about .aboutcon p,.sect_about .about .aboutcon span {color: #666;font-size: 15px;line-height: 35px;}
.sect_about .about .aboutsmall {color: #666;font-size: 24px;line-height: 40px;margin-bottom: 40px;}
.sect_about .about .aboutlc {padding: 0;overflow: hidden;}
.sect_about .about .aboutmore {width: 170px;line-height: 50px;overflow: hidden;text-align: center;background:#1667b6;}
.sect_about .about .aboutmore a {display: block;color: #fff;font-size: 14px;transition: all 0.3s;}
.sect_about .about .aboutmore a:hover {background: #ff0000; color: #fff;}
.sect_about .aboutpic {padding: 0;overflow: hidden;width: 100%;}
.sect_about .about_pic {width: 100%;height: 467px;}
.sect_about .about_pic img {width: 100%;height: 100%;object-fit: cover;}
.sect_about .aboutlist {width: 25%;float: right;padding: 0;overflow: hidden;}
.sect_about .aboutlist li {color: #1667b6;font-size: 40px;line-height: 88px;text-align: right;font-weight: 600;}
/*-------关于我们 end-------*/
/*-------案例展示 -------*/
.sect_case {padding: 55px 0;overflow: hidden;background: url(../images/casebg.jpg) no-repeat center;background-size: cover;}
.sect_case .title_1 h3{color: rgba(255, 255, 255, 0.2);}
.sect_case .title_1 span{color: #fff;}
.sect_case .title_1 span strong{color: #fff;}
.sect_case .title_1 p{color: #fff;}
.sect_case .caselist {padding: 40px 0 90px;overflow: hidden;position: relative;}
.sect_case .caselist .swiper-container,.sect_case .caselist .swiper-wrapper,.sect_case .caselist .swiper-slide {width:100%;height: auto;}
.sect_case .caselist .swiper-container {width: 100%;overflow: hidden;}
.sect_case .caselist .caseitem {padding: 0;overflow: hidden;position: relative;}
.sect_case .caselist .caseitem a {display: block;width: 100%;}
.sect_case .caselist .caseitem .caseimg {width: 100%;height: auto;padding-bottom: 73%;overflow: hidden;position: relative;}
.sect_case .caselist .caseitem .caseimg p {width: 100%;height: 100%;position: absolute;left: 0;top:0;background-image: url(../images/honor-bd.png);background-size: 100% 100%;background-repeat: no-repeat;}
.sect_case .caselist .caseitem .caseimg p img {display: block;width: 100%;height: 100%;object-fit: contain;transition: all 0.3s ease;padding: 5%;}
.sect_case .caselist .caseitem .casecon {padding: 0 20px;overflow: hidden;position: absolute;left: 0;right: 0;bottom: 0;background:url(../images/casebg.png) repeat-x;}
.sect_case .caselist .caseitem .casecon h3 {line-height: 60px;color:#fff;font-size: 18px;transition: all 0.3s;text-align: center;}
.sect_case .caselist .caseitem:hover .caseimg img {
transition: 1s;
transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); /* IE 9 */
-moz-transform:scale(1.1,1.1); /* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1); }
.sect_case .caselist .cpag {width: 100%;bottom: 0;z-index: 3;}
.sect_case .caselist .swiper-pagination-bullet {background:#bfbfbf;opacity: 1;margin:0 5px;}
.sect_case .caselist .swiper-pagination-bullet-active {background: #1667b6;}
/*-------案例展示 end-------*/
/*-------公司动态-------*/
.sect_news {padding: 70px 0 50px;overflow: hidden;}
.sect_news .xwcenter {padding: 0px;overflow: hidden;}
.sect_news .gsxw .xwtj {padding: 0;overflow: hidden;}
.sect_news .gsxw .xwtj a {display: block;width: 100%;position: relative;z-index: 2;}
.sect_news .gsxw .xwtj .xwbt {padding: 0;overflow: hidden;margin-bottom: 30px;}
.sect_news .gsxw .xwtj .xwbt h3 {color: #2a2a2a;font-size: 20px;line-height: 35px;}
.sect_news .gsxw .xwtj .xwbt span {color: #888;font-size: 13px;line-height: 20px;display:block;}
.sect_news .gsxw .xwtj .xwtjimg {width: 100%;height: 260px;padding: 0;overflow: hidden;}
.sect_news .gsxw .xwtj .xwtjimg img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}
.sect_news .gsxw .xwtj .xwcon {padding: 30px 0 0;overflow: hidden;}
.sect_news .gsxw .xwtj .xwcon p {color: #888;font-size: 14px;line-height: 25px;margin-bottom: 35px;}
.sect_news .gsxw .xwtj .xwcon .xwm {display: block;height: 15px;background: url(../images/xwjt.png) no-repeat left center;transition:all 0.3s;}
.sect_news .gsxw .xwtj:hover h3,.sect_news .gsxw .xwtj:hover span,.sect_news .gsxw .xwtj:hover p {color: #1667b6;}
.sect_news .gsxw .xwtj:hover .xwtjimg img {
transition: 1s;
transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05); /* IE 9 */
-moz-transform:scale(1.05,1.05); /* Firefox */
-webkit-transform:scale(1.05,1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05,1.05); }
.sect_news .gsxw .xwtj:hover .xwm {margin-left: 10px;}
.sect_news .xwcenter .gsxw {padding: 0;overflow: hidden;}
.sect_news .xwcenter .gsxw .xwitem {padding:0 0 20px;overflow: hidden;border-bottom: 1px solid #d6d6d6;margin-bottom: 20px;}
.sect_news .xwcenter .gsxw .xwitem:last-child {margin-bottom: 0;}
.sect_news .gsxw .xwitem a {display: block;width: 100%;}
.sect_news .gsxw .xwitem .xwcon {padding: 0;overflow: hidden;}
.sect_news .gsxw .xwitem .xwcon h3 {color: #2a2a2a;font-size: 20px;line-height: 40px;}
.sect_news .gsxw .xwitem .xwcon .date {color: #888;font-size: 13px;line-height: 25px;margin-bottom: 18px;}
.sect_news .gsxw .xwitem .xwcon p {color: #888;font-size: 14px;line-height: 20px;}
.sect_news .gsxw .xwitem:hover .xwcon h3,.sect_news .gsxw .xwitem:hover .xwcon p,.sect_news .gsxw .xwitem:hover .date {color: #1667b6;}
/*-------公司动态 end-------*/
/*-------友链-------*/
.sect_link {padding:0;overflow: hidden;}
.links {padding: 15px 0;overflow: hidden;color: #333;font-size: 18px;line-height: 25px;}
.links .linkt {color: #333;font-size: 18px;line-height: 25px;font-weight: bold;}
.links a {display: inline-block;color: #333;font-size: 14px;line-height: 25px;margin-right: 15px;}
.links a:hover {color: #ff5a54;}
/*-------友链 end-------*/
/*-------footer -------*/
.footer {padding:40px 0;overflow: hidden;background:url(../images/footbg.jpg) no-repeat center;background-size: cover;}
.footer .footnav {padding: 0;overflow: hidden;color: #fff;margin-bottom: 20px;}
.footer .footnav span,.footer .htel span {display: inline-block;color: #fff;font-size: 18px;font-weight: bold;margin-right: 30px;line-height: 30px;}
.footer .footnav a {display: inline-block;color: #fff;font-size: 15px;line-height: 30px;padding: 0 16px;}
.footer .footnav a:hover {color: #1667b6;}
.footer .htel {min-height: 60px;}
.footer .htel p {color: #fff;font-size: 15px;line-height: 30px;display: inline-block;}
.footer .copryright {padding:0;overflow: hidden;}
.footer .copryright,.footer .copryright p,.footer .copryright span,.footer .copryright a {color: #b2b3b5;font-size: 15px;line-height: 30px;}
.footer .copryright a:hover {color: #fff;}
.footer .fewm {padding: 0;overflow: hidden;text-align: right;}
.footer .fewm img {max-width: 115px;height: auto;margin-bottom: 5px;}
.footer .fewm p {color: #b7b7b7;font-size: 14px;line-height: 30px;}
/*-------footer end-------*/
/*-------piaofu-----*/
.rightnav {
position: fixed;
right: 12px;
top: 60%;
z-index: 9
}
.rightnav li {
width: 55px;
position: relative;
margin-bottom: 2px
}
.rightnav li a {
}
.rightnav li:last-child {
border: none
}
.rightnav li.weightcons {
border: none
}
.weightcons a {
}
.rightnav li a {
color: #fff;
font-size: 14px;
padding: 13px 12px;
display: block;
text-align: center;
transition: .3s;
line-height: 1px;
background-color: #292f3b;
}
.rightnav li a img {
margin-bottom: 10px;
width: 30px;
height: 30px;
}
.rightnav li>a:hover {
background-color: #292f3b;
}
.rightnav .hover_con a {
font-weight: bolder
}
.rightnav li .hover_con {
width: 166px;
border-radius: 15px;
position: absolute;
left: -175px;
color: #fff;
text-align: center;
background-color: #292f3b;
padding: 5px;
height: auto;
top: 0;
transform: rotateX(-90deg);
transition: all .2s linear 0s;
max-height: 140px
}
.rightnav li .hover_con img{
margin: auto;
}
.rightnav li:hover .hover_con {
left: -176px;
transform: rotateY(0deg)
}
/*内页栏目分类*/
.sider {padding: 0;overflow: hidden;border-bottom: 1px solid #d9d9d8;}
.sider .snav {padding: 0;overflow: hidden;text-align: center;}
.sider .snav a {display: inline-block;color: #363636;font-size: 18px;line-height: 65px;padding: 0 30px;position: relative;}
.sider .snav a:after {content: "";width: 2px;height: 16px;background: #363636;position: absolute;right: 0;top:50%;margin-top:-8px;z-index: 1; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.sider .snav a:last-child:after {background: none;}
.sider .snav a:hover {color: #1667b6;}
.sider .snav a:hover:after { -webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);background: #1667b6;}
.sider .snava {padding:15px 0 10px;overflow: hidden;}
.sider .snava a {display: inline-block;color: #2f2f2f;font-size: 15px;line-height: 45px;background: #f5f5f5;border-radius: 5px;overflow: hidden;min-width:10%;text-align: left; margin-left: 2%;margin-bottom: 10px;transition: all 0.3s;}
.sider .snava a i {display: inline-block;width: 20px;height: 45px;background:#1667b6;float: left;}
.sider .snava a span{display: inline-block;color: #2f2f2f;font-size: 15px;line-height: 45px;text-align: center;float: left;padding: 0 10px;}
.sider .snava a:hover span {color: #1667b6;}
/*-----------------------------------*/
/* 内页样式 */
/*---------------------------------*/
/*nbanner and crumbs */
.nbanner {padding:0;overflow: hidden;background-size: cover;background-repeat: no-repeat;height: 500px;background-position: center;}
.nbanner .container {position: relative;padding: 0;overflow: hidden;height: 100%;}
.nbanner .crumbs {padding: 0;overflow: hidden;position: absolute;bottom: 15px;left: 0;right: 0;}
.nbanner .crumbs .catname {float: left;width: 50%;padding: 0;overflow: hidden;}
.nbanner .crumbs .catname h2 {color: #fff;font-size: 22px;line-height: 40px;}
.nbanner .crumbs .catname span {color: #fff;font-size: 20px;line-height: 40px;font-family: "";}
.nbanner .crumbs .current {padding: 0;overflow: hidden;width: 50%;float: right;text-align: right;}
.nbanner .crumbs .current,.nbanner .crumbs .current a {color: #fff;font-size: 14px;line-height: 40px;}
/*content 公用样式*/
.content {padding:3% 0;overflow: hidden;background: #fff;}
.content .catename {padding: 0 0 10px;overflow: hidden;margin-bottom: 20px;text-align: center;}
.content .catename h3 {color: #f7f7f7;font-size:65px;line-height: 70px;text-transform: uppercase;font-weight: bolder;}
.content .catename h2 {color: #fff;font-size:38px;line-height: 70px;margin-top: -50px;background: #1667b6;display: inline-block;padding: 0 25px;font-weight: bold;}
.maininfo {padding: 0;overflow: hidden;}
.maininfo img {max-width: 100%;}
/*内页产品列表*/
/*项目列表页*/
.content .prolist {padding: 0;overflow: hidden;}
.content .prolist .proitem {padding: 0;overflow: hidden;width: 100%;margin-bottom: 30px;}
.content .prolist .proitem a {display: block;width: 100%;position: relative;}
.content .prolist .proitem .proimg{padding: 0;overflow: hidden;width: 100%;height: 240px;}
.content .prolist .proitem .proimg img {width: 100%;height:100%;object-fit: cover;display: block;transition: all 1s ease;}
.content .prolist .proname {padding:0 10px;height: 60px;overflow: hidden;}
.content .prolist .proname h2 {color: #3d3d3d;font-size: 18px;line-height: 60px;text-align: center;}
.content .prolist .proview {position: absolute;left: 0;right:0;top:0;bottom: 0;background: rgba(0,0,0,0.2);opacity: .2;transition: all .5s ease;height: 240px;}
.content .prolist .proitem:hover .proview {opacity: 0;}
.content .prolist .proitem:hover .proimg img {
transition: 1s;
transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05); /* IE 9 */
-moz-transform:scale(1.05,1.05); /* Firefox */
-webkit-transform:scale(1.05,1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05,1.05);
}
/*内页产品详情*/
.maininfo .prophoto {padding: 0;overflow: hidden;margin-bottom: 35px;}
/*相册*/
.maininfo .photo{ width: 100%; overflow: hidden; }
.maininfo .photo .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.maininfo .photo .swiper-slide {background-size: contain;background-position: center; text-align: center; overflow: hidden;background-repeat: no-repeat;background-color: #fff;}
.maininfo .photo .gallery-top {height: 458px;width: 100%;border:1px solid #d5d5d5;}
.maininfo .photo .gallery-top img{ height: 100%;}
.maininfo .photo .gallery-thumbs { width: 100%;height:110px;box-sizing: border-box; margin-top: 10px;}
.maininfo .photo .gallery-thumbs .swiper-slide {width: 25%;height: 100%; opacity: 1; overflow: hidden;background-color: #fff;border:1px solid #d5d5d5;}
.maininfo .photo .gallery-thumbs img{ height: 100%;}
.maininfo .photo .gallery-thumbs .swiper-slide div{ width:99%; height:99%; border:1px solid #ccc; background-color: #000; opacity: 0.5;}
.maininfo .photo .gallery-thumbs .swiper-slide-active {opacity: 1;}
.maininfo .photo .swiper-button-prev:after,.maininfo .photo .swiper-button-next:after {font-size: 30px;}
/*详情参数*/
.maininfo .cpleft {padding: 0 40px;overflow: hidden;min-height: 458px;background: #f5f5f5;}
.maininfo .cpleft h2 {color: #292f3b;font-size: 32px;font-weight: bold;line-height:50px;margin:20px 0;}
.maininfo .cpleft .cppara {padding: 0 0 20px;overflow: hidden;border-bottom: 1px dashed #e5e5e5;margin-bottom: 30px;}
.maininfo .cpleft .cppara p {color: #616161;font-size: 16px;line-height: 30px;}
.maininfo .cpleft .cpst {padding: 0;overflow: hidden;}
.maininfo .cpleft .cpst h4 {color: #616161;font-size: 15px;line-height: 30px;}
.maininfo .cpleft .cpst p {color: #616161;font-size: 14px;line-height: 25px;}
.maininfo .cpleft .cptel {padding: 0;overflow: hidden;display: block;color: #646464;font-size: 16px;line-height: 35px;margin-bottom: 20px;margin-top: 50px;}
.maininfo .cpleft .cptel strong {color: #1667b6;font-size: 24px;line-height: 35px;display: inline-block;vertical-align: middle;}
.maininfo .cpleft .ordernow{width: 215px;height: 50px;line-height: 50px;background: #1667b6;text-align: center;border-radius: 10px;overflow: hidden;}
.maininfo .cpleft .ordernow a{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;transition: all 0.3s;}
.maininfo .proxq {padding: 0;overflow:hidden;margin-bottom: 30px;}
.maininfo .xqtit {padding: 0 50px;overflow: hidden;background: #282f3f;border-radius: 5px;margin-bottom: 30px;}
.maininfo .xqtit h2 {color: #fff;font-size: 20px;line-height: 50px;font-weight: bold;}
.maininfo .mainxqcon {padding: 0;overflow: hidden;}
.maininfo .mainxqcon,.maininfo .mainxqcon p,.maininfo .mainxqcon span {color: #636363;font-size: 15px;line-height: 35px;}
.maininfo .hxlist {padding: 0;overflow: hidden;}
.maininfo .hxlist .hxitem h3 {color: #1667b6;font-size: 26px;line-height: 60px;font-weight: bold;}
.maininfo .hxlist .hxitem p {color: #292f3b;font-size: 15px;line-height: 30px;height: 90px;}
.maininfo .hximg {padding: 0;overflow: hidden;margin-top: 110px;}
.maininfo .hximg img {width: 100%;height: auto;}
.maininfo .cppic {padding: 0;overflow: hidden;margin-bottom: 30px;}
.maininfo .cppic .cppica {padding: 0 5px;overflow: hidden;margin-bottom: 5px;}
/*售后*/
.maininfo .shlist {padding: 0;overflow: hidden;margin-bottom: 30px;}
.maininfo .shlist .shitem {background: #1667b6;padding: 25px;overflow: hidden;border-radius: 10px;margin:0 1px 3px;text-align: center;}
.maininfo .shlist .shitem h2 {color: #fff;font-size: 36px;line-height: 70px;margin-top:10px;position: relative;font-weight: bold;}
.maininfo .shlist .shitem h2:after {content:"";width:70%;margin:0 auto;height: 1px;background: #dcdcdc;position: absolute;left: 15%;bottom: 0; }
.maininfo .shlist .shitem p {color: #fff;font-size: 18px;line-height: 48px; font-weight: bold;}
.maininfo .shlist .shitem h3 {color: #fff;font-size: 26px;line-height: 40px;font-weight: bold;}
.maininfo .shlist .shitem .shimg {height: 78px;padding: 0;overflow: hidden;margin-bottom: 10px;}
.maininfo .shlist .shitem .shimg img {height: 100%;width: auto;}
.maininfo .shlist .sha {background: #292f3b;}
/*关于我们*/
.content .cflist {padding: 0;overflow: hidden;}
.content .cflist .cfitem {padding: 0;overflow: hidden;width: 100%;margin-bottom: 30px;}
.content .cflist .cfitem a {display: block;}
.content .cflist .cfitem .cfimg{padding: 0;overflow: hidden;width: 100%;height: 240px;}
.content .cflist .cfitem .cfimg img {width: 100%;height:100%;object-fit: contain;display: block;transition: all 1s ease;}
.content .cflist .cfcon {left: 0;right: 0;bottom: 0;height: 60px;}
.content .cflist .cfcon h3 {color: #3d3d3d;font-size: 18px;line-height: 60px;text-align: center;}
.content .cflist .cfitem:hover .cfimg img {
transition: 1s;
transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); /* IE 9 */
-moz-transform:scale(1.1,1.1); /* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);
}
/*相关推荐*/
.maininfo .prolist {padding: 0;overflow: hidden;height: 260px;}
/*文章列表*/
.content .newslist {padding:0;overflow: hidden;}
.content .newslist .newsitem {padding: 20px;overflow: hidden;}
.content .newslist .newsitem a {display: block;}
.content .newslist .xwrpic {padding: 0;overflow: hidden;height: 200px;background: #e5e5e5;}
.content .newslist .xwrpic img {width: 100%;height: 100%;object-fit: contain;}
.content .newslist .newsitem .date {width: 73px;float: left;text-align:center;padding:0;overflow: hidden;margin-right: 15px;border-right: 1px solid #d1d1d1;}
.content .newslist .newsitem .date h6 {color: #e0e0e0;font-size: 40px;line-height: 45px;font-weight: bold;}
.content .newslist .newsitem .date p {color: #444;font-size: 14px;line-height: 25px;}
.content .newslist .newsitem .xwcon {width: calc(100% - 88px);float: right;padding: 0;overflow: hidden;}
.content .newslist .newsitem .xwcon h3 {color: #010101;font-size: 22px;line-height: 40px;margin-bottom: 5px;}
.content .newslist .newsitem .xwcon p {color: #7c7c7c;font-size: 15px;line-height: 30px;}
.content .newslist .newsitem .xwcon span {display: inline-block;padding: 0 20px;overflow: hidden;background: #e5e5e5;color: #fff;line-height: 22px;font-size: 14px;margin-top: 10px;}
.content .newslist .newsitem:hover {background: #f1f1f1;}
.content .newslist .newsitem:hover .xwcon h3{color: #1667b6;}
.content .newslist .newsitem:hover .xwcon span {background: #1667b6;color: #fff;}
/*文章详情页*/
.maininfo .artTit {color: #2b2b2b;font-size: 24px;line-height: 35px;text-align: center;padding-bottom: 10px;}
.maininfo .times {color: #aaa;font-size: 16px;line-height: 25px;margin-bottom: 20px;}
/*文章相关推荐*/
.xgnews {padding: 0;overflow: hidden;}
.xgnews .xwxgtit {color: #545454;font-size: 26px;line-height: 40px;margin-bottom: 10px;font-weight: bold;}
.xgnews ul {padding: 0;overflow: hidden;}
.xgnews li {padding: 0 15px 0 0;overflow: hidden;line-height: 35px;}
.xgnews li a {display: block;}
.xgnews li div.ll {width: 70%;}
.xgnews li div.rr {width: 30%;text-align: right;}
.xgnews li h5 {color: #797979;font-size: 15px;line-height: 35px;font-weight: normal;}
.xgnews li p {color: #797979;font-size: 15px;line-height: 35px;}
.xgnews li:hover h5,.xgnews li:hover p {color: #1667b6;}
/*无数据提示*/
.no-goods {padding: 10px 0;overflow: hidden;text-align: center;}
.no-goods p {color: #7d7979;font-size: 15px;line-height: 35px;}
/*联系我们*/
.nycontact {padding: 0;overflow: hidden;margin-bottom: 30px;}
.nycontact .nctit {color: #000;font-size: 35px;text-transform: uppercase;font-weight: bold;text-align: center;margin-bottom: 35px;}
.nycontact .nlxlist {padding: 0;overflow: hidden;}
.nycontact .nlxlist .nlxitema {border-right: 1px solid #e6e6e6;}
.nycontact .nlxlist .nlxitem {padding: 0;overflow: hidden;text-align: center;}
.nycontact .nlxlist .nlxitem .nlxpic {width:56px;margin:0 auto 15px;}
.nycontact .nlxlist .nlxitem .nlxpic img {max-width: 100%;}
.nycontact .nlxlist .nlxitem h2 {color: #000;font-size: 24px;line-height: 32px;}
.nycontact .nlxlist .nlxitem span {display: block;color: #a8a8a8;font-size: 14px;line-height: 25px;margin-bottom: 15px;}
.nycontact .nlxlist .nlxitem p {color: #000;font-size: 18px;line-height: 25px;}
/*在线留言*/
#formData{
width: 100%;
margin:0 auto;
padding: 0;
overflow: hidden;
}
#formData:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #acacac;
}
#formData::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #acacac;
}
#formData form-tr{
overflow: hidden;
}
#formData input{
display: block;
width: 96%;
padding: 0 10px;
height: 38px;
line-height: 38px;
border: 1px solid #e6e6e6;
background: #f7f7f7;
}
#formData .error{
height: 18px;
line-height: 18px;
font-size: 12px;
color: #f00;
padding: 0 5px;
}
#formData .submit{
margin-top: 15px;
display: block;
width: 96%;
height: 40px;
text-align: center;
line-height: 40px;
background: #202020;
color: #fff;
font-size: 15px;
}
.form-tr .code {
overflow: hidden;
}
#formData .form-tr .code input{
width: 100px;
float: left;
}
.form-tr .code .verify{
cursor: pointer;
float: left;
margin-left: 25px;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 0;
}
.form-tr .code .verify img{
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
#formData textarea{
display: block;
width: 100%;
padding: 5px 10px;
height: 60px;
border: 1px solid #e6e6e6;
background: #f7f7f7;
}
/*contact us*/
.mlxmess .form-trinput {
width: 33%;
float: left;
padding: 0;
overflow: hidden;
padding-right: 0;
}
.mlxmess .form-trinput input {
color: #000 !important;
background: #fff !important;
height: 58px !important;
line-height: 58px !important;
}
.mlxmess textarea {
width: 98% !important;
background: #fff !important;
height: 180px !important;
}
.mlxmess .code input {
width: 50% !important;
float: left;
}
.mlxmess .verify {
width: 40% !important;
float: right;
}
.mlxmess .verify img {
max-width: 100%;
height: 46px;
}
.mlxmess .submit {
margin-top:0 !important;
height: 46px !important;
line-height: 46px !important;
}
.nmap {padding: 0;overflow: hidden;}
.nmap #map {height: 540px;}
/*上下篇*/
.DetailCur {padding:15px;overflow: hidden;margin:20px auto;border: 1px solid #f2f2f2;background: #f2f2f2;}
.DetailCur li {width:48%;padding: 0;overflow: hidden;}
.DetailCur li .page-a {font-size: 14px;line-height: 25px;color: #8d8d8d;}
.DetailCur li .page-a a {font-size: 14px;line-height: 25px;color: #8d8d8d;}
.DetailCur li.rr .page-a {text-align: right;}
.DetailCur li .page-a a:hover {color: #000;}
/*分页*/
.de-page-mian {
overflow: hidden;
text-align: center;
font-size: 0;
margin: 10px 0 35px;
background: #f3f3f3;
padding: 10px;
}
.de-page-mian .page-inner {
display: inline-block;
overflow: hidden;
}
.de-page-mian .page-inner a {
display: block;
float: left;
min-width: 26px;
padding: 0 5px;
height: 36px;
border: 1px solid #dddddd;
background: #fff;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin-right: -1px;
overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
color: #fff;
border-color: #3f3f3f;
background: #3f3f3f;
}
.de-page-mian .page-inner a.prev {
margin-right: 10px;
background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
background-color: #fff;
border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
margin-left: 10px;
margin-right: 15px;
background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
background-color: #fff;
border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
font-size: 12px;
margin-right: 0;
width: 63px;
margin-left: 10px;
}
.de-page-mian .page-inner span {
display: block;
font-size: 12px;
color: #333;
float: left;
line-height: 38px;
}
.de-page-mian .page-inner input {
display: block;
float: left;
height: 36px;
width: 36px;
border: 1px solid #dddddd;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin: 0 5px;
}
@media (max-width:1400px){
.ibanner {height: 700px;}
}
@media (max-width:1200px){
/*banner */
.ibanner {height: 550px;}
.nbanner {height: 400px;}
.child .childContent .childContentLi {margin: 0 5px;}
.child .childContent .childContentLi a {padding: 0 10px;}
/*热门词汇*/
.sect_hot {margin: -25px 0 15px;}
.sect_hot .hotword {padding: 10px;}
/*首页产品*/
.title_1 h3 {font-size: 76px;}
.sect_pro .protj .procen {height: 398px;}
.sect_pro .protj .pronr {padding: 20px;}
.sect_pro .protj .pronr h2 {font-size: 20px;line-height: 40px;}
.sect_pro .protj .pronr p {margin:15px 0;}
.sect_pro .protj .pronr .pronr_tag {margin-bottom: 20px;}
.sect_pro .protj .pronr .pronr_tag li,.sect_pro .protj .pronr .pronr_tag li strong {font-size: 15px;}
/*核心优势*/
.ysbox .tabItem .tabicon {width:40px;margin-right: 5px;}
.ysbox .tabItem h3 {font-size: 18px;}
.ysbox .ysitem .ysnr {padding: 25px;}
.ysbox .ysitem .ysnr em {height: 38px;}
.ysbox .ysitem .ysnr h3 {font-size: 30px;}
/*关于我们*/
.sect_about .about .aboutname {font-size: 24px;line-height: 40px;margin-bottom: 20px;}
.sect_about .about .aboutcon {margin-bottom: 15px;}
.sect_about .about .aboutsmall {font-size: 18px;line-height: 30px;margin-bottom: 15px;}
.sect_about .about_pic {height: 420px;}
/*案例展示*/
.sect_case .caselist {padding: 10px 0 40px;}
.sect_case .caselist .caseitem .casecon h3 {line-height: 40px;font-size: 15px;}
/*footer*/
.footer .ftop .htel h4 {font-size: 18px;}
/*nbanner*/
.nbanner .crumbs .catname h2 {font-size: 18px;line-height: 20px;font-weight: bold;}
/*内页*/
.content .catename h3 {font-size: 60px;}
/*关于我们内页*/
.content .cflist .cfitem .cfimg {height: 150px;}
/*内页产品列表*/
.sider .snav a {font-size: 15px;line-height: 50px;padding: 0 15px;}
.content .prolist .proitem .proimg {height:150px;}
.content .prolist .proview {height: 150px;}
.content .prolist .proitem p {height: 55px;line-height: 55px;}
/*内页产品详情*/
.maininfo .cpleft h2 {font-size: 26px;}
.maininfo .photo .gallery-top {height: 340px;}
.maininfo .photo .gallery-thumbs {height: 80px;}
.maininfo .hxlist .hxitem h3 {font-size: 20px;line-height: 45px;}
.maininfo .shlist .shitem h2 {font-size: 26px;line-height: 60px;}
.maininfo .shlist .shitem p {font-size: 15px;line-height: 35px;}
.maininfo .shlist .shitem h3 {font-size: 20px;line-height: 30px;}
.maininfo .shlist .shitem .shimg {height: 65px;}
}
@media (max-width:992px){
.header {top:0px;}
/*banner */
.ibanner {height: 450px;}
.nav {background: none;position: relative;height: 80px;}
/* 导航 */
.nav_transform1 ul.navCont li.child .title {line-height: 40px;}
.child .childContent { display: none !important }
button.nav-trigger { display: block; }
.nav_transform1 { position: fixed; top: 0; bottom: 0; left: 0; z-index: 20; overflow-y: scroll; box-sizing: border-box; padding: 44px; width: 84vw; border: 0; background: #262526; text-align: left; text-transform: none; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-overflow-scrolling: touch; }
.nav_transform1 { transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1); transition: transform .3s cubic-bezier(.86, 0, .07, 1); }
.navigation-is-visible .nav_transform1 {-webkit-transform: none;transform: none;}
.nav-overlay { position: fixed; top: 0; left: 0; z-index: 10; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .3s linear; pointer-events: none; }
.navigation-is-visible .nav-overlay { opacity: 1; pointer-events: auto; }
.nav_transform1 ul.navCont li.child { float: none; margin: 0 auto; width: auto; padding: 0; line-height: 35px; }
.nav_transform1 ul.navCont li.child a { padding: 1rem 0;line-height: inherit;color:#fff;font-size: 14px}
.nav_transform1 ul.navCont li.child.last { margin-right: auto; }
.nav_transform1 ul.navCont li.child a:after{display: none}
.nav_transform1 ul.navCont li.child .childcont{display: none!important}
.nav_transform1 ul.navCont li.child .title {color: #fff !important;}
/*热门词汇*/
/*产品展示*/
.title_1 {margin-bottom: 20px;}
.title_1 h3 {font-size: 66px;}
.title_1 span,.title_1 span strong {font-size: 26px;}
.sect_pro .protj .procen {height: 335px;}
.sect_pro .protj .pronr {padding: 10px;}
.sect_pro .protj .pronr h2 {font-size: 18px;line-height: 35px;}
.sect_pro .protj .pronr p {margin: 10px 0;line-height: 25px;}
.sect_pro .protj .pronr .pronr_tag li, .sect_pro .protj .pronr .pronr_tag li strong {font-size: 14px;line-height: 30px;}
.sect_pro .protj .pronr .prorshare a {line-height: 38px;}
.sect_pro .product .proitem h2 {line-height: 38px;}
/*为什么选择我们*/
.ysbox .tabItem {padding: 10px 0;}
.ysbox .tabItem .tabicon {width: 30px;}
.ysbox .tabItem h3 {font-size: 16px;line-height: 30px;}
.ysbox .tabItem p {text-transform: capitalize;}
.ysbox .ysitem .ysnr {width: 50%;padding: 20px;}
.ysbox .ysitem .ysnr h3 {font-size: 26px;line-height: 50px;}
.ysbox .ysitem .ysnr em {height: 30px;}
.ysbox .ysitem .ysnr .ysp {font-size: 14px;line-height: 25px;min-height: 75px;}
.ysbox .ysitem .ysnr a {width: 135px; line-height: 40px;font-size: 15px;margin-bottom: 20px;}
.ysbox .ysitem .ysnr span {font-size: 22px;line-height: 35px;}
/*关于我们*/
.sect_about {padding: 30px 0;}
.sect_about .aboutbox {padding: 0;}
.sect_about .about .aboutname {font-size: 18px;line-height: 30px;margin-bottom: 5px;}
.sect_about .about .aboutcon, .sect_about .about .aboutcon p, .sect_about .about .aboutcon span {font-size: 14px;line-height: 25px;}
.sect_about .about .aboutsmall {font-size: 16px;line-height: 25px;margin-bottom: 10px;}
.sect_about .about .aboutmore {width: 135px;line-height: 40px;}
.sect_about .about_pic {height: 265px;}
/*案例展示*/
.sect_case {padding: 30px 0;}
/*动态*/
.sect_news {padding: 30px 0;}
.sect_news .gsxw .xwtj .xwbt {margin-bottom: 10px;}
.sect_news .gsxw .xwtj .xwbt h3,.sect_news .gsxw .xwitem .xwcon h3 {font-size: 16px;line-height: 35px;}
.sect_news .xwcenter .gsxw .xwitem {padding: 0 0 10px;margin-bottom: 10px;}
.sect_news .gsxw .xwitem .xwcon .date {margin-bottom: 10px;}
.sect_news .gsxw .xwitem .xwcon p {font-size: 13px;}
.sect_news .gsxw .xwtj .xwtjimg {height: 175px;}
.sect_news .gsxw .xwtj .xwcon {padding: 20px 0 0;}
/*产品详情*/
.maininfo .cpleft {padding: 0 20px 20px;min-height: 300px;}
}
@media (max-width:768px){
.head {width: 100%;overflow-x: hidden;}
/*banner */
.ibanner {height: 400px;}
.nbanner {height: 250px;}
/*-------4大优势-------*/
/*首页关于我们*/
.sect_about .aboutbox {margin-bottom: 10px;}
/*首页新闻*/
/*sidebar*/
.sidebar {margin-bottom: 10px;}
.sider .snava a i {width: 15px;background:#1667b6;background-size: contain;}
.sider .snava a span {font-size: 14px;line-height: 40px;}
.content .catename h3 {font-size: 24px;line-height: 35px;}
/*
* footerbar
*/
.footer {padding: 10px 0 80px;}
.footbar {padding: 0;overflow: hidden;position: fixed;bottom: 0;z-index: 9999;background: #1667b6;width: 100%;max-width: 750px;}
.footbar ul {max-width: 750px;}
.footbar li {width: 25%;float: left;text-align: center;}
.footbar li a {display: block;padding: 8px 0;overflow: hidden;border-right: 1px solid #cccccc;}
.footbar li:last-child a {border-right: none;}
.footbar li .fimg {width: 25%;margin:0 auto 5px;}
.footbar li .fimg img {max-width: 100%;}
.footbar li p {color: #fff;font-size: 14px;line-height: 20px;}
.footer .fnav dl {width: 16.5%;}
.footer .ftop .htel h4 {font-size: 18px;}
/*图片列表*/
.content .prolist .proitem .proimg {height: 225px;}
.content .prolist .proview {height: 225px;}
/*公司动态*/
.content .newslist .newsitem .date {display: none;}
.content .newslist .newsitem .xwcon {width: 100%;}
/*新闻详情*/
.maininfo .artTit {font-size: 18px;line-height: 30px;}
.maininfo .times {font-size: 14px;}
/*在线留言*/
.mlxmess .form-trinput {width: 100%;}
.content .catename h2 {font-size: 24px;line-height: 45px;}
}
@media (max-width:650px){
/*header*/
.header {position: relative;top:0;height: 60px;background: #3b7bca; }
.header .head {height: 60px;}
.header .head .logo {height: 60px;}
.header .head .logo h1 {height: 60px;line-height: 60px;}
.header .head .logo h1 img {max-height: 90%;}
.nav {height: 60px;}
/*banner */
.ibanner {height: 335px;}
/*热门词汇*/
.sect_hot {margin: -10px 0 15px;}
/*产品展示*/
.title_1 h3 {font-size: 45px;line-height: 60px;}
.title_1 span, .title_1 span strong {font-size: 22px;line-height: 60px;}
.title_1 span:before { right: 110%;}
.title_1 span:after {left: 110%;}
.title_1 p {font-size: 14px;line-height: 25px;}
.sect_pro .protj .procen {height: 265px;}
/*4大核心优势*/
.ysbox .tabItem .tabcon {width: 100%;text-align: center;}
.ysbox .tabItem h3 {font-size: 14px;line-height: 25px;}
.ysbox .ysitem .ysnr {width: 80%;}
.ysbox .ysitem .ysnr em {height: 25px;}
.ysbox .ysitem .ysnr h3 {font-size: 18px;line-height: 40px;}
/*footer*/
.footer .fewm {text-align: center;}
.footer .copryright {padding: 15px 0;}
.footer .copryright, .footer .copryright p, .footer .copryright span, .footer .copryright a {font-size: 14px;line-height: 25px;}
/*内页nbanner*/
.nbanner .crumbs .catname h2 ,.nbanner .crumbs .current, .nbanner .crumbs .current a{color: #fff;}
}
@media (max-width:500px){
/*banner */
.ibanner {height: 210px;}
/*nbanner */
.nbanner {height:200px; }
.nbanner .crumbs {padding: 0;bottom: 0;}
.nbanner .crumbs .catname {width: 100%;text-align: center;}
.nbanner .crumbs h2 {font-size: 24px;line-height: 35px;display: none;}
.nbanner .crumbs .current, .nbanner .crumbs .current a {font-size: 15px;}
/*nav*/
button.nav-trigger {height: 40px;width: 40px;margin-top: -20px;}
.nav-icon {width: 20px;left: -2px;}
/*热门词汇*/
/*首页标题*/
/*首页产品*/
.pronav .proitem a {font-size: 12px;margin-left: 0;padding: 0 10px;line-height: 30px;}
.pronav .proitem a span {font-size: 12px;}
/*首页简介*/
.sect_about .about_pic {height: 200px;}
/*案例展示*/
.sect_case {padding: 25px 0;}
/*首页新闻*/
.ysbox .tabItem p {display: none;}
.ysbox .ysitem .ysnr {width: 93%;padding: 10px;}
/*sidebar*/
.sidebar {margin-bottom: 10px;}
.sider .snav a {line-height: 35px;}
.sidebar .sidetit h3 {font-size: 24px;line-height: 35px;}
.sidebar .sidelist li {width: 50%;float: left;}
.sidebar .sidelist li, .sidebar .sidelist li a {line-height: 40px;font-size: 15px;}
.sidebar .sidelist li a{border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
/*内页公用样式*/
.content .catename h2 {font-size: 24px;line-height: 40px;}
.nbanner .crumbs .current {width: 100%;}
/*产品列表*/
.content .prolist .proitem .proimg, .content .prolist .proview {height: 120px;}
.content .prolist .proitem p {height: 40px;line-height: 40px;font-size: 15px;}
.content .prolist .proname {height: 35px;}
.content .prolist .proname h2 {font-size: 15px;line-height: 35px;}
/*产品相册*/
.maininfo .photo .gallery-top {height: 275px;}
.maininfo .photo .gallery-thumbs {height: 63px;}
.maininfo .cpleft h2 {font-size: 24px;line-height: 40px;margin: 10px 0;}
.maininfo .cpleft .cppara p {font-size: 15px;}
.maininfo .xqtit {padding: 0 10px;}
.maininfo .prolist {height: 170px;}
.content .cflist .cfitem .cfimg {height: 130px;}
.content .cflist .cfcon {height: 35px;}
.content .cflist .cfcon h3 {line-height: 35px;font-size: 15px;}
.content .cflist .cfitem {margin-bottom: 10px;}
/*分页*/
.de-page-mian .page-inner span,.de-page-mian .page-inner input,.de-page-mian .page-inner a.page-btn {display: none;}
.DetailCur li {width: 100%;float: none;}
.DetailCur li.rr .page-a {text-align: left;}
.DetailCur li .page-a a {font-size: 12px;}
/*立即订购*/
.layui-layer-iframe {width: 90% !important;margin:0 auto;}
.maininfo .shlist .shitem {padding: 10px;}
.maininfo .hxlist .hxitem h3 {font-size: 20px;line-height: 45px;}
.maininfo .shlist .shitem h2 {font-size: 20px;line-height: 50px;}
.maininfo .shlist .shitem p {font-size: 15px;line-height: 35px;}
.maininfo .shlist .shitem h3 {font-size: 20px;line-height: 30px;}
.maininfo .shlist .shitem .shimg {height: 55px;}
.layui-layer-dialog {width: 90% !important;margin:0 auto;}
}
@media (max-width:380px){
.ibanner {height: 200px;}
}
@media (max-width:340px){
.ibanner {height: 165px;}
}