@charset "utf-8";
html { color: #383739; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
body { font-family: "Microsoft Yahei",'Arial' }

.bgimage1 img{
  display:block;
  width:100%;
}
.sfContentBlock img{
  width: 60%;
  display: block;
}
.sfContentBlock{
  margin-bottom:2rem;
}
/*
 *------------------header----------------------------------------------------------------------
 */
.no_leftmargin{margin-left:0px !important;}
 .jiathis img{float:left;}

 .imgbox img{
  border:1px solid #87898b;
  margin:1rem;
}
.fblack{   color:#383739;text-decoration:none}
/*.black{
  }*/
  .red{
    color:#ee2a24;
  }
  .black{ color:#000000; }
  .gray{
    color:#666666;
  }
  .white{
    color:#ffffff;
  }
  .float_left{
    float:left
  }
  .float_right{
    float:right
  }
  .bgblue{
    background:url(../images/blue_gradient_bg.jpg) no-repeat;
    height:245px;

  }
  .searchinput{
    width: 16rem;
    border: 1px solid #ccc;
    height: 2.7rem;
    color: #666;
    padding-left: 5px;

  }
  .text_center{
    text-align: center;
  }
  #adv_searchdo #select{
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1rem;
    font-size:14px;
  }
  #adv_searchdo .searchbox_btn{
    float:left;
    margin-top:10px;
    margin-left:0px;
  }
  #adv_searchdo .searchbox_btn_right{
    float:right;
    margin-left:5px;
  }

  .searchinput_left{
     border: 1px solid #ccc;
    height: 3rem;
    color: #666;
    padding-left: 5px;
    width: 145px;
    line-height: 3rem;
    font-size: 14px;

  }
  .share{
    clear:both;
    margin-top:-3rem;
  }
  .f12{
    font-size:1.2rem;
  }
  .f20{
    font-size:2rem;
  }
  .f14{
    font-size:1.4rem;
  }
  .f16{
    font-size:1.6rem;
  }
  .h16{
    line-height:3rem;
  }
  .f_09{
    font-size:12px;
  }
  .space_10{margin:0.35rem;margin-top:0.2rem;}
  .space_12{margin:0.35rem;margin-top:0.2rem;}

  .space_11{margin-left:0rem;margin-right:0.4rem;margin-top:0.5rem;}
  .space_left10{margin-left: 0.7rem}
  .space_left5{margin-left:0.5px;}
  .space_left25{margin-left:2.5rem;}
  .space_left15{margin-left:1.5rem;}

  .space_right5{margin-right:0.5rem;}
  .space_right10{margin-right:1rem;}
  .space_top10{margin-top:1rem;}
    .space_top30{margin-top:3rem;}

  .space_right25{margin-right:2.5rem;}
  .space_height10{height:0.5rem;}
  .space_height60{height:6rem;}

  .space_height25{height:2.5rem;}
  .space_height50{height:5rem;}
  .space_height80{height:8rem;}

  .line_height40{line-height: 4rem;}
  .bggray{
    background-color: #d0d0d0;
    height:21rem;
  }
  .red_gradient_bg{
   background:url(../images/red_gradient_bg_L.jpg);
   height:120px;
 }
 .green_bg{
   background:url(../images/green_bg.jpg);
   margin-top:.5rem;
   height:120px;
 }
 .green_bg ul{margin-left:5px;}
 .green_bg li{
  background: rgba(0, 0, 0, 0) url("../images/white_triangle.png") no-repeat scroll 8px center;
  list-style: outside none none;
  text-decoration: none;
}
.red_gradient_bg li{
  margin-left:5px;
  background: rgba(0, 0, 0, 0) url("../images/white_triangle.png") no-repeat scroll 8px center;
  list-style: outside none none;
  text-decoration: none;
}

.weight{font-weight:bold;}
.bgforum{
  background:url(../images/forum.jpg) no-repeat;
  height:21rem;
  background-color: #d0d0d0;

}


.mtop{margin-top:6rem;}
.mtop img{max-height:120px;max-width:120px;}
.mright{width:80%;}
.rimg{width:200px;text-align:center;}
.lright{float:right;margin:0.5rem;margin-top:3rem;}
.mleft{ margin-left:1rem;}

