@charset "gb2312";
/* CSS Document */
body{ margin:0; padding:0;}
/*div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden;}*/
div,ul { zoom:1;*zoom:1 }
li{ list-style-type:none;}
.bgcolor{ background:#f2f2f2;}
 a{ color:#e33e54;}
.doc{overflow: hidden; text-align: left; font: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA; color:#333; }
.doc .inner,.nav-inner{width:1100px; clear: both; margin:0 auto; overflow: hidden;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
*{margin:0;padding:0;}
.borm{ width: 700px; margin-left: -351px; margin-top: -198px; border-radius: 5px ; z-index: 5; height: 400px; left: 50%; top:50%; position: fixed; background: rgba(9,59,184,0.9);}
.borm h3{ font-size: 26px; font-weight: bolder; margin-top: 20px; color: #fff; text-align: center;}
.borm h4{ font-size: 18px; color: #fff; margin: 0 0 0 40px;}
.borm p{ font-size: 14px; margin-top: 10px; padding: 0 39px; color: #fff; text-indent: 2em; line-height: 24px; text-align: justify;}
.borm p span{ color: #ffd200;}
.borm .but{ width: 180px;line-height: 48px; font-size: 24px; color: #093bb8;  text-align: center; margin: 0 auto 28px; height: 53px; background: url(../images/but_bg.png) no-repeat center top;}
.borm p a{ color: #fff;}
.borm p a:hover{ color: #e6e7ea;}
.prev,.next { background:url(../images/img.png) no-repeat center center; cursor:pointer; width:50px; height:100px; position:absolute; float:left; z-index:5}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';
  src: url('../images/font/iconfont.eot');
  src: url('../images/font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../images/font/iconfont.woff') format('woff'),
  url('../images/font/iconfont.ttf') format('truetype'),
  url('../images/font/iconfont.svg#iconfont') format('svg');
}
.title{ display: block; margin: 90px auto 30px;  }

.header {width: 100%;  height: 100px; background:#fff; }
.header img{ display: block; float: left; margin-top: 20px;}
.header ul {float:right; width:695px; height: 100px; position: relative;}
.header ul li { float:left; cursor: pointer; display:inline-block; font-size: 18px; height: 98px; line-height:98px;}
.header ul li a { float:left; color: #333; display:block; font-size: 18px; margin:0 9px; height: 98px; line-height:98px;}
.header ul li a:hover{ color:#4a89dc; border-bottom:2px solid #4a89dc;}
.header ul li.active{ color:#4a89dc; border-bottom:2px solid #0f87f6;}
.header ul li.active a{color:#0f87f6;}
.header.fixed{ position:fixed; top:0; left:0; border:none; z-index:99; height:100px;}
/*.header .fixed.nav-bg{ background:#1a293c; background:rgba(17,23,37,0.9);filter:alpha(opacity=90);}*/
.header.fixed ul {font-size:18px; color: #333;}
.header.fixed ul li {  height: 98px; line-height: 98px; }
.header.fixed ul li a.active{ font-size:18px; color: #333;}
.header.fixed ul li a:hover{border-bottom:2px solid #4a89dc; -ms-animation:mywidth 1s infinite;/*ie*/
-moz-animation:mywidth 1s infinite; /* Firefox */
-webkit-animation:mywidth 1s infinite; /* Safari and Chrome */
-o-animation:mywidth 1s infinite; /* Opera */  }
/*.header.fixed ul li:hover{border-bottom:2px solid #4a89dc;}*/
.header .hot{ -ms-animation:mymove 1s infinite;/*ie*/
-moz-animation:mymove 1s infinite; /* Firefox */
-webkit-animation:mymove 1s infinite; /* Safari and Chrome */
-o-animation:mymove 1s infinite; /* Opera */ position: absolute; width: 31px; height: 21px; left: 524px; top:-6px}
#area1{ height: 650px;  margin: 0 auto; position: relative; overflow: hidden;}
#myVideo { position: absolute; width: 100%; top:0px; left: 0; overflow: hidden; height:650px ; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
#area1 .after { content: ""; position: absolute; top: 0px; left: 0; width: 100%; height:100%;  z-index: 5; background: #000; opacity: .7; filter: alpha(opacity=70) }
/*#area1 img{ display: block;z-index: 10; position: absolute; top:100px; left: 150px;}*/
/*#area1 .btn { position: absolute; width: 800px; height: 457px;   left: 50%; top: 15%; z-index: 9; }
*/#area1 img{ display: block; position: relative; z-index: 20; top:15%; left: 0;   margin: 0 auto;}

/*报名进度开始*/
.area1 .speed-inner{ width:1100px; height:91px; position:relative; margin:0 auto;  }

.area1 .ui_title{ width:1100px;  height:33px;  left: 0px; top: 12px; z-index: 4; position:relative;}
.area1 .ui_title h2{ font-size:24px; text-align: center; font-weight:bolder; color:#333;}
.area1 .ui_title .regis{ width: 410px; float: left; margin-right: 32px;}
.area1 .ui_title .voto{ width: 490px; float: left;}
.area1 .ui_title .public{ width: 100px; float: left;}

.area1 .ui_time{ width:1100px; position:relative; top:38px; }
.area1 .ui_time h3{ font-size:14px;  color:#666; text-align: center;}
.area1 .ui_time .time1{ width: 410px; float: left;}
.area1 .ui_time .time2{ width: 490px; margin-left: 33px; float: left;}
.area1 .ui_time .time3{  width: 167px; text-align: right; float: left;}



.area1 .guide{ width:52px; height:87px; position:absolute; left:475px; top:109px; }
.area1 .sign_up{ width:190px; height:76px; position:absolute; left:906px; top:24px;}
.area1 .ui-slider{ width:1100px; background: url(../images/line1.jpg) no-repeat center left; margin:0 auto; text-align:center; height:18px;position:relative; top:-5px;}
.area1 .ui-slider .fk1{width:18px;height:18px;position:absolute;left:0;/* background-color:#910021; */}
.area1 .ui-slider .jd1{width: 392px;height: 1px;position:absolute;top: 9px;/* left:18px; */background-color: #0f87f6;}
.area1 .ui-slider .jd1mask{width:230px;height:5px;position:absolute;top: 7px;/* left:18px; */background-color:#0f87f6;}
.area1 .ui-slider .fk2{width:18px;height:18px;position:absolute;left: 392px;background-color: #0f87f6;}
.area1 .ui-slider .fk3{width:18px;height:18px;position:absolute;left: 442px;background-color: #0f87f6;}
.area1 .ui-slider .jd2{width: 455px;height: 1px;position:absolute;top: 9px;left: 460px;background-color: #0f87f6;}
.area1 .ui-slider .jd2mask{width:0px; height:5px; position:absolute; top:7px; left:460px; background-color:#0f87f6;}
.area1 .ui-slider .fk4{width:18px;height:18px;position:absolute;left: 915px;background-color: #0f87f6;}
.area1 .ui-slider .fk5{width:18px;height:18px;position:absolute;left: 1043px;background-color: #db1841;}/*报名进度结束*/


.area2 .title{ margin-top: 60px; }
.area2 .jdt {width:1100px;}
.area2 .jdt .img-box { width:260px; float:left;}
.area2 .jdt .img-box ul {width:260px; height:350px; }
.area2 .jdt .img-box li {width:260px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; height:69px;  font-size:21px; line-height:70px; color:#333; text-align:center; cursor:pointer; }
.area2 .jdt .img-box .active{  height:69px; width:260px; border-left:1px solid #f6f6f6;  color:#0f87f6; background:#f6f6f6 url(../images/jt1.jpg) no-repeat 235px 23px  ; }
.area2 .jdt .img-box li:first-child{ border-top:1px solid #e6e6e6;}
.area2 .jdt .jdt-tit { width:840px; float:left; background: #f6f6f6; height: 351px; }


.area2 .con{ width: 815px; height: 350px; float: left; background:#f6f6f6 ; }
.area2 .con1{ width: 840px; background: none;  background:#f6f6f6 url(../images/line.jpg) no-repeat top right; }
.area2 .line{ width:25px ; float: left; height: 350px; background:url(../images/line.jpg);}
.area2 #content{ width:836px;height:350px;overflow:hidden ;}
.area2 .jdt .one{ margin-top: 30px;}
.area2 .jdt-two p{ text-indent: 0;}
.area2 .jdt-two .two{ margin-top: 76px;}
.area2 p{ padding:0 41px ; margin-bottom: 6px; font-size:14px; color:#666; line-height: 28px; text-indent: 2em; text-align: justify; text-justify: inter-ideograph;}
.area2 .jdt-three .con{ background: url(../images/bg2.jpg) no-repeat center top;}
.area2 .jdt-five .con{ background: url(../images/bg.jpg) no-repeat center top;}
.area2 .jdt .five{ margin-bottom: 21px;}
.area2 .jdt .six{width: 670px; margin-bottom: 0px; text-indent: 0; line-height: 25px; padding: 0 70px;}
.area2 .jdt .three{ margin-top: 70px; margin-bottom: 35px;}
.area2 .jdt .four{ margin-bottom: 0; line-height: 25px;}
.area2 .jdt-four p{ margin-bottom: 3px;}
.area4 .jdt {width:1100px;}
.area4 .jdt .img-box { width:320px; float:left;}
.area4 .jdt .img-box ul {width:320px; background: #efefef url(../images/bg1.jpg) no-repeat left top; height:480px; }
.area4 .jdt .img-box li {width:320px;   height:80px;  font-size:18px; line-height:22px; color:#fff;  cursor:pointer; }
.area4 .jdt .img-box li .sum{width: 47px; line-height: 80px; float: left; text-align:right;font-family: arial; font-size: 40.01px; color: #fff;}
.area4 .jdt .img-box li p{ padding-left: 55px;}
.area4 .jdt .img-box li.one{ line-height: 80px;}
.area4 .jdt .img-box .two{ padding-top: 18.5px;}
.area4 .jdt .img-box .active{ z-index: 5; height:80px; width:320px;  color:#910021; background: #efefef url(../images/active.png) no-repeat center top ; }
.area4 .jdt .img-box .active p{ color: #fff;}
.area4 .jdt .jdt-tit { width:780px; float:left; background: #efefef; height: 480px; }
.area4 .com{ width: 680px; margin: 0 60px 0 40px; padding-top: 20px;}
.area4 .jdt-tit p{ font-size: 15px;color: #666; text-indent: 2em; line-height: 26px;}
.area4 .jdt-tit img{ margin-top: 17px;}
.area4 .jdt-three p{ padding: 11px 0;}
.area4 .jdt-tit p span{ color: #2e8ff6;}
.area3 .inner{ height: 750px; position: relative;}
.area3 .iconfont{ color: #0f87f6; position: absolute; left: 20px; }

.bomb{ width:470px; display: none; height:300px; background: #fff;   position:absolute; left:314px; z-index: 8; top:224px;border:#cabfc1 solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius:10px; }
.bomb .close{ display: block; margin-left:157.5px; border-radius: 5px; -webkit-border-radius: 5px; border: none; cursor: pointer; height: 55px; line-height: 55px;color: #fff; font-size: 21px; font-family: "微软雅黑"; float:left; background: #0f87f6;width: 155px; text-align:center; }
.bomb .icon19{ font-size: 95px; line-height: 175px; left: 187.5px; color: #999; display: block; margin: 0 auto;}
.bomb h3{font-size: 20px;color: #000;text-align: center;line-height: 60px;margin-top: 135px;}

.area3 .bg_bg { background: #313131;}
.area3 .icon1{ font-size: 72px; float: left; left: 49px; display: block;  top:4px;}
.area3 .icon2{ font-size: 81px; float: left; display: block; top:-9px; left: 45px;}
.area3 .icon3{ font-size: 85px; float: left; display: block; top:-8px; left: 46px;}
.area3 .icon4{ font-size: 83px; float: left; display: block; top:-11px; left: 43.5px;}
.area3 .icon5{ font-size: 82px; float: left; display: block; top:-9px; left: 44.5px;}
.area3 .icon6{ font-size: 95px; float: left; display: block; top:-20px; left: 37.5px;}
.area3 .icon7{ font-size: 79px; float: left; display: block;top:-4px; left: 46px; }
.area3 .icon8{ font-size: 79px; float: left; display: block; top:-7px; left: 46px;}
.area3 .icon9{ font-size: 102px; float: left; display: block; top:-16.5px; left: 34.5px;}
.area3 .icon10{ font-size: 91px; float: left; display: block; top:-13px; left: 40px;}
.area3 .icon11{font-size: 82px;float: left;display: block;top: 0px;left: 46px;}
.area3 .icon12{font-size: 120px;float: left;display: block;top: -36px;left: 27px;}
.area3 .icon13{ font-size: 90px; float: left; display: block; top:-13px; left: 41px;}
.area3 .icon14{font-size: 90px;float: left;display: block;top: -6px;left: 38px;}
.area3 .icon15{font-size: 107px;float: left;display: block;top: -25px;left: 33px;}
.area3 .icon16{font-size: 80px;float: left;display: block;top: -6px;left: 41px;}
.area3 .icon17{font-size: 89px;float: left;display: block;top: -13px;left: 42px;}
.area3 .icon18{font-size: 85px;float: left;display: block;top: -10px;left: 42px;}
.area3 ul{margin-right:-16px; margin-top: 55px; }
.area3 ul li{  width:170px;  transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear;height:160px; border-radius: 5px; -webkit-border-radius: 5px;  float:left; margin-right:16px; margin-bottom:45px;background:#d3d3d3; position:relative;}
.area3 ul li p{ font-size: 24px;color: #333; padding-top:103px; font-weight: bolder; text-align: center;}

.area3 ul li:hover .iconfont { color: #db1841;}
.area3 ul li:hover{transform: translateY(-6px);-webkit-transform: translateY(-6px); background:#FFF; transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s}
.area3 .notice{ font-size:16px; color:#999; margin-bottom: 55px; text-align: center; font-weight: lighter; clear:both; }

.area3 ul li:hover{background:#fff;}
.area5 .inner{ width: 1200px;}
.picScroll-left{ overflow:hidden; padding-left:48px; height: 450px; position:relative; width:1200px;   }
/*.multipleColumn .bd ul{ overflow:hidden; zoom:1;  float:left; _display:inline;  }*/
.picScroll-left .prev{ left: 0; top:224px; position: absolute; z-index: 5; width: 41px; height: 82px; background: url(../images/jt1.png) no-repeat center top;} 
.picScroll-left .next{ left: 1159px; top:224px; position: absolute; z-index: 5; width: 41px; height: 82px; background: url(../images/jt2.png) no-repeat center top;} 
.picScroll-left .prev:hover{background: url(../images/jt3.png) no-repeat center top;}
.picScroll-left .next:hover{background: url(../images/jt4.png) no-repeat center top;}
.picScroll-left .bd li{ width: 260px; position: relative; height: 415px; margin-right: 8px; margin-left: 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd li img{ width: 230px;z-index: 4; position: absolute; top:0px; left: 15px; height: 230px; display: block; margin: 0 auto;}
.picScroll-left .bd li .com{ width: 260px;border-radius: 5px; position: absolute; top:115px; height: 300px; background: #efefef;}
.picScroll-left li h2{ font-size:19.98px; height: 30px; overflow: hidden; margin-top: 120px;  color:#333; text-align: center;}
.picScroll-left li h2 span{font-size:15.98px;  color:#999; padding-left: 5px;  }
.picScroll-left h3{ font-size:14px;  margin: 4px auto 9px;  color:#0f87f6; text-align: center;}
.picScroll-left .bd li p{ font-size:12px; height: 88px; line-height: 23px; overflow: hidden; padding: 0 22px;  text-indent: 2em;  color:#666; text-align: justify;}
.picScroll-left .bd li .bg{background: url(../images/wj.png) no-repeat center top; position: absolute; width: 230px; height: 230px; top: 0; left: 15px; z-index: 9;} 
.picScroll-left .bd li:hover .com { background: #0f87f6;}
.picScroll-left .bd li:hover h2 , .picScroll-left .bd ul li:hover h2 span, .picScroll-left .bd ul li:hover h3{ color: #fff;}
.picScroll-left .bd li:hover p{ color: #cad3e0;}
.picScroll-left .bd li:hover .bg{ background: url(../images/wj1.png) no-repeat center top;}
.picScroll-left .bd li:hover .bg1{background: url(../images/rw_zg.png) no-repeat center top; position: absolute; width: 230px; height: 230px; top: 0; left: 15px; z-index: 9;} 



.area5 .more{ width: 145px; height: 45px;display: block; font-size: 18px; text-align: center; line-height: 45px; border:solid 1px #0f87f6; margin: 15px auto 0; text-align: center; color: #0f87f6; border-radius: 25px; -webkit-border-radius: 25px;}

.area6 .top {  margin: 55px auto 30px;margin-right: -40px; float: left;}
.area6 .top li {width:340px; float: left; background: #838383; text-align: center; margin-right: 40px;   height:60px;  font-size:28px; line-height:60px; border-radius: 5px; -webkit-border-radius: 5px; color:#fff;  cursor:pointer; }
.area6 .top li.active{ background: #0f87f6;}
.area6 .bottom{ width: 1100px;}
.area6 .bottom li{ display: block; margin: 0 auto;} 
.area6 .big_bg{ background: #313131; height: 580px;}
.area11 ul li{width:240px; background:#efefef;position: relative; margin-bottom:20px ; margin-right:47px;height: 345px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.area11 ul li img{ width:240px; height:240px; display:block; }
.area11 p{ font-size: 14px; color: #ccc; padding: 5px;  line-height:24.03px ; }
.area11 p { position:absolute; text-align: justify; text-justify: inter-ideograph;   display:block ; top: 700px; left: 0px; background:#000 ; background:rgba(0, 0, 0, 0.6)!important;
filter:Alpha(opacity=60); color:#fff;  overflow:hidden; width: 200px; padding: 35px 20px 0 20px; height: 100%; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear;  }
.area11 li:hover p{display: block; top: 0px; background:#000 ; background:rgba(0, 0, 0, 0.5)!important;
filter:Alpha(opacity=50);}
.area11 ul li .xm{ display:block; color:#333; padding-top: 10px;}		
.area11 ul li .zw{ color:#8B011A; display:block; padding-top: 5px;}		
.hg{ height: 690px;}
.area10{ height: 480px; background: url(../images/banner.jpg) no-repeat center top;}
.area11 .story-list{ margin-right: -50px;}	
.area12 ul{ margin-right: -30px;}
.area12 ul li{width:348px; height: 350px; margin-bottom: 15px; position:relative; background: url(../images/bg2.png) no-repeat top center;margin-right:28px;float:left; _display:inline; overflow:hidden; text-align:center;  }
.area12 ul li .pic{width: 173px;height: 200px;margin: 15px auto 0;}
.area12 li .bg{ position: absolute; width: 198px; height: 229px; top: 0; left: 76px; background: url(../images/bg3.png) no-repeat top center; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear;}
.area12 ul li:hover .bg{ position: absolute; width: 198px; height: 229px; top: 0; left: 76px; background: url(../images/bg4.png) no-repeat top center;}
.area12 ul li .xm{ display:block; color:#333; margin: 25px auto 5px; text-align:center; font-size:18px;}	
.area12 li .zw{ display:block; color:#999;  line-height: 24px; text-align: justify; text-justify: inter-ideograph; font-size:14px;}	
.area12 ul li a{ color:#c2a86b ;}		
		




.b5_cont { width: 810px; font-size: 14px; float:left;  }
.b5_cont .regline { overflow: hidden; float: left; color: #666; line-height: 40px; margin-bottom: 13px; width:405px;  }
.b5_cont .regline .lef { width: 115px;float: left; text-align:right; margin-right:10px; }
.b5_cont .regline .lef .red{ color:#e02248;}
.b5_cont .regline .rig{ width: 280px; float: left;}
.b5_cont input, .b5_cont textarea, .b5_cont select { padding: 0 5px; width: 280px; height: 40px; line-height: 40px;border: 1px solid #ddd; font-size:14px; color: #666; float:left}
.b5_cont input{ width: 268px;}
.b5_cont .btnFile{height:42px; float: left; width:85px; border:none; background:url(../images/top.jpg) no-repeat; cursor:pointer;overflow:hidden; display:inline;}
.b5_cont .pashBtn{height:100px;width:100px; overflow:hidden;opacity:0;filter:alpha(opacity=0);cursor:pointer;    }
.b5_cont .pashBtn:hover { opacity:0;filter:alpha(opacity=100);}
.b5_cont .w1{ width: 190px;}
.b5_cont .line1{ width: 810px;}
.b5_cont .line1 textarea{width: 673px;height: 90px;line-height: 25px;padding: 5px;}
.b5_cont .xingh{font-size: 12.03px; padding-left: 125px;}
.b5_cont .xingh span{color: #e02248;}
.b5_cont .notice{width: 555px;margin-left: 10px;margin-top: 4px;float: left;height:85px;text-align: justify;text-justify: inter-ideograph;line-height:20px;font-size: 14px;color: #999;}
.b5_cont .check{width: 18px;/* margin-top: 75px; */height: 18px;border:solid 1px #ddd;background-color: #fff;float: left;display: block;margin-left: 125px;margin-top: 7px;}
.b5_cont .notice span{color: #db1841;}
.b5_cont .submit{ display: block; margin-left: 90px; border-radius: 5px; -webkit-border-radius: 5px; border: none; cursor: pointer; height: 55px; line-height: 55px;color: #fff; font-size: 21px; font-family: "微软雅黑"; float:left; background: #0f87f6;width: 295px; text-align:center; }
.b5_cont .btnFile{height:42px; width:77px; border:none; background:url(../images/top.jpg) no-repeat; cursor:pointer;overflow:hidden; display:inline;}
.b5_cont .tpinput{height:100px; float: left; margin-right: 12px; width: 100px;background:url(../images/jpg.jpg) no-repeat top center;  border:none; cursor:pointer;overflow:hidden; display:inline;}
.b5_cont .pashBtn:hover { opacity:0;filter:alpha(opacity=100);}
.b5_cont .imginput{height:100px;width:100px; overflow:hidden;opacity:0;filter:alpha(opacity=0);cursor:pointer; background: url(../images/jpg.jpg) no-repeat center top;    }
.b5_cont .zcts{width: 475px;float: left; font-size:12.05px;line-height: 25px;}
.b5_cont .zcts span{ color: #0f87f6; font-size: 14px;}
.area7 .right{ width: 250px; float: right;}
.area7 h4{ font-size:16px; margin-top: -5px; color:#0f87f6; margin-bottom:15px ;}
.area7 h3{ margin-top:35px; font-size:23.98px; color:#333 ; margin-bottom:17px ; font-weight: bolder;}
.area7 .splj a{ width: 100px ;display: block; float: left; margin-left:20px; color: #0f87f6; }
.area7 .splj a:hover{ color: #1d8ff8;}
.picMarquee-top{ margin:0 auto;  width:250px; overflow:hidden; position:relative;   }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{height: 28px; overflow: hidden;  zoom:1;font-size:14px; color:#666; background: url(../images/round.jpg) no-repeat 0 56%; line-height:28px; padding-left:15px; }
.picMarquee-top .bd ul li a{ color:#666;}	

.area8 .big_bg{ background: #f6f6f6;}
.area8 h3{ color: #333; font-size: 40.44px; margin-bottom: 85px; line-height: 43px; text-align: center;}
.area8 h3 span{ color: #0f87f6;}
.area8 .about{ display: block; margin: 0 auto;}

.area9{ background: #1a1a1a; border-top: solid 2px #178bf6; height: 415px; background: #1a1a1a;}
.area9 img{ display: block; margin: 60px auto 0;}
.area9 .inner{ height: 415px; position: relative;}
.area9 a{ display: block; width: 295px; height: 55px; position: absolute; left: 402px; top:185px}
.brea2 .inner{ position:relative}
.brea2 .zan{background:url(../images/zan.png.png) no-repeat top center; float: left; width:20px ; height: 22px; display: inline-block;}
.brea2 em{ background:url(../images/zan.png) no-repeat top center; padding-left: 30px;  }
.brea2 .bomb{ width:495px; height:315px; background:#fff; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; position:absolute; left:290px; top:75px; border:#000d6b solid 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius:10px; }
.brea2 .close{ width:25px; height:25px; background:url(../images/grey_wrong.png) no-repeat top center; position:absolute; right:20px; top:20px;}
.brea2 h3{ color:#000; font-size:20.67px; text-align:center; margin-top:15px; margin-bottom:20px; }
.brea2 .content{  width:480px; }
.brea2 .content p{ font-size:14.38px; line-height:24px; color:#666; text-align:center;  }
.brea2 .icon1{position:absolute;left:33px; top:0px;font-size: 37px;color:#db1840;cursor: pointer;line-height: 39px;}
.brea2 .vote .one_vote{ color:#fff ; left: 70px; position: absolute; top: 4px; font-size: 18px; line-height: 30px;}
.brea2 .bomb9{ height:375px; top:41px;}
.brea2 .tj{ width:88px; height:88px; display:block; margin:0 auto; margin-top:65px;}


.brea2 .state{ font-size:12.58px; color:#333; text-align:center; margin-top:38px; margin-bottom:23px;}
.brea2 .state span{ color:#0f87f6;}
.brea2 .search{width:648px; margin-top:40px; margin:0 auto;}
.brea2 .search_con,.search_btn{overflow: hidden;display: inline;border: 0 none;float: left}
.brea2 .search_con{width: 495px;height: 56px;line-height: 56px;border-bottom-left-radius:45px ; border-top-left-radius:45px ; border:1px solid #ddd; padding-left:15px; font-family:"微软雅黑"; color:#999; font-size:16px;}
.brea2 .search_btn{width: 135px;height:58px;text-indent: -999px; background:url(../images/search_btn.jpg) no-repeat; }
.brea2 .vote{ margin-right: -25px; margin-top: 30px;}
.brea2 .vote li{ width:200px; height:356px; float:left; display:inline; background:#efefef; margin-right:24px; float:left; margin-bottom:20px;}
.brea2 .vote li dl{ width:200px; overflow:hidden; display:inline; float:left;}

.brea2 .vote li dt{width:200px; float:left;line-height:40px; }
.brea2 .vote li .picImg{position:relative; bottom:0; left:0;}
.brea2 .vote li .picImg img{ width:165px; height:165px; line-height:165px; display:block; margin: 15px auto 0;}
.brea2 .vote li dt .company {font-size:14px;padding: 0 18px 5px 18px;font-family:"微软雅黑";color:#666;width:164px;text-align:center;height: 36px;line-height:18px;overflow:hidden;margin-top: 12px;}

.brea2 .vote li dt .company a:hover{ color:#555;}
.brea2 .vote li dt .company a{ color:#666;  text-decoration: none;}
.brea2 .vote li .imgHover{ background:#dc3a57;width:202px;height:202px; text-align:center; line-height:202px;position:absolute; bottom:0; left:0; filter:alpha(opacity=0);  /*支持 IE 浏览器*/
-moz-opacity:0; 
opacity:0;}
.brea2 .vote li .imgHover a{ display:block; font-size:16px;color:#fff; font-weight:bold;}
.brea2 .vote li .num{color:#666;font-size: 13px; padding-top:10px ;width: 65px;height: 58px;line-height: 20px;display:block;text-align:center;float:left;background: #fff;border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;}
.brea2 .vote li .wx_num{color:#666;font-size: 13px; padding-top:10px ;width: 66px;height: 58px;line-height: 20px;display:block;text-align:center;float:left;background: #fff;border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;}
.brea2 .vote li .pinpai{color:#666;font-size: 14px;padding-top:10px ;width: 65px;height: 58px;line-height: 20px;display:block;text-align:center;float:left;background: #fff;border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;}
.brea2 .vote li .num p{ color:#0f87f6 ;}
.brea2 .vote li .wx_num p{ color:#b71a4e ;}
.brea2 .vote li .pinpai a{ color: #0f87f6;}

.brea2 .vote li .brand{width: 165px; cursor: pointer; position: relative; height: 38px;background: #333333;-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;display:block;font-size:18px;text-align:center;color:#fff; margin:0 auto 15px;line-height:38px;}
.brea2 .vote li .brand1{width: 165px; height: 38px;background: #232322;-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;display:block;font-size:18px;text-align:center;color:#fff; margin:0 auto 15px;line-height:38px;}
.brea2 .vote li .brand1 .iconfont{ color:#b10e33 ;}
.brea2 .vote li .num b, .brea2 .vote li .wx_num b{ color:#d82545; font-size:14px;}
.brea2 .vote li .brand:hover{ background: #db1840;}
.brea2 .vote li .brand:hover .iconfont{ color: #fff;}
/*已投赞飞*/
.brea2 .iconfont1{ color: #666666;}
/*没开始*/
.brea2 .vote li .brand1{ background: #bbb;}
.brea2 .vote li .brand1 .iconfont{ color: #fff;}
/*.brea2 .vote li .tpbtn{ float:right; width:86px; height:31px; line-height:31px; text-align:center; cursor:pointer;color:#fff;font-size:14px;  background:url(../images/vote_02.jpg) no-repeat; display:block;}
.brea2 .vote li .tpbtn i{ font-size:22px; font-style:normal; padding-right:6px;}
.brea2 .vote li .tpbtn:hover{background:url(../images/vote_03.jpg) no-repeat; }*/

.brea2 .m-tab02 { clear:both;overflow:hidden;font-family: "微软雅黑";  }
.brea2 .m-tab02 dd { display: none; }
.brea2 .m-tab02 dd.active, .m-tab dt { display: block; overflow: hidden; }
.brea2 .m-tab02 .m-hd { width: auto; display: block; overflow: hidden; height: 35px; line-height: 35px; border-bottom: 4px solid #e6e9ed; }
.brea2 .m-tab02 dt { width: 1100px; margin: 0 auto; height: auto; overflow: hidden; }
.magintp40{ margin-top:40px !important; }
.maginbt40{ margin-bottom:40px !important;}

.brea2 .tabMenu {}
.brea2 .tabMenu li { height:50px; border-radius: 5px; -webkit-border-radius: 5px; margin: 1px; background: #aaaaaa; width: 120px; line-height:50px; float:left; display:inline;cursor:pointer; }
.brea2 .tabMenu li.first{border-left:1px solid #cbcbcb;}
.brea2 .tabMenu li:hover { background:url(../images/icon.gif) bottom center no-repeat; }
.brea2 .tabMenu li a:hover {color:#fff; background:#0f87f6; border-radius: 5px; -webkit-border-radius: 5px;}
.brea2 .tabMenu .active { background:#0f87f6 url(../images/sj.png) no-repeat center top;}
.brea2 .tabMenu .active a{color:#fff; border-radius: 5px; -webkit-border-radius: 5px; background:#0f87f6 url(../images/sj.png) no-repeat center bottom;  }
.brea2 .tabMenu li a { height:50px; width: 120px; font: 18px/50px; color:#fff; float:left; text-align: center; }




.page{ padding:30px 5px 60px 0}
.page A{ background:#ebebeb; border:0; padding: 4px 10px 4px 10px;  -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px; color:#6c6c6c; }
.page .currentPage{ background:#0f87f6;padding: 4px 10px 4px 10px;  -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px; color:#FFF;}
/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#0f87f6; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }

@keyframes mymove{
  0% {
   transform:scale(1,1);
-ms-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-o-transform:scale(1,1); 
  }

  50%{
    transform: scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2); 
-moz-transform:scale(1.2,1.2); 
-webkit-transform:scale(1.2,1.2); 
-o-transform:scale(1.2,1.2); 
  }
    100%{
    transform: scale(1,1);
    -ms-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-o-transform:scale(1,1); 
  }
}

@-webkit-keyframes mymove{
0% {
   transform:translateY(1,1);
-ms-transform:rotate(1,1); 
-moz-transform:rotate(1,1); 
-webkit-transform:rotate(1,1); 
-o-transform:rotate(1,1); 
  }
  50%{
        transform: rotate(1.2,1.2);
    -ms-transform:rotate(1.2,1.2); 
-moz-transform:rotate(1.2,1.2); 
-webkit-transform:rotate(1.2,1.2); 
-o-transform:rotate(1.2,1.2); 
  }
  100%{
        transform: rotate(1,1);
    -ms-transform:rotate(1,1); 
-moz-transform:rotate(1,1); 
-webkit-transform:rotate(1,1); 
-o-transform:rotate(1,1); 
  }
}


@keyframes mywidth{
  0% {
 transform:translateX(0px)
  }

    100%{
transform:translateX(100%)
}

    100%{
transform:translateX(0%)
}

@keyframes mywidth{
  0% {
 transform:translateX(0px)
  }

    100%{
transform:translateX(100%)
}

    100%{
transform:translateX(0%)
}