﻿
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-case,.m-pro{ position:relative; overflow:hidden;}
.m-case h2,.m-pro h2,.m-case-box h2,.m-h2{margin:2.5rem 0 1.083rem 0;}
.m-case h2 p{font-size: 1.8rem;text-align: center;line-height: 3rem;height: 3rem;width: 100%}
.m-case h2 p span{color: #d0101b}
.m-case h2 img,.m-pro h2 img,.m-case-box h2 img,.m-about h2 img,.m-adv h2 img,.m-h2 img{width: 100%}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pro{margin-bottom: 1.5rem;}
.m-pro .tit{height: 3rem;width: 100%;background: #333333;margin:0px auto 1.5rem auto;  width:24.167rem;}
.m-pro .tit a{color: #FFF;font-size: 1rem;text-align: center;display: inline-block;height: 3rem;width: 49.99%;line-height: 3rem;}
.m-pro .tit a:first-child{background: #bf0028}
.m-pro .scrollBox{text-align:center;  position:relative; overflow:hidden;  width:24.167rem; }
.m-pro .scrollBox .bd ul{padding-left:1px;}
.m-pro .scrollBox .bd li{ width:7.3rem; float:left;border: 1px #e4e4e4 solid;margin-right: 0.55rem;text-align: center;margin-bottom: 0.55rem;}
.m-pro .scrollBox .bd li:last-child{margin-right: 0;}
.m-pro .scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* ???????????????????????? */
.m-pro .scrollBox .bd li img{ max-width: 90%;max-height: 8rem; background:url(img/loading.gif) #fff center center no-repeat;  }
.m-pro .scrollBox .hd{ height:20px; overflow:hidden; font-size:0; display: none;}
.m-pro .scrollBox .bd li .pic{width: 100%;height: 8rem;display: table-cell;vertical-align: middle;text-align: center;}
.m-pro .scrollBox .bd li p{font-size: 0.75rem;height: 2.15rem;width: 100%;overflow: hidden;}
.m-pro .scrollBox .bd li .tel{text-align: center;height: 2rem;margin: 0.5rem 0}
.m-pro .scrollBox .bd li .tel a{color: #FFF;font-size: 0.75rem;background: #bf0028 url(img/icon5.png) no-repeat 0.4rem center;height: 2rem;display: inline-block;line-height: 2rem;padding: 0 1rem;background-size: 0.9rem;text-indent: 0.4rem;}


.m-pro .scrollBox1{text-align:center;  position:relative; overflow:hidden;  width:24rem; }
.m-pro .scrollBox1 .bd li{ width:31%; float:left;border: 1px #e4e4e4 solid;margin-right: 0.55rem;text-align: center;}
.m-pro .scrollBox1 .bd li:last-child{margin-right: 0;}
.m-pro .scrollBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* ???????????????????????? */
.m-pro .scrollBox1 .bd li img{ max-width: 90%;max-height: 8rem; background:url(img/loading.gif) #fff center center no-repeat;  }
.m-pro .scrollBox1 .hd{ height:20px; overflow:hidden; font-size:0; display: none;}
.m-pro .scrollBox1 .bd li .pic{width: 100%;height: 8rem;display: table-cell;vertical-align: middle;text-align: center;}
.m-pro .scrollBox1 .bd li p{font-size: 0.75rem;height: 2.15rem;width: 100%;overflow: hidden;}
.m-pro .scrollBox1 .bd li .tel{text-align: center;height: 2rem;margin: 0.5rem 0}
.m-pro .scrollBox1 .bd li .tel a{color: #FFF;font-size: 0.75rem;background: #bf0028 url(img/icon5.png) no-repeat 0.4rem center;height: 2rem;display: inline-block;line-height: 2rem;padding: 0 1rem;background-size: 0.9rem;text-indent: 0.4rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{width: 100%;display: table;}
.m-about h2{height:4.0rem; margin:2.5rem 0 0.75rem 0;}
.m-about dl{width:24rem; margin:0 auto;}
.m-about dl dt{text-align:left; font-size:0.9rem; color:#555;margin-top: 1rem;display: table;width: 100%}
.m-about dl dt p{line-height: 1.5rem;color: #535353;margin-bottom:1rem;}
.m-about dl dt p img{width: 100%}
.m-about dl dd{width:100%;display: table;margin-top: 0.75rem;margin-bottom: 1rem;}
.m-about dl dd a{display:inline-block; width:29.9%; margin-left:3.5%; text-align:center; background:#333333; font:0.917rem/2.083rem "Microsoft Yahei"; color:#fff;padding: 1% 0}
.m-about dl dd a:first-child{background:#bf0029; margin:0;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-case-box{width: 100%;display: table;}
.m-case-box .case-scrollBox{text-align:center;  position:relative; overflow:hidden; margin:0px auto;  width:24.167rem; }
.m-case-box .case-scrollBox .bd li{ width:5.45rem; float:left;margin-right: 0.75rem;text-align: center;}
.m-case-box .case-scrollBox .bd li:last-child{margin-right: 0;}
.m-case-box .case-scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* ???????????????????????? */
.m-case-box .case-scrollBox .bd li img{ max-width: 98%;max-height: 2.4rem; background:url(img/loading.gif) #fff center center no-repeat;vertical-align: middle;}
.m-case-box .case-scrollBox .hd{ height:20px; overflow:hidden; font-size:0; display: none;}
.m-case-box .case-scrollBox .bd li .pic{width: 5.3rem;height:2.4rem;display: table-cell;vertical-align: middle;text-align: center;border: 1px #e4e4e4 solid;}
.m-case-box .case-scrollBox .bd li p{font-size: 0.75rem;line-height: 1.5rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/

.slideGroup{ width:24.167rem;text-align:left;  }
		.slideGroup .parHd{ height:3rem; line-height:3rem;   position:relative;margin-bottom: 1.5rem;}
		.slideGroup .parHd ul li{ float:left; cursor:pointer;width: 50%;font-size: 1rem;color: #FFF;text-align: center;background:#333;}
		.slideGroup .parHd ul li.on{  background:#bf0028 ; }
		.slideGroup .slideBox{ overflow:hidden; zoom:1;  position:relative;   }

		
