html {
font-size: 10px ;
}
body{
font-size: 1.4rem;
}
.container {
width: 128rem;
}
.topbig{
display: flex;
justify-content: space-between;
padding:2rem 0;
}
.logo img{
width:19.4rem;
}
.menu ul{
display: flex;
align-items: center;
height: 100%;
font-size: 1.6rem;
}
.menu ul li{
padding: 0.6rem 1.2rem ;
margin: 0 1rem;
transition: .5s;
}
.menu ul li.hover,.menu ul li:hover {
background:#1e73be;
border-radius: 5px;
transition: .5s;
}
.menu ul li.hover a,.menu ul li:hover a{
color:#fff;
}
.menu ul li a{
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
color:#333;
transition: .5s;
}
.banner{
position:relative;
}
.banner .container{
position:absolute;
left:50%;
top:22%;
transform: translate(-50%,0);
}
.bannerwen h2{
color:#fff;
font-size: 4rem;
letter-spacing: 1rem;
margin-bottom:2.4rem;
}
.bannerxian{
height: 4rem;
display: flex;
align-items: center;
}
.bannerwen section{
margin-top:1rem;
font-size: 1.6rem;
color:#fff;
letter-spacing: 0.6rem;
line-height: 3rem;
}
.bannerwen a{
margin-top: 4rem;
font-size: 1rem;
color:#fff;
border-radius: 5px;
transition: .5s;
display: flex;
justify-content: center;
align-items: center;
width: 8rem;
height: 4rem;
border:1px solid #fff;
}
.bannerwen a:hover{
background:#fff;
transition: .5s;
color:#1e73be;
}
.homeabouttop{
display: flex;
padding:8rem 0 4rem;
justify-content: space-between;
}
.homeaboutleft{
width: 50%;
}
.homeaboutleft img{
width:100%;
}
.homeaboutright{
width: 43%;
}
.homeaboutright h2 {
font-size: 2.8rem;
margin: 2rem 0 1rem;
font-family: "SimSun";
font-weight: bolder;
}
.homeaboutright section{
padding-top:1rem;
font-size: 1.6rem;
text-align: justify;
line-height: 3rem;
letter-spacing: 1px;
color:#666;
}
.homeaboutright a{
margin-top:4rem;
padding:1.1rem 1.6rem;
background:#1e73be;
color:#fff;
display: inline-block;
letter-spacing: 1px;
border-radius: 5px;
}
.homeaboutbottom ul{
display: flex;
justify-content: space-between;
}
.homeaboutbottom{
margin-bottom:8rem;
}
.homeaboutbottom ul li{
width: 33%;
text-align: center;
}
.shujutop{
font-size: 5rem;
color:#dd3333;
}
.homeaboutbottom ul li p{
font-size: 2rem;
padding-bottom:1.5rem;
color:#333;
font-family: "YouYuan";
font-weight: bold;
}
.homeservicetitle h2{
font-size: 3rem;
font-family: "SimSun";
font-weight: bolder;
text-align: center;
position:relative;
}
.homeservice{
padding:6rem 0;
background-color: rgba(245,245,245,0.8);
}
.homeservicetitle h2:after{
width: 6rem;
max-width: 60px;
display: block;
height: 3px;
content:"";
background:#3b3b3b;
margin: 0 auto;
margin-top: 15px;
margin-bottom:15px;
}
.homeservicetitle p{
padding-top:3rem;
color:#7a7a7a;
text-align: center;
font-size: 1.2rem;
margin-bottom:6rem;
}
.homeservicecontent ul li{
padding:0 1.5rem;
width: 48%;
background: #fff;
box-shadow: 0px 0px 10px #c1c1c1;
display: flex;
justify-content: space-between;
height: 18.2rem;
align-items: center;
}
.homeservicecontent ul{
display: flex;
justify-content: space-between;
}
.homeservicetu img{
width: 100%;
}
.homeservicetu{
width: 17.4rem;
height: 17.4rem;
}
.homeservicewen{
width: calc( 100% - 20.4rem);
}
.homeservicewen h2{
font-size: 1.8rem;
color:#000;
font-weight: bold;
margin-bottom:20px;
}
.homeservicewen a{
background-color: initial;
word-spacing: normal;
text-align: justify;
font-size: 1.4rem;
color: rgb(122, 122, 122);
line-height: 22px; letter-spacing: 2px;
}
.homecasetitle h2{
font-size: 3rem;
font-family: "SimSun";
font-weight: bolder;
text-align: center;
position:relative;
}
.homecasetitle h2:after{
width: 6rem;
max-width: 60px;
display: block;
height: 3px;
content:"";
background:#3b3b3b;
margin: 0 auto;
margin-top: 15px;
}
.homecasetitle p{
padding-top:3rem;
color:#7a7a7a;
text-align: center;
font-size: 1.2rem;
margin-bottom:6rem;
}
.homecase{
padding:6rem 0;
}
#case section{
padding:20px 0 20px 10px;
background:#f2f2f2;
}
#case section h2{
font-size: 1.8rem;
margin-bottom:1rem;
color:#000;
font-weight: bold;
}
#case section p{
font-size: 1.6rem;
}
#case{
padding-bottom:8rem;
}
#case .swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-case{
bottom:2rem !important;
}
.casemore{
width: 13.8rem;
height: 3.7rem;
background:#1e73be;
color:#fff;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.homenews{
padding: 60px 0;
background:#f5f5f5;
}
.homenewsbig{
display: flex;
justify-content: space-between;
}
.homenewsleft{
width: 54%;
}
.homenewsleft img{
width:100%;
}
.homenewsright{
width: 44%;
}
.homenewsleft a{
background:#fff;
display: block;
height: 100%;
}
.homenewsleft section{
padding-left: 3rem;
padding-right: 3rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
height: calc(100% - 33.6rem);
}
.homenewsleft section p{
font-size: 1.4rem;
color:#c4c4c4;
}
.homenewsleft section span{
font-size: 1.5rem;
color:#c4c4c4;
}
.homenewsleft h2{
font-size: 1.6rem;
color:#666;
margin-bottom:5px;
}
.homenewsright ul li a{
display: flex;
justify-content: space-between;
padding:2rem;
}
.homenewsright ul li{
margin-bottom:1rem;
background:#fff;
}
.homenewsright ul li img{
margin-right: 2rem;
width:12rem;
}
.homenewsright ul li h2{
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
display: -webkit-box;
overflow: hidden;
font-size: 1.6rem;
color:#666;
}
.homenewsright section{
width: calc(100% - 14rem);
}
.homenewsright ul li h2{
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
display: -webkit-box;
overflow: hidden;
font-size: 1.6rem;
color:#666;
margin-bottom:1rem;
}
.homenewsright section p{
font-size: 1.4rem;
color:#c4c4c4;
}
.homenewsright section span{
font-size: 1.5rem;
color:#c4c4c4;
}
.homenewsright ul li:last-child{
margin-bottom:0;
}
.newsmore{
width: 13.8rem;
height: 3.7rem;
background:#1e73be;
color:#fff;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top:4rem;
}
.fuwushang{
position:relative;
height: 42rem;
width: 100%;
background: url(../images/fuwushang.webp) no-repeat center center;
background-size: cover;
background-attachment: fixed;
}
.fuwushangwen{
position:absolute;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
}
.fuwushangwen h2{
text-align: center;
color:#fff;
font-size: 4rem;
font-weight: bold;
letter-spacing: 6px;
}
.fuwushangwen a{
width: 24.6rem;
height: 4.5rem;
background:#fff;
display: flex;
justify-content: center;
align-items: center;
color:#333;
margin: 0 auto;
margin-top:2.4rem;
transition: .5s;
}
.fuwushangwen a:hover{
background:rgb(226,226,226);
transition: .5s;
}
.fuwushangwen ul{
display: flex;
justify-content: center;
margin-top:2rem;
}
.fuwushangwen ul li{
margin:0 1rem;
}
.hezuo{
padding: 6rem 0;
background:#ffffffcc
}
.footertop{
background-color: #023c66;
padding:7rem 0;
}
.footertopl img{
width: 14.6rem;
margin-bottom:1rem;
}
.footertopl{
width: 30%;
}
.footertopm{
width: 37%;
}
.footertopr{
width: 20%;
}
.footertopr img{
width:10.3rem;
}
.footertopbig{
display: flex;
}
.footertopbig{
display: flex;
justify-content: space-between;
}
.footertopl section{
color:#fff;
font-size: 1.3rem;
line-height: 1.5em;
}
.footertopm h2{
font-size: 1.6rem;
color: #ffffff;
padding: 0 0 1.5rem 0;
display: block;
padding: 0 0 1.5rem 0;
font-weight: bold;
}
.footertopm section{
color:#fff;
line-height: 1.5em;
font-size: 1.4rem;
}
.footertopr{
color:#fff;
font-size: 1.6rem;
}
.banquan{
padding: 1rem 0;
background:#cecece;
text-align: center;
color:#000;
font-size: 1.6rem;
}
.banquan a{
color:#000;
}
.beian{
padding:2rem;
background: #0f0f0f;
color: #ffffff;
text-align: center;
}
.beian a{
color: #ffffff;
}
#sidebar {
position: fixed;
top: 80%;
right: -14rem;
transform: translateY(-50%);
background-color: rgb(44, 163, 232);
display: flex;
flex-direction: column;
align-items: flex-end; /* å›¾æ ‡å’Œæ–‡æœ¬é å³å¯¹é½ */
transition: right 0.3s ease; /* æ·»åŠ è¿‡æ¸¡æ•ˆæžœ */
z-index: 999; /* ç¡®ä¿åœ¨å…¶ä»–å…ƒç´ ä¹‹ä¸Š */
}
#sidebar a {
padding: 1rem 2rem;
position: fixed;
background-color: rgb(44, 163, 232);
text-decoration: none;
color: #fff;
display: flex;
align-items: center;
width: 20rem;
position: relative; /* æ·»åŠ ç›¸å¯¹å®šä½ */
transition: 0.3s ease; /* æ·»åŠ è¿‡æ¸¡æ•ˆæžœ */
}
#sidebar a span{
display: block;
}
#sidebar img {
width: 3rem;
margin-right: 2rem;
}
#wechat-qrcode {
display: none;
position: absolute;
left: -110%;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
padding: 1rem;
border-radius: 5px;
}
#sidebar a:hover {
transform: translate(-13rem,0);
transition: 0.3s ease; /* æ·»åŠ è¿‡æ¸¡æ•ˆæžœ */
}
#sidebar a:last-child:hover{
transform: translate(0,0);
transition: 0.3s ease; /* æ·»åŠ è¿‡æ¸¡æ•ˆæžœ */
}
#sidebar a:last-child:hover #wechat-qrcode{
display: block;
position:absolute;
box-shadow: 0px 0px 10px #eaeaea;
}
#sidebar #wechat-qrcode img{
width: 15rem;
margin-right: auto;
}
#wechat-qrcode{
padding: 1.5rem 2.5rem;
}
.totop {
width: 3.4rem;
height: 3.4rem;
display: flex;
align-items: center;
justify-content: center;
position:fixed;
bottom:2rem;
right:2rem;
background:#58bcb3;
cursor: pointer;
}
.totop img{
width: 50%;
height: 50%;
}
.nybanner{
height: 40rem;
overflow: hidden;
}
.banner>img{
width:100%;
}
.nybanner img{
object-fit: cover;
}
.about{
margin: 6rem 0;
overflow: hidden;
}
.about ul{
display: flex;
align-items: center;
justify-content: center;
border-bottom:3px solid #f5f5f5;
}
.about ul li a{
width: 12rem;
height: 4.6rem;
display: flex;
align-items: center;
justify-content: center;
color:#595959;
background:#ddd;
transition: .5s;
border-radius: 5px 5px 0px 0px;
}
.about ul li{
margin-right: 1rem;
}
.about ul li.hover a,.about ul li:hover a{
color:#fff;
background:#1e73be;
transition: .5s;
}
.abouttop{
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 4rem;
}
.abouttop{
display: flex;
justify-content: space-between;
}
.aboutwen{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.aboutleft{
width: 46.4rem;
}
.aboutright {
width: calc(100% - 48.4rem);
}
.aboutnr{
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: 1px;
text-align: justify;
}
.aboutwen{
margin-top:2rem;
}
.team{
padding:6rem 4rem;
}
.team ul{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.team ul li {
display: flex;
margin-bottom:1rem;
width: 57.9rem;
}
.teamtu {
width: 26rem;
height: 36.4rem;
}
.teamtu img{
width:100%;
}
.teamwen{
padding: 2rem;
width: 55%;
background:#f5f5f5;
}
.teamname{
display: inline-block;
font-size: 3.6rem;
color: rgb(44, 130, 201);
font-weight: bold;
}
.teamzhicheng{
display: inline-block;
font-size: 2rem;
font-family: arial;
}
.teamwen section{
margin-top:2rem;
font-size: 1.4rem;
line-height: 3rem;
letter-spacing: 1px;
}
.nybanner img{
width: 100%;
height: 40rem;
object-fit: cover;
object-position: center;
}
.product{
padding: 6rem 0;
}
.product .homeservicetitle h2:after{
display: none;
}
.search1 form {
display: flex;
height: auto;
overflow: hidden;
justify-content: space-between;
border: 1px solid #1e73be;
color:#fff;
}
.search1 .search {
border: 0;
height: 3.7rem;
font-size: 1.4rem;
padding-left: 10px;
width: 80%;
color: #777777;
font-family: 'tt0142m', Helvetica, Arial, sans-serif;
border-radius: 0;
}
.search1 .btn {
height: 3.7rem;
margin: 0;
background: #1e73be;
border-radius: 0;
color: #fff;
font-size: 1.4rem;
text-align: center;
width: 20%;
}
.productleft{
width: 25%;
}
.fenlei li dl dd.hover section a{
display: block;
}
.fenlei li dl .hovjt section{
display: block;
}
.fenlei li dl .hovjt section a{
display: block;
}
.fenlei li dl dd section a.hover{
color:#2a6496;
font-weight: bold;
}
.fenlei li{
list-style:none;
border-bottom:1px solid #f0f0f0;
position: relative;
}
.fenlei li i{
position: absolute;
top: 50%;
left: 3%;
transform: translate(0px,-50%);
}
.fenlei li a {
display: block;
padding: 20px 15px 20px 30px;
position:relative;
color:#333333;
cursor: pointer;
background: #f6f6f6;
}
.fenlei li a:hover,.fenlei li.hover>a,.fenlei li dl dd.hover,.fenlei li dl dd.hover a{
background:#1e73be;
color:#fff;
}
.fenlei img {
position:absolute;
top:50%;
left:15px;
transform: translate(-50%,-15px);
display: none;
}
.fenlei img:nth-child(1){
display: block;
}
li.hover img:nth-child(1){
display: none;
}
li.hover img:nth-child(2){
display: block;
}
.fenlei li ul {
display: none;
}
.fenlei li dl dd{
position: relative;
}
.fenlei img:nth-child(1){
display: block;
}
.fenlei li dl dd {
padding-right: 50px;
background:#f6f6f6;
}
.fenlei li dl dd:hover{
background:#1e73be;
}
.fenlei li dl {
min-width: 100%;
left: 100%;
z-index: 99;
top: 0%;
background: #fff;
margin: 0;
display: none;
}
.fenlei li.hov dl{
display: block;
}
li.hover dl{
display: block;
}
.fenlei li dl dd section a:hover{
color: #2a6496;
}
.fenlei li dl dd>a {
display: block;
color: #333;
line-height: 26px;
font-size: 1.4rem;
white-space: nowrap;
padding: 12px 25px;
background-size:15px;
}
.fenlei li dl .hovjt>a{
background-size:15px;
color:#2a6496;
}
.fenlei li dl dd{
padding: 0px 15px;
}
.fenlei li dl dd section{
background:white;
margin:0 -15px;
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
}
.fenlei li dl dd section a {
display: none;
white-space: nowrap;
color: #555;
font-family: MaisonNeue-Book;
line-height: 30px;
padding: 0px 50px;
background-size: auto 9px;
margin: 5px 0px 0px;
background-position: 20px center;
}
dd.hover section{
display: block;
}
.fenlei li dl dd.hover section a{
display: block;
}
.fenlei li dl .hovjt section{
display: block;
}
.fenlei li dl .hovjt section a{
display: block;
cursor:pointer;
}
.fenlei li dl dd section{
background:white;
margin:0 -15px;
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
}
.fenlei li dl dd section a {
display: none;
white-space: nowrap;
color: #555;
font-family: MaisonNeue-Book;
line-height: 30px;
padding: 0px 50px;
background-size: auto 9px;
margin: 5px 0px 0px;
background-position: 20px center;
cursor:pointer;
}
.fenlei{
margin-top:2rem;
}
.fenlei li.hover dl{
display: block;
}
.productbig{
display: flex;
justify-content: space-between;
}
.productright{
width: 70%;
}
.productright ul{
display: flex;
flex-wrap: wrap;
}
.productright ul:after{
width: 32%;
}
.productright ul li{
width: 32%;
padding: 2rem;
margin-bottom:2rem;
transition: .5s;
}
.productright ul li:hover{
box-shadow: 7px 4px 15px -1px rgba(33,33,33,.2);
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
transition: .5s;
}
.productright ul li:hover h2{
color:#1e73be;
}
.cptu{
width: 25.6rem;
height: 23.4rem;
display: flex;
justify-content: center;
align-items: center;
padding-bottom:1rem;
}
.cptu img{
width:100%;
height:100%;
object-fit:contain;
}
.cpwen h2{
font-size: 1.6rem;
font-weight: bold;
text-align: center;
color:#3b3b3b;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
display: -webkit-box;
overflow: hidden;
}
.cpwen section{
padding:1rem 2rem 0 2rem;
color:#7a7a7a;
font-size: 1.4rem;
}
.cpnei {
height:auto; overflow:hidden;
padding:20px;
padding-top:30px;
background-color:#FFFFFF;
}
.pro-img .xiaotu{
margin-top:20px;
}
.pro-img .xiaotu li a {
display: block;
border:2px #ddd solid;
margin:1px;
}
.pro-img .xiaotu li.hover{
border:2px #0e66a6 solid;
}
.pro-img .colmd5{
width:45%;
float:left;
position:relative;
}
.pro-img .colmd7{
width:48%;
float:right;
}
.pro-img .colmd7 .pro-ptt{
font-size:2.4rem;
padding:0px 0px 1.5rem;
border-bottom:1px #e8e8e8 solid;
}
.pro-img .colmd7>span{
margin-top:2rem;
display:block;
color:#3b3b3b;
font-size:1.4rem;
line-height:200%;
width:100%;
word-wrap:break-word;
}
.pro-img .colmd7>span ul{
list-style-type:disc;
margin-left:20px;
}
#Gbig{
margin: 0 auto;
border:2px solid #ddd
}
.pro-img .colmd7 h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:1.5rem;
margin-top:1.4rem;
margin-bottom:1.4rem;
color:#515151;
}
.jqzzoom{position:relative;}
.jqzoom{position:relative;overflow:hidden;border:0px #ddd solid; height:auto; overflow:hidden;}
.zoomdiv{float:left;top:0 !important;left:101% !important;border:3px solid #e4e4e4;display:none;text-align:center;overflow: hidden;position:absolute;z-index:999;background-color:#fff;}
.bigimg{width:1000px;height:1000px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:80px !important;height:80px !important;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.zoomdiv img{
max-width:none;
}
.jqzzoom .navigation {
width: 100%;
margin: 10px 0 0;
}
.jqzzoom .carousel{
overflow: hidden;
}
.jqzzoom .carousel ul {
width:2000em;
list-style: none;
margin: 0;
padding: 0;
margin-top:10px;
}
.pro-img .colmd7 h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
margin-top: 1.4rem;
margin-bottom: 1.4rem;
color: #515151;
}
.productsd{
padding: 6rem 0;
}
.jqzzom{
width: 50%;
margin: 0 auto;
}
.ruanjian1>img{
width: 100%;
object-fit: cover;
object-position: bottom;
height: 100%;
}
.ruanjian1{
height: 70rem;
overflow: hidden;
position:relative;
}
.ruanjian1wen{
position:absolute;
}
.ruanjian1big{
display: flex;
justify-content: space-between;
align-items: center;
}
.ruanjian1wen {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ruanjian1left {
width: 35%;
transform: translate(37%, -33%);
}
.ruanjian1left h2{
font-size: 3rem;
color:#fff;
margin-bottom:5rem;
}
.ruanjian1left section{
color:#fff;
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: 1px; text-align: justify;
}
.ruanjian1right img{
width: 60.6rem;
}
.ruanjian2 .homeservicetitle h2:after{
display: none;
}
.ruanjian2 .homeservicetitle h2{
position: relative;
background-repeat: no-repeat;
margin-top: 4rem;
margin-bottom: 0px;
padding: 0px 0px 2rem;
animation-duration: 0.7s;
animation-iteration-count: 1;
}
.homeservicetitle p{
padding: 0;
}
.ruanjian2 ul{
display: flex;
justify-content: space-between;
}
.ruanjian2 ul li{
width: 28%;
display: flex;
align-items: center;
flex-direction: column;
padding-left: 4vw;
padding-right: 4vw;
padding-top: 6rem;
padding-bottom: 6rem;
transition: .5s;
}
.ruanjian2 ul li:hover{
padding: 4rem 4rem 8rem 4rem;
transition: .5s;
box-shadow: 7px 4px 15px -1px rgba(33,33,33,.2)
}
.ruanjian2{
padding:6rem 0 10rem;
}
.ruanjian2 p{
position: relative;
line-height: 1.5em;
background-position: left top;
background-repeat: no-repeat;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 2rem;
padding-right: 0;
padding-left: 0;
border-radius: 0px;
font-size:1.8rem;
}
.ruanjian2 section{
color: rgb(122, 122, 122);
font-size: 1.4rem;
text-align: justify;
line-height: 2.6rem;
letter-spacing: 1px;
}
.ruanjin3{
padding-top: 5rem;
padding-bottom: 5rem;
}
.jinyongbig{
display: flex;
justify-content: space-between;
align-items: center;
}
.jinyongtu{
width: 45%;
}
.jinyongtu img{
width:100%;
}
.jinyongwen{
width: 40%;
}
#ruanjian6 img{
width:100%;
}
.jinyongwen h2{
font-size: 3rem;
margin-bottom:4rem;
}
.jinyongwen section{
font-size: 1.6rem;
line-height: 1.5em;
color:#7a7a7a;
}
.ruanjian4{
padding: 5rem 0;
}
.jinyongtu .nav li{
margin-right: 1rem;
}
.taocan {
margin-top: 0;
margin-bottom: 0;
border-radius: 0px;
position: relative;
padding-left: 3rem;
padding-right: 3rem;
padding-top: 6rem;
padding-bottom: 6rem;
box-shadow: 0px 0px 10px #eaeaea;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48%;
}
.taocanbig {
display: flex;
justify-content: space-between;
transform: translate(-25%, 0px);
}
.jinyongtu .nav{
margin-bottom:5rem;
}
.ruanjian5 {
padding: 5rem 0;
}
.taocan h2{
font-size: 2rem;
position:relative;
color:#1e73be;
}
.taocan h2:after{
overflow: hidden;
border-bottom-style: solid;
width: 4rem;
max-width: 4rem;
margin: 0 auto;
border-bottom-width: 2px;
border-bottom-color: #1e73be;
margin-top: 6px;
content:"";
display: block;
margin-bottom:5.3rem;
}
.taocan ul li{
line-height: 4.2rem;
font-size: 1.4rem;
color:#808080;
list-style: disc;
}
.taocan a{
margin:0 auto;
margin-top:30px;
width: 15rem;
height: 4.5rem;
border:1px solid #666;
transition: .5s;
display: flex;
align-items: center;
justify-content: center;
color:#666;
border-radius: 2em;
font-size:1.4rem;
cursor: pointer;
}
.taocan a:hover{
background:rgb(209, 159, 78);
transition: .5s;
color:#fff;
}
.ruanjian6{
padding:6rem 0;
}
.ruanjian6 h2{
text-align: center;
font-size: 3rem;
margin-bottom:3rem;
}
#ruanjian6 img{
padding:6px;
box-shadow: 0 0 5px #dddddd;
}
#ruanjian6{
padding:20px;
}
.case{
padding:6rem 0;
background:#f4f4f4;
}
#case img{
width:100%;
}
.hezuo img{
width:100%;
}
.case .homeservicetitle h2:after{
display: none;
}
.case .homeservicetitle p{
color:#bababa;
margin:2rem 0;
}
.case ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.case ul li{
width: 32%;
}
.case ul::after{
width: 32%;
content:'';
}
.xinwentu img{
width: 33.1rem;
height: 18.6rem;
object-fit: cover;
}
.case ul {
width: 80%;
margin: 0 auto;
}
.case ul li{
margin-bottom:1.5rem;
}
.xinwen h2{
font-size: 1.5rem;
font-weight: 700;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
display: -webkit-box;
overflow: hidden;
}
.xinwen{
padding: 2.5rem 1.5rem;
background:#fff;
}
.xinwen h2{
color:#333;
margin-bottom:1.5rem;
}
.xinwen p{
color:#888;
font-size: 1.2rem;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
display: -webkit-box;
overflow: hidden;
}
.xinwenbt{
margin-top: 2rem;
margin-bottom: 2rem;
text-align: center;
font-size: 2.4rem;
color:#000;
}
.newsd{
padding:6rem 0;
}
.newsdtitle{
font-size: 2.4rem;
color:#333;
text-align: center;
margin-bottom:2rem;
}
.newsdshuju{
font-size: 1.4rem;
color:#3b3b3b;
text-align: center;
margin-bottom:2rem;
}
.newsdshuju span{
margin: 4rem;
}
.newsdshuju section{
font-size: 1.5rem;
color:#000;
line-height: 2rem;
}
.liebiaok {
height: auto;
overflow: hidden;
margin-top: 20px;
}
.liebiaok-aa {
width: 80%;
line-height: 30px;
color: #666666;
float: left;
}
.shangy {
height: auto;
overflow: hidden;
line-height: 32px;
color: #666666;
border-bottom: 1px dotted #ececec;
}
.xiay {
height: auto;
overflow: hidden;
color: #666666;
line-height: 32px;
}
.liebiaok-bb {
width: 16%;
float: right;
}
.fanhui {
width: 142px;
height: 43px;
margin-top: 6px;
float: right;
}
.fanhui a {
display: block;
width: 142px;
height: 43px;
line-height: 43px;
color: #FFFFFF;
background-color: rgb(44, 163, 232);
font-size: 14px;
text-align: center;
border-radius: 20px;
transition: .5s;
}
.liebiaok a{
color:#333;
}
.liebiaok a:hover{
color:rgb(44, 163, 232);
transition: .5s;
}
.liebiaok-bb a{
color:white;
}
.liebiaok-bb a:hover{
color:white;
}
.news{
padding:6rem 0;
}
.news ul.daohang{
display: flex;
margin-bottom:3rem;
}
.news ul.daohang li{
margin-right: 3rem;
}
.news ul.daohang li a{
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
border:1px solid #1e73be;
width: 13rem;
height: 4.1rem;
transition: .5s;
font-size: 1.4rem;
}
.news ul.daohang li.hover a,.news ul.daohang li:hover a{
background:#1e73be;
color:#fff;
transition: .5s;
}
.news .homeservicetitle h2:after{
display: none;
}
.news .homeservicetitle p{
color:#bababa;
margin:2rem 0;
}
.xwlb ul li{
margin-bottom:2rem;
padding-bottom:1rem;
border-bottom: 1px dotted rgb(229, 229, 229);
}
.xwlbtu{
width: 24rem;
}
.xwlbtu img{
width: 24rem;
}
.xwlbtop{
display: flex;
}
.xwlbwen{
margin-left: 3rem;
width:calc(100% - 27rem);
}
.xwlbwen h2{
font-size: 1.8rem;
font-weight: bold;
margin-bottom:1rem;
color:#0c0c0c;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
display: -webkit-box;
overflow: hidden;
}
.xwlbwen span{
font-size: 1.4rem;
line-height: 2.6rem;
color:#999;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
word-wrap: break-word;
display: -webkit-box;
overflow: hidden;
}
.xwlb ul li p{
font-size: 1.6rem;
color:#0c0c0c;
text-align: right;
}
.contact{
padding:6rem 0;
}
.contact .homeservicetitle h2:after{
display: none;
}
.contact .homeservicetitle p {
color: #bababa;
margin: 2rem 0;
}
.lxxx{
padding:2rem 0;
border-bottom: 1px solid rgba(0,0,0,0.1);
border-top: 1px solid rgba(0,0,0,0.1);
margin-bottom:2rem;
color:#3b3b3b;
}
.lxxx h2{
font-size: 1.6rem;
font-family: arial;
padding-bottom:2rem;
}
.lxxx{
font-size: 1.4rem;
font-family: arial;
}
.lxxx ul{
display: flex;
flex-wrap: wrap;
}
.lxxx ul li{
width: 50%;
line-height: 200%;
}
.map{
width: 45%;
height: 40.7rem;
}
.tools{
display: flex;
justify-content: space-between;
}
.tools form{
width:50%;
}
.tools form input{
margin-bottom:2rem;
font-size:1.4rem;
}
.tools form textarea{
margin-bottom:2rem;
font-size:1.4rem;
}
.anniu2{
background:#f7f7f7;
color:#808080;
border:1px solid #aaa;
font-size:1.4rem;
}
.hezuoanli{
padding:6rem 0;
}
.hezuoanli ul{
display: flex;
margin-bottom:2rem;
}
.hezuoanli ul li{
display: flex;
flex-direction: column;
position:relative;
width:33%;
}
.hezuoanli ul li img{
width:100%;
}
.hezuoanli {
font-size:1.4rem;
line-height: 200%;
text-align: center;
}
.hezuoanli table{
width:100%;
}
.hezuotop{
margin-bottom:2rem;
}
.hezuoanli ul li p{
position:absolute;
height: 4.1rem;
width: 100%;
opacity: 0;
background-color: rgba(30,115,190,0.8);
bottom:0;
display: flex;
align-items: center;
justify-content: center;
color:#fff;
}
.hezuotop:hover p,.hezuobottom:hover p{
opacity: 1;
}
.hezuotop{
position:relative;
}
.hezuobottom{
position:relative;
}
.page_list a{
display: block;
font-size: 1.6rem;
font-family: Avenir-Regular;
color: #666;
line-height: 38px;
padding: 0px 15px;
margin: 0px 4px;
transition: .3s;
}
.page_list a.on {
color: #004cb1;
}
.page_list a:hover {
color: #004cb1;
}
.page_list {
display: flex;
justify-content: center;
clear: both;
}
.newsd section h2{
margin:2rem 0;
}
.newsd section p{
font-size: 1.6rem;
line-height: 200%;
margin-bottom:2rem;
}
.newsd section div{
font-size: 1.6rem;
line-height: 200%;
margin-bottom:2rem;
}
.bannerxian img{
height: 1.1rem;
}
.nav-logo{
display: none;
}
header.head {
position: fixed;
top: 0;
width: 100%;
background: white;
z-index: 99;
}
.menu i{
display: none;
}
.heise{
display: none;
}
.yc{
display: none;
}
@media(max-width:992px){
.yc{
display: block;
}
.container{
width:100%;
}
.nav-logo{
display: block;
}
.nav-logo{
width: 25px;
display:block;
}
.menu{
position:fixed;
width:70%;
height:100%;
right:-100%;
top:0;
z-index:9999;
background:#fff;
transition:.3s;
}
.menuu{
right:0;
}
.menu i{
display:block;
height:42px;
padding:0px 15px;
background:rgba(0,0,0,.08);
font-weight:bold;
line-height:42px;
color:#000;
font-size: 14px;
}
.menu ul{
flex-wrap:wrap;
}
.menu ul li{
width:100%;
padding: 0px 0px;
margin: 0;
}
.menu ul li a{
line-height: 42px;
font-size: 14px;
padding: 0px 15px;
display: block;
color:#333;
border-bottom:1px rgba(0,0,0,.15) solid;
background:url(../images/mujt.png) right 15px center no-repeat;
background-size:auto 15px;
}
.nav-logo i {
display: block;
padding: 2px 0px;
}
.top{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 15px;
}
.nav-logo i:after {
content: "";
display: block;
height: 2px;
background: #000;
}
.heise {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 998;
background: rgba(0,0,0,.7) url(../images/guanbi.png) 11% center no-repeat;
background-size: auto 40px;
}
.topbig{
padding:20px 15px;
align-items: center;
}
.menu i {
display: block;
height: 42px;
padding: 0px 15px;
background: rgba(0,0,0,.08);
font-weight: bold;
line-height: 42px;
color: #000;
}
.menu ul{
height:auto;
}
.menu ul li.hover, .menu ul li:hover{
background:transparent;
}
.menu ul li.hover a, .menu ul li:hover a{
color:#333;
}
.banner .container {
position: relative;
left: 0;
top: 0;
transform: none;
}
.banner {
position: relative;
display: flex;
flex-direction: column;
}
.banner>img {
width: 100%;
order: 2;
}
.bannerwen{
background: #1459b8;
padding:20px;
}
.bannerwen section{
font-size:12px;
line-height: 200%;
}
.bannerwen a{
font-size: 14px;
margin-top:20px;
width: 100%;
}
.homeabouttop{
padding:20px;
}
.homeabouttop{
flex-direction: column;
}
.homeaboutleft {
width: 100%;
}
.homeaboutright {
width: 100%;
}
.homeaboutright h2{
font-size: 16px;
}
.homeaboutright section{
font-size: 14px;
line-height: 200%;
}
.homeaboutright a{
font-size: 14px;
width: 100%;
text-align: center;
}
.homeservice{
padding:20px;
}
.homeservicecontent ul{
flex-direction: column;
}
.homeservicecontent ul li {
padding: 0 1.5rem;
width: 100%;
background: #fff;
box-shadow: 0px 0px 10px #c1c1c1;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding: 20px;
height: auto;
}
.homeservicewen h2{
font-size: 18px;
}
.homeservicewen a{
font-size: 14px;
line-height: 200%;
}
.homecase{
padding:20px;
}
.homeservicetitle h2{
font-size: 16px;
}
.homeservicetitle h2:after{
margin: 5px auto;
}
.homeservicetitle p{
font-size: 12px;
}
.homecase h2{
font-size: 16px;
}
.homecase h2:after{
margin: 5px auto;
}
.homecase p{
font-size: 12px;
padding: 0;
}
#case section h2{
font-size: 16px;
}
#case section p{
font-size: 14px;
}
.casemore{
font-size: 14px;
width: 100%;
}
.homenews{
padding:20px;
}
.homecasetitle h2{
font-size: 16px;
}
.homecasetitle h2:after{
margin: 5px auto;
}
.homecasetitle p{
padding:0;
font-size: 12px;
}
.homenewsbig{
flex-direction: column;
}
.homenewsleft{
width: 100%;
margin-bottom:10px;
}
.homenewsright {
width: 100%;
}
.homenewsleft h2{
font-size: 14px;
}
.homenewsleft section p{
font-size: 12px;
}
.homenewsleft section{
height: auto;
padding: 20px;
}
.homenewsright ul li a{
flex-direction: column;
}
.homenewsright ul li img {
margin-right: 0rem;
margin-bottom:2rem;
width: 100%;
}
.homenewsright ul li h2{
font-size: 14px;
}
.homenewsright section p{
font-size: 12px;
}
.homenewsright section{
width: 100%;
}
.newsmore{
width: 100%;
font-size: 14px;
}
.fuwushangwen h2{
font-size: 24px;
}
.fuwushangwen a{
font-size: 12px;
}
.hezuo{
padding: 20px;
}
.footertop{
padding: 20px;
}
.footertopbig{
flex-direction: column;
}
.footertopl {
width: 100%;
margin-bottom:20px;
}
.footertopm {
width: 100%;
margin-bottom:20px;
}
.footertopl section{
font-size: 12px;
line-height: 200%;
}
.footertopl img {
width: 146px;
margin-bottom: 10px;
}
.footertopm h2{
font-size: 14px;
}
.footertopm section{
font-size: 12px;
line-height: 200%;
}
.footertopr{
font-size: 12px;
}
.banquan{
font-size: 12px;
padding: 20px;
padding-right: 35px;
}
.beian{
font-size: 12px;
padding-right: 35px;
}
.bannerwen h2 {
color: #fff;
font-size: 18px;
margin-bottom: 1rem;
}
.about ul li {
font-size: 12px;
}
.aboutnr {
font-size: 14px;
line-height: 200%;
}
.abouttop{
flex-wrap: wrap;
}
.aboutleft {
width: 100%;
margin-bottom:20px;
}
.aboutright {
width: 100%;
}
.teamzhicheng {
font-size: 16px;
}
.teamwen section {
margin-top: 2rem;
font-size: 14px;
line-height: 150%;
letter-spacing: 1px;
}
.product{
padding:20px;
}
.productbig{
flex-direction: column;
}
.productleft {
width: 100%;
}
.search1 .search{
font-size: 14px;
height:37px;
}
.search1 .btn{
height: 37px;
font-size: 14px;
}
.fenlei li a{
font-size: 14px;
}
.productright ul li{
width: 100%;
}
.productright {
width: 100%;
}
.cptu {
margin: 0 auto;
}
.cpwen h2{
font-size: 14px;
}
.cpwen section {
padding: 10px 20px 0 20px;
color: #7a7a7a;
font-size: 12px;
text-align: center;
}
.ruanjian1big{
flex-direction: column;
}
.ruanjian1left {
width: 100%;
transform: none;
}
.ruanjian1left h2 {
font-size: 18px;
color: #fff;
margin-bottom: 20px;
}
.ruanjian1left section {
color: #fff;
font-size: 14px;
line-height: 200%;
letter-spacing: 1px;
text-align: justify;
}
.ruanjian1wen{
width: 100%;
padding: 20px;
}
.ruanjian1{
height: 700px;
}
.ruanjian2{
padding:20px;
}
.ruanjian2 ul li{
width: 100%;
margin-bottom:20px;
}
.ruanjian2 ul{
flex-wrap: wrap;
}
.ruanjian2 p{
font-size: 14px;
}
.ruanjian2 section{
font-size: 12px;
}
.jinyongbig{
flex-wrap: wrap;
}
.jinyongtu {
width: 100%;
}
.jinyongwen {
width: 100%;
}
.jinyongbig{
padding:20px;
}
.jinyongwen section {
font-size: 12px;
line-height: 1.5em;
color: #7a7a7a;
}
.jinyongwen h2 {
font-size:14px;
margin-bottom: 20px;
}
.jinyongtu .nav li{
font-size: 14px;
margin-top:20px;
}
.taocanbig {
display: flex;
justify-content: space-between;
transform: none;
}
.taocanbig{
flex-direction: column;
}
.taocan {
width: 100%;
padding:20px;
}
.taocan h2 {
font-size: 14px;
position: relative;
color: #1e73be;
}
.taocan ul li {
font-size: 12px;
}
.taocan:first-child{
margin-bottom:20px;
}
.taocan a {
margin-top: 30px;
width: 100%;
font-size: 12px;
}
.ruanjian6 {
padding: 20px 0;
}
.case{
padding:20px;
}
.case ul {
width: 100%;
margin: 0 auto;
}
.case ul li {
width: 100%;
}
.xinwentu img {
width: 100%;
height: auto;
object-fit: cover;
}
.xinwen h2{
font-size: 14px;
}
.xinwen p{
font-size: 12px;
}
.hezuoanli{
padding: 20px;
font-size: 12px;
}
.hezuoanli ul li {
width: 100%;
margin-bottom:20px;
}
.hezuoanli ul{
flex-wrap: wrap;
}
.hezuotop {
margin-bottom: 20px;
}
.newsd{
padding:20px;
}
.newsdshuju span{
font-size: 12px;
}
.newsd section{
font-size: 12px !important;
}
.newsd section p{
font-size: 12px !important;
}
.liebiaok{
display: flex;
flex-wrap: wrap;
}
.liebiaok-aa{
width: 100%;
}
.liebiaok a {
color: #333;
font-size: 14px;
}
.liebiaok-bb {
width: 100%;
float: right;
}
.fanhui{
width: 100%;
}
.fanhui a{
width: 100%;
}
.page_list a{
font-size: 12px;
}
.news{
padding: 20px;
}
.news ul.daohang li a{
font-size: 12px;
}
.news{
overflow: hidden;
}
.xwlbwen h2{
font-size: 14px;
}
.xwlbwen span{
font-size: 12px;
}
.xwlb ul li p{
font-size: 12px;
}
.page_list a{
padding: 0 5px;
}
.newsd section div {
font-size: 12px !important;
line-height: 200%;
margin-bottom: 2rem;
}
.newsd section img{
width: auto !important;
height: auto !important;
}
.newsd section span{
font-size: 12px !important;
}
.contact{
padding: 20px;
}
.lxxx h2 {
font-size: 14px;
}
.lxxx ul li {
width: 100%;
line-height: 200%;
font-size: 12px;
}
.tools{
flex-wrap: wrap;
}
.map {
width: 100%;
margin-bottom:20px;
}
.tools form {
width: 100%;
}
.tools form input {
margin-bottom: 20px;
font-size: 14px;
}
.tools form textarea {
margin-bottom: 20px;
font-size: 14px;
}
.anniu2{
font-size: 14px;
}
.totop{
width:34px;
height: 34px;
bottom:50px;
right:0;
}
.b-height {
height:50px;
}
.fygnav {
padding:0px;
height:50px;
background-color:#009ca3;
}
.fygnav ul {
list-style-type:none;
width:100%;
margin:0px;
padding:0px;
}
.fygnav li {
width:25%;
text-align:center;
float:left;
margin:0;
}
.fygnav ul {
list-style-type: none;
width: 100%;
margin: 0px;
padding: 0px;
display: flex;
align-items: center;
}
.fygnav li a img {
height: 20px;
width: 20px;
}
.fygnav li a {
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
align-items: center;
color: #FFFFFF;
background-color: #1e73be;
height: 55px;
font-size:12px;
white-space: nowrap;
}
}