@charset "gb2312";
html{-webkit-tap-highlight-color:transparent;}
body{width:100%;background: #fff;font-family:'Microsoft Yahei';}

html, button, input, select, textarea { font-family:'Microsoft Yahei';}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden;}
.bg{ background: #110a09;}
.area12 .top{ margin-top:10% ;}
.area12 .top1{ margin-top:7% ;}
.area12 .bottom{ margin-bottom:10% ;}
.area8{ margin-bottom:10% ;}
#divdown1{ text-align: center; color:#888 ; font-size: 1.2rem; margin:6% 0 3% 0 ;}
#divdown1 #times{ color:red;}
.navMenu{ display:none; z-index: 9999;width:3.8rem; height:255px; padding:10px 0; position:fixed;right:0px;top:110px;_position:absolute;_top:expression(documentElement.scrollTop+30);}
.navMenu li{ width:3.8rem; height:3.8rem;   text-align:center; margin:0 auto 15%; position:relative; background:url(../images/round1.png) no-repeat;  background-size: contain;  }
.navMenu li a{width:3.8rem; height:3.8rem; line-height: 1rem; text-align:center; font-size: 0.9rem;  display:block; color:#fff;  }
.navMenu li p{ text-align: center; font-size: 0.9rem; }
.navMenu .active{ background:#caa03a; width:150px; height:38px;   color:#f9f4d1; }
.navMenu li.active a {color: #f9f4d1; text-align:center; width:150px; display:block; font-weight:bolder;}
.navMenu .bg{background:url(../images/round.png) no-repeat top center; width:3.8rem; height:3.8rem; background-size: contain; }
.navMenu .mg{ padding-top:23% ;}
.area3 .wd{ width: 94%; margin: 0 auto;}
.suceess{ font-size: 2.4rem; color:#c7000b ; font-weight: bolder; text-align: center; margin-top: 1%;}
.wrapper{ max-width:720px;  margin:0 auto ; overflow:hidden; height:100%; color:#666 ;}
.search {margin:3% 5%;clear:both;height: 46px; overflow:hidden; line-height:46px; border: 1px solid #ccc;color: #999;font-size: 1.6rem; border-radius: 6px; background: #fff;}
.search input.ipt {padding:11px;float:left;display: -moz-box;display: -webkit-box;display:flex;box-sizing:border-box;-webkit-appearance:none; border:0 none;display: block;width: 76%;margin-left:2px; font-size: 1.2rem;}
.search input:focus{border:none; outline: none;}
.search input.sbt {float:right; display: inline-block;width:22%;height: 44px;line-height: 44px;text-align: center;font-size: 2rem;color: #d9bc78;background-color: #fff;cursor: pointer;border:0 none;border-left: 1px solid #ddd; margin-right: 2px;}
.area1 h2{ font-size: 2rem; line-height: 3.5rem;  text-align:center; color: #fff; }
.area1 span{ font-size: 1rem; padding-left:2% ; display: inline-block;}
.brand-list{ max-height:0px; background: #eee;  overflow:hidden; font-size: 1.3rem; color: #C9C9C9; text-align: center; margin: 0 3%;}
.area1 .tabs{clear:both; margin-top:4% ;  text-align:center; }
.brand-list li {border-bottom: dashed 1px #ddd; padding: 3% 0;  width: 50%; float: left;}

.brand-list li a{ color:#333 ;}
.brand-list .active{ color: #777575;}
.ten li{ width:100% ;}
.area1 .title{ margin-top:62px}
.area1 .tabNav { width:90%; display: inline-block; zoom:1; *display:inline;list-style:none; margin: 0 auto; }
.area1 .tabNav li{  width:50%; font-size: 1.3rem;  padding: 1% 0; float: left; border: solid 1px #ccc; }	
.area1 .tabNav li a { color:#c9c9c9; text-align:center;   }

.area1 .tabNav .active{ width:50%;background:#c7000b; border: 1px solid #c7000b;  }
.area1 .tabNav li.active a { color:#fff ;}
.area1 .tabPane {   margin-top:20px; }
.area1 .data_title{ margin-top: 0; font-size: 2rem; clear: both;}
.area1 .icon, .area5 .icon{ font-size: 1.7rem;}
.bdata{ display: block; margin: 4% 0 2% 4%; max-width:60% ;}
.area1 .name_bg{ background: url(../images/sj1.png) no-repeat 0 50%; padding-left: 9%; background-size: contain;}
.voto-list{ margin-left:3% ; margin-right: 3%;  margin-bottom: 13%;}
.voto-list li{ display: block; overflow: hidden; position: relative; padding-bottom:5%; margin-bottom:5%; border-bottom: dashed 1px #ddd;} 
.voto-list li .u-img{ width:100px ; height: 82px; float: left;  border:solid 1px #ddd}
.voto-list li .u-img a{width:100px;height:82px; display:table-cell; vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:70px;*line-height:1; margin-right: 2%;}

.voto-list li img {vertical-align:middle;max-width:98px;max-height:79px;_width:100%;_height:100%; display:block; margin: 0 auto;}	


.voto-list li .infoList{width:66%; float: left;  margin-left: 2%;}
.voto-list li .infoList p{ text-align: left;  font-size: 1.3rem; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.voto-list li .infoList span{ color:#c7000b ; font-size: 1.2rem;}
.voto-list li .con, .voto-list li .tit{width:100%; overflow: hidden;}
.voto-list li .con{ color:#B3B1B1 ;}
.voto-list .vote{ width: 6rem; height: 2.5rem; color:#fff ; line-height: 2.5rem; font-size: 1.2rem; text-align: center; background: #c7000b; padding-left: 3.5%; position: absolute; right:0; top: 30%;}
.voto-list .active{ background: #626262;}
.voto-list .tit{ margin-bottom:3% ; font-size: 1.3rem; color: #333; }
.voto-list .tit a{ color: #333;}

.rank{ color:#666; margin:2% 3% 0 ; font-size: 1.2rem; background:#f6f6f6; padding:10px 0; }
.rank .num_one{ width:25% ; font-size: 1.3rem; font-family: arial; line-height: 5px; color: #e60012; float: left; text-align: right; margin: 3px 0;}
.rank .num_one span{ font-size: 2rem; color: #e60012; font-family: arial; }
.rank .num_two{ width:38% ; float: left; text-align: center;}
.rank .num_two{ width:37% ; float: left;}
.rank span{ color:red;}
.t_data{ display: block; font-size: 1.7rem; color:#333 ; border-bottom: 1px solid #ddd; margin: 2% 0 3% 3%; }
.t_data img{ width:85% ;}
.t_data span { font-size:2.5rem; padding-right: 2%; color:#c7000b; line-height:2.5rem;}



.complay_name{ font-size: 1.8rem; line-height: 3.5rem;  text-align:center; color: #333; }
.complay_name a{ color: #d9bc78;}
.join{ font-size: 1.3rem; text-align:center; color: #666; line-height:24px; }
.join span{background: #c7000b;color:#fff;padding: 0px 2%;display: inline-block;margin-left: 2%;height: 28px;line-height: 28px;}
.vote_success{ font-size: 2rem; text-align:center; color: #f00; }
.share{ background: #999;}
.share .title1{ font-size: 1rem; text-align:center; color: #fff;}
.share .con{ font-size: 12px; line-height: 20px;}
.continue_vote{ width: 40%; margin:0 5% ; height: 30px; display: block; float: left; background: #f00;}
.data_title{ color:#d9bc78; font-size: 1.7rem; font-weight: bolder; margin-top:8% ; line-height: 3.5rem; text-align: center;}
.data_title span{ font-size: 1.3rem; padding-left:1% ; color:#ccc ;}
.peple_list{  float: left;  text-align: center; margin-bottom: 15%; width: 100%;  }
.peple_list li{ width: 18%;  float: left; margin: 1.5% 1% 1.5% 1%;  }

.peple_list li .imgbox { width: 4.7rem; margin: 0 auto; display: block; height: 4.7rem; border: solid 1px #ddd; display:block;vertical-align: middle;*font-size: 5rem; border-radius: 50%;   }
.peple_list li .imgbox img{ max-width: 100%; border-radius: 50%; height: auto;max-width: 4.6rem; max-height: 4.6rem; overflow: hidden;  vertical-align: middle;overflow: hidden; margin: 0 auto;}


.line{ width:100% ;}
.bars{margin:20px 0}
#bar2{height:100px}
.bi-bar{ border: solid 1px #ccb895; height: 2rem;}
.load{ font-size: 1.3rem; color:#333 ; text-align: center; left:50%;  margin-left:-2rem;  line-height: 1rem; position:absolute; bottom:4rem;}
#tabs1, #tabs2{position:relative;}
.unit{ padding-left:2% ; width:22% ; float: left; color: #333; }
.unit_name{  width:78% ; float: left; color: #B3B1B1; }
.unitmg{ margin-top:3% ;}
.area3 .vote{ width: 96%; margin: 0 auto;}
.area3 .ballot{ width: 40%; margin:0 5% ; height: 30px; display: block; float: left; background: #f00;}
.area3 .help_vote{ width: 40%; margin:0 5% ; border: solid 1px #fff; height: 30px; display: block; float: left;}
.area3 .details{ /*border: solid 1px #333;*/ margin: 0 3% 2% 3%;}
.area3 .details h3{ font-size: 1.7rem; color:#333 ; padding: 1% 0 1% 2%; border-bottom: 1px solid #ddd; }
.area3 .details h3 span { font-size:2.5rem; color:#c7000b; line-height:2.5rem; }
.area3 .details p{ font-size: 1.3rem; color: #666; text-align: center;  text-align: justify; text-justify: inter-ideograph;}
.area3 .details .complay{ padding: 3% 2%;}
.area3 .list{ border-bottom: dashed 1px #ddd;}
.area3 .title{ font-size: 1.4rem;  color: #666; margin: 3% auto 3%; padding:2px; text-align:center; background:#eee; width:35%;}
.area3 .name_bg{ background: url(../images/sj2.png) no-repeat 40% 50%; margin-bottom:2% ; background-size: contain; height: 2rem; line-height: 2rem; }
.area3 .share_py{ font-size: 1.5rem;  color: #f00; text-align: center;}
.area3 .pdleft{ padding-left:2% ; padding-bottom:2%; }
.area3 .one{ font-size: 1.5rem;}
.area3 .bactive{ background: #460A0D; font-size:2.1rem ; padding: 1% 0; color:#888181 ;}
.area3 .bactive:hover{ color:#888181 ;}
/*.area3 .active{ background:#626262 ;}*/
.area3 .big{ width: 24rem; margin: 0 auto;}
.peple_list li .tj_title{ font-size: 1rem; text-align: center; height: 1.3rem; overflow: hidden; color: #666;} 

.list_l{ width: 2%; float: left;}
.mg{ margin-bottom:3% ;}

.area3 .list_con1{ width: 24rem; height: 16rem; border: solid 1px #ddd;    display: table-cell;
    vertical-align: middle;
    *font-size: 9.7rem; margin-bottom: 2%; }
.area3 .list_con1 img{ max-width: 100%; height: auto;    max-width: 23rem;
   
    vertical-align: middle;
    overflow: hidden; margin: 0 auto;}
.area3 .product .tj_title{text-align:center; color: #666; center;overflow: hidden;height: 1.5rem;line-height: 1.5rem; font-size: 1.1rem; padding-top: 3%;}

.area3 .product .u_img{ width:11rem ; height: 9rem; display: block; margin: 0 auto;}
.area3 .product li{ width: 29.3%; height: 9rem; overflow: hidden; float: left; margin: 0 2% 2% 2%; text-align: center;}
.area3 .one{ margin-top:3% ;}
.area3 .product li .imgbox {
    
    width: 10rem;
    height: 7rem;
    vertical-align: middle;
    *font-size: 88px;
    border: solid 1px #ddd;
  
  
    margin: 0 auto;
    display: flex;
  justify-content: center;
  align-items: center;


}

.area3 .product  li .imgbox  img {
    max-width: 11rem;
    max-height: 6.8rem;
    width: expression(this.width > 100 && this.width > this.height ? 100: true);
    height: expression(this.height >100 ? 100: true);
    vertical-align: middle;
    overflow: hidden
}
.device {
  width: 24rem;
  float:left;
 border: solid 1px #888787;
 padding: 2%;

  

  margin: 0 auto;
  margin-bottom: 3%;
  position: relative;
  
}
.device img{ max-width:100% ;}
.swiper-container {
 

}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.banner{ width:100% ;}
.ah{ margin-top:5% ; margin-bottom:2% ;}
.biglog{ width: 108px; height: 86px; margin:5% auto 3%;}
.logo{width:108px;height:86px; display:table-cell; vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:75px;*line-height:1;}
.logo img {vertical-align:middle;max-width:106px; max-height:84px;_width:100%;_height:100%; display: block; margin: 0 auto;}	

.area4 .ah{ margin-bottom:15% ;}
.ah1{ margin:1% 0 ;}
.ah2{ margin:1% 0 5% 0 ;}
.area4 .line{ width:100% ;}
.area4 .two{ display: block; max-width: 65%; margin: 5% auto 25%;}
.area4 .one{ font-size: 1.5rem; padding-bottom:25% ;}
.area4 .ewm{ display: block; margin: 10% auto 3%;}
.area4 .ten{ margin-top:4% ;}
.area5 .demo{ margin-bottom: 3%;}
.area5 .line{ width:100% ; margin-bottom: 3%;}
.area5 .name{ width:20% ; float: left; height: 1.7rem; line-height: 2rem; overflow: hidden; margin-right: 2%; padding-left: 3%; font-size: 1.2rem; color: #666;}
.area5 .bars{ width: 70%; float: left; margin: 0 auto; position: relative;}
.area5 .bi-label{ color:#666 ; font-size: 1.2rem; position: absolute; right: 0; }
.area5 .bi-horizontal .bi-bar{ width:85% ;}
.bi-wrp.bi-default-theme .bi-barInner{ background: #daccb4; }
.bi-horizontal .bi-barInner{ height: 1.9rem;}
.area5 .peple_list{ margin-bottom:0}
.area5 .data_title span{ padding-right: 1%;}
.area5 .bix{ width: 90%; text-align:center; float: left; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.area5 .bd{ border:dashed 1px #ddd; margin: 8% 3% 0 3%; }
.area5 .data_title{ height: 3.8rem;  margin-bottom:3% ; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.area5 .jz{ width: 10%; float: left;}
.area5 .no_sum .icon6{font-size: 5rem;color:#ff2c00;display: block;margin: 0 auto;width: 12%;}
.area5 .no_sum p{ color:#B3B1B1 ; font-size: 1.3rem; text-align: center;}
.area6 .data_title{ color:#f9dfaa; font-size: 1.8rem; margin-top: 5%;}
.adata{ max-width: 70%; padding-left: 3%; display: block; padding-top: 5%; margin: 0 auto;} 
.promise{font-size: 1.3rem;padding: 1% 5% 3% 5%;background:#f2f2f2;margin: 2% 0 7%;line-height: 2rem;color: #666;margin-top:3%; text-align: justify; text-justify: inter-ideograph; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.promise span{ color: #e4d3b0; font-size: 1.1rem;}

.area6 .surpot_img{ width: 45%; float: left;}
.area6 .surpot_img img{ max-width:100% ;}
.area6 .surpot_con{ margin: 0 3% ; margin-bottom: 15%; padding-bottom: 5%; border-left: dashed 1px #ddd ; border-bottom: dashed 1px #ddd ; border-right: dashed 1px #ddd ; }
.area6 .surpot_con p{ font-size: 1.1rem; padding:0 5% ; color: #666; text-align: justify; text-justify: inter-ideograph; } 
.area6 .surpot_con p a{ color:#f9dfaa ;}
.area6 .surpot_con .mgbt{ margin-bottom:4% ; }

.area7 .tabs{clear:both; margin-top:9% ;  text-align:center; background: #12090a; }
.area7 .title{ margin-top:62px}
.area7 .tabNav { width:96%; display: inline-block; zoom:1; *display:inline;list-style:none; margin: 0 auto; }
.area7 .tabNav li{  width:50%; font-size: 1.5rem; font-weight: bolder;  padding: 1% 0; float: left; border: solid 1px #a0a0a0; }	
.area7 .tabNav li a { color:#c9c9c9; text-align:center;   }

.area7 .tabNav .active{ width:50%;background:#c7000b; border: 1px solid #c7000b;  }
.area7 .tabNav li.active a { color:#fff ;}
.area7 .tabPane {   margin-top:5%; padding-bottom:5% ; }
.area7 .voto-title{ width: 25%; float: left; margin-bottom:3% ;}
.area7 .voto-title img{max-width: 96%; display: block; margin: 0 auto;}
.area7 .voto1{ background:url(../images/a4.jpg) no-repeat top center; background-size: cover;}
.area7 .voto2{ background:url(../images/a5.jpg) no-repeat top center; background-size: cover;}
.area7 .voto3{ background:url(../images/a6.jpg) no-repeat top center; background-size: cover;}
.area7 .voto4{ background:url(../images/a7.jpg) no-repeat top center; background-size: cover;}
.area7 .voto5{ background:url(../images/a8.jpg) no-repeat top center; background-size: cover;}
.area7 .voto6{ background:url(../images/a9.jpg) no-repeat top center; background-size: cover;}
.area7 .voto7{ background:url(../images/a10.jpg) no-repeat top center; background-size: cover;}
.area7 .voto8{ background:url(../images/a11.jpg) no-repeat top center; background-size: cover;}
.area7 .voto9{ background:url(../images/a12.jpg) no-repeat top center; background-size: cover;}
.area7 .voto10{ background:url(../images/a13.jpg) no-repeat top center; background-size: cover;}
.area7 .voto11{ background:url(../images/a14.jpg) no-repeat top center;margin:0 4.8% 5% 4.8% ; background-size: cover;}
.area7 .voto12{ background:url(../images/a15.jpg) no-repeat top center; margin:0 4.8% 5% 4.8% ; background-size: cover;}
.area7 .voto13{ background:url(../images/a16.jpg) no-repeat top center; margin:0 4.8% 5% 4.8% ;background-size: cover;}
.fixedNav{position:fixed; z-index:10;left:0;right:0; bottom:-1px;width:100%;height:4.6rem; background:#f6f6f6; border-top:1px solid #ddd; }
.fixedNav ul li{float:left;width:25%;text-align:center;}
.fixedNav ul li.borline{border-left:1px solid #e58700;border-right:1px solid #e58700;width:34%;}
.fixedNav ul li a{width:100%;font-size:1em; padding-top:5%;line-height:1.8rem;display:inline-block;color: #333;text-overflow: ellipsis;/*Ê¡ÂÔºÅ*/font-family: "΢ÈíÑźÚ";}
.fixedNav ul li i{width:100%;font-size:2.5rem;display:inline; }
.fixedNav ul li:nth-child(4) a{ margin-top: 7%;}
.fixedNav .icon1{ font-size: 1.9rem; }
.fixedNav .icon3{ font-size: 1.9rem; }
.fixedNav .icon4{ font-size: 2.8rem; line-height: 1rem; height: 1rem; }
.fixedNav .cl, .fixedNav .active{ color: #c7000b;}
.fixedNav ul li p{ padding-bottom:5% ;}
.fixedNav ul li:nth-child(4) p{ margin-top: -3%;}
.fixedNav li:nth-child(3) a{ padding-top: 7.5%;} 
.fixedNav li:first-child a{ padding-top: 7%;} 
.fixedNav p { color:#666;}
.area8 .banner{ margin-bottom:10% ;}
.area11{ background:#fff ; padding-top: 9%;}
.area11 .title1{  background:url(../images/title4.jpg) no-repeat top center;  margin: 0 auto 3%;  background-size:contain; height:3.25rem; padding-top:8% ; }
.area11 .con1{  margin: 0 3%; padding-top: 4%; padding-bottom:4% ; border-right: 0.1rem solid #959595; border-left: 0.1rem solid #959595; border-top: 0.1rem solid #959595; border-bottom: 0.1rem solid #959595; }
.area11 .con1 p{ color:#434343 ; font-size: 1.3rem; line-height:1.8rem ;  padding-left: 3%; padding-right: 3%;    text-align: justify; text-justify: inter-ideograph;}
.area11 .bmtj{ height: 10.35rem; width:6rem ; float: left;  background:url(../images/bg12.jpg) no-repeat top center;  margin: 5% auto 0 ;  background-size:contain;}
.area11 .one{   background:url(../images/bg13.jpg) no-repeat top center; height: 10.35rem; width:6rem ; float: left; margin: 5% auto 0 ;  background-size:contain; }
.area11 .two{   background:url(../images/bg14.jpg) no-repeat top center; height: 10.35rem; width:6rem ; float: left; margin: 5% auto 0 ;  background-size:contain;}
.area11 li span{ color: #000; font-weight: bolder;}
.area11 .content{ width:80% ;  margin-top: 5%; border-left: 0.2rem solid #000; float: left; }
.area11 li{ color:#313131 ; font-size: 1rem; line-height:1.6rem ;  background:url(../images/bg7.jpg) no-repeat 3% 23%; padding-left: 10%;   text-align: justify; text-justify: inter-ideograph;}
.area11 .one li{ color:#313131 ; font-size: 1rem; line-height:1.6rem ;  background:url(../images/bg13.jpg) no-repeat 3% 23%; padding-left: 10%;   text-align: justify; text-justify: inter-ideograph;}
.area11 .zy{ margin: 0 3%;}
.area11 h2{ font-size: 1.05rem; padding-left: 5%; color: #000; font-family:"¿¬Ìå"; font-weight: bolder;}
.area11 .two{ margin-bottom:15% ;}
.area9 .voto-list{ margin-left:3% ; margin-right: 3%; margin-top: 9%; padding-bottom: 15%;}
.area9 .voto-list li .u-img{ float: left; margin-right: 2%; width:9rem;height:9rem;}
.area9 .voto-list li{ display: block;  overflow: hidden; border-bottom: 0; position: relative;  margin-bottom:5%; padding-bottom:0 ;} 
.area9 .voto-list li img {width:8rem;height:8rem; border: solid 1px #d8bc69; border-radius: 50%;}
.area9 .voto-list li .con{ color:#d3d1d1 ;}
.area9 .voto-list li .infoList .tit{ background: url(../images/sj.jpg) no-repeat 0 50% ; padding-left: 10%; margin: 2% 0 7% 0; background-size: contain; width: 80%; }
.area9 .surpot_con{ margin: 0 3% ; margin-bottom: 15%; padding-bottom: 5%; border-left: dashed 1px #fff ; border-right: dashed 1px #fff ; background:url(../images/a2.jpg) no-repeat bottom center;}
.area9 .surpot_con p{ font-size: 1.1rem; padding:0 5% ; color: #fff; text-align: justify; text-justify: inter-ideograph; } 
.area9 .surpot_con p a{ color:#f9dfaa ;}
.area9 .surpot_con .mgbt{ margin-bottom:5% ; }
.area9 .introduce{ font-size: 1.5rem; text-align: center; display: inline-block; padding: 1% 11%; margin: 0 0 5% 35%;  color: #fff; border: solid 0.2rem #fff;} 
.expert_list{ width:100% ; }
.expert_list li{ width:44%; float: left; height: 24rem; background: url(../images/line1.jpg) no-repeat bottom center; position: relative; margin: 0 3% 8% 3%; border: solid 0.2rem #fff; }
.expert_list li h3{ font-size: 1.5rem; color: #ebdcb9; position: absolute; margin: 0 auto; top: -8%; left: 19%; text-align: center; width:60% ; background:#110a09 ;}
.expert_list li img{ width: 14rem; background: #fff; height: 9rem; display: block; margin: 10% auto 0;}
.expert_list li .tj_title{ font-size: 1.1rem; color: #eee; padding: 8%; text-align: justify; text-justify: inter-ideograph;} 
.area10 .data_title{ color: #bb010b;}
.area10 p{ font-size: 1.2rem; text-align:center; color: #333;  margin-top:2% ; }
.area10 .bg{ background: url(../images/xim.jpg) no-repeat 62% 50%; padding-right:7% ; background-size: contain;}
.area10 .banner{ padding-top:5% ;}
.area10  span{color: #d9bc78;}
.area10 p em{color: #bb010b;}
.go_vote{ width:55%;background:#c7000b; display: block; margin: 5% auto 8%; font-size: 2.4rem; padding: 1% 0 2%; color: #faefef; text-align: center;  border-radius:0.25rem;}
.go_vote:active{ color: #fff;}
.return{ width:55%;background:#eee; margin: 0 auto;  display: block; font-size: 2.4rem; padding: 1% 0 2%; color: #6d6d6d; text-align: center; margin-top: -5%;  }
.surpot{font-size: 1.2rem;color: #333;margin-right: 2%;float:left;width: 33%;margin-left: 13%;margin-bottom: 4%; margin-top:4% ;}
.surpot_img{ width: 45%; float: left; margin-top:4% ;}
.surpot_img img{ max-width:100% ;}
.area10 .surpot_con{ margin: 0 10% ; padding-bottom: 5%; border-left: dashed 1px #fff ; border-right: dashed 1px #fff ; background:url(../images/a2.jpg) no-repeat bottom center;}
.area10 .surpot_con p{ font-size: 1.1rem; padding:0 5% ; color: #fff; text-align: justify; text-justify: inter-ideograph; } 
.area10 .surpot_con p a{ color:#f9dfaa ;}
.area10 .surpot_con .mgbt{ margin-bottom:5% ; }
.area10 h2{ font-size: 1.1rem; color: #fff;text-align: left; margin: 2% 0 3% 0;}
.area10 .peple_list{ border-top: dashed 1px #a0a0a0; margin-right: 3%; margin-left: 3%; }
@media only screen and (min-width: 320px) and (max-width:480px){
    html {
        font-size:62.5%;
    }

.area4 .ewm{ width:70% ;}
.voto-list li .infoList p{ font-size: 1.3rem;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.voto-list .vote{ font-size: 1.4rem;}
.voto-list li .p_list{ width:63% ;}
.area1 .name_bg{ padding-left: 13%;}
.area3 .name_bg{ background: url(../images/sj2.png) no-repeat 38% 50%; background-size:contain;}
.area3 .product li .imgbox{ width:8rem ;}	
.area9 .voto-list{ margin-right: 0;}
.area9 .voto-list li .u-img{ width: 8rem;}
.expert_list li img{ width:11rem ;}
.peple_list{ margin-bottom:25% ;}
.area10 .bg {background:url(../images/xim.jpg) no-repeat 65% 50%; background-size:contain}
.search {margin:3% 5%;clear:both;height: 40px;line-height:40px; border: 1px solid #ccc;color: #999;font-size: 1.6rem; border-radius: 6px; background: #fff;}
.search input.ipt {padding:10px;float:left;display: -moz-box;display: -webkit-box;display:flex;box-sizing:border-box;-webkit-appearance:none; border:0 none;display: block;width: 76%;margin-left:2px; font-size: 14px;}
.search input.sbt {float:right; display: inline-block;width:22%;height: 38px;line-height: 37px;text-align: center;font-size: 2rem;color: #d9bc78;background-color: #fff;cursor: pointer;border:0 none;border-left: 1px solid #ddd; margin-right: 2px;}
.area1 .tabNav li{ padding:2% 0;}
.area5 .name{ width:22% ;}
.area5 .bars{ width: 68%;}
.area11 li{ color:#313131;font-size: 1.3rem;line-height:1.8rem;background: url(../images/bg77.jpg) no-repeat 1% 20%;padding-left: 10%;text-align: justify;text-justify: inter-ideograph;}
.area11 .content{ width:76% ;}
.voto-list li .infoList{margin-top:1.2% ;}
.voto-list li .u-img{ width:92px ; height: 74px; border:solid #ddd 1px; float: left; }
.voto-list li .u-img a{width:92px;height:74px; display:table-cell; vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:63px;*line-height:1; margin-right: 2%;}

.voto-list li img {vertical-align:middle;max-width:90px;max-height:71px;_width:100%;_height:100%;}	
.surpot{ width:27% ; margin-left: 15%;}
.area11 .bg5{background: url(../images/bg77.jpg) no-repeat 1% 8%;}

}
@media only screen and (min-width: 480px) and (max-width:640px){
    html {
            font-size:93.8%
    }

}
@media only screen and (min-width: 640px) and (max-width:1440px){
    html {
        font-size:100%
    }
.voto-list li .u-img{ width:110px ; height: 92px; border:1px solid #ddd; float: left; }
.voto-list li .u-img a{width:110px;height:92px; display:table-cell; vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:79px;*line-height:1; margin-right: 2%;}

.voto-list li img {vertical-align:middle;max-width:108px;max-height:89px;_width:100%;_height:100%;}	


}