*{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
.pc {
display: block;
}
.mobile {
display: none;
}
.headercon{
width: 1200px;
margin: 10px auto;
overflow: hidden;
}
.logo{
float: left;
}
.logo img{
vertical-align: middle;
}
.logo span{
border-left: 1px solid #666;
color: #666;
padding-left: 10px;
margin-left: 11px;
}
.phone{
float: right;
overflow: hidden;
color: #666;
margin: 10px;
}
.phoneL{
float: left;
margin-right: 10px;
}
.phoneL img{
}
.phoneR{
float: left;
}
.phoneR p{
}
.nav{
background: #009fe9;
height: 50px;
}
.navcon{
width: 1200px;
margin: 0 auto;
line-height: 50px;
}
.navcon a{
width: 10%;
font-size: 20px;
float: left;
color:
#fff;
text-align: center;
}
.navcon a.active{
background: #fff;
color: #009fe9;
}
.banner{
width: 100%;
}
.banner a{
width: 100%;
display: block;
}
.banner img{
width: 100%;
}
.title{
margin-bottom: 28px;
}
.title1{
}
.cnt{
}
.ent{
text-align: center;
}
.intro{
width: 1200px;
margin: 0 auto;
}
.introtop{
overflow: hidden;
}
.introimg{
float: left;
border-top: 1px solid #2896cb;
width: 48%;
}
.introtxt{
float: right;
width: 48%;
border-top: 1px solid #2894cb;
line-height: 32px;
padding-top: 15px;
}
.introtxt p{
text-indent: 2em;
}
.introtxt p b{
color: #2896cb;
}
.introbottom{
overflow: hidden;
/* float: left; */
border-top: 1px solid #2896cb;
border-bottom: 1px solid #2896cb;
padding: 20px 0;
margin: 20px 0;
/* line-height: 30px; */
}
.introbottomL{
float: left;
color: #2896cb;
font-weight: 700;
width: 20px;
border: 1px dashed #2896cb;
text-align: center;
padding: 10px;
}
.introbottomR{
width: 1130px;
float: right;
line-height: 31px;
}
.zonghe{
background: url(../images/2.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
padding: 50px 0;
}
.zonghecon{
width: 1200px;
margin: 0 auto;
background: url(../images/nengyuanbg.png) no-repeat;
background-size: 100% 100%;
padding: 30px 0;
}
.title1{
background: url("../images/title2.png") center no-repeat;
background-size: 600px;
height: 113px;
text-align: center;
line-height: 113px;
font-size: 31px;
font-weight: 700;
color: #fff;
}
.title2{
background: url("../images/title1.png") center no-repeat;
background-size: 600px;
height: 113px;
text-align: center;
line-height: 113px;
font-size: 31px;
font-weight: 700;
}
.zongheintro{
width: 80%;
margin: 0 auto 30px;
color: #fff;
line-height: 30px;
}
.zongheintro p{
}
.procenter{
background: url(../images/index3.png) no-repeat;
background-size: 100% 100%;
padding: 30px 0;
}
.productintro{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.productintro a{
width: 33%;
float: left;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
margin: 0px 0;
}
.productintro a:hover{
background: rgba(255,255,255,.2);
border-radius: 10px;
}
.productintro a img{
margin: 20px 0;
height: 80px;
}
.productintro .proline img{
height: 5px;
}
.casecenter{
background: url(../images/index2.png) no-repeat;
background-size: 100% 100%;
padding: 30px 0;
padding-bottom: 68px;
}
.newscenter{
background: url(../images/index4.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.newsbox{
width: 1200px;
margin: 0 auto 40px;
background: #fff;
border-radius: 12px;
}
.newscon{
width: 1200px;
margin: 0 auto;
background: #fff;
border-radius: 12px;
overflow: hidden;
}
.newsitem{
/* width: 20%; */
/* float: left; */
/* margin: 2%; */
}
.newsitem a{
display: block;
width: 21%;
float: left;
margin: 0 2%;
margin-bottom: 47px;
}
.newsitem img{
}
.newsline{
}
.newstitle{
color: #333;
margin: 10px 0;
line-height: 26px;
}
.newsdes{
color: #666;
font-size: 14px;
line-height: 20px;
margin-bottom: 22px;
}
.newsmore{
border: 1px solid #069BE1;
color: #069BE1;
text-align: center;
width: 153px;
margin: 0 auto;
display: block;
padding: 6px 0;
border-radius: 30px;
}
.footer{
background: #313334;
overflow: hidden;
}
.footertop{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.footeritem{
float: left;
width: 20%;
line-height: 30px;
color: #fff;
}
.footername{
}
.footeritem a{color: #fff;display: block;}
.footeritem >p{
color: #069BE1;
margin-top: 30px;
margin-bottom: 10px;
}
.footerbottom{
width: 1200px;
margin: 17px auto;
overflow: hidden;
border-top: 1px solid #666;
margin-bottom: 14px;
overflow: hidden;
padding: 10px 0;
}
.footerbotL{
float: left;
color: #666;
}
.footerbotL a{
color: #666;
}
.footerbotR{
float: right;
}
.footerbotR a{
}
.footerbotR img{
width: 20px;
}
.caseproduct{
margin: 40px 0;
}
.caseptabbox{
width: 1200px;
margin: 0 auto;
position: relative;
}
.caseproductcon{
overflow: hidden;
display: none;
}
.caseproductconL{
float: left;
width: 47%;
margin: 2%;
}
.caseproductconL h2{
}
.casecompany{
color: #009fe9;
margin: 10px 0;
}
.miaoshu{
font-size: 14px;
color: #666;
line-height: 28px;
}
.caseproductconR{
float: left;
text-align: right;
/* width: 30%; */
}
.caseproductconR img{
width: 76%;
}
.caseptab{
position: absolute;
right: 15%;
bottom: 54px;
background: rgba(255,255,255,.5);
padding: 10px;
}
.caseptab a{
display: block;
float: left;
width: 40px;
height: 30px;
}
.caseptab a.active{
border: 2px solid #fff;
}
.caseptab a img{
width: 40px;
height: 30px;
}
.pagecase{
margin: 40px auto;
background: url("../images/casepbg.png") no-repeat;
background-size: 100%;
overflow: hidden;
}
.morecase{
overflow: hidden;
margin: 27px auto;
width: 1160px;
}
.morecase span{
color: #fff;
}
.morecase a{
float: right;
color: #fff;
margin-right: 22px;
}
.casegroup{
overflow: hidden;
width: 1200px;
margin: 0 auto;
}
.caseitem{
width: 47%;
margin: 1%;
float: left;
background: #fff;
border-radius: 10px;
box-shadow: 1px 1px 3px 1px #ddd;
}
.caseitem a img{
width: 100%;
}
.casename{
color: #009fe9;
padding: 10px;
display: block;
}
.casedes{
padding: 5px 10px 22px;
color: #666;
font-size: 14px;
}
.jiejue{
overflow: hidden;
margin: 60px 0;
}
.jiejueL{
float: left;
width: 52%;
background: #009fe9;
padding: 40px 0;
height: 542px;
}
.jiejueLcon{
width: 68%;
margin: 10px auto;
float: left;
margin-left: 11%;
color: #fff;
line-height: 1.8;
}
.jiejueLcon h2{
}
.jueenmae{
margin: 10px 0;
}
.jijueline{
width: 100px;
height: 1px;
border-top: 1px solid #ddd;
margin-bottom: 15px;
}
.jiejuedes{
}
.jiejueR{
float: left;
width: 54%;
margin-left: -6%;
margin-top: 50px;
}
.jiejueR img{
width: 50%;
float: left;
height: 248px;
}
.pageprodct{
width: 1200px;
margin: 40px auto;
}
.pagplist{
overflow: hidden;
background: url("../images/dianline.png") no-repeat 58px 0;
background-size: 13px 100%;
padding: 5px 0;
padding-bottom: 35px;
}
.pagplistL{
float: left;
}
.pliname{
width: 20px;
color: #009fe9;
float: left;
font-weight: 700;
margin-top: 42px;
}
.plinameen{
float: left;
width: 10px;
word-break: break-word;
font-size: 12px;
color: #009fe9;
margin-top: 23px;
margin-left: 11px;
margin-right: 26px;
}
.pagplistM{
float: left;
}
.pagplistM img{
height: 100%;
display: none;
}
.pagplistR{
float: left;
color: #666;
text-decoration: none;
}
.spname{
color: #009fe9;
margin-bottom: 10px;
}
.spdes{
}
.pagplistR1{
float: left;
margin: 0 24px;
}
.pagplistR1 img{
width: 227px;
/* height: 301px; */
}
.indexcaseitem{
background: #F0F3F6;
overflow: hidden;
/* width: 86%; */
}
.indexcaseitemL{
float: left;
width: 43%;
}
.indexcaseitemL a{
display: block;
}
.indexcaseitemL a img{
width: 206px;
height: 225px;
}
.indexcaseitemR{
float: left;
padding: 40px;
margin: 20px 0;
width: 33%;
}
.incaseen{
color: #069BE1;
}
.incasecn{
color: #666;
display: block;
margin: 10px 0;
}
.moreindexcase{
background: #069BE1;
color: #fff;
/* padding: 10px 49px; */
display: inline-block;
width: 100px;
height: 33px;
text-align: center;
line-height: 33px;
}
.casecenter .pagination {
position: absolute;
left: 0;
text-align: center;
bottom: 5px;
width: 100%;
z-index:999;
}
.casecenter .swiper-pagination{
width: 100%;
}
.casecenter .swiper-pagination-bullet {
display: inline-block;
width: 20px;
height: 6px;
opacity:1;
border-radius: 0px;
background: #eee;
margin: 0 3px;
cursor: pointer;
transition: width 0.3s ease-in-out;
}
.casecenter .swiper-pagination-bullet-active{
background: #fff;
width:50px;
}
.pagecase .swiper-button-prev {
background: url(../images/left.png) no-repeat left top;
position: absolute;
left: 20px;
top: 55%;
margin-top: -35px;
width: 70px;
height: 70px;
z-index:999;
}
.pagecase .swiper-button-next {
background: url(../images/right.png) no-repeat left bottom;
position: absolute;
right: 20px;
top:55%;
margin-top: -35px;
width: 70px;
height: 70px;
z-index:999;
outline: none;
}
.newscenter .morecase{
width: 1200px;
}
/*2023722*/
.product{
background: #f1f1f1;
overflow: hidden;
}
.productCon{
width: 1200px;
margin: 0 auto 40px;
overflow: hidden;
}
.productCon img{
float: left;
margin-top: 130px;
width: 251px;
}
.productConR{
width: 700px;
float: right;
}
.newtitle{
margin: 40px 0;
text-align: center;
}
.newtitle h2{
font-size: 35px;
margin-bottom: 5px;
}
.newtitle h3{
color: #636363;
font-weight: normal;
font-size: 22px;
}
.productConR p{
font-size: 22px;
line-height: 37px;
margin-bottom: 10px;
text-align: justify;
}
.procenter2{
overflow: hidden;
padding-bottom: 40px;
}
.productintro2{
width: 1200px;
margin: 10px auto;
overflow: hidden;
}
.productintro2 a{
text-align: center;
width: 352px;
float: left;
margin: 0 21px;
}
.productintro2 a h2{
color: #0080e0;
margin-bottom: 20px;
}
.productintro2 a p{
color: #000;
text-align: left;
line-height: 26px;
}
.productintro2 a img{
width: 68px;
margin: 20px auto;
display: block;
}
.jiagou{
background: #f1f1f1;
overflow: hidden;
padding-bottom: 30px;
}
.jiagoucon{
width: 90%;
margin: 0 auto;
}
.jiagoucon img{
width: 100%;
}
.jiazhi{
overflow: hidden;
margin-bottom: 40px;
}
.provalue{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.provalue a{
float: left;
width: 570px;
box-shadow: 1px 1px 1px 1px #ddd;
margin: 10px;
padding: 30px 0;
}
.provalue a img{
width: 100px;
float: left;
margin: 0 20px;
}
.provalueR{
float: left;
width: 72%;
}
.provalueR h2{
margin-bottom: 14px;
}
.provalueR p{
color: #7c7c7c;
line-height: 30px;
}
.chepai{
overflow: hidden;
position: relative;
}
.chepaicon{
width: 1330px;
margin: 0 auto;
position: relative;
margin-bottom: 40px;
}
.chepaicon .swiper-container{
width: 100%;
margin: 10px auto;
}
.chepaiitem{
position: relative;
}
.chepaiitem> img{
width: 99%;
border: 1px solid #ddd;
vertical-align: middle;
height: 436px;
}
.chepaiitem p{
overflow: hidden;
color: #444444;
font-size: 16px;
}
.chepaiitem p span:first-child{
}
.chepaiitem p span:last-child{
float: right;
}
/**/
.chepaitemcon{
}
.chepaitemcon p{
/* margin-top: 38%; */
color: #fff;
width: 90%;
margin: 20px auto;
text-align: left;
line-height: 30px;
}
.chepaitemcon p img{
height: 40px;
display: block;
margin: 10px auto;
}
.chepaitemcon{
position: absolute;
top: 0;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
color: #fff;
text-align: center;
padding-top: 25%;
}
.chepaitemcon p{
}
.chepaitemcon p img{
}
.chepaitemcon h2{
font-size: 20px;
margin: 12px 0;
}
.shebeijieshao{
width: 1200px;
margin: 40px auto;
}
.shebeijieshaoCon{
}
.shebeijieshaoTab{
overflow: hidden;
}
.shebeijieshaoTab a{
float: left;
width: 400px;
font-size: 23px;
text-align: center;
box-shadow: 1px 1px 1px 1px #eee;
margin: 7px 0;
}
.shebeijieshaoTab a p{
margin: 20px 0 0;
}
.shebeijieshaoTab a img{
height: 56px;
margin: 20px 0;
}
.shebeijieshaoTab a.active{background: #f5f5f5;}
.sbtabcon{
}
.sbtabconitem{
overflow: hidden;
margin: 30px 0;
display: none;
}
.sbtabconitem img{
float: left;
width: 254px;
margin-left: 6%;
}
.sbtabconitemR{
float: right;
width: 761px;
font-size: 18px;
line-height: 36px;
}
.sbtabconitemR p{
}
.chepai .swiper-button-prev{
background: url("../images/new/left.png") no-repeat;
background-size: 84% ;
}
.chepai .swiper-button-next{
background: url("../images/new/right.png") no-repeat;
background-size: 84% ;
}
/*gongneng*/
.gaishu{
width: 1000px;
margin: 0 auto;
}
.adtitle{
text-align: center;
margin: 40px 0 20px;
}
.gaishu img{
}
.gaishu p{
line-height: 28px;
}
.gaishu img{
width: 100%;
margin: 20px 0;
}
/*advant*/
.proscon{
/* padding-bottom: 118px; */
overflow: hidden;
background-size: cover;
height: 900px;
}
.pros{
position: relative;
width: 1200px;
margin: 0 auto;
text-align: center;
height: 399px;
overflow: hidden;
}
.pros img{
width: 300px;
/* margin-bottom: 118px; */
margin-top: 4%;
/* display: none; */
}
.pt1{
top: 10%;
}
.pt2{
/* right: 10% !important; */
top: 9%;
}
.pt3{
top: 52%;
left: 0 !important;
}
.pt4{
top: 52%;
}
.pt5{
top: 47%;
left: 8% !important;
}
.pt6{
top: 47%;
right: 6% !important;
}
.pitem{
width: 329px;
/* display: flex; */
position: absolute;
overflow: hidden;
}
.pitem h2{
font-size: 19px;
color: #fff;
font-weight: normal;
margin-bottom: 20px;
}
.pitem p{
color: #fff;
font-size: 13px;
line-height: 18px;
margin-top: 8px;
}
.pitem img{
width: 29px;
margin: 0;
}
.pitem:nth-child(odd){
position: absolute;
left: 0;
/* top: 12%; */
}
.pitem:nth-child(even){
right: 0%;
}
.ptL{
width: 100%;
}
.ptR{
width: 100px;
background: #fff;
height: 100px;
border-radius: 50%;
border: 1px solid #FC5D57;
line-height: 100px;
font-size: 20px;
color: #FC5D57;
font-size: 33px;
}
.pitem:nth-child(odd) .ptL{
text-align: right;
margin: 2% 0;
float: left;
}
.pitem:nth-child(odd) .ptR{
float: right;
}
.pitem:nth-child(even) .ptL{
float: right;
text-align: left;
}
.pitem:nth-child(even) .ptR{
float: left;
}
/*youshiend*/
.xitonggongneng{
overflow: hidden;
background: #f1f1f1;
padding-bottom: 40px;
}
.xitonggongnengCon{
width: 1200px;
margin: 0 auto;
}
.xitonggongnengCon a{
float: left;
width: 31%;
margin: 1%;
text-align: center;
margin-bottom: 40px;
}
.xitonggongnengCon a h2{
}
.xitonggongnengCon a h3{
width: 60px;
height: 60px;
background: #4da9ff;
border-radius: 50%;
text-align: center;
line-height: 60px;
margin: 20px auto;
}
.xitonggongnengCon a h3 img{
width: 27px;
vertical-align: middle;
}
.xitonggongnengCon a p{
text-align: left;
line-height: 32px;
}
.jishuyoushi{
margin: 40px 0;
}
.jishuyoushicon {
width: 1200px;
margin: 0 auto;
}
.jishuyoushicon img{
width: 100%;
}
.tiaoshuqi{
background: #f1f1f1;
overflow: hidden;
padding-bottom: 40px;
}
.tiaoshuqicon{
width: 1200px;
margin: 20px auto;
}
.tiaoshuqicon a{
width: 30%;
margin: 1%;
float: left;
}
.tiaoshuqicon a h2{
margin-bottom: 12px;
}
.tiaoshuqicon a h2 img{
height: 31px;
vertical-align: middle;
margin: 0 10px;
}
.tiaoshuqicon a p{
color: #939393;
line-height: 28px;
width: 85%;
}
.baike{
overflow: hidden;
padding-bottom: 40px;
}
.newstit{
margin: 30px 0;
}
.newstit h2{
color: #3e9dff;
text-align: center;
}
.newstit p{
color: #737373;
text-align: center;
}
.xnews{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.xnews a{
float: left;
width: 31%;
margin: 1%;
}
.xnewsImg {
}
.xnewsImg img{
width: 100%;
}
.xnews a h2{
color: #000;
width: 90%;
margin: 10px auto;
}
.xnews a p{
color: #6c6c6c;
width: 90%;
margin: 10px auto;
line-height: 24px;
}
.xinwenzixun{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.xinwenzixun a{
float: left;
overflow: hidden;
width: 48%;
margin: 1%;
display: flex;
color: #3c3c3c;
}
.xwzxL{
float: left;
margin-right: 18px;
}
.xwzxL h3{
margin-bottom: 10px;
}
.xwzxL p {
}
.xwzxR{
float: left;
}
.xwzxR h2{
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.xwzxR p{
color: #6c6c6c;
}
.solution{
width: 1200px;
margin: 0 auto;
overflow: hidden;
margin-top: 30px;
}
.solutionL{
float: left;
background: #f5f5f5;
width: 200px;
}
.solutionL h2{
background: #00579d;
color: #fff;
height: 50px;
line-height: 50px;
}
.solutionL h2 img{
width: 26px;
margin: 0 11px;
vertical-align: middle;
}
.catt{
width: 94%;
margin: 4px auto;
}
.catt p{
height: 50px;
line-height: 50px;
background: #fff url("../images/new/shou.png") no-repeat 90% 15px;
background-size: 20px;
padding-left: 13px;
}
.catt p.active{
background: #fff url("../images/new/zhan.png") no-repeat 90% 20px;
background-size: 20px;
}
.cattcon{
display: none;
}
.cattcon a{
display: block;
height: 40px;
line-height: 40px;
padding-left: 30px;
}
.cattcon a:hover{
background: #e9e7e7;
}
.solutionR{
float: right;
width: 980px;
}
.solutionR a{
display: block;
float: left;
background: #f4f4f4;
width: 31.333%;
margin: 0 1% 2%;
text-align: center;
padding-bottom: 20px;
}
.solutionR a p{
}
.solutionR a img{
width: 100%;
}
.solutionR a h2{
font-weight: normal;
font-size: 20px;
margin: 10px 0;
}
.solutionR a h4{
color: #b8b7b7;
font-weight: normal;
}
.page{
width: 1180px;
margin: 30px auto;
text-align: right;
}
.page a{
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #999;
text-align: center;
line-height: 30px;
font-size: 14px;
margin: 0 3px;
}
.page a.active{
background: #00579d;
color: #fff;
}
.youshi {
background: #233278;
overflow: hidden;
}
.yingyong{
overflow: hidden;
margin-left: -59px;
width: 240px;
}
.yingyong a{
float: left;
width: 50%;
}
.yycj{
margin-left: 50px;
margin-bottom: 50px;
}