.index-title {padding-top: 35px;width: 100%;text-align: center;}
.index-title h2 {color: #333;font-weight: normal;font-size: 30px; padding-bottom:10px;}
.index-title h2 a{text-decoration: none;color: #333;font-size: 26px;}
.index-title p{width: 100%;color: #333;font-size: 14px;margin-top: -2px; text-transform:uppercase;}



/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:720px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 35px;text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 60px;height: 2px;background: #cccccc;margin: 0 5px;cursor: pointer;}
#flashs .btn span.cur {background: #003399;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../image/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../image/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}
 
/* 控制台推荐 */
.recommend{padding-bottom: 50px;padding: 0 2.6%;width: 94.8%;padding-bottom: 50px;}
.recommend .rce-qh{width: 499px;margin: 0 auto;border-radius:23px;overflow: hidden;height: 46px;border: 1px solid #b2b1b1;margin-top: 49px;}
.recommend .rce-qh span{display: block;float: left;}
.recommend .rce-qh span a{display: block;width: 118px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;color: #333;border-left: 1px solid #b2b1b1;}
.recommend .rce-qh span:first-child a{border-left:none;}
.recommend .rce-qh span a.a01{width:130px;}
.recommend .rce-qh span.cur a{background: #1c1b1b;color: #fff;border-bottom: 1px solid #b2b1b1;}
.recommend .rce-qh span:hover a{background: #1c1b1b;color: #fff;}


.rce-bbox{margin-top: 31px;position: relative;width: 100%;}
.rce-neirong-left{width: 50%;overflow: hidden;float: left;position: relative;}
.rce-neirong-left ul li{float: left;width: 100%;}
.rce-neirong-left ul li a{display: block;width: 100%;overflow: hidden;}
.rce-neirong-left ul li a img{display: block;width: 100%;overflow: hidden;transition: all 1s ease-out;}
.rce-neirong-left ul li:hover a img{transform: scale(1.1);}


.rce-neirong-right{width: 39.5%;background: url(../image/rce-bj_04.jpg) no-repeat center;float: left;padding: 0 5%;}
.rce-neirong-right h3{text-align: center;margin-top: 16%;}
.rce-neirong-right h3 a{font-size: 35px;color: #fff;}
.rce-neirong-right p{font-size: 18px;color: #fff;line-height: 32px;opacity: 0.6;text-align: center;margin-top: 5%;}

.rce-neirong-right ul{margin-top: 15%;text-align: center;width: 100%;}
.rce-neirong-right ul li{text-align: center;width: 33.3%;float: left;}
.rce-neirong-right ul li:first-child{margin-left: 0;}
.rce-neirong-right ul li span{display: block;width: 88px;height: 88px;margin: 0 auto;background: url(../image/yuan-g.png) no-repeat center;font-size: 35px;color: #fff;line-height: 88px;text-align: center;}
.rce-neirong-right ul li p{margin-top: 15px;font-size: 16px;color: #dddddd;}

.rce-box{position: relative;width: 100%;}
.rce-lbt-anniu{width: 29px;height: 70px;position: absolute;padding-top: 9px;background: url(../image/lbd.png) no-repeat center;left: 50%;margin-left: -14.5px;top: 50%;margin-top: -40px;}
.rce-lbt-anniu span{display: block;width: 10px;height: 10px;margin: 0 auto;background: #909090;border-radius: 50%;margin-top: 7px;}
.rce-lbt-anniu span.cur{background: #504f4f;}
.rce-neirong-right ul li:first-child span{background: url(../image/yuan-j.png) no-repeat center;}

/* 单品配件 */
.accessories{background: #eeeeee;padding-bottom: 65px;}
.accessories-ul{margin-top: 48px;padding: 0 2.6%;}
.accessories ul li{width: 24.45%;padding-bottom: 34px;background: #fff;float: left;margin-left:.7%;}
.accessories ul li:first-child{margin-left:0;}
.accessories ul li a{display: block;width: 100%;overflow: hidden;}
.accessories ul li a img{display: block;width: 100%;transition: all 1s ease-out;}
.accessories ul li:hover a img{transform: scale(1.1);}
.accessories ul li p{font-size: 16px;color: #333;text-align: center;margin-top: 15px;}
.accessories ul li p a{color: #333;}
.accessories ul li a.a01{display: block;width: 102px;height: 34px;font-size: 14px;color: #999;border: 1px solid #cfcfcf;border-radius: 17px;margin: 0 auto;margin-top: 20px;text-align: center;line-height: 34px;}
.accessories ul li a.a01:hover{color: #fff;background: #333;}


/* 产品工艺 */
.process{padding: 0 2.6%;width: 94.8%;text-align: center;}
.process-nr{position: relative;width: 100%;}
.process-ul{display: block;margin-top: 50px;position: relative;overflow: hidden;width: 100%;}
.process-ul ul{position: relative;}
.process-ul ul li{width: 100%;float: left;}
.process-ul ul li a{display: block;width: 100%;cursor: default;}
.process-ul ul li a img{display: block;width: 100%;}

.process-anniu{position: absolute;bottom: 75px;left: 8%;height: 21px;}
.process-anniu>i{float: left;}
.process-anniu>img{display: block;float: left;margin:0 3px;margin-top: 10px;}
.process-anniu dt{color: #908a8a;float: right;margin-left: 20px;}
.process-anniu span{color: #fff;}
.process-anniu dt em{color: #908a8a;}

img.framed { 
padding: 6px; 
border: 1px solid #CCC; 
background-color: #FFF; } 

/* 工程案例 */

@media only screen and (min-width: 1400px){
.case{ width:1400px; margin:0 auto;}
}

@media screen and (max-width: 1410px){
.case{ width:1100px; margin:0 auto;}
}

.case-daohang dl{text-align: center;margin-top: 48px;}
.case-daohang dl dd{display: inline-block;*display: inline-block;*zoom: 1;margin-left: 16px;}
.case-daohang dl dd:first-child{margin-left: 0;}
.case-daohang dl dd:first-child a{background: none;}
.case-daohang dl dd a{display: block;padding-left: 40px;background: url(../image/case-ht.png) no-repeat left;line-height: 20px;}
.case-daohang dl dd a:hover{color: #ff6600;}

.case-ul{margin-top: 26px;width: 100%;overflow: hidden;}
.case-ul ul{width: 100%;}
.case-ul ul li{width: 24.4%;float: left;margin:0 .3%;text-align: center;padding-bottom: 15px;}
.case-ul ul li a{display: block;width: 100%;overflow: hidden;}
.case-ul ul li a img{display: block;width: 90%;transition: all 1s ease-out; height:220px;max-height: 100%;object-fit: cover; }
.case-ul ul li:hover a img{transform: scale(1.1);}
.case-ul ul li p{font-size: 16px;color: #333;margin-top: 18px;margin-bottom: 14px;}
.case-ul ul li p a{font-size: 16px;color: #333;}
.case-ul ul li span{font-size: 14px;color: #666;/* display: block; */line-height: 25px;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 47px;}
.case-ul ul li span:first-child{margin-top: 20px;}


/* 客户评价 */
.Reviews{width: 100%;background: #eeeeee;padding-bottom: 70px;}
.Reviews-ul{padding: 0 2.5%;margin-top: 30px;}
.Reviews-ul ul{width: 100%;}
.Reviews-ul ul li{width: 19.5%;float: left;background: #fff;padding-bottom: 28px;margin: 0 .25%;}
.Reviews-ul ul li a{display: block;width: 100%;overflow: hidden;}
.Reviews-ul ul li a img{display: block;width: 100%;transition: all 1s ease-out;}
.Reviews-ul ul li:hover a img{transform: scale(1.1);}
.Reviews-ul ul li p{padding: 0 8%;text-align: center;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 72px;}
.Reviews-ul ul li p a{line-height: 25px;font-size: 14px;color: #666;}
.Reviews-ul ul li a.a01{display: block;font-size: 14px;color: #999;height: 32px; line-height: 32px;width: 100px;margin: 0 auto;margin-top: 26px;border: 1px solid #ededed;border-radius: 50px;text-align: center;}
.Reviews-ul ul li a.a01:hover{background: #000;color: #fff;}

/* 恒立华 核心优势 */
.youshi{width: 100%;}
.youshi-box{padding: 0 2.5%; width:1200px; margin:0 auto;}

.youshi-ul{width: 100%;background: #f7f7f7;border-top: 1px solid #e3e3e3;}
.youshi-left{width: 57%;float: left;height: 100%;display: block;overflow: hidden;}
.youshi-left img{width: 500px;display: block;transition: all 1s ease-out; padding-left:15%; padding-top:2%; padding-bottom:5%;}
.youshi-left:hover img{transform: scale(1.1);}

.youshi-right{padding-top: 2%;float: left;width: 37%;background: #f7f7f7;height: 100%; padding-left:30px;}
.youshi-right h3{margin-top: 4%;font-size: 24px;color: #333;}
.youshi-right h3 span{font-weight: normal;}
.youshi-right h4{font-size: 16px;color: #333;font-weight: normal;margin-top: 2%; line-height:30px;}
.youshi-right p{font-size: 16px;color: #666;margin-top: 4.5%;}
.youshi-right p.p01{margin-top: 3%;line-height: 25px;}

.youshi-qh{width: 1180px;
    margin: 0 auto;
    border-radius: 23px;
    overflow: hidden;


    margin-top: 49px;}
.youshi-qh ul li a{display: inline-block;
height: 48px;
*display: inline-block;
line-height: 48px;
text-align: center;
text-decoration: none;
font-size: 16px;
color: #fff;
padding: 0 30px;


border-right: 1px solid #f2f2f2;
background: #3875f6;}
.menu li{
	float:left;


}
.asas{
    border-left: 1px solid #f2f2f2;
    border-radius: 24px 0 0 24px;
    position: relative;
 
}
.bsbs{
	border-radius: 0 24px 24px 0;
    position: relative;
    
	}


.youshi-qh ul li:first-child{margin-left: 0;}


/* about */
.about{width: 100%;height: 500px;background: url(../image/about_02.jpg) no-repeat center;background-size: 100% 100%;position: relative;}
.about .index-title h2 a{color: #fff;}
.about .index-title p{color: #fff;}

@media only screen and (min-width: 1400px){
.about>p{color: #fff;width: 1360px;margin: 0 auto;text-align: center;line-height: 34px;margin-top: 62px;}
}

@media screen and (max-width: 1410px){
.about>p{color: #fff;width: 960px;margin: 0 auto;text-align: center;line-height: 24px;margin-top: 62px;}
}


.about-ul{height: 100px;width: 100%;position: absolute;bottom: 0;border-top: 1px solid #a9bfd6;}
.about-ul a{height: 100px;display: block;float: left;}
.about-ul .a01{width: 33%;}
.about-ul a span{color: #fff;font-size: 14px;display: block;text-align: center;padding-top: 40px;}
.about-ul a span i{color: #fff;font-size: 20px}
.about-ul .a01 span{margin-right: 21%;float: right;}
.about-ul  img{margin-right: 6%;float: right;display: block;margin-top: 80px;display: none;}
.about-ul .a02{width: 30%;border-left: 1px solid #a9bfd6;border-right: 1px solid #a9bfd6;}
.about-ul .a02 span{float: right;margin-right: 31%;}
.about-ul .a03{width: 36.8%;}
.about-ul .a03 span{width: 40%;float: left;margin-left: 6%;}


.about-ul .a03 img{float: left;display: block;margin-top: 80px;display: none;}

.about-ul .a02 img{float: right;display: block;margin-top: 80px;display: none;}




.about-bofang{display: block;width: 73px;height: 73px;background: url(../image/bofang.png) no-repeat center;position: absolute;left: 50%;margin-left: -37px;cursor: pointer; padding-top:40px;}

.about-video{position: fixed;left: 0;top: 0;z-index: 99999;width: 100%;height: 100%;display: none;}
.about-video .sp{ width:1100px; height:500px; border:5px solid #fff; position:absolute; z-index:5; left:50%; top:50%; margin-left:-555px; background-color:#000; display:block; border-radius:5px;z-index: 99;margin-top: -250px;}
.about-video .sp img{ width:1100px; height:500px; }
.about-video .sp .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px;width:25px;height:25px;}











/* 合作伙伴 */
.partners{width: 100%;padding-bottom: 70px;background: url(../image/partners_06.jpg) no-repeat center;background-size: 100% 100%;}
.partners .partners-ul{margin-top: 15px;}
.partners .partners-ul ul li{border: 1px solid #e5e2e2;width: 15%;float: left;margin:0 .5%;margin-top: 16px;}
.partners .partners-ul ul li a{display: block;width: 100%;overflow: hidden;}
.partners .partners-ul ul li a img{display: block;width: 100%;transition: all 1s ease-out;}
.partners .partners-ul ul li:hover a img{transform: scale(1.1);}
.partners h3{font-size: 34px;color: #000;text-align: center;margin-top: 45px;}
.partners p{font-size: 16px;color: #000;text-align: center;margin-top: 1px;}


/* 需求 */
.demand{width: 100%;height: 280px;background: url(../image/demand_07.jpg) no-repeat center;}
.demand-ct{width: 1100px;margin: 0 auto;}
.demand-ct .index-title{padding-top: 37px;}
.demand-ct .index-title h2{color: #fff;font-size: 30px}
.demand-ct .index-title h2 span{font-weight: bold;}
.demand-ct .index-title h2 i{font-size: 75px;color: #fff;font-family: "tt0005m_";position: relative;}
.demand-ct .index-title h2 i img{display: block;width: 27px;height: 27px;position: absolute;right: 11px;bottom: 21px;}
.demand-ct .index-title p{font-size: 20px;color: #fff;margin-top: -5px;}

.deman-input{margin-top: 50px;}
.deman-input p{float: left;margin-right: 10px;}
.deman-input p input{width: 210px;height: 48px;line-height: 48px;text-indent: 20px;background: #fff;font-size: 14px;color: #666;border: none;outline: none;border-radius:24px; }
.deman-input a{display: block;width: 140px;height: 48px;line-height: 48px;background: #3875f6;font-size: 14px;color: #fff;border-radius:24px;float: left;text-align: center;}
.deman-input a:hover{color: #fff;background: #3875f6;}

/* news */
.news{}
.news-box{margin-top: 60px;}
.news-left{width: 47%;float: left;margin-left: 1%;}
.news-left ul{width: 100%;display: block;}
.news-left ul li{margin-bottom: 42px;}
.news-left ul li a{width: 39%;display: block;float: left;margin-right: 4%;overflow: hidden;}
.news-left ul li a img{width: 100%;display: block;transition: all 1s ease-out;max-height: 100%;object-fit: cover; height:200px!important;}
.news-left ul li:hover a img{transform: scale(1.1);}
.news-left ul li h3{float: left;width:55%;line-height: 30px;}
.news-left ul li h3 a{font-size: 16px;color: #333;display: block;width: 100%;}
.news-left ul li span{display: block;font-size: 13px;color: #999;}
.news-left ul li p{float: left;width: 57%;margin-top: 13px;}
.news-left ul li p a{display: block;font-size: 14px;color: #666;line-height: 28px;width: 100%;}
.news-left ul li a:hover{color: #ff6600;}
.news-left ul li a.a01{display: block;width: 59px;height: 21px;float: left;background: url(../image/youjt.png) no-repeat center;margin-top: 28px;}
.news-left ul li:hover a.a01{margin-left: 5px;}


.news-right{width: 50%;float: right;}
.news-right ul{width: 100%;}
.news-right ul li{margin-bottom: 30px;}
.news-right ul li a:hover{color: #ff6600;}
.news-right ul li span{display: block;width: 122px;height: 75px;border: 1px solid #e2e1e1;text-align: center;padding-top: 10px;float: left;margin-right: 20px;}
.news-right ul li span i{font-size: 35px;color: #666;}
.news-right ul li span>p{font-size: 14px;color: #666;}
.news-right ul li h3{width: 370px;overflow: hidden;}
.news-right ul li h3 a{font-size: 16px;color: #333;line-height: 29px;}
.news-right ul li>p{width: 73%;overflow: hidden;margin-top: 5px;height: 50px;}
.news-right ul li>p a{font-size: 14px;color: #666;line-height: 25px;}
.news-right ul li:hover span{background: #000;}
.news-right ul li:hover span i{color: #fff;}
.news-right ul li:hover span p{color: #fff;}