@charset "utf-8";
.jiejue_bj, .kehu_bj{overflow: hidden;}
.jiejue, .kehu{overflow: hidden;padding: 50px 0 70px;}
.jiejue ul{overflow: hidden;}
.jiejue ul li{float: left;width: 25%;position: relative;}
.jiejue ul li:before{content:"";display:block;width: 100%;height: 100%;background: #3384cf;opacity: 0.5;transition: 0.3s;
	position: absolute;top: 0;left: 0;}
.jiejue ul li:nth-child(2):before, 
.jiejue ul li:nth-child(4):before, 
.jiejue ul li:nth-child(5):before, 
.jiejue ul li:nth-child(7):before{background: #3384cf;opacity: 0.8;}
.jiejue ul li a{display:block;width: 100%;height: 100%;text-align: center;
	position: absolute;top: 0;left: 0;}
.jiejue ul li i{display: inline-block;width: 100px;height: 100px;margin-top: 35%;transition: 0.5s; background:url("../images/al.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/al.png*/ no-repeat; background-size: 100%;}
.jiejue ul li:nth-child(1) i{background-position: 0 -0px;}
.jiejue ul li:nth-child(2) i{background-position: 0 -100px;}
.jiejue ul li:nth-child(3) i{background-position: 0 -200px;}
.jiejue ul li:nth-child(4) i{background-position: 0 -300px;}
.jiejue ul li:nth-child(5) i{background-position: 0 -500px;}
.jiejue ul li:nth-child(6) i{background-position: 0 -600px;}
.jiejue ul li:nth-child(7) i{background-position: 0 -400px;}
.jiejue ul li:nth-child(8) i{background-position: 0 -700px;}
.jiejue ul li p{line-height: 2em;font-size: 28px;color: #fff;}
.jiejue ul li:hover:before{background: #333;}
.jiejue ul li:hover i{margin-top: 30%;}
.kehu_bj{background: #eee;}
.kehu > ul{overflow: hidden;}
.kehu > ul li{border: 1px solid #eee;float: left;width: 16.66%;position: relative;/**border: 1px solid #eee;**/overflow: hidden;}
.kehu > ul li p{display: none;width: 100%; height: 100%;padding-top: 30%; color: #fff;font-size: 16px;text-align: center;text-indent: initial!important; opacity: 0.0;
	position: absolute;top: 0;left: 0;background: rgba(254, 0, 0, 0.6);transition: 0.5s;}
/*.kehu > ul li:hover p{ opacity: 1.0;}*/
.kehu > ul li img{padding-left: 5px;
/***-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;**/}
.kehu > ul li:hover img{
-webkit-transform: scale(1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;}
#case .banner_top, #case_rong .banner_top{background: url("../images/banner4.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/banner4.png*/ no-repeat right;}

/*客户详情页*/
#case_rong{background: #eee;}
.case_rong{background: #fff;margin-bottom: 50px;}
.case_rong .biaoti{margin: 0 8%; padding: 50px 0 10px;}
.case_rong .biaoti > span{display: block; width: 100%; color: #999;padding: 10px 0;/***border-top: 1px solid #eee;**/    border-bottom: 1px dashed #d2d2d2;}
.case_rong .body{font-size: 16px;line-height: 1.8em;background: #fff;padding: 30px 8%;position: relative;color: #555;}
.body h2, .body h3, .body h4{width: 100%;height: 25px;line-height: 25px; font-weight: bold; margin: 30px 0 30px; position: relative;}
.body h2{font-size: 22px;color: #666;padding-left: 32px;}
.body h2:before{
content: "";
display: block;
width: 5px;height: 100%;
background: #666;
position: absolute;
bottom:0px;
left: 0;
z-index: 1;}
.body h3{font-size: 18px;color: #333;/**padding-left: 32px;**/position: relative;}
.body h3:before{
content: "";
display: block;
height: 0px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent transparent #333;
position: absolute;
left: 0;
top:50%;margin-top: -10px;
z-index: 1;}
.body h2:first-child, .body h3:first-child{margin: 0px 0 40px;}
.case_rong .body p{text-indent: 2em;color: #333;}
.case_rong .body p b{color: #333;}
.case_rong .body a{color: #2d87d9;}
.case_rong .body a:hover{color: #2d87d9;text-decoration: underline;}
.case_rong .body img{height: auto!important;}
.case_rong .body .tag{border-top: 1px dashed #ccc;padding-top: 10px;margin-top: 20px;font-size: 16px;}
.case_rong .body .tag a{padding: 0 10px;background: #eee;border-radius: 5px;}

.similar{overflow: hidden;padding:50px 0;}
.similar ul{padding: 20px 0;}
.kehu .similar li{width: 25%;}
.similar li span{color: #999;font-size: 12px;}
.similar li i{color: #999;font-size: 12px;position: absolute;top: 0; right: 0;}
/*解决方案详情*/
#jiejue_rong .nav-height{max-width: 1300px;}
#jiejue_rong .weizhi{padding-left: 110px;}
#jiejue_rong .biaoti h4{padding-top: 0;}
.xianzhuang{}
.xianzhuang .wen{float: left;width: 50%;text-indent: 2em;}
.xianzhuang .tu{float: right;width: 40%;text-align: center;}
.tongdian{background: #4d95d9;padding-bottom: 90px;overflow: hidden;}
.tongdian .biaoti h4{padding-top: 0;color: #fff;}
.tongdian ul{position: relative;overflow: hidden;}
.tongdian ul i.y{display: block;width: 1px; height: 100%;background: #fff;
	position: absolute;top: 0;left: 50%;margin-left: 80px;}
.tongdian ul i.x{display: block;width: 100%; height: 1px;background: #fff;
	position: absolute;top: 50%;left: 0;margin-left: 160px;}
.tongdian ul li{width: 40%;height: 210px; float: left;color: #fff;position: relative;}
.tongdian ul li:nth-child(2n){float: right;}
.tongdian ul li:nth-child(3),
.tongdian ul li:nth-child(4){height: auto;margin-top: 30px;}
.tongdian ul li i{display: block;width: 60px;height: 60px;line-height: 56px;font-size: 30px;text-align: center; border: 2px solid #fff;
position: absolute;top: 0;left: 0;}
.tongdian ul li .wen{padding-left: 75px;line-height: 2em;}
.tongdian ul li .wen h5{display: block;font-size: 20px;font-weight: bold;padding-bottom: 16px;}
.fangan{}
.fangan ul{}
.fangan ul li{float: left;width: 22%;height: 350px; margin-right: 4%;padding: 0 15px; border: 1px solid #ccc;position: relative;}
.fangan ul li:last-child{margin-right: 0;}
.fangan ul li h5{display: block; font-size: 20px;color: #333;text-align: center;padding: 30px 0 20px;}
.fangan ul li i{display: block;width: 60px; height: 60px;line-height: 60px;border-radius: 60px;text-align: center;color: #fff;font-size: 30px;
	position: absolute;bottom: -30px;left: 50%;margin-left: -30px;background: #385f9a;}
.fuwu{}
.fuwu .rnei{overflow: hidden;}
.fuwu .rnei p{padding-left: 58%;line-height: 2em;}
.fuwu .rnei img{max-width: 55%;float: left;}
.hyanli{background: linear-gradient(#FFF, #eee);}
.hyanli ul li{float: left;/**width: 23%;**/width: 14%;margin: 20px 1%;background: #fff; border: 1px solid #ccc;text-align: center;}
.hyanli ul li a{display: block;padding: 10px;position: relative;}
.hyanli ul li img{/*padding-top: 10px;*/}
.hyanli ul li p{line-height: 2em;background: #eee; }
.hyanli ul li a span{width: 100%;height: 100%;background: #333;opacity: 0.0;transition: 0.5s;
position: absolute;top: 0;left: 0;}
.hyanli ul li a:hover span{opacity: 0.1;}

/*幻灯片*/
#focus{width:1202px;height:480px;position:relative;margin:0 auto;overflow: hidden;}
#focus ul{position:absolute; }
#focus ul li{float:left;width:900px;height: 460px;background: #fff;margin: 0 150px; padding:80px 90px; overflow:hidden;position:relative;
	border:1px solid #eee;
	-webkit-box-shadow: 2px 2px 6px rgba(102, 102, 102, 0.6);
	box-shadow: 2px 2px 6px rgba(102, 102, 102, 0.6);}
#focus .btnBg{position:absolute;width:100%;height:20px;left:0;bottom:0;}
#focus .btn{position:absolute;padding:5px 10px;right:46%;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:15px;height:15px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff; border-radius:50px; }
#focus .btn span.on{background:#fff;}
#focus .preNext{width:8%;height:100%;position:absolute;background:#fff;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}
#focus .preNext{width: 90px;height: 120px; background: url("../images/preNext.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/preNext.png*/ no-repeat;background-size: 180px;
 top: 50%;margin-top: -60px;}
#focus .pre{background-position: 0 0;}
#focus .next{background-position: -90px 0;}
#focus .btn{display: none;}

#yingxiao #d{padding-bottom: 90px;}
#yingxiao #d ul{float: left;width: 50%;margin-top: 30px;}
#yingxiao #d ul h5{font-size: 24px;font-weight: bold;color: #fff;background: #2d87d9;line-height: 60px;text-align: center; }
#yingxiao #d ul li{width: 100%;margin: 10px 0;position: relative;}
#yingxiao #d ul li:nth-child(2){height: 110px;margin-top: 50px;}
#yingxiao #d ul li:nth-child(3){height: 180px;}
#yingxiao #d ul li:nth-child(4){height: 150px;}
#yingxiao #d ul li:nth-child(5){height: 100px;}
#yingxiao #d ul li i{display: block;width: 60px;height: 60px;background: url("../images/duibi.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/duibi.png*/ no-repeat;background-size: 120px;
position: absolute;top: 0;left: 0;}
#yingxiao #d ul li p{padding-left: 75px;}
#yingxiao #d ul li p span{display: block;font-size: 20px;font-weight: bold; color: #525252;}
#yingxiao #d ul.zuo{padding-right: 9%; border-right: 1px solid #ccc;position: relative;}
#yingxiao #d ul.zuo:before{content:"vs";display:block;width: 120px;height: 120px;line-height: 120px;font-size: 100px;font-weight: bold;font-family: 'Algerian';
position: absolute;top: 50%;right: -60px;margin-top: -60px;background: #fff;}
#yingxiao #d ul.you{padding-left: 9%;}
#yingxiao #d ul.zuo h5{background: #999;}
#yingxiao #d ul.zuo li i{background-position: 0 -0px;}
#yingxiao #d ul.zuo li i{background-position: 0 -60px;}
#yingxiao #d ul.zuo li i{background-position: 0 -120px;}
#yingxiao #d ul.zuo li i{background-position: 0 -180px;}
#yingxiao #d ul.you li i{background-position: -60px -0px;}
#yingxiao #d ul.you li i{background-position: -60px -60px;}
#yingxiao #d ul.you li i{background-position: -60px -120px;}
#yingxiao #d ul.you li i{background-position: -60px -180px;}

.cainixh{overflow: hidden;padding: 30px 0;}
.cainixh h2{margin: 10px 0 0px!important;}
.cainixh ul{padding: 20px 0;}
.cainixh ul li{text-indent: 0em;margin-right: 20%; position: relative;/**float: left;**/}
.cainixh ul li:nth-child(2){margin-right: 0;}
.cainixh ul li i{color: #999;font-size: 12px;margin-left: 15px; /*position: absolute;top: 0; right: 0;*/}

/**文章格式**/
.geshi {text-indent: 2em;}
.geshi h2{text-indent: 0em;}
.geshi img{/***width: 100% !important;height: 100% !important;**/display: block;margin: 1em auto;}
/**.geshi h3{font-size: 18px;color: #333;content: "";border-width: 10px;border-style: solid;border-color: transparent transparent transparent #333; position: absolute;top: 50%;margin-top: -10px;font-weight: bold;}
.geshi h4{font-size: 16px;color: #333;content: "";border-width: 10px;border-style: solid;border-color: transparent transparent transparent #333; position: absolute;top: 50%;margin-top: -10px;font-weight: bold;}**/