/*height:1rem;(代表高度为20px)   font-size:1rem;(代表字体为20px)    设计图为640px时，就除以40，设计图为320时，就除以20*/

/*公共样式*/
.fl{float: left;}
.fr{float: right;}
.cl{clear: both;}
.logo,.h_r1,.h_r2{background-image: url(../images/css_sd.png); background-size: 168px auto;}

/*头部*/
.head {padding:0 10px; height:45px; line-height:45px; overflow:hidden; background:#fff;}
.head .logo{ width:107px;margin-top: 8px; height:30px; float:left; display:block;background-position: 0px 0px;}
.head p{float:right;height: 37px;margin-top: 8px; display:block;}
.head .h_r1,.h_r2{ display:inline-block; width:30px; height:30px; background-color:#f7eeef; border-radius:3px;}
.head .h_r1{margin-right:5px; background-position:-107px 0px;}
.head .h_r2{ background-position:-137px 0px;}
.head .h_dl{ float:left; display:inline-block; color:#666; line-height:30px; padding-right:10px;}
.head .h_dl a{ color:#cf191f; text-decoration:none;}

/*底部*/
footer{font-size: 0.6rem; line-height: 0.9rem; color: #999999; padding: 1rem 0; text-align: center;}

/*banner*/
.banner {width: 100%;display: block;}
.banner img{width: 100%;display: block;}

/*子导航*/
.subNav{height: 2.2rem; line-height: 2.2rem; background: #1169ac; overflow: hidden;}
.subNav li{float: left; width:50%; position: relative;}
.subNav li a{display: block; font-size: 0.8rem; color: #91afd0; text-align: center; height: 2.2rem; width:100%;}
.subNav li span{display: block; width: 0.725rem; height: 0.375rem; background: url(../images/arrowUp.png) no-repeat; background-size: contain; position: absolute; bottom: 0; left:50%; margin-left: -0.3625rem; display: none;}
.subNav li.cur a{color: #ffffff;}
.subNav li.cur span{display: block;}
.subNav ul{position: relative;}
.subNav ul>span{display: block; width:1px; height:2.2rem; position: absolute; top:0; left:50%; margin-left: -1px; background: url(../images/line.png) no-repeat; background-size: contain;}

/*TOP10 产品榜单*/
.topTen p.title{font-size: 0.7rem; color: #000000; line-height: 1.35rem; padding: 0.5rem 0; text-align: center;}
.topTen .topTenIntro{margin: 0 1rem 0.5rem; border-top: 1px solid #ececec;}
.topTen .topTenIntro li{padding: 0.5rem 0 0.375rem 0.625rem; border-bottom: 1px solid #ececec;}
.topTen .topTenIntro li .title{font-size: 0.7rem; color: #2576b3; position: relative;}
.topTen .topTenIntro li .title.titleT{letter-spacing:0.4rem;}
.topTen .topTenIntro li .title i{display: block; width:0.15rem; height: 0.65rem; background: url(../images/line2.png) no-repeat; background-size: contain; position: absolute; left:-0.625rem; top:0.175rem;}
.topTen .topTenIntro li p{font-size: 0.6rem; line-height: 0.9rem; color: #666666; padding-top: 0.25rem;}
.topTen .topTenCon{padding: 0 1rem 0.5rem;}
.topTen .topTenCon .topTenConClassUL{padding-bottom: 0.5rem;}
.topTen .topTenCon .topTenConClassUL li{position: relative; width:6.75rem; height: 2.15rem; margin: 0.05rem 0 0 0.05rem; background: #f7f7f7; font-size: 0.7rem; color: #222222; text-align: center; padding-top: 0.35rem; cursor: pointer;}
.topTen .topTenCon .topTenConClassUL li div{line-height: 0.9rem; height: 100%; width:100%;}
.topTen .topTenCon .topTenConClassUL li span{position: absolute; top:-0.05rem; left: -0.05rem; display: block; width:0.705rem; height: 0.775rem; background: url(../images/icon1.png) no-repeat; background-size: contain; font-size: 0.4rem; color: #f7f7f7; text-align: left; padding-left: 0.07rem;}
.topTen .topTenCon .topTenConClassUL li.cur i{position: absolute; bottom: -0.425rem; left: 50%; margin-left: -0.4rem; display: block; width:0.8rem; height: 0.425rem; background: url(../images/arrowDown.png) no-repeat; background-size: contain;}
.topTen .topTenCon .topTenConClassUL li.cur {color: #ffffff; background: #1169ac; font-weight: bold;}
.topTen .topTenCon .topTenConClassUL li.cur span{background: url(../images/icon2.png) no-repeat; background-size: contain; color:#ffffff; font-weight: normal;}
.topTen .topTenCon .topTenConClassDIV ul{display: none; padding-bottom: 0.5rem;}
.topTen .topTenCon .topTenConClassDIV li{border:1px solid #ececec; margin-top: 0.5rem;}
.topTen .topTenCon .topTenConClassDIV li .topTenConClassTitle{padding: 0.25rem 0.5rem 0.5rem;}
.topTen .topTenCon .topTenConClassDIV li .topTenConClassTitle a{display: block; font-size: 0.7rem; color: #222222; line-height: 0.9rem;}
.topTenConClassDIV .topTenConClassIntro{padding: 0 0.5rem; display: none;}
.topTenConClassDIV .topTenConClassIntro .introUp{overflow: hidden; padding-bottom: 0.5rem; border-bottom: 1px solid #ececec;}
.topTenConClassDIV .topTenConClassIntro .introUp a{float: left; width:5rem;  height: 5rem; border:1px solid #ececec; box-sizing:border-box;}
.topTenConClassDIV .topTenConClassIntro .introUp a img{display: block; width:100%; height: 100%;}
.topTenConClassDIV .topTenConClassIntro .introUp .productIntroIN{ float: left; padding-left: 0.5rem; padding-top: 0.25rem; line-height: 0.94rem; color: #999999; font-size: 0.6rem; width:7.4rem; max-height: 5rem;}
.topTenConClassDIV .topTenConClassIntro .introUp .productIntroIN span{color:#222222;}
.topTenConClassDIV .topTenConClassIntro .introDown span{display: block; font-size: 0.7rem; color:#1169ac; line-height: 1.5rem; font-weight: bold;}
.topTenConClassDIV .topTenConClassIntro .introDown p{font-size: 0.6rem;  color: #666666; line-height: 0.9rem; padding-bottom: 0.5rem;}
.topTenConClassDIV .btnIcon{height: 1rem;}
.topTenConClassDIV .btnIcon i{ display: block; width:1.075rem; height: 0.55rem; background: url(../images/btnIcon.png) no-repeat; background-size: contain; margin:0 auto;}
.topTenConClassDIV .topTenTP{height: 2.5rem; background: #f7f7f7; border-top: 1px solid #ececec; padding: 0 0.5rem; overflow: hidden;}
.topTenConClassDIV .topTenTP span{float: left; color: #666666; font-size: 0.6rem; line-height: 2.5rem;}
.topTenConClassDIV .topTenTP span i{font-size: 0.9rem; color: #1169ac; font-style: normal;}
.topTenConClassDIV .topTenTP a{float: right; font-size: 0.8rem; height: 1.5rem; line-height: 1.3rem; border: 2px solid #1169ac; background: #ffffff; padding: 0 0.65rem; box-sizing:border-box; margin-top: 0.475rem; color: #1169ac; border-radius: 5px;}

/*关于TOP10智能集成产品评选*/
.pxRules {background: #eeeeee; padding: 0 1rem 0.5rem;}
.pxRules p.title{font-size: 1rem; color: #000000; line-height: 1.35rem; text-align: center; padding: 0.5rem 0;}
.pxRules ul{overflow: hidden;}
.pxRules li{float: left; height: 8.5rem; width:6.75rem; margin-right: 0.5rem; margin-bottom: 0.5rem; font-size: 0.575rem; line-height: 0.9rem; color: #444444; background: #ffffff; overflow: hidden;}
.pxRules li p{padding: 0 0.5rem;}
.pxRules li span{display: block; width:2.7rem; height: 2.2rem; padding-top: 0.5rem; border:2px solid #cfe1ee; margin: 0.5rem auto; border-radius: 100%; text-align: center; font-size: 0.7rem; line-height: 0.9rem; color: #1169ac;}
.pxRules li.last span{padding-top: 0; line-height: 2.7rem; height: 2.7rem;}
.pxRules li:nth-child(even){margin-right: 0;}

/*百大集成商名单*/
/*.integrators100Con .integrators100Nav{height: 2.2rem; background: #f7f7f7; border-bottom: 1px solid #dedede;}
.integrators100Con .integrators100Nav {overflow: hidden;}
.integrators100Con .integrators100Nav li{float: left; margin: 0 0.48rem; line-height: 2.125rem; border-bottom: 3px solid #f7f7f7; font-size: 0.7rem; color: #333333;}
.integrators100Con .integrators100Nav li.cur{color: #126aad; border-bottom: 3px solid #126aad;}*/
.integrators100Con .integrators100Tip{font-size: 0.6rem; color: #999999; padding: 0 1rem; line-height: 1.9rem;}
.integrators100In{padding: 0 1rem;}
.integrators100In .nameList{padding-bottom: 1rem;}
.integrators100In .nameList li a{display: block; height: 1.5rem; line-height: 1.5rem; width:100%; border-bottom: 1px solid #dedede; font-size: 0.7rem; color:#404040;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.integrators100In .nameList li a span{width:1.5rem; display: inline-block; text-align: center; font-size: 0.9rem; color: #126aad; font-family: 'Georgia';}
.integrators100In .nameList li a:hover{background: #f7f7f7; color: #126aad;}
.integrators100In .nameBox{display: none;}
.integrators100In .nameClass .fontIntro{padding: 0.3rem 0.3rem 0.5rem; border:1px solid #dedede; position: relative; margin-bottom: 0.75rem;}
.integrators100In .nameClass .fontIntro p{font-size: 0.6rem; line-height: 0.9rem; color: #404040;}
.integrators100In .nameClass .fontIntro .blueFontIntro{color: #1169ac; margin-top: 0.5rem; line-height: 1.075rem; font-size: 0.59rem; text-align: left; border-top: 1px solid #e7f0f6; border-bottom: 1px solid #e7f0f6;}
.integrators100In .nameClass .fontIntro .icon{position: absolute; bottom: -0.375rem; left:50%; margin-left: -0.35rem; width:0.7rem; height: 0.375rem; background: url(../images/icon.png) no-repeat; background-size: contain;}
.integrators100Con .integrators100Nav.ui-navigator{position: relative; background: #f7f7f7; border-bottom: 1px solid #dedede; overflow: hidden; border-top: none;}
.integrators100Con .integrators100Nav.ui-navigator li{margin: 0; border-right: none;}
.integrators100Con .integrators100Nav.ui-navigator li a{ border-bottom: 3px solid #f7f7f7; color: #333333; margin: 0; font-size: 16px;}
.integrators100Con .integrators100Nav.ui-navigator li a.cur{color: #126aad; border-bottom: 3px solid #126aad;}

/*十大品牌获奖名单*/
.nav_lr{ background:#fff; border-bottom:1px solid #dedede; height:2.2rem; line-height:2.2rem;}
.nav_lr a{color: #1F1F1F;display:block; font-size: 0.9rem; color:#333333; text-align: center;width: 50%; text-decoration:none; text-align:center; float:left; height: 100%;}
.nav_lr a:hover,.nav_lr .a_hover{ color:#1169ac;}
.nav_lr a span{ border-bottom:2px solid rgba(0,0,0,0); display:inline-block;}
.nav_lr a:hover span,.nav_lr .a_hover span{ border-bottom:2px solid #1169ac; display:inline-block;}
.winner_list {background: #f4f4f4;clear: both;padding: 0 0.5rem 0 0 ;overflow: hidden;}
.winner_list ul{display: none; overflow: hidden; padding-bottom: 0.5rem;}
.winner_list li{width:50%; padding: 0.5rem 0 0 0.5rem; box-sizing:border-box; float: left;}
.winner_list .listIn{background: #fff; border:1px solid #dedede;}
.winner_list .listIn span {display: table; overflow: hidden;margin: 0 auto;}
.winner_list .listIn .img_a {display: table-cell;vertical-align: middle;overflow: hidden; height: 2.75rem;}
.winner_list .listIn .img_a img {vertical-align: middle;max-height: 2.5rem; max-width: 6rem}
.winner_list .listIn h3 {display: block;text-align: center;border-top: 1px solid #ededed;}
.winner_list .listIn h3 a {font-weight: normal;height: 1.75rem;line-height: 1.75rem;text-decoration: none;color: #666;font-size: 0.7rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;padding: 0 0.25rem;}
.ui-navigator{border-top: 1px solid #dedede;}
/*底部导航*/

#footerNav {height: 44px; padding: 8px 0;background: #f4f4f4; border-top: 1px solid #dedede; overflow:hidden; width:100%; position: fixed; bottom: 0; border-bottom: none;}
#footerNav li{border-right: 1px solid #dbdbdb; }
#footerNav li:last-child{border-right: none;}
#footerNav li a{line-height: 20px; display: block; height: 42px; color: #222222; text-align: center; font-weight: normal; padding: 0 20px; display: -webkit-box; -webkit-box-sizing: border-box; -webkit-box-align: center; -webkit-box-pack: center;}  
#footerNav li a.cur{color: #126aad; background: #f4f4f4;}
.samllBox{height: 61px;}