@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
li { list-style: none; }
img { border: none; }
input,
select,
textarea { outline: none; border: none; background: none; }
textarea { resize: none; }
html { -webkit-text-size-adjust: none; }
article， aside， details， figcaption， figure， footer， header， hgroup， menu， nav， section { display: block; }
img { height: auto; width: auto\9; /* ie8 */ vertical-align:top; }
.video embed， .video object， .video iframe { width: 100%; height: auto; }
a { text-decoration: none; }
/*root*/

.clearfix:after,
.clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
::-webkit-input-placeholder { color:#999999; }
body{ margin: 0; padding: 0; background: #fff;}

/*****************PC******************/
.banner{ width: 100%; height: 600px; background: #009bff; background: url(../images/banner.jpg) center top no-repeat #009bff;}
.logo{ width: 1000px; height: 96px; margin: 0 auto;}
.logo img{ margin-left: -38px;}
/**************导航***********/
.nav{ width: 100%; height: 98px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.nav ul{ width: 1000px;  margin: 0 auto;}
.nav ul li{ float: left; margin-left: 16px;}
.nav ul .nav_img{ float: left; margin: 36px 35px 0 0;}
.nav ul li a{ font: 14px/102px 'Microsoft YaHei'; color: #262626;}
.nav ul li a:hover{ font: 14px/102px 'Microsoft YaHei'; color: #00b4e6;}

/**********活动介绍***************/
.jieshao{ width: 1000px; margin: 0 auto;}
h3{ height: 62px; padding-top: 23px;}
.jiehshao_c_l{ float: left; width: 400px; height: 300px; border: 1px solid #cccccc;}
/*********头部轮播图*********/
.slidesshow_pdy{position: relative; overflow:hidden;height:300px;width:400px;margin: 0 auto;}
.slidesshow_pdy a{float: left;display: inline;}
.slidesshow_pdy .img{position: absolute;width:400px;height:300px;overflow: hidden}
.slidesshow_pdy .img span{position: absolute;width:19999px; display: block}
.slidesshow_pdy .btns{z-index: 10;position: absolute;width:400px;}
.slidesshow_pdy .btns b{position: absolute;width:112px;display:block;height: 8px;overflow: hidden;top: 270px;right:150px;}
*html .slidesshow_pdy .btns b{position: absolute;width:112px;display:block;height:15px;overflow: hidden;top:156px;right:0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/sorllbg.png");background:none;}
.slidesshow_pdy .btns b i{ float:left; overflow:hidden; width:8px; height:8px; margin-left:7px; background: #7e7e7e; border-radius: 50%; cursor:pointer;}
.slidesshow_pdy .btns b i.on{ background: #7e7e7e; cursor: default}
.slidesshow_pdy .btns span{ display:none;position:absolute; overflow:hidden; width:28px;height:50px;top:136px;cursor:pointer;}
.slidesshow_pdy .btns .prev{left: 22px; background:url(../images/btn_slideshow_left.png) no-repeat; }
.slidesshow_pdy .btns .next{right:22px; background:url(../images/btn_slideshow_right.png) no-repeat;}
.slidesshow_pdy .img span div{ position:relative; float:left; width:400px; height:300px;}
.slidesshow_pdy .img span div img{ width:400px; height:300px;}

.jiehshao_c_r{ float: right; width: 530px; margin-right: 30px;}
.jiehshao_c_r dt{ overflow: hidden; width: 100%; height: 64px; font: bold 26px/64px 'Microsoft YaHei'; color: #262626; text-align: center;}
.jiehshao_c_r dt em{ font: bold 26px/64px 'Microsoft YaHei'; color: #00b4e6;}
.jiehshao_c_r dd{ font: 18px/30px 'Microsoft YaHei'; color: #4c4c4c; text-indent: 2em;}

/***************媒体解读*****************/
.meiti{ clear: both; width: 1000px; height: 550px; margin: 0 auto;}
.slidesshow_pdy2{position: relative; overflow:hidden; float:left; height:356px;width:400px;}
.slidesshow_pdy2 a{float: left;display: inline;}
.slidesshow_pdy2 .img{position: absolute;width:400px;height:356px;overflow: hidden}
.slidesshow_pdy2 .img span{position: absolute;width:19999px; display: block}
.slidesshow_pdy2 .btns{z-index: 10;position: absolute;width:400px;}
.slidesshow_pdy2 .btns b{position: absolute;width:112px;display:block;height: 20px;overflow: hidden;top: 284px;right:0px;}
*html .slidesshow_pdy2 .btns b{position: absolute;width:112px;display:block;height:20px;overflow: hidden;top:156px;right:0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/sorllbg.png");background:none;}
.slidesshow_pdy2 .btns b i{ float:left; overflow:hidden; width:20px; height:20px; margin-left:7px; background: rgba(0,0,0,.7); border-radius: 50%; font:14px/22px Times New Roman,SimSun,Serif; cursor:pointer; color: #fff; text-align: center;}
.slidesshow_pdy2 .btns b i.on{ background: #0a86aa; cursor: default}
.slidesshow_pdy2 .btns span{ display:none;position:absolute; overflow:hidden; width:28px;height:50px;top:136px;cursor:pointer;}
.slidesshow_pdy2 .btns .next{right:22px; background:url(../images/btn_slideshow_right.png) no-repeat;}
.slidesshow_pdy2 .img span div{ position:relative; float:left; width:400px; height:356px;}
.slidesshow_pdy2 .img span div img{ width:400px; height:356px;}
.slidesshow_pdy2 .img .sChanp{ position:absolute; overflow: hidden; display:block; width:360px; height:40px; left:0; bottom:0; padding:0 20px; background: rgba(0,0,0,.5)}
.slidesshow_pdy2 .img .sChanp a{font:18px/48px arial, Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif; color:#ffffff;}


.meiti_l{ width: 623px; float: left;}
.meiti_l_l{ position: relative; overflow: hidden; float: left; width: 222px; height: 354px; border: 1px solid #03b2dd; border-left: none;}
.meiti_l_l span{ display: block; width: 10px; height: 12px; position: absolute; left: 0; top: 38px; background: url(../images/icon04.png) center top no-repeat;}
.meiti_l_l p{ display: none; padding: 30px 18px 16px 24px; font:14px/20px arial, Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif; color: #4c4c4c; text-indent: 2em;}
.meiti_b { clear: both; float: left; width: 623px; height: 116px; border-bottom: 2px solid #cccccc;}
.meiti_b_l{ float: left; width: 80px; height: 84px; padding-top: 32px;  font: 18px/30px 'Microsoft YaHei'; color: #4c4c4c; border-bottom: 2px solid #00b1dd; text-align: center; letter-spacing: 8px;}
.meiti_b ul{ float: left; margin-left: 32px; padding-top: 28px; width: 510px;}
.meiti_b li a{ overflow: hidden; display: block; float: left; width: 192px; height: 24px;  font: 14px/24px 'Microsoft YaHei'; color: #4c4c4c;}
.meiti_b li a:hover{color: #00b1dd;}
.meiti_b li span{ float: left; width: 2px; height: 15px; margin: 0 42px; background: url(../images/icon01.jpg) center top no-repeat;}

/********微博关注*******/
.meiti_r{ float: right; width: 360px; height: 559px;}

/*************数字**********/
.num{ clear: both; width: 100%; height: 755px; padding-top: 131px; background: url(../images/num_bg.jpg) center top no-repeat; text-align: center;}
/***********粉丝************/
.fans{ clear: both; width: 1000px; margin: 0 auto;}
.fans_l{ float: left;}
.fans_l div{ margin-top: 10px;}
.fans_l .fans_l_mar{ margin-right: 10px;}
.fans_l div img{ width: 268px; height: 358px; border: 1px solid #a0a0a0;}
.fans_r{ float: right;}
.fans_r a{ display: block;}
.fans_r img{  width: 438px; height: 238px; border: 1px solid #a0a0a0;}
.fans_r .fans_l_mar{ margin-top: 8px;}
.fans_r .fans_l_mar img{ height: 232px;}

/*********往届回顾*************/
.old{clear: both; width: 1000px; margin: 0 auto;}
.old_l{ float: left; width: 580px; height: 292px;}
.old_l dl{ position: relative;}
.old_l dt{ width: 580px; height: 292px;}
.old_l dt img{ width: 580px; height: 292px;}
.old_l dd{ overflow: hidden; position: absolute; left: 0; bottom: 0; width: 580px; height: 44px; background: rgba(0,0,0,.4);}
.old_l dd a{ display: block; width: 558px; padding-left: 22px; height: 44px; font: 16px/44px 'Microsoft YaHei'; color: #fff;}
.old_r{ float: right; width: 406px;}
.old_r div{ display: block; width: 366px; height: 62px; padding: 42px 20px 36px 20px; background: #00aaff;}
.old_r a{ display: block; overflow: hidden; width: 366px; height: 62px;  font: 24px/30px 'Microsoft YaHei'; color: #fff; text-align: center;}
.old_r .mar{ margin-top: 12px;}

.old_b{ clear: both; padding:18px 0 42px 0;}
.old_b  li{ overflow: hidden; float: left; padding-left: 40px; width: 293px; height: 42px; background: url(../images/icon02.png) 20px 19px no-repeat;}
.old_b  li a{ font: 18px/42px 'Microsoft YaHei'; color: #4c4c4c;}


/************群英会**********/
.all{ clear: both; width: 100%; height: 628px; background: url(../images/all.jpg) center top no-repeat;}
.all_content{ position: relative; width: 1000px; margin: 0 auto;}

.all_content dl{ position: absolute;}
.all_content dt img{ width: 151px; height: 151px;}
.all_content dd{ display: none; overflow: hidden; position: relative; width: 151px; height: 151px; padding-top: 16px;  background: url(../images/icon03.png) center top no-repeat;}
.all_content dd p{ font: bold 18px/40px 'Microsoft YaHei'; color: #00aaff;  text-align: center; background: #fff;}
.guomei{ left: 108px; top:306px;}
.all_content dd .all_xiao{ overflow: hidden; height: 120px; padding: 10px; font: 14px/18px 'Microsoft YaHei'; color: #4c4c4c; border-top: 1px dashed #cccccc; text-align: left;}

.guomei dd p{ color: #f1bc00;}
.guomei dd .all_xiao{ overflow: hidden; height: 92px; padding: 10px; padding-top: 38px; font: 14px/18px 'Microsoft YaHei'; color: #4c4c4c; border-top: 1px dashed #cccccc; text-align: left;}

.rongyao{ left: 320px; top: 128px;}
.jingdonbg{ right: 282px; top: 254px;}

.jingdonbg dd p{ color: #af66fe;}
.jingdonbg dd .all_xiao{ overflow: hidden; height: 142px; padding: 10px; font: 14px/18px 'Microsoft YaHei'; color: #4c4c4c; border-top: 1px dashed #cccccc; text-align: left;}
.all_content .jingdonbg dd{ height: 200px;}

.tianmao{ top:120px; right: 60px;}
.tianmao dd p{ color: #f92241;}
.tianmao dd .all_xiao{ overflow: hidden; height: 142px; padding: 10px; font: 14px/18px 'Microsoft YaHei'; color: #4c4c4c; border-top: 1px dashed #cccccc; text-align: left;}
.all_content .tianmao dd{ height: 168px;}

/***********底部*******************/
footer{ width: 100%; height: 90px; padding-top: 32px; background: #1a1a1a;}
.footer{ clear:both; width:1000px; height:90px; margin:0 auto;}
.footer li{ float: left; display:block; text-align:center; font:14px/36px  'Microsoft YaHei'; color:#b4b4b4;}
.footer li a{ display:inline-block; margin:0 1px;font:14px/36px 'Microsoft YaHei'; color:#b4b4b4;}
.footer .footer_r{ float: right;}
.footer .footer_cl{ clear: both;}

.jiemi{ clear: both;}
.jiemi_img{ width: 1000px; margin: 72px auto 0 auto;}
.jiemi_img img{ clear: both; display: block; margin: 0 auto;}
.jiemi_img .wangzuo{ float: left; margin-left: -37px;}
.jiemi_img .wangyou{ float: right; margin-right: -10px;}

/***************电商***********/
.ebrun{ clear: both; width: 100%; height: 851px; background: url(../images/dianshang.jpg) center top no-repeat;}
.ebrun_c{ width: 1000px; margin: 0 auto;}
.tab { position:relative; width:1000px; height:470px;}
.tab_content{ overflow:hidden; position:absolute;  top: 0; left: 0px; width:1000px; height:470px;}
.tab_content ul { position: absolute; top: 0px; left: 0px; z-index: 1; }
.tab_content ul li { overflow: hidden; width: 1000px; height: 471px; float: left; }
.tab_content  dl{ float: left; width: 238px; height: 435px; padding-top: 36px; background: url(../images/phone.png) center top no-repeat;}
.tab_content .tab_dl_mar{ margin: 0 140px 0 200px;}
.tab_content  dt{ width: 227px; height: 145px; margin: 0 auto; text-align: center;}
.tab_content  dt img{ width: 227px; height: 145px; }
.tab_content  dd{ margin: 0 auto; width: 227px; height: 249px;  background: #00aaff;  }
.tab_content dd .tab_p{ overflow: hidden; text-indent: 0; padding: 0 0 0 20px; text-align: center;}
.tab_p span{ display: block; float: left; font:bold 16px/68px 'Microsoft YaHei'; color:#fff;}
.tab_p .tab_tou{ width: 132px; margin-top: 14px; font:16px/20px 'Microsoft YaHei';}
.tab_p .tab_tou2{ width: 132px; font:bold 16px/68px 'Microsoft YaHei'; color:#fff;}
.tab_p .tab_name{ width: 72px;}
.tab_p .tab_span{   margin-top: 18px; width: 1px; height: 30px; background: #fff;}
.tab_content dd p{ padding: 0 20px; font: 12px/18px 'Microsoft YaHei'; color:#fff; text-indent: 2em;}
.prev{ position:absolute; left:20px; top:216px; width:45px; height:80px; background:url(../images/left_icon.png) left top no-repeat; z-index: 9999;}
.next{ position:absolute; right:20px; top:216px; width:45px; height:80px; background:url(../images/right_icon.png) left top no-repeat; z-index: 9999;}

/*************荣耀大事件*************/
.yao{ width: 100%; height: 776px; background: url(../images/rong_bg.jpg) center top no-repeat;}
.yao_c{ width: 1000px; margin: 0 auto;}
.hua{ overflow: hidden; width: 1000px; height: 660px; margin-top: -20px; position: relative;}
.hua img{ display: block; position: absolute; left: 50%; top: 0; margin-left: -824px;}
.dian{ width: 200px; margin: -20px auto 0 auto;}
.left_l{ float: left; display: block; width: 42px; height: 40px; background: url(../images/left_l.png) center top no-repeat; cursor: pointer;}
.dian a{ float: left; display: block; width: 42px; height: 50px; margin: -4px 30px 0 30px; background: url(../images/mouse.png) center top no-repeat;}
.right_r{ float: left; display: block; width: 42px; height: 40px; background: url(../images/right_r.png) center top no-repeat;  cursor: pointer;}


/*************解密******************/
.wrap{
    width: 1000px;
    height: 292px;
    margin:0 auto;
    background: url(../images/suobg.png) no-repeat left top;
}
.wrap ul{
    margin:47px 0 0 203px;
    font-size: 0;
}
.wrap ul li{
    float:left;
    width: 68px;
    height: 229px;
    font-size:24px;
    font-family: 'Microsoft YaHei';
    word-wrap:break-word;
    text-align:center;
    border-top:1px solid #f2f2f2;
    background: #ffffff;
}
.wrap ul li span {
    display: block;
    width: 34px;
    margin: 0 auto;
    height: 100%;
    line-height:229px;
    cursor: pointer;
}
.wrap ul li .liazi {
    margin-top: 90px;
    line-height: 100%;
}
.wrap ul li:nth-child(even){
    background: #f2f2f2;
}
.wrap ul li div{
    display:none;
    position:relative;
    float: left;
    margin-top:9px;

}
.wrap ul li div img {
    width: 296px;
    height: 220px;
}
.wrap ul li .sanjiao_icon {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 15px;
    height: 20px;
    background: url("../images/sanjiao_icon.png") no-repeat;
}
.wrap ul li.current{
    width: 364px;
}
.wrap ul li.current div{
    display:block;
}
.wrap ul li.current span{
    margin: 0 17px;
    line-height: 229px;
    float: left;
}
.wrap ul li.current span.liazi{
    margin: 90px 17px 0 17px;
    float: left;
    line-height: 100%;
}
