﻿@charset "utf-8";
/*----------定义全局------------*/
*html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
ul,ol,li,dl,dt,dd{ list-style:none;}
img{vertical-align:top;}
a{ outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
.c{ clear:both;}
.box{ width:1000px; margin:0 auto;}
body{ font-family:"微软雅黑"; background:#F8F9FA;}
a{font-family:"微软雅黑"; color:#333;}



/*鼠标一上去图片变亮*/
a img{transition:box-shadow .2s ease,-webkit-filter .2s ease-out;-webkit-filter:brightness(1)}
a img:hover{-webkit-filter:brightness(1.3)}


.banner{ background:url(../images/banner.jpg) no-repeat top center; height:350px;}


.bodybg{  padding-top:30px;}
.indu{ width:1100px; margin:0 auto; padding-bottom:10px;}

.activeTitle{ text-align:center; padding-top:40px;}
.activeTitle b{ font:30px/30px "Microsoft Yahei"; color:#333333;}
.activeTitle span{ font:16px/18px "Microsoft Yahei"; color:#666666; margin-top:12px;text-transform:uppercase; display:block; }

.induText{ padding:10px 35px; font-size:14px; color:#888; text-align:center; line-height:24px;width:950px; margin:0 auto; }
.induText p{ font:16px/32px "Microsoft Yahei";}

.bottombg{  height:75px;}
.topbg{ height:94px;}


.vedio{}
.vedioShow{ width:780px; height:439px; margin:30px auto 0;}
.vedioShow iframe{ width:780px; height:439px;}

.imgShow{ margin:30px auto 0; position:relative; width:1100px;}
.imgShow a.leftarrow{ background:url(../images/leftarrow.png) no-repeat; width:11px; height:18px; position:absolute; left:50%; top:41%; z-index:50;margin-left:-540px}
.imgShow a.rightarrow{ background:url(../images/rightarrow.png) no-repeat; width:11px; height:18px; position:absolute; right:50%; top:41%;z-index:50;margin-right:-540px}

.speech{ /* padding-bottom:20px;*/}
.speechNav{ width:1100px; margin:0 auto; overflow:hidden;}
.speechNav ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }

.speechNav ul li{ width:100%; display:block; float:left;}

.speechNav ul li:first-child:nth-last-child(2),.speechNav ul li:first-child:nth-last-child(2) ~ li {width: 50%;}
.speechNav ul li:first-child:nth-last-child(3),.speechNav ul li:first-child:nth-last-child(3) ~ li {width: 33.3%;}
.speechNav ul li:first-child:nth-last-child(4),.speechNav ul li:first-child:nth-last-child(4) ~ li {width: 25%;}

/*.twoDays ul li { width: 50%;}
.threeDays ul li{ width:33.3%;}
.fourDays ul li{ width:25%;}*/

.speechNav ul li a{ display:block; height:48px; font:16px/48px "Microsoft Yahei";  text-align:center;}
.tabBg{ background:#F3F3F3; display:block; color:#333333;}


.speechContent{ width:1100px; margin:30px auto 0;}
.speechContent ul{ background:url(../images/line.png) repeat-y; position:relative; margin-top:30px;}
.speechContent ul li{ background:url(../images/circle.png) no-repeat left center; margin-left:-6px; padding-left:56px; margin-bottom:30px;}
.speechContent ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.speechContent ul li dl{ background:#ffffff; padding:30px; width:990px;}
.speechContent ul li dl dt{ float:left; width:180px; height:120px; margin-right:20px; border-radius:4px; overflow:hidden;}
.speechContent ul li dl dt img{  border-radius:4px;}
.speechContent ul li dl dd{ float:left; width:790px;}
.speechContent ul li dl dd b{ font:bold 20px/26px "Microsoft Yahei"; color:#333333; display:block;}
  .speechContent ul li dl dd p {
        font: 14px/20px "Microsoft Yahei";
        color: #666666;
        display: block;
        margin-top: 10px;
        line-height: 22px;
    }
.foot{ text-align:center; font-size:14px; line-height:40px;}


.rightbar{ position:fixed; right:2px; bottom:20%;}
.catlogos a{ background:#ffffff; width:50px; height:43px; display:block; padding-top:7px; margin-left:74px;}
.catlogos a span{ display:block; background:url(../images/catlog.png) no-repeat; width:23px; height:20px; margin:0 auto;}
.catlogos a em{ display:block; font:12px/14px "Microsoft Yahei"; color:#4993F7; text-align:center; margin-top:3px; }
.code{ margin-top:30px;}
.code p{ display:block; background:#ffffff; padding:4px; width:116px;}
.code span{ display:block; color:#999; text-align:center;  font:12px/16px "Microsoft Yahei"; /*margin-top:5px;*/}

.catnofold{ padding:7px; background:#ffffff; width:110px;}

.catnofold ul{ display:block; background:url(../images/catbg.png) repeat-y;}
.catnofold ul li{ background:url(../images/circledot.png) no-repeat left center; padding-left:16px; margin-left:-4px;}
.catnofold ul li a{ display:block; font:12px/14px "Microsoft Yahei"; color:#999999; margin-bottom:12px;}
.catnofold ul li a:hover ,.catnofold ul li.catcur a{ color:#4993F7;}
.catnofold ul li.cattop{ background:url(../images/circletop.png) no-repeat left top;}
.catnofold a.rarrow{ float:right; background:url(../images/right.png) no-repeat right center; padding-right:10px; font:12px/12px "Microsoft Yahei"; color:#BBBBBB;margin-top:4px}
.catnofold a.rarrow:hover{color:#4993F7;}

.transparent{ background:url(../images/bodybg.png) repeat 0 0; width:100%; height:100%; position:fixed; z-index:10000; left:0; top:0;overflow-x:auto;}
.popup{ padding:40px 50px; width:75%; max-width:1000px; background-color:#fff; /*position: fixed;top:15%; left:50%; margin:-35px 0 0 -525px; */ margin:0 auto;  z-index:10001; overflow:hidden;}
.wrongsoan{ position:fixed; right:30px; top:20px;  width:24px; height:24px; border-radius:12px; background: #3a3a3b url(../images/exit.png) no-repeat 50% 50%;}
.wrongsoan img{ width:16px; height:16px;   }
.detailed{   }
.detailed h1{ font-size:30px; line-height:36px;font-weight:bold;  color:#333;}
/*总体颜色值控制*/
.topicBg{ background:#4993F7;  color:#ffffff;text-align:center;}

.vedioName{ text-align:center; font:18px/18px "Microsoft Yahei"; color:#333333; margin-top:14px;}

.vedioShowTwo{ width:1100px; margin:30px auto 0;}
.vedioShowTwo ul{ width:1160px; }
.vedioShowTwo ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vedioShowTwo ul li{ float:left; width:520px; margin-right:60px;}
.vedioShowTwo ul li iframe{ width:520px; height:293px;}

.organiza{ width:1100px; margin:0 auto;}
.organiza ul { width:1149px; padding:30px 0 70px;}
.organiza ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.organiza ul li{ float:left; width:333px; margin-right:50px;}
.organiza ul li img{ width:100%; display:block;}

/*评论*/
.commentBox{ width:1100px; margin:0 auto 40px;}
.topicComment{ width:992px; padding:26px 30px 0; background:#ffffff; margin-left:50px;}
.topicComment b{ display:block; font-size:20px;  line-height:28px; height:28px; color:#333333;}
.topicComment ul li{  border-bottom:1px  solid #EBEBEB; padding-bottom:30px; padding-top:30px;}
.topicComment ul li:last-child{ border-bottom:0;}
.topicComment ul li p{ display:block; font-size:16px; line-height:28px; color:#333333;}
.user{ margin-top:14px;}
.user:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.user dl{ float:left; margin-right:20px;}
.user dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.user dl dt{ float:left; width:16px; height:16px; border-radius:16px; overflow:hidden; margin-right:8px;}
.user dl dt img{ display:block; width:16px; height:16px;}
.user dl dd{ float:left; font-size:12px; line-height:16px; color:#999999;}
.user span{ float:left; display:block; font-size:12px; line-height:16px; color:#999999;}
.user span a{ color:#999999;}
.user span a:hover{ color:#007bcd;}
.commentIcon a{background: #ffffff;    width: 50px; height:44px;  display: block;    padding-top:4px;    margin-left: 74px; margin-top:14px;}
.commentIcon a span { display: block;  font: 12px/14px "Microsoft Yahei"; color:#A8A8A8;  text-align: center;  margin-top: 3px;}
.commentIcon a em{ display:block; background:url(../images/topic_icon_comment@2x.png) no-repeat top center; background-size:24px 24px; width:24px; height:24px; margin:0 auto;}
