body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, input, em, iframe, select, button,option,optgroup {margin:0;padding:0}
body{font:12px "Microsoft Yahei","Helvetica Neue","Helvetica,Arial,STHeiTi,sans-serif"; color:#333; background:#1C1330 url("../img/banner_bg.jpg") no-repeat center 0}
a{text-decoration:none;outline:none; color:#333}
a:hover{text-decoration:none;}
h1, h2, h3, em, button{font-weight:normal;font-style:normal;}

li{list-style:none}
table{border-collapse:collapse;margin:0 auto}
iframe, img, button{border:0}

.area,.model-area,.voteCar-list{ text-align:left; width:1200px; margin: 0 auto;  }
.area:after,.model-area:after,.voteCar-list:after{content:"."; display:block;height:0;visibility:hidden;clear:both;}
.banner{ height: 688px; }
.banner h1{ opacity: 0;}




.titbg{background-image: -moz-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    position: absolute;
    width: 100%;
    bottom: 0;    overflow: hidden; left: 0px;}
.bgtit{ color: #fff; text-align: center; position: absolute; width: 100%;  bottom: 0px; left: 0px;}
.picbox{ position: relative; display: block; overflow: hidden;}

.area h2{ font-size: 54px; line-height: 60px;  padding-top:100px; position: relative; color: #fff; font-weight: normal; height: 120px;}
.area h2::after{ content: ''; position: absolute; width:97px; height: 27px; background:url(../img/tip_bg.png) no-repeat; bottom: 60px; right: 0px;}
.area .tip{ color: #fff; font-size:14px; display: block; line-height: 30px;}




.focu_main{ width:600px; float: left; }
.focus{  position:relative; height:410px;  width: 600px;background-image: -moz-linear-gradient( 0deg, #4C17CD 0%, #8D4ADF 100%);
    background-image: -webkit-linear-gradient( 0deg, #4C17CD 0%, #8D4ADF 100%);
    background-image: -ms-linear-gradient( 0deg, #4C17CD 0%, #8D4ADF 100%); color: #fff; }
.focus .f_Img{ height: 100%;}
.focus p{ font-size: 18px; line-height: 70px; padding:  0px 80px 0px 20px ;color: #fff; height: 70px;}
.focus .f_tab { height:50px; position:absolute;right:0px; bottom:10px; z-index:300;  text-align: right;  box-sizing: border-box; padding-right: 10px; font-size: 18px; line-height: 50px;}
.focus .f_tab span{ margin:0 2px; display:inline-block; cursor: pointer}
.focus .pre-btn,.focus .next-btn{ background-color: transparent}
.focus .pre-btn,.focus .next-btn{ width:30px; height: 40px; background:url("../img/pc_temp2_btn_ico.png") no-repeat 0 0; position: absolute; top: 50%; left: 0px; margin-top: -40px; z-index: 10}
.focus .next-btn{ left: auto; right: 0px; background-position: 0 -60px;}

.new-list{ font-size: 18px; line-height: 44px; text-align: left; width: 530px; float:left; height: 410px; overflow: hidden; padding-left: 56px; margin-top: -4px;}
.new-list li{ height: 44px;}
.new-list li:nth-of-type(3n+0){ height: 58px;}
.new-list a{ color: #fff;}



.tab-box{ width:590px; float: right; height: 410px;
    background:  rgba(69,56,109,.5); position: relative;
}
.tab-box:before{ content: ''; position: absolute; left: 0px; top: 0; height: 1px; width:378px;background-image: -moz-linear-gradient(0deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%); }
.tab-box:after{ content: ''; position: absolute; left: 0px; top: 0; height: 250px; width:1px;background-image: -moz-linear-gradient(-90deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);
        background-image: -webkit-linear-gradient(-90deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);
        background-image: -ms-linear-gradient(-90deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%); }
.tab{ height: 66px;font-size: 20px; line-height: 66px; text-align: center ;  background: #4e3c76; }
.tab a{ width: 25%; float: left; display: block; color: #fff; line-height: 30px; height: 66px; box-sizing: border-box; padding-top: 10px;}
.tab a span{ display: block; font-size:12px ; line-height: 16px; }
.tab .cur{  position: relative; color: #DBF60D; background: url(../img/cur_bg.png) no-repeat center bottom; }
.tab-content{ height: 344px; overflow: hidden; color: #fff; width: 100%; position: relative;}
.tab-content:before{content: ''; position: absolute; right: 0px; bottom: 0; height: 1px; width:378px;background-image: -moz-linear-gradient(180deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);}
.tab-content:after{content: ''; position: absolute; right: 0px; bottom: 0; height: 250px; width:1px;background-image: -moz-linear-gradient(9deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);
        background-image: -webkit-linear-gradient(90deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);
        background-image: -ms-linear-gradient(90deg, rgb(163,145,190) 0%, rgba(163,145,190,0) 100%);}
.tab-content .tab-con{ display: none}
.tab-content .tab-con.cur{ display:block}
.tab_list{ width:570px; margin-right: auto; padding-top: 20px; }
.tab_list li{ height: 60px; overflow: hidden;font-size: 14px; line-height: 80px; padding: 10px 0; }
.tab_list em{ float: left; line-height: 60px; font-size:18px; font-weight: bold; font-style: italic; width: 38px; padding-left: 30px;  color: #fff}
.tab_list .pic-box{ width: 380px; float: left;}
.tab_list .pic-box img{ display: block; float: left; margin-right: 20px;}
.tab_list .pic-box strong{ display: block;text-align:left; font-weight: normal; line-height: 18px; font-size: 14px; color: #fff; padding-top: 10px;}
.tab_list .r{ float: right; font-size: 20px; line-height: 60px; color: #DBF60D;}

.th-con{ padding-top: 10px; padding-left:120px; font-size: 12px; }
.tab-content .wid1{ width: 76px; padding-left: 14px; text-align: left; float: left; }
.tab-content .wid2{ width: 64px; float: left; text-align: right}

.container .div_scroll {width: 100%;height:342px;overflow: hidden;float: left; width: 588px;}
.container.h2 .div_scroll{ height: 390px;}
.container .scroll_container {overflow: hidden;position: relative; left:0px;}
.container .scroll_absolute {position: absolute; left:0px;}
.container .scroll_vertical_bar {position:absolute;top: 0;right: 0;width: 6px; height: 100%; box-sizing:border-box; background:#222;}
.container .scroll_track {position: relative; }
.container .scroll_drag {position: relative;top: 0;left: 0;cursor: pointer;background-color:#DBF60D; border-radius: 4px;}
.container .scroll_arrow {text-indent: -20000px;display: block;cursor: pointer;background-color: #D6B74B;}
.container .scroll_vertical_bar .scroll_arrow {height: 16px;}


/********主题演讲******/
.slidebox{ position: relative; padding-top: 15px; height:770px; overflow: hidden;}
.slidebox .f_Img{ height:680px; width: 1210px; }
.item-box{ width: 232px; height: 100%; float: left; margin-right:10px ; position: relative;}
.item-box .info-box{ height: 255px; width: 100%; position: absolute; bottom: 0px; left: 0;background-image: -moz-linear-gradient(-60deg, #4C17CD 20%, #8D4ADF 100%);
    background-image: -webkit-linear-gradient( -60deg, #4C17CD 20%, #8D4ADF 100%);
    background-image: -ms-linear-gradient(-60deg, #4C17CD 20%, #8D4ADF 100%);  color: #fff; border-radius: 0 60px 0 0; box-sizing: border-box; padding: 20px;}
.item-box .info-box strong{ display: block; font-size: 28px; color: #DBF60D; line-height: 40px; margin-bottom: 6px;}
.item-box .info-box .color_1{ color: #B487FF; font-size: 14px; line-height: 20px; height: 80px;}
.item-box .info-box .info_bot{ font-size:18px; line-height: 24px ; padding-top:24px ; position: relative;}
.item-box .info-box .info_bot:before{ content: ''; position: absolute; width:16px; height: 4px; background: #fff; top: 0px; left: 0;}

.focus .focpre,.focus .focnext{ display: none}

.f_Img{ height:506px; overflow:hidden; width:100%; margin:0 auto; position:relative;}
.f_Img li{ position:absolute; z-index:0;width:100%; height:100%; overflow: hidden;}


.slidebox .pre-btn,.slidebox .next-btn{ width:44px; height: 44px; background: url("../img/btn_ico.png") no-repeat 0 0; border-radius: 50%; position: absolute; bottom:0; right:140px;  z-index: 10}
.slidebox .next-btn{  right:0px; background-position: 0 -60px;}
.slidebox .f_tab{ position: absolute; width: 88px; bottom: 0; height: 34px; right: 44px;text-align: center;}
.slidebox .f_tab span{ display: inline-block; width: 8px; height: 8px; margin: 0 4px; border-radius: 50%; background: #411D88; }
.slidebox .f_tab span.cur{ background:#DBF60D ;}

/*******视频********/
.video_box{ width:100%; height: 960px; }
.video_box .area{ position: relative;}
.video_box .slidebox{ height: 730px; position: absolute; width: 1980px; left: 50%; margin-left: -990px;}
.video_top{ height: 322px;}
.vid-item{ position: relative; width: 572px; float: left;}
.video_box .slidebox .f_Img{ height:646px; width: 100%; background-image: -moz-linear-gradient(-70deg, #4C17CD 20%, #8D4ADF 100%);
    background-image: -webkit-linear-gradient( -70deg, #4C17CD 20%, #8D4ADF 100%);
    background-image: -ms-linear-gradient(-70deg, #4C17CD 20%, #8D4ADF 100%);}
.video_bottom{ padding-left:260px ;}
.video_box .slidebox .pre-btn{ right:532px ;}
.video_box .slidebox .next-btn{ right: 392px;}
.video_box .slidebox .f_tab{ right: 436px;}
.video_box .titbg{ height: 80px;}
.video_box .bgtit{ font-size: 18px; line-height: 80px; text-align: left; box-sizing: border-box; padding-left: 20px;}
.v-ico{ width: 46px; height: 46px; position: absolute; bottom: 20px; right: 20px; background: url(../img/v_ico.png) no-repeat ;}
/******嘉宾*******/
.area h3{ background:url("../img/h3_bg.jpg") no-repeat 0 0; height: 44px; font-size:20px; line-height: 44px; color:#fff; text-align: center; margin: 30px 0; }
.guest_list{ width: 1230px; overflow: hidden; padding-bottom: 20px;}
.guest_list li{ width: 182px; height: 316px; margin: 0 20px 10px 0; float: left;}
.guest_list img{ height:198px; width: 100%; display: block; margin-bottom: 18px;}
.guest_list strong{ display: block; font-size: 18px; line-height: 30px; color: #fff; font-weight: normal; margin-bottom: 5px;}
.guest_list p{ font-size:14px; line-height: 18px; text-align:left; color:#816DB1 ;  }

/******fot******/


#foot,#footer{   font:14px/22px "\5FAE\8F6F\96C5\9ED1"; text-align:center; padding-top:20px; padding-bottom:20px; width: 100%; color: #fff;}

.fontArial{ font-family:Arial, Helvetica, sans-serif}


/****浮层*/
.mask{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: #000; opacity: .7; z-index: 10; display: none}
.layerbox{ width: 950px; position: fixed; padding-top: 60px; left:  50%; margin-left: -475px; top:10px; z-index: 12; display: none}
.layer-close{ width: 50px; height: 50px; font-size: 40px; color: #fff; position: absolute; right: 0px; top: 0px; text-align: center}
.layer-com{ width: 100%; height: 570px;}