@charset "utf-8";
.clearfix:after{
content:" ";
display:table;
clear:both;
overflow:hidden;
height:0;
}
.l1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.25}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.l7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
/* pagebar start */
/*pagebar可改为自定义名称*/

/*公共样式 字体，行高，字体颜色等*/
.pagebar {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    text-align:center;}
/*.pagebar>.p_t:first-child{display: none;}*/
/*去掉a链接的下划线*/
.pagebar a{
    text-decoration: none;}

/*消掉最左侧页码区margin-left的5个像素*/
.pagebar .p_pages{}

/*按钮和页码的外观*/
.p_fun_d{
cursor:text;}
.pagebar .p_fun_d, .pagebar .p_no_d,.pagebar .p_fun, .pagebar .p_no,.pagebar .p_dot{
    border: 1px solid #ddd;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
    line-height: 32px;
    min-width: 36px;
    border-radius: 3px;
    margin: 3px 2px;
    overflow:hidden;}
.pagebar .p_fun_d,.pagebar .p_fun a{
    padding: 0 10px;
}
/*
.pagebar .p_fun_d,.pagebar .p_fun a{
text-indent:-999px;
position:relative;}
.pagebar .p_fun a:after,.pagebar .p_fun_d:after{
font-family: "swiper-icons" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent:0;
display:block;
position:absolute;
top:0;
left:10px;}
.p_prev_d:after,.p_prev a:after{
content: "\e62f";}
.p_next_d:after,.p_next a:after{
content: "\e676";}
*/

.pagebar .p_fun a, .pagebar .p_no a{
display:block;}
/*文字对齐样式*/
.pagebar .p_t{
    display:inline-block;
    vertical-align:middle;}

/*链接字体颜色*/
.pagebar .p_fun a, .pagebar .p_no a{
    color: inherit;}

/*鼠标移上时有链接按钮的外观*/
.pagebar .p_no a:hover{
    color:#ed6f1d;}

.pagebar .p_fun:hover{
border:none;
}

/*页码省略号...的外观*/
.pagebar .p_dot {
border:none;
min-width:auto;}

/*当前页码的外观*/
.pagebar .p_no_d,.pagebar .p_fun:hover a{
    border: 1px solid #ed6f1d;
    color: #fff;
    background-color: #ed6f1d;}

/*按钮控制*/

/*控制是否显示 "首页" "尾页" */
.pagebar .p_first,.pagebar .p_first_d,.pagebar .p_last,.pagebar .p_last_d{
    display:none;}

/*控制是否显示 "上页" "下页"*/
.pagebar .p_prev,.pagebar .p_prev_d.pagebar .p_next,.pagebar .p_next_d{}

/*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/
.pagebar .p_first_d,.pagebar .p_prev_d,.pagebar .p_next_d,.pagebar .p_last_d{}

/*控制是否显示页码*/
.pagebar .p_no,.pagebar .p_no_d,.pagebar .p_dot{}

/*跳转到页码输入框的外观*/
.jump_to{display:inline-block;}
.pagebar .p_goto input {
    font-size:14px;
    border: 1px solid #ddd;
    height:32px;
    line-height:30px;
    box-sizing:border-box;
    vertical-align:middle;
    outline-width:thin;
    outline-color:#ed6f1d;
    margin:0px 2px;
    padding:0px 1px;
    width:32px;
    text-align:center;
    border-radius:3px;}

/*跳转到页码输入框  鼠标移上及输入时的外框颜色*/
.pagebar .p_goto input:hover, .pagebar .p_goto input:focus{
    border: 1px solid #ed6f1d;}

/*跳转按钮的外观*/
.pagebar .p_goto a{
    border: 1px solid #ccc;
    padding: 10px 6px;
    color: #fff;
    border-radius: 3px;
    margin:0px;
    height:30px;
    -height:auto;
    line-height:7px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:middle;
    background:#ed6f1d;
    border-color:#ed6f1d;}
/*pagebar end*/
/*修复首页中心动态a标签无法点击*/
.containers .news .intr .conts .list ul li a{
position: relative;
z-index: 1;
}
/*修复首页没有更多*/
.containers .news .intr .title b a,.containers .news .intr .title b a:hover,.containers .introduction .title .tits b a,.containers .introduction .title .tits b a:hover, .containers .product .title .tits b a,.containers .product .title .tits b a:hover,.containers .introduction .title .tits b a, .containers .product .title .tits b a:hover,.containers .product .conts .list ul li a:hover,.alerts .cont .menu .language ul li a{
color:inherit;
text-decoration:none;
}
.containers .product .title{
z-index: 10;
}
/*实验室列表页图片尺寸修复*/
.products .list .items .imgs{
position:relative;
padding-top:39.22%;
}
.products .list .items .imgs img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*作品展示列表页图片尺寸修复*/
.works .conts .list .item .imgs{
position:relative;
padding-top:100%;
}
.works .conts .list .item .imgs img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*修复带图列表页*/
.environment .conts .list ul li .fr:first-child{
width:100%;
float:none;
padding-left: 0;
}
.environment .conts .list ul li .fr:first-child .txts{
min-height:auto;
}
/*修复内容*/
body{
overflow-x:hidden;
}
.contents .wid .row>div{
overflow:hidden;
}
.contents .wid .trends{
overflow:hidden;
}
/*手机端导航nosub*/
.nosub:after{
display:none;
}
/*ie不予显示*/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:2147483647;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/four_browsers_logo.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/four_browsers_logo.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/four_browsers_logo.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/four_browsers_logo.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.head.fix{
padding: 20px 0;
height: 125px;
}
.alerts{
z-index: 10;
overflow-y:auto;
}
.alerts .cont .search .input{
overflow:hidden;
}
.head.fix .nav .list ul li{
padding-left: 17px;
padding-right: 17px;
}
.containers .news .sidebar .tabs ul li{
float:none;
}
.containers .news .sidebar .tabs ul li .text a{
color:inherit;
}
.containers .news .sidebar .tabs ul li .text a:hover{
color:inherit;
text-decoration: none;
}

@media screen and (max-width: 768px) {
.environment .conts .list ul li,.environment .conts .list ul li .imgs,.environment .conts .list ul li .text{
float:none;
}
.environment .conts .list ul li>a,.environment .conts .list ul li .imgs,.environment .conts .list ul li .text{
display:block;
width:100%;
}
.environment .conts .list ul li .imgs{
position:relative;
padding-top:52%;
}
.environment .conts .list ul li .imgs img{
    position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.environment .conts .list ul li .text{
padding-left:0;
}
}
@media (min-width: 991px) and (max-width: 1230px) {
.head.fix{height:160px;}
}
.row{
margin:0;
}
@media (max-width: 1024px) {
.containers .news .sidebar .tabs ul li{
padding: 0 10px;
}
}
@media screen and (max-width: 993px) {
  .containers .news .sidebar .video video {
    min-height: auto;
  }
}