@charset "utf-8";
*{margin: 0;padding: 0; font-family: '微软雅黑';color: #555; font-size: 14px;line-height: 24px;}
body{width: 100%;overflow-x: hidden;background: #fff;}
li{list-style: none;}
a{text-decoration: none;display: inline-block;}
a:hover{color:rgb(95, 138, 219)}
img{max-width: 100%;display: inline-block;}
.fillimg{width: 100%;height: 100%;;}
.autoimg{max-height: 100%;display: block;margin: 0 auto;width: auto;}
input{outline: none;;}
.clearfix{clear: both;}
.c00{color:#333;}
.c01{color: #888;}
.c02{color: rgb(95, 138, 219);}
.c03{color: #fff;}
.size16{font-size: 16px;;}
.size12{font-size: 12px;;}
.fontw4{font-weight: 400;}
.white-bg{background: #fff;}
.no-wrap{display: block;width: 100%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;;}
.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
.w-inner{width: 1200px;margin: 0 auto;overflow: hidden;}
.center{text-align: center;}
.overf-h{overflow: hidden;}
.overf-v{overflow: visible;}
.left{float:left;}
.right{float:right;}
.relative{position: relative;}
.none{display: none;;}
.pt50{padding-top: 50px;;}
.pb50{padding-bottom: 50px;;}
.mtop10{margin-top: 10px;;}
.mtop20{margin-top: 20px;;}
.mbottom10{margin-bottom: 10px;;}
.mbottom15{margin-bottom: 15px;;}
.blo{display: block;height: 100%;}
.inl-blo{display: inline-block;}
.flex{display: flex;flex-wrap: wrap;}
.flex-bt{justify-content: space-between;}

@font-face {
    font-family: 'iconfont';  /* project id 1236104 */
    src: url('//at.alicdn.com/t/font_1236104_y23v0pobcs.eot');
    src: url('//at.alicdn.com/t/font_1236104_y23v0pobcs.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1236104_y23v0pobcs.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1236104_y23v0pobcs.woff') format('woff'),
    url('//at.alicdn.com/t/font_1236104_y23v0pobcs.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1236104_y23v0pobcs.svg#iconfont') format('svg');
  }
  .iconfont{
    font-family:"iconfont" !important;
    font-size:14px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/* banner */
.banner{width: 100%;overflow-x: hidden;position: relative;}
/* 轮播小圈圈 */
.swiper-pagination-bullet-active{background: rgb(95, 138, 219);}
.swiper-pagination{z-index: 1;}

/* header +导航 */
.header{z-index: 99;padding: 25px 0;height: 60px;;}
.logo img{display: block;height: 36px;width: auto;max-width: 300px;margin-top: 7px;;}
.nav ul li{position: relative;margin-right: 10px;}
.nav ul li .first-nav{height: 60px;line-height: 60px;width:100px;display: block;text-align: center; font-size: 16px;}
.nav ul li:hover .first-nav{color: rgb(95, 138, 219);transition: 0.4s all;}
.nav ul .nav-active .first-nav{color: rgb(95, 138, 219);}
/* 带下拉分类 */
.nav ul li .second-nav{position: absolute;width: 200px;background: #fff;z-index: 999;top: 60px;display: none;border-top:solid 1px #eee;}
.nav ul li .second-nav dt{border-bottom:solid 1px #eee;padding: 10px;line-height: 40px;position: relative;text-indent: 0;}
.nav ul li .second-nav dt a{color: #555;width: 90%;}
.nav ul li .second-nav dt i{position: absolute;right: 10px;line-height: 40px;top: 2px;font-size: 12px;}
.nav ul li .second-nav dt:hover{transition: 0.2s all;text-indent: 2px;}
.nav ul li .second-nav dt:hover a{color:rgb(95, 138, 219); transition: 0.4s all;}
.nav ul li .second-nav dt:hover i{color:rgb(95, 138, 219); transition: 0.4s all;}
.nav ul li:hover .second-nav{display: block;transition: 0.2s all;}

/* 页码 */
.page .pageoption{text-align: center;margin: 20px 0;margin-top: 40px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;width: auto;float: none;}
.page .pageoption ul li a{display: block;overflow: initial;}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: rgb(95, 138, 219)}
.page .pageoption ul .current span{color: #fff;border:1px solid rgb(95, 138, 219);}
.page .pageoption ul li a:hover{background: rgb(95, 138, 219)}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid rgb(95, 138, 219);}
.fanpage{margin: 50px 0 20px;padding-top: 20px;border-top: dashed 1px #ededed;}
.fanpage ul li{margin-bottom: 8px;}
.fanpage ul li a:hover{color: rgb(95, 138, 219);}
/* 地图 */
#map iframe{width: 100%;height: 375px;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;box-sizing: border-box;}


/* 产品中心 */
.bigtitle{margin-top: 30px;margin-bottom: 25px;;}
.bigtitle h1{font-size: 26px;margin-right: 10px;;}
.p-categ{margin-top: 25px;;}
.p-categ ul li{margin-right: 20px;line-height: 30px;text-align: center;padding: 0 15px;;}
.p-categ ul li:hover{background: rgb(95, 138, 219);border-radius: 15px; transition: 0.4s all;;}
.p-categ ul li:hover a{color: #fff; transition: 0.4s all;;}
.p-categ ul li.active{background: rgb(95, 138, 219);border-radius: 15px; }
.p-categ ul li.active a{color: #fff;}
.p-lists ul li {width: 30.5%;box-sizing: border-box;position: relative; margin-left:2%;}
.p-lists ul li .img{width: 100%;height:270px;}
.p-lists ul li .tit{padding: 0 5% ;width: 90%;;}
.p-lists ul li .hidden{position: absolute;width: 100%;height: 110px;background: rgba(0,0,0,0.4);top: 0;left: 0;padding: 80px 0;opacity: 0;}
.p-lists ul li:hover .hidden{opacity: 1;transition: 0.5s all;}

.more-btn{width: 175px;height: 45px;border:solid 1px #ccc;box-sizing: border-box;line-height: 45px;text-align: center;margin: 30px auto;border-radius: 5px;;}
.more-btn:hover{background: rgb(95, 138, 219);color: #fff;border:solid 1px rgb(95, 138, 219);transition: 0.3s all;;}

/* 关于我们 */
.aboutus{background: url(../about-bg.jpg) no-repeat center;padding-top: 200px;;}
.aboutus .w-inner00{width: 1150px;margin-left: 50px;background: rgba(255,255,255,0.8);position: relative;z-index: 10;}
.aboutus .w-inner::before{width: 440px;height: 275px;background:rgb(95, 138, 219) ;position: absolute;left: 0;top: 150px;content: "";z-index: 1;}
.aboutus .left-img{width: 430px;height: 375px;;}
.aboutus .right-intro{width: 580px;padding-left: 80px;padding-top: 30px;}
.aboutus .right-intro .aboutus-intro{ width: 580px;height: 150px;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;
 word-break: break-all;margin-bottom: 20px;}
.aboutus .more-btn{margin: initial;;}
/* 解决方案 */

.solution .p-lists ul li{border:solid 3px #fff;border-radius: 3px;box-sizing: border-box;}
.solution .p-lists ul li .img{width: 100%;height:150px;}
.solution .p-lists ul li .fonts{width:80%;padding-bottom: 20px;;}
.solution .p-lists ul li .arrow{width:40px;height: 40px;border-radius: 50%;border:solid 1px #eee;position: absolute;top: 170px;right: 20px;line-height: 40px;font-size: 24px;background: #fff;}
.solution .p-lists ul li .arrow i{position: relative;top: -2px;}
.solution .p-lists ul li:hover{background: rgb(95, 138, 219) ;transition: 0.3s all;border:solid 3px rgb(95, 138, 219);;}
.solution .p-lists ul li:hover .tit{color: #fff;transition: 0.5s all;;}
/* 服务支持 */
.more-btn-bg{border:solid 1px rgb(95, 138, 219);color: rgb(95, 138, 219);margin: initial;}
.service .ser-lists{background: url(../ser-bg.jpg) no-repeat center;}
.service .ser-lists .left-intro{width: 30%;;}
.service .ser-lists .left-intro .c02{font-size: 24px;;}
.service .ser-lists .right-items{width: 60%;;}
.service .ser-lists ul{border-right:solid 1px #ccc;border-bottom: solid 1px #ccc;box-sizing: border-box;;}
.service .ser-lists ul li{width: 33.33%;border:solid 1px #ccc;border-right: none;border-bottom: none;padding: 20px 30px 30px;box-sizing: border-box;}
.service .ser-lists ul li span{position: absolute;height: 28px;width: 40px;padding: 0 10px 0 10px;top: 25px;left: 0;background: rgb(95, 138, 219);color: #fff;line-height: 28px;font-size: 18px;text-align: right;}
.service .ser-lists ul li h2{padding-left: 25%;width: 75%;line-height: 28px;margin-top: 5px;;}
.service .ser-lists ul li:nth-of-type(1){margin-left: 33.33%;}
.service .ser-lists ul li:hover{background: rgb(95, 138, 219,0.8) ;transition: 0.3s all;}
.service .ser-lists ul li:hover .c01{color: #f5f5f5;transition: 0.4s all;}
.service .ser-lists ul li .c01{min-height: 48px; }
/* 资讯 */
.news .swiper-slide{border:solid 1px #eee;box-sizing: border-box;height: 252px;;}
.news .swiper-slide a{ display: block; width:100%;}
.news .swiper-slide .left{width: 52%;padding: 50px 4% 50px 8%;}
.news .swiper-slide .left .more-btn{width: 85px;height: 30px;line-height: 30px;background: rgb(95, 138, 219);padding: 0;margin: 0;border: none;color: #fff;margin-top: 10px;;}
.news .swiper-slide .right{width: 34%;height: 252px;;}
.news .swiper-slide:hover{background:#f8f8f8;transition: 0.4s all;}
.news .swiper-slide:hover h2{color: rgb(95, 138, 219);transition: 0.4s all;}
.news .swiper-pagination{bottom: 0;}
.news .swiper-pagination-bullet{width: 16px;height: 16px;margin: 20px 8px;}

/* 页脚 */
.footer{background: #f7f7f7;padding-top:40px;;}
.footer .info01 .left{width: 27%;position: relative;padding-right: 3%;}
.footer .info01 .left::after{content: "";position: absolute;width: 1px;height: 85px;background: #eee;top: 0;right: 0;}
.footer .info01 .left:nth-last-of-type(1)::after{width: 0;}
.footer .info01 .contact-info{width: 38%;padding: 0 5%;;}
.footer .info01 .contact-info ul li{background: url(../contact00.png) no-repeat left center;padding-left: 22px;margin-bottom: 5px;background-size: 14px auto;;}
.footer .info01 .contact-info ul li:nth-of-type(2){background: url(../email00.png) no-repeat left center;background-size: 14px auto;;}
.footer .info01 .contact-info ul li:nth-of-type(3){background: url(../address00.png) no-repeat left center;background-size: 14px auto;;}
.footer .info01 .ma{padding-left: 5%;width: 15%;padding-right: 0;}
.footer .info01 .ma img{width: 90px;height: 90px;margin-right: 10px;;}
.footer .info01 .ma  span{    position: absolute;top: 27px;display: inline-block;right: 24px;width: 50px;text-align: center;}
.footer  .friendlylink{padding: 30px 0 20px;border-top: solid 1px #eee;margin-top: 30px;;}
.footer  .friendlylink ul li{width: 16%;padding: 0 2%;max-height: 100px;margin-bottom: 15px;overflow: hidden;}
.footer  .copyr{background: #f0f0f0;padding: 15px 0;}


/* 产品中心 */
.content{min-height: 300px;padding-bottom: 60px;;}
.router{margin: 15px 0 25px;;}
.router span{color: rgb(95, 138, 219);display: inline-block;margin: 0 10px;;}
.router .no-wrap{max-width: 500px;display: inline-block;position: relative;top: 7px;;}
.leftcateg{width: 260px;margin-right: 30px;float: left;}
.leftcateg .prod-categ{background: #FAFAFA;;}
.leftcateg .prod-categ .tit{background: rgb(95, 138, 219);height: 100px;;}
.leftcateg .prod-categ .tit .tit0{position: relative;}
.leftcateg .prod-categ .tit h2{color: #fff;font-size: 24px;line-height: 50px;padding: 25px 0;font-weight: 400;}
.leftcateg .prod-categ ul li{border-top: solid 1px #fff;background: #fafafa;}
.leftcateg .prod-categ ul li a{line-height: 30px;padding: 10px 15% 10px 15%;color: #555;font-size: 16px;width: 70%;text-align: center;}
.leftcateg .prod-categ ul li:hover{background: rgb(95, 138, 219);transition: 0.2s all;}
.leftcateg .prod-categ ul li:hover a{color: #fff;transition: 0.2s all;}
.leftcateg .prod-categ ul .leftcateg-active{background: rgb(95, 138, 219);}
.leftcateg .prod-categ ul .leftcateg-active a{color: #fff;}

.right-lists{width: 890px;float: left;padding-left: 20px;;}
.right-lists .l-name{font-size: 18px;color: rgb(95, 138, 219);position: relative;margin-bottom: 25px;line-height: 50px;color: rgb(95, 138, 219);font-weight: 400;border-bottom:solid 1px #ededed;}
.right-lists .lists ul li{width: 200px;margin-right: 30px;margin-bottom: 15px;float: left;}
.right-lists .lists ul li:nth-of-type(4n){margin-right: 0;}
.right-lists .lists ul li .img{width: 100%;height:150px;box-sizing: border-box;overflow: hidden;background: #fff;border:solid 1px #ededed;box-sizing: border-box;}
.right-lists .lists ul li .name{padding: 10px 0;}
.right-lists .lists ul li:hover .name{text-decoration: underline;color: rgb(95, 138, 219);transition: 0.2s all;}

/* 产品中心内页 */
.right-details .details .l-img{width: 400px;float: left;border: solid 1px #ededed;margin-right: 30px;box-sizing: border-box;overflow: hidden;font-size: 0; line-height: 0}
.right-details .details .l-img img{width: 100%;}
.right-details .details .r-tit{width: 460px;float: left;}
.right-details .details .r-tit h1{font-size: 20px;line-height: 32px;margin-bottom: 15px;font-weight: 400;}

.details .details0{margin-top: 60px;border: solid 1px #ededed;box-sizing: border-box;;}
.details .details0 .intro-tit{line-height: 40px;background: #f5f5f5;font-weight: normal;border-bottom: solid 1px #ededed;position: relative;height: 40px;;}
.details .details0 .intro-tit span{background: #fff;font-size: 18px;line-height: 44px;padding: 0 30px;display: inline-block;border-right: solid 1px #ededed;position: absolute;height: 41px;background: #fff;left: 0;}
.details .details0 .intros{min-height: 200px;padding: 40px;;}

/* 新闻中心 */
.news-lists .lists ul li{width: 100%;float: none;margin: 0;border-bottom: dashed 1px #ededed;height: 30px;padding:5px 0;position: relative;background: #fff;}
.news-lists .lists ul li a{display: block;}
.news-lists .lists ul li::before{content: "";width: 4px;height: 4px;background: #333;top: 18px;left: 0;position: absolute;}
.news-lists .lists ul li .name{line-height: 30px;font-weight: normal;text-indent: 12px;width: 85%;padding:0;padding-right: 15%;color: #555;text-align: left;}
.news-lists .lists ul li .time{position: absolute;right: 0; line-height: 30px;top: 10px;color: #888;font-size: 12px;;}
.news-lists .lists ul li:hover{background: none;;}
.news-lists .lists ul li:hover .name{text-decoration: none;color: rgb(95, 138, 219);transition: 0.2s all;}

.w-details .tit{line-height: 32px;font-size: 18px;padding: 10px 0;border-bottom: dashed 1px #ccc;margin-bottom: 10px;}
.w-details .time{margin-bottom: 20px;;}

/* 客户服务 */
.solution-item ul{padding: 5px 1%;}
.solution-item ul li{width: 44.5%;position: relative;margin-bottom: 30px;box-shadow: 0 2px 3px #eee;padding: 0 2% 15px;}
.solution-item ul li .leftnum{padding-left: 25px;text-align: center;font-size: 30px;background: url(../shadow.png) no-repeat right center;background-size: 21px auto;padding-right: 40px;height: 120px;line-height: 80px;;}
.solution-item ul li .right{width: 80%;;}
.solution-item ul li .right h2{font-size: 18px;margin-bottom: 5px;margin-top: 25px;;}
.solution-item ul li .right .two-wrap{height: 54px;;}
.solution-item ul li:hover{box-shadow: 0 2px 10px rgb(95, 138, 219,0.3);transition: 0.2s all;}
.service-network{background: #eff1f5;}
.service-network ul li{width: 23%;margin: 1%;}
.service-network ul li .img{height: 220px;}
.service-network ul li .fonts{width: 80%;padding: 20px 10%;;}
.service-network ul li:hover{box-shadow: 0 2px 10px rgb(95, 138, 219,0.3);transition: 0.2s all;}
.service-network ul li:hover .fonts h4, .service-network ul li:hover .fonts p{color: rgb(95, 138, 219);transition: 0.2s all;}


/* 公司介绍 */
.about-cont .leftimg{width: 35%;}
.about-cont .right-intro{width: 60%;}

/* 联系我们 */
.contact-content #map{width:72%;margin-bottom: 40px;}
.contact-content #map img{width: 100%;height: 375px;;}
.contact-content #map iframe{width: 100%;height: 375px;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;box-sizing: border-box;}
.contact-content .right-ways{width: 25%;background: rgb(255, 255, 255,0.7);}

.contact-content .right-ways ul .phone{margin-bottom: 10px;}
.contact-content .right-ways ul .phone img{width: 16px;max-height: 30px;margin-right: 6px;position: relative;top: -3px;;}
.contact-content .right-ways ul .phone h3{color: #555;font-weight: 400;width: 90%; display: inline-block;}

.message .left{width: 42%;padding: 40px 8%;;}
.message .left .tit{font-size: 26px;margin-bottom: 30px;;}
.message .left .tit::after{width: 65px;height: 1px;background: rgb(95, 138, 219) ;position: absolute;top: 55px;left: 0;content: "";}
.message .left .more-btn-bg i{color: rgb(95, 138, 219);margin-right: 5px;;}
.message .left .more-btn-bg:hover i{color: #fff;}
.message .right{width: 38%;;}
.message .form input{height: 28px;line-height: 28px;padding: 8px 3%;width: 94%;border: solid 1px #ededed;border-radius: 2px;background: #f5f5f5;}
.message .form label{display: inline-block;width: 80px;position: relative;top: -5px;}
.message .form .items{width: 94%;margin: 0 3%;margin-bottom: 20px;float: left;}
.message .form .items-t{width: 94%;margin: 0 3%;margin-bottom: 20px;;}
.message .form textarea{height: 130px;line-height: 28px;padding: 5px;width: 94%;padding:0 3%;outline: none;border: solid 1px #ededed;border-radius: 2px;background: #f5f5f5;}
.message .form .t{top: -150px;}
.message .form input[type="button"]{display:block;margin:20px auto;width: 94%;height: 44px;line-height: 44px;text-align: center;background: rgb(95, 138, 219);font-size: 16px;border: none;color: #fff;padding: 0;cursor: pointer;border-radius: 5px;;}

/* 荣誉资质 */
.honor{ overflow: hidden;}
.honor ul li{ width:282px; margin:0 8px 20px 8px;  float: left;}
.honor ul li .honor-img{ width:266px; height:176px;padding:12px 8px;border: solid 1px #ededed; transition: all 0.5s;}
.honor ul li:hover .honor-img{border:1px solid rgb(95, 138, 219); transition: 0.5s all;}
.honor ul li:hover span{ color: rgb(95, 138, 219)}
.honor ul li span{ text-align: center; line-height: 40px; display: inline-block; width:100%;}