.body_h_bg{background:#ffffff;}
/*公用栏目标题*/
/*.comm_h1 span,.home_tit_syfy ul.nav-tabs li > a.a_tabs{float:left;font-weight:bold;padding:10px 15px;font-size:18px;background:#01449c;border:1px solid #4a90e2;border-bottom:none;color:#fff;
}*/
.comm_h1 span{font-size:20px;font-weight:bold;}
a.comm_more{font-size:14px;color:#777777;}
a.comm_more:hover{color:#992f2e;}
a.comm_more:before{
    content: "/\00a0";
    font-family: FontAwesome;
    font-size: 1rem; 
    padding:0px 10px 0px 15px;
    color: #777777;
}
.comm_h1 span img{width:25px;margin-right:10px;}


.hot_syfy h1{font-size:26px;font-weight:bold;color:#014199;margin:0px;margin-top:20px;}
.hot_syfy h1 a{font-size:26px;font-weight:bold;color:#014199;}
.hot_syfy h1 a:hover{color:#782720;}

/* banner轮播 */
.banner_syfy{float:left;width:100%;background:#f0f5ff;}
.flex-caption  .banner_text_syfy{width:68%;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);overflow: hidden;padding:10px 15px;}
.flex-caption  .banner_text_syfy h1 a{color:#fff;font-size:22px;}
.flex-caption  .banner_text_syfy h1 a:hover{color:#f09236;}
.flex-caption  .banner_text_syfy p{font-size:14px;}
.flex-caption button{background:#4a90e2;cursor:pointer;padding:8px 15px;border:none;font-size:14px;bottom: 0;position: absolute;}
.flex-caption button i{margin-left:5px;}

.banner_righttext_syfy{background:#f0f5ff;margin:0px;padding:0px 20px;}
.banner_righttext_syfy h3{margin-top:15px;}
.banner_righttext_syfy h3 a{color:#1d60b0;font-size:15px;font-weight:600;}
.banner_righttext_syfy h3 a:hover{color:#d20006;}
.banner_righttext_syfy h3 span{color:#999999;font-size:12px;font-weight:400;}
.banner_righttext_syfy hr{border-bottom:1px dashed #d8e0e9;margin-top:5px;margin-bottom:5px;}
.banner_righttext_syfy p a{color:#444;font-size:12px;line-height:180%;}
.banner_righttext_syfy p a:hover{color:#5980d1;}
.banner_rightlist_syfy .comment_list li{background:url(https://syb.cas.cn/images/syfy_icon_list5.png) left 16px no-repeat;padding-top:9px;padding-bottom:9px;}
.banner_rightlist_syfy .more_syfy{margin-top:-5px;}

.banner_text_syfyyjs{position:absolute;bottom:15px;right:0px;color:#fff;padding:15px 50px;}
.banner_text_syfyyjs h5{background-color:rgba(1,65,153,0.8);padding:10px;}
.banner_text_syfyyjs h5,.banner_text_syfyyjs h5 a{text-align: center;font-size:20px;line-height:160%;color:#fff;}
.banner_text_syfyyjs h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner_text_syfyyjs h5 a:hover{color:#F09236;}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .banner_righttext_syfy{background:#f0f5ff;}
}
@media screen and (max-width: 992px){
    .banner_text_syfyyjs{bottom:15px;}
    .flex-caption  .banner_text_syfy p{display:none;}
  }
@media screen and (max-width: 768px){
    .flex-caption  .banner_text_syfy{width:100%;padding:0px 15px;}
    .flex-caption button{display:none;}
    .banner_righttext_syfy{padding-bottom:15px;}
    .banner_text_syfyyjs{display: none;}
}

@media screen and (max-width: 480px){
.flex-caption  .banner_text_syfy h1 a{font-size:13px;}
}

/*end*/


/* 栏目标题 */
.main_left_syfy{padding-left:0px;}
.main_left1_syfy {}
.main_left1_syfy ul.nav-tabs{border-bottom:1px solid #4990e2;position:relative;}
.main_left1_syfy ul.nav-tabs li{position:static;background:transparent;}
.main_left1_syfy ul.nav-tabs li.active button{display:block;text-decoration:none;}
ul.nav-tabs li > a.a_tabs{
  float:left;
  font-weight:bold;
  font-size:18px;
  border:none!important;
  color:#333333;
  border-radius:0;
  cursor: pointer!important;
  margin:0px 1px 0px 0px;
  padding:20px 15px 9px 40px;
}
ul.nav-tabs li:hover,
ul.nav-tabs li.active {
  color:#fff!important;
  background:url(../image/syfy_home_tit1.png) bottom center no-repeat;
  cursor: pointer!important;
}
.main_left1_syfy ul.nav-tabs li a.tit1_syfy{background:url(../image/syfy_icon_tit1.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li a.tit2_syfy{background:url(../image/syfy_icon_tit2.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li a.tit3_syfy{background:url(../image/syfy_icon_tit3.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li a.tit4_syfy{background:url(../image/syfy_icon_tit4.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li a.tit5_syfy{background:url(../image/syfy_icon_tit5.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li a.tit6_syfy{background:url(../image/syfy_icon_tit6.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li a.tit7_syfy{background:url(../image/syfy_icon_tit7.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li a.tit8_syfy{background:url(../image/syfy_icon_tit8.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li a.tit9_syfy{background:url(../image/syfy_icon_tit9.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover > a.a_tabs,
.main_left1_syfy ul.nav-tabs li.active > a.a_tabs{color:#fff!important;}

.main_left1_syfy ul.nav-tabs li:hover a.tit1_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit1_syfy{background:url(../image/syfy_icon_tit1_hov.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover a.tit2_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit2_syfy{background:url(../image/syfy_icon_tit2_hov.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover a.tit3_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit3_syfy{background:url(../image/syfy_icon_tit3_hov.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover a.tit4_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit4_syfy{background:url(../image/syfy_icon_tit4_hov.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover a.tit5_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit5_syfy{background:url(../image/syfy_icon_tit5_hov.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover a.tit6_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit6_syfy{background:url(../image/syfy_icon_tit6_hov.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover a.tit7_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit7_syfy{background:url(../image/syfy_icon_tit7_hov.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover a.tit8_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit8_syfy{background:url(../image/syfy_icon_tit8_hov.png) 10px 20px no-repeat;}
.main_left1_syfy ul.nav-tabs li:hover a.tit9_syfy,
.main_left1_syfy ul.nav-tabs li.active a.tit9_syfy{background:url(../image/syfy_icon_tit9_hov.png) 10px 20px no-repeat;}

.tabs_more_home{position:absolute;bottom:5px;right:0;display:none;color:#5980d1;font-size:14px;border:none;background:none;}
ul.nav-tabs li.active .tabs_more_home{display:block;}
.tabs_more_home > a.more2:hover,.right_more_home:hover{color:#b40f07;}

/* 栏目内容 */
.main_left1_img_syfy{text-align:left;}
.main_left1_img_syfy p{padding:10px;line-height:180%;background:#e9eff8;}
.main_left1_img_syfy a img{width:100%;max-width:200px;}
.main_left1_img_syfy a{color:#444;}
.main_left1_img_syfy a:hover{color:#b40f07;}
.main_left1_text_syfy{margin-top:-5px;}
.main_left1_text_syfy .comment_list li{padding-left:20px;background:url(../image/syfy_icon_list2.png) left 9px no-repeat;}
.main_left1_text_syfy .comment_list li a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space:inherit;
  width:100%;
  line-height:160%;
  padding:4px 0;
}

.main_right_syfy{padding-right:0px;}
.main_right_syfy h1 {padding:5px 15px 15px 0;margin-top:5px;}
.main_right_syfy h1 span{font-size:18px;font-weight:bold;color:#333333;}
.main_right_syfy h1 span img{margin-right:10px;}
.main_right_syfy h1 a{padding-top:5px;}
.main_right1_syfy{background:#eaf0f8;}
.right_more_home{color:#5980d1;font-size:14px;}
.main_right1_syfy .right_list1{padding:0px;margin:0px;}
.main_right1_syfy .right_list1 li{background:#fff;border-left:2px solid #089fd0;padding:0px 15px;margin-bottom:15px;}
.main_right1_syfy .right_list1 li a{font-size:16px;color:#444444;line-height:150%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.main_right1_syfy .right_list1 li a span{color:#08479b;}
.main_right1_syfy .right_list1 li:hover{border-left:2px solid #08479b;}
.main_right1_syfy .right_list1 li:hover a{color:#08479b;}

@media screen and (max-width: 992px){
  .main_right_syfy,.main_left_syfy{padding:0px;}
}
@media screen and (max-width: 768px){
    .main_left1_img_syfy{text-align:center;padding:0px 15px;}
}

@media screen and (max-width: 480px){
  .main_left1_syfy ul.nav-tabs li a{background: none!important;}
  ul.nav-tabs li > a.a_tabs{padding:20px 10px 9px 10px;}
  .main_left1_img_syfy a img{width:100%;max-width:100%;}
}

/*banner*/
.syfy_banner{}
.syfy_banner a img{width:100%;height:82px;}
@media screen and (max-width: 1200px){
  .syfy_banner a img{width:100%;height:70px;}
}
@media screen and (max-width: 992px){
  .syfy_banner .main_right_syfy{padding:0px;padding-left:15px;}
  .syfy_banner .main_left_syfy{padding:0px;padding-right:15px;}
} 
@media screen and (max-width: 768px){
  .syfy_banner .main_right_syfy,.syfy_banner .main_left_syfy{padding:0px;margin:5px 0;}
  .syfy_banner .main_right_syfy a {text-align:center;}
  .syfy_banner .main_left_syfy a img{max-width:100%height:auto;}
  .syfy_banner .main_right_syfy a img{max-width:355px;height:auto;}
}

.main_right1_syfy .right_list2{padding:0px 1px 10px 1px;}
.main_right1_syfy .right_list2 li{border:none!important;margin:0px;padding:2px 2px;background:transparent!important;}
.main_right1_syfy .right_list2 li a{background:#fff;padding:2px 3px;}
.main_right1_syfy .right_list2 li a.right2_more_home{color:#0b1c88;}
@media screen and (max-width: 1200px){
  .main_right1_syfy .right_list1 li a{font-size:14px;}
}


/* 首页图片左右滚动
=================================*/

.mod4_syfy .container{background:#fff;position:relative;}

.mod4_syfy {padding-top:0px;margin:0 auto;}
.mod4_syfy th {padding-top:37px;cursor: pointer;z-index:9999;position:absolute;}
.mod4_syfy td {overflow:hidden;z-index:999;}
#scrollbox ul {overflow:hidden;margin:0px;padding:0px;/*margin-left:-15px;*/}
#scrollbox ul LI {float:left;vertical-align:top;font-size:12px;line-height:18px;min-height:18px;text-align:center;padding:0px 15px;overflow:hidden;/*width:24.7%;*/}
#scrollbox ul LI img{ width:auto;height:auto;border:0px;}
.arrleft{left:-15px;}
.arrright{right:2px;}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  #scrollbox ul LI { padding:0px 65px;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  #scrollbox ul LI { padding:0px 10px;}
}
@media screen and (min-width: 703px) and (max-width: 768px){
  .mod4_syfy .container{overflow: hidden;}
  .arrleft{left:0px;}
  .arrright{right:21px;}
  #scrollbox ul LI { padding:0px 188px;}
  #scrollbox ul LI img{width:370px;}
}
@media screen and (max-width: 703px){
  .mod4_syfy .container{overflow: hidden;}
  .arrleft{left:0px;}
  .arrright{right:21px;}
  #scrollbox ul LI { padding:0px 5px;}
  #scrollbox ul LI img{width:370px;}
}

@media screen and (max-width: 414px){
  .mod4_syfy th{display:none;}
  .mod4_syfy .container{padding:0px 15px;overflow: hidden;}
  #scrollbox ul LI { padding:0px 15px;width:414px;}
  #scrollbox ul LI img{width:370px;}
}
@media screen and (max-width: 412px){
 .mod4_syfy .container{padding:0px 15px;overflow: hidden;}
 #scrollbox ul LI { padding:0px 15px;width:412px;}
  #scrollbox ul LI img{width:370px;}
}
@media screen and (max-width: 375px){
 .mod4_syfy .container{padding:0px 15px;overflow: hidden;}
 #scrollbox ul LI { padding:0px 15px;width:375px;}
  #scrollbox ul LI img{width:345px;}
}
@media screen and (max-width: 360px){
 .mod4_syfy .container{padding:0px 15px;overflow: hidden;}
 #scrollbox ul LI { padding:0px 15px;width:360px;}
  #scrollbox ul LI img{width:330px;}
}
@media screen and (max-width: 320px){
  .mod4_syfy .container{padding:0px 15px;overflow: hidden;}
  #scrollbox ul LI { padding:0px 15px;width:320px;}
  #scrollbox ul LI img{width:290px;}
}

/* end
=================================*/


 .h_mod5_syfy .mod5_div{padding:0px 15px;}
@media screen and (min-width: 992px){
  .h_mod5_syfy .w20{width:20%;}
}
.h_mod5_syfy .form-control{width:100%;border:1px solid #4a90e2;border-radius: 0px;box-shadow: none;}
@media screen and (max-width: 768px){.h_mod5_syfy{padding:0px 15px;}}

.position_re_syfy{position:relative;}
.right_login{float:left;width:100%;margin-top:10px;background:#e9eff8;}
.right_login .control-label{float:left;width:70px;}
.right_login .right_email_inp_syfy{position:absolute;left:78px;padding-right:0px;width:58%;border:1px solid #8fb2db;}
.right_login .right_email_inp_syfy input{background:#fff;width:98.5%;border-radius:0px;}
.right_email_inp_syfy span{font-size:14px;color:#444444;background:#e9eff8;float:right;margin-top:-34px;padding:7px;}
.right_email_inp_syfy span img{height:18px;}
.right_email_btn_syfy{padding:5px 10px 0px 15px;}
.right_email_btn_syfy .btn{background:#4f93e3;color:#fff;border-radius:20px;font-size:16px;font-weight4600;width:80%;border:none;}
.right_email_btn_syfy .btn a{
	background: #4f93e3;
	color: #fff;
	border-radius: 20px;
	font-size: 16px;
	width: 80%;
	border: none;
}
.right_login_bnt_syfy{position:absolute;right:15px;top:75px;}
.right_login_bnt_syfy button{background:#4f93e3;color:#fff;font-size:16px;border-radius: 0px;padding:12px;border:none;}
.right_login_bnt_syfy button:hover,.right_email_btn_syfy .btn:hover{background:#014199;color:#fff;}

@media screen and (max-width: 768px){
  .form-horizontal .form-group{margin:0px;padding:10px 15px;}
  .right_login_bnt_syfy{position:absolute;right:15px;top:87px;}
  .right_login .right_email_inp_syfy{position:absolute;left:78px;padding-right:0px;width:70%;border:1px solid #8fb2db;}
}
@media screen and (max-width: 550px){
  .right_login .right_email_inp_syfy{position:absolute;left:78px;padding-right:0px;width:60%;border:1px solid #8fb2db;}
}
@media screen and (max-width: 410px){
  .right_login_bnt_syfy{position:absolute;right:15px;top:87px;}
  .right_login .right_email_inp_syfy{position:absolute;left:78px;padding-right:0px;width:55%;border:1px solid #8fb2db;}
}