.logo{width: 50%;float:left;margin-top:2rem;margin-bottom: 2rem;}
.lright .loginbox{
  float:left;
  margin-top: 5px;
  width:180px;
  height:30px;
  background:url(../images/loginbox.png) no-repeat;
}
.nav__tabs{width:80%;  height: 28px; line-height: 28px;}
.mar_r65{margin-left:65px;}
.lright .searchbox{float:left;}

.searchbar .searchInput {
 height: 30px;
 border-radius: 3px;
 border:1px solid #efefef;

}
.seachBarSubmit{
  position: absolute;
  margin-left:-3rem;
  margin-top: 3px;
}
.searchbar input{
  float:left;
  background-color: #ffffff;border:none;font-size:1.5rem;
  color:#666666;
  height:25px;
  border-radius: 2px;
}

.searchbox_btn {
 text-align: center;
 height:2rem;
 background-color: #E23635;
 color:#ffffff;
 padding:5px 10px 5px 10px;
 margin-left: 0.5rem;

}
.searchbox_btn:hover{
 background-color: #ff0000;
 cursor:pointer;
}

.searchbox_btn_right{
 text-align: center;
 height:2rem;
 background-color: #E23635;
 color:#ffffff;
 padding:5px 10px 5px 10px;
 margin-left: 0.5rem;
}
.searchbox_btn_right:hover{
 background-color: #ff0000;
 cursor:pointer;
}
#showlogin{
  position: absolute;
  background:url("../images/loginboxbg.png") no-repeat scroll 0 0;
  width:202px;
  height:auto;
  z-index: 999;
  margin-top:5px;
}
.loginit li{float:left;list-style: none;text-align:right;margin-left:1rem;}
.loginit li input{width:110px;background-color:#efefef;border:1px solid #ccc;height:20px;color:#666;padding-left:5px;}
.loginit li span{margin:0px 5px 0px 5px;}
footer p {
  color: #fff;
  margin-bottom: 12px;
  text-align: right;
}

footer .row{line-height: 30px}
footer .social-icons {
  color: #d4d4d5;
  display: inline-block;
  float: left;
  font-family: "social-icons" !important;
  font-size: 45px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  margin-top:1rem;
}
.clear{ clear:both;}
footer {
  background: #6d6e70 none repeat scroll 0 0;
  font-size: 1.3rem;
  margin-top: 20px;
}
footer nav {
  float: right;
  margin-bottom: 1rem;
  margin-top: 1rem;
  height:auto;
}
footer nav a::before {
  color: #fff;
}
footer nav a::after {
  color: #fff;
}
footer nav a:link {
  color: #fff;
  text-decoration: none;
}
footer nav a {
  color: #fff;
  float: left;
  list-style: outside none none;
  text-decoration: none;
  margin:0 1rem;
}
footer a {
  color: #fff;
}

.topnav{
 font-size: 1.5rem;
 line-height: 2rem;
 background: none;
}
.bottomnav{
 background: none; 
}
.footerCopy img{vertical-align:middle;margin-right:5px;}
.topnav span{ color:#ffffff;float:left; }
.bottomnav span{ color:#ffffff;float:left; }
.slide-panel{margin:0 auto;}
.slide-panel li{list-style:none;}
/*底部分享图片效果*/
.social-icons div{float:left;height:50px;margin:1rem;width:50px;}
.social-icons .youku {background-image:url('../images/youku_mono.png');}
.social-icons .youku:hover{background-image:url('../images/youku_color.png');}
.social-icons .sina {background-image:url('../images/sina_mono.png');}
.social-icons .sina:hover{background-image:url('../images/sina_color.png');}
.social-icons .wechat {background-image:url('../images/wechat_mono.png');}
.social-icons .wechat:hover{background-image:url('../images/wechat_color.png');}
.social-icons .ttq {background-image:url('../images/ttq_mono.png');}
.social-icons .ttq:hover{background-image:url('../images/ttq_color.png');}
.social-icons .bilibili {background-image:url('../images/bilibili_mono.png');}
.social-icons .bilibili:hover{background-image:url('../images/bilibili_color.png');}
.container h5{
  margin:1rem;
  font-size:2rem;
}
.container .more{
  float:right;
  font-size:1.6rem;
  font-weight:normal;
}
.more img{
 vertical-align:middle;
 height: 23px;
 width:23px;
}
.img_more img{line-height: 30px;}
.margin_top{
}
.container .bgimage1{
  margin-left:0px;
}

.bgblue li{
  list-style:none;
  background: url('../images/white_triangle.png') no-repeat 8px;
  line-height:30px;
  text-decoration:none;
}
.bggray li{
  list-style:none;
  background: url('../images/red_triangle.png') no-repeat 8px;
  line-height:30px;
  text-decoration:none;
}
.mbtm{margin-left:2rem;}
.mbtm li a:link{ margin-left:5px;}
.mbtm a:link{text-decoration: none;}
.sbtm{
 padding:0 20px 0 5px;
}
.btm{
  padding:0 20px 0 5px;
  display: block;

}
.btmli{
  padding:0 20px 0 25px;
  list-style-type: none;
  width:auto;
}
.btmlinoright{
 padding:0 5px 0 25px;
 list-style-type: none;
 width:auto;
}
#pages span{  display: inline-block;
  font-size: 12px;
  height: 3rem;
  line-height: 3rem;
  padding: 0 12px;
  background: #e3e3e3 none repeat scroll 0 0;
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
.btmli a:link{text-decoration: none;}
.btmlinoright a:link{text-decoration: none;}

.loginit{margin-top:15px;}
.btm a:link{text-decoration: none;}
.btn{
  background-color: #E23635;
  color:#ffffff;
  padding:0px 10px 5px 10px;
  font-size:12px;

}
.btn:hover{
 background-color: #ff0000;
 cursor:pointer;
}
.bgred{
 background-color: #ff0000;
 color:#ffffff;

}
.mleft10{
  margin-left:1rem !important;
}
.bgred .hw{
  height:1rem;
  line-height: 1rem;
  margin:1rem;
}
.content{
  border-left: 1px solid #d4d4d5;
  margin-left: 1%;
}
.design-center {
  margin-top: 20px;
}

.design-center div.content h1{
  font-size: 25px;
  font-weight: 500;
  padding: 5px 5px 5px 0;
  width:100%;
}
.center-title{
  font-size: 25px;
  font-weight: 500;
  padding: 5px 5px 5px 0;
}

section .left-nav h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 1px;
}
section .left-nav ul {
  font-size: 13px;
  line-height: 7px;
  list-style: outside none none;
  padding: 0;
}
section .left-nav ul li::before {
  background: transparent none repeat scroll 0 0;
  color: #ee2a24;
  content: "–";
  margin-right: 4px;
  position: static;
}
section .left-nav ul li.subNav.open::before {
  content: "–";
  margin-right: 4px;
}
section .left-nav ul li.subNav::before {
  color: #ee2a24;
  content: "+";
  margin-right: 4px;
}

section .left-nav ul li {
  cursor: pointer;
  line-height: 14px;
  margin-top: 5px;
  margin-left: 14px;
  text-indent: -14px;
}
section .left-nav .selected{color:#ff0000;}

section .left-nav a {
  color: #383739;
}

section a {
  text-decoration: none;
}
section .left-nav ul li.subNav.open > a {
  color: #ee2a24;
}
.right_arrow{
  position:absolute;line-height: 12rem;
  margin-left: 1rem;
}
.bhr{
  margin-top:2.5rem;
  border-bottom: 1px solid #E1E1E1;
  padding:1rem 0rem 0rem 1rem;
}
.thr{
  border-top: 1px solid #E1E1E1;
}
.cbbhr{
  margin-top:1.5rem;

  border-bottom: 1px solid #E1E1E1;
  padding:1rem 0rem 0rem 1rem;
}
.bbhr{
  margin-top:1.5rem;
  border-bottom: 1px solid #E1E1E1;
}

.chr_box{
  border-bottom: 1px solid #E1E1E1;
  padding:0rem 0rem 0rem 1rem;
}

.chr{
  padding:0.5rem;
  border-bottom: 1px solid #E1E1E1;
}
.bgray{
  background-color: #efefef;
}
.hr{
  padding:0.5rem;
  padding-left:1rem;
  border-bottom: 1px solid #E1E1E1;
}
section .left-nav + div {
  border-left: 1px solid rgb(212, 212, 213);
}
.hrightbold {border-right: 1px solid #E1E1E1;}
.bolder{font-weight:bold;}
#pages {clear:both; padding:1rem 0 1rem;text-align:center;font:12px;}
#pages a { display:inline-block; padding:0px 12px; height:3rem;font-size:12px;line-height:3rem;background:#fff; text-align:center; color:#333;

  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
#pages a.a1 {padding:0px 12px; height:3rem; line-height:3rem;margin-top:0px;
  border:1px solid #e3e3e3;
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
}
#pages a.a2 {padding:0px 12px; height:3rem; line-height:3rem;margin-top:0px;
  border:1px solid #e3e3e3;
  border-bottom-right-radius:4px;
  border-top-right-radius:4px;
}
#pages .csae { background:#f1f1f1; color:#000; text-decoration:none; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }

.page .noPage { display:inline-block;  padding:0px 12px; height:3rem; line-height:3rem; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4;}


.video_unit1 {
  float: left;
  margin-top:2rem;
}
.video_img_center{
  text-align: center;
  margin: 0 auto;
}
.video_img {
  border:1px solid #87898b;
  margin:1rem;
  height:160px;
  margin-top:0px;
  overflow: hidden;
  width:280px;
  vertical-align:middle;
}
.video_img7 {
  border:1px solid #87898b;
  margin:1rem;
  margin-top:1rem;
  overflow: hidden;
  vertical-align:middle;
}

.video_img7 img {
  display: block;
  margin: 0 auto;
  height: 310px;
  vertical-align: middle;
}

.video_img5 {
  border:1px solid #87898b;
  margin:1rem;
  height:120px;
  margin-top:1rem;
  overflow: hidden;
  min-width:170px;
  vertical-align:middle;
}
.video_img5 img {
  display: block;
  margin: 0 auto;
  height: 120px;
  vertical-align: middle;
}
.video_img4 {
  border:1px solid #87898b;
  margin:1.5rem;
  height:105px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:0px;
  overflow: hidden;
  vertical-align:middle;
}
.nolist{
  list-style-type: none;
  text-align: left;
}
.nolist a{margin:5px;}
#ooyalaplayer{
  margin: 0 auto;
}
.newsflashlist img{
  border:1px solid #87898b;
  margin-top:0px;
  overflow: hidden;
  vertical-align:middle;
}
.video_img_player{
  height:63rem;
  border:1px solid #87898b;
  margin-top:0px;
  overflow: hidden;
  vertical-align:middle;
}
.video_img_player h1{
  height:8rem;
}
.video_img4 img {
  display: block;
  margin: 0 auto;
  height: 105px;
  width:180px;
  vertical-align: middle;
}
.hot_tag{
  margin-left:1rem;
  font-size:1.4rem;
  font-weight: bolder;
}
.video_img img{
  display: block;
  margin: 0 auto;
  height:160px;
  vertical-align: middle;
}
.video_title {
  margin: 0rem 1rem;
  display: block;
  overflow: hidden;
  min-width: 180px;
  font-size: 12px;
  min-height: 80px;
}
.video_bigtitle {
  margin: 0rem 1rem;
  display: block;
  overflow: hidden;
  height:7rem;
  line-height: 7rem;
  word-break:break-all;
}
.icon_1{ width:16px; height:16px;}
.article_desc h1{margin-top:5rem;}
.column, .columns{list-style-type:none;}
#wechatimg{
  position: absolute;
  display: none;
  left:115px;
  top:-110px;
  z-index:99;
  padding:10px;
  padding-bottom:0rem;
  background-color: #ffffff;
}
#wechatimg .wechatspan{
  text-align: center;
  margin:0px;
}
.cursorhand{
  cursor: pointer;
}
.wsix{
  min-width:180px ;
}
.lright .loginbox2 {
    float: left;
    margin-top: 5px;
    width: 180px;
    height: 30px;
}