body{ background:#f5f5f5;}
.ab-banner{height:400px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover; margin-top:74px;}
.ab-banner h2{font-size:36px;color:#fff;margin-top:120px;font-weight:400;text-align:center}
.ab-banner>div{width:50px;height:3px;background:#fff;margin:0 auto;margin-top:25px}
.ab-banner h6{text-align:center;font-weight:400;color:#fff;font-size:14px; padding-top:15px; text-transform:uppercase}
.b-about{ background:url(../images/bannar/about.jpg) no-repeat center;}
.b-contact{ background:url(../images/bannar/contact.jpg) no-repeat center;}
.b-jiameng{ background:url(../images/bannar/jiameng.jpg) no-repeat center;}
.b-service{ background:url(../images/bannar/service.jpg) no-repeat center;}
.b-product{ background:url(../images/bannar/news.jpg) no-repeat center;}
.b-contact{ background:url(../images/bannar/contact.jpg) no-repeat center;}
.b-life{ background:url(../images/bannar/life.jpg) no-repeat center;}
.b-news{ background:url(../images/bannar/news.jpg) no-repeat center;}
/*二级菜单*/
.caidan_bg{ width:100%; background-color:#fff; height:50px; box-shadow: 0 0 10px #ddd; margin-bottom:40px;}
.caidan{ width:1200px; margin:auto;  height:50px;}
.caidan ul {display:table;margin-left:auto;margin-right:auto;}
.caidan ul li{ float:left; height:50px; margin-left:40px;}
.caidan ul li a{ display:block;line-height:50px; width:140px; text-align:center; font-size:15px; color:#656566}
.caidan ul li a:hover{ color:#ffffff;  background:#33bdfd}
.caidan ul li .cur{ color:#ffffff;  background:#33bdfd; font-size:15px; text-align:center; line-height:50px; width:140px;}
.caidan ul li .cur a{ color:#ffffff;}
/*about*/
.mains{ width:1200px; margin:auto; background:#fff; padding:50px 40px; margin-bottom:50px; overflow:hidden; line-height:40px; font-size:14px;}
.about{ width:100%; overflow:hidden; line-height:30px;}
.tit01{ height:54px; font-size:24px;text-align:center; font-weight:bold; line-height:54px; overflow:hidden;overflow:hidden;}
.equipment{ width:1120px;height:auto; margin:auto;margin-top:12px; overflow:hidden}
.equipment ul{margin-left:-30px;}
.equipment ul li{ width:353px;float:left;display:inline;margin-left:30px; margin-top:30px;}
.equipment ul li img{ width:353px; height:200px;}
/*荣誉*/
.certificate-list { width:100%; overflow:hidden}
.certificate-list .narrow-list {display: flex;flex-wrap: wrap;}
.certificate-list .narrow-list li img {max-width: 100%; height: auto;}
.certificate-list .narrow-list li .title {font-size: 19px;text-align: center;padding-top: 30px;font-weight: 600;color: #333;}
.certificate-list .narrow-list li {width: calc(22% - 2px);margin-right: 4%;margin-bottom: 50px;}
.certificate-list .narrow-list li:nth-child(4n) {margin-right: 0;}
.certificate-list .narrow-list li .img {padding: 10px;border: 1px solid #f9f7f7;}
/*案例*/
.cases-list {display: flex;flex-wrap: wrap;}
.cases-list  li {width: 31%; margin-right: 3.5%; border-bottom: 1px solid #999;margin-bottom: 70px;cursor: pointer;}
.cases-list  li:nth-child(3n) {margin-right: 0;}
.cases-list  li span{ width:100%; line-height:35px;}
.cases-list  li .img img {max-width: 100%;width: 100%;height: 270px;object-fit: cover;transition: transform 0.5s;}
.cases-list  li .line {display: block;width: 0;height: 3px;background: -webkit-linear-gradient(left, #578cfb, #ccf453); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #578cfb, #ccf453); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #578cfb, #ccf453); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #578cfb, #ccf453); /* 标准的语法 */
    transition: all .5s;
    -webkit-transition: all .5s;}
.cases-list li:hover {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.19);border-bottom: 0;}
.cases-list li:hover .line { width: 100%;transition: all .5s;-webkit-transition: all .5s;}
.cases-list li .text {display: flex;flex-wrap: wrap;padding: 18px 0 28px;color: #666;align-items: center;font-size: 17px;border-bottom: 1px;padding-left: 10px}
.cases-list li .text .title {font-size: 17px;border-bottom: 1px;padding-left: 10px;}
.cases-list li .text .time {font-size: 16px;margin-left: auto;padding-right: 10px;}
/*详情页*/
.proshow{width:100%; margin:auto;overflow:hidden;}
.proshow li.bt{ width:100%; margin:auto; height:70px; line-height:70px; font-size:16px; text-align:center; font-weight:bold; }
.proshow li.bt h1{ width:100%; margin:auto; font-weight:normal; font-size:28px;}
.proshow li.shijian{ width:100%; line-height:35px; font-size:14px; color:#686868; text-align:center}
.proshow li.nr{ font-size:13px; margin-top:30px; border-top:1px dashed #cccccc; padding-top:30px;}
.proshow li.ly{ font-size:12px; text-align:center;}
.proshow li.sx{ width:100%; line-height:35px; float:left; margin-top:30px; border-top:1px dashed #cccccc;}
.pronext{ width:100%; margin:auto; border:1px solid #ebe9e9; padding:5px; background:#f7f7f7; overflow:hidden; margin-top:40px;}
.pronext .nextlast{ float:left; width:1000px; line-height:30px;}
.pronext .pro-back{ float:right; width:100px;}
.pback{width: 90px;height: 30px;background: #2681c4; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative; margin-top:15px;}
/*新闻中心*/
#info_lists1{ width:100%;margin:auto;}
#info_lists1 li{display:block; clear:both; border-bottom:1px dashed #d0d0d0; padding-bottom:10px; padding-top:10px;}
#info_lists1 li a{display:block; background:#FFF; cursor:pointer;}
#info_lists1 li div{float:left;}
#info_lists1 li div.clear{clear:both; float:none; font-size:0; height:0;}
#info_lists1 li div.tim{width:200px;}
#info_lists1 li div.tim img{width:200px; height:135px}
#info_lists1 li div.con{width:880px; float:right;}
#info_lists1 li div.con p.con1{color:#414141; font-size:16px; padding-top:3px;}
#info_lists1 li div.con p.con3{color:#414141; font-size:13px; padding-top:3px;}
#info_lists1 li div.con p.con2{color:#888; line-height:180%; padding-top:7px;}
.news_page{ width:100%; height:40px; text-align:center; line-height:40px; margin-top:40px;}
/*联系我们*/
.contact{margin:auto;width:100%; overflow:hidden;}
.contact .contactL{ float:left; width:700px; height:400px; overflow:hidden}
.contact .contactR{ float:right; width:400px; overflow:hidden; padding-left:30px; height:400px; background:#33bdfd}
.contact .contactR p{ float:left; width:100%; line-height:40px; font-size:30px; padding-bottom:30px; color:#fff; padding-top:20px;}
.contact .contactR span{ float:left; width:100%; line-height:28px; border-bottom:1px dashed #3e51a6; padding:10px 0px; color:#fff}
/*产品详情页*/
.proinfo{ width:100%; margin:auto; font-weight:normal; font-size:28px; line-height:60px; height:60px;border-bottom:1px dashed #d0d0d0; overflow:hidden}
.info{ width:100%; margin-top:30px;}
.info ul {height: auto;overflow: hidden;}
.info ul li {float: left;padding-left: 3.5%;margin-left: 3%;position: relative; z-index: 0;max-width: 22.75%;}
.info ul li h2 {font-size: 24px;color: #333; margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.info ul li p {font-size: 16px;color: #999;}
.info ul li:after {content: "";width: 1px;height: 90%;background: #e7e7e7;position: absolute;z-index: 0;left: 0;top: 5%;}
.info ul li:first-child {margin: 0;padding: 0;}
.info ul li:first-child:after {display: none;}
.bigTitle {font-size: 24px;text-align: center;color: #333;font-weight: 300; margin-top:50px;}
.bigTitlel {position: relative;}
.bigTitlel span {padding: 0 15px;position: relative;z-index: 1;background: #fff;}
.bigTitlel:after { content: "";width: 100%; height: 1px;background: #dadada; position: absolute;left: 0;top: 15px;z-index: 0;}
/*内饰*/
.neishi{ width:1120px;height:auto; margin:auto;margin-top:12px; overflow:hidden}
.neishi ul{margin-left:-10px;}
.neishi ul li{ width:272px;float:left;display:inline;margin-left:10px; margin-top:10px;}
.neishi ul li img{ width:270px; height:291px; border:1px #DDDDDD solid;}
.360qj{ width:100%; overflow:hidden;}

.picFocus{ margin:0 auto;  width:1120px;padding:5px;  position:relative;  overflow:hidden;  zoom:1; margin-top:20px;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:1120px; height:600px; display:block;  }
/*服务*/
.gbookL{  width:700px; margin:auto;}
.gbookL li{ float:left; width:100%; line-height:40px;}
.gtext{ width:600px; line-height:40px; height:40px; background:#eeeeee; border:1px dashed #aaaaaa;color:#777777;padding:4px;}
.gtext1{float:left;width:600px;height:122px;line-height:24px;background-color:#eeeeee;color:#777777;text-align:left;padding:4px;border:1px dashed #aaaaaa;}
.bnt{ width:100px; height:35px; text-align:center;background:#33bdfd;color:#ffffff; font-size:16px;border-radius:5px; border:none;cursor:pointer}
.shinei{ width:100%; margin:auto; margin-top:30px; overflow:hidden}
.shinei ul{ margin-left:-17px;}
.shinei ul li{ float:left; width:362px; margin-left:17px; margin-bottom:20px;}
.shinei ul li p{ width:100%; line-height:30px; font-size:18px; text-align:center;}
.shinei ul li span{ width:100%; float:left; text-align:center; line-height:30px;}
/*==========================honor============================================*/
.honor{ width:100%; margin:auto; margin-top:30px; overflow:hidden}
.honor ul{ margin-left:-15px;}
.honor ul li{ float:left;width:266px; margin-left:15px; margin-top:20px;}
.honor ul li img{ width:266px; height:445px; border:1px solid #ccc}
.honor ul li p{ float:left; width:100%; line-height:25px;text-align:center}