/*
	AI实验室公共样式 common.css
*/
@charset "utf-8";
/* =s Reset  */
html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: -ms-autohiding-scrollbar;}
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{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:sup;}
sub{vertical-align:sub;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */
/* =s base */
header,footer,nav{display: block;}
::-moz-selection{background:#fe917b; color:#fff;} 
::selection {background:#fe917b; color:#fff;} 
html,body{background:#f7f7f7;}
body{font-family:"microsoft yahei",Arial;color:#333; -webkit-font-smoothing:antialiased;}
i{font-style:normal;}
a{text-decoration: none;color: #333;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.hide {display:none;}
/* =e base */
input:focus{outline: 0;}
/*footer*/
.yp-footer-link{display: none;}
.yp-copyright{height: 45px;line-height: 45px;background-color: #ededed;border-top: 1px solid #E6E6E6;color: #9baab6;font-size: 12px;;}
.yp-copyright img{vertical-align: middle;margin-left: 3px;}
.yp-copyright p a{color: #9baab6;}
/*footer*/
/*page*/
.pages{font-size: 0;text-align: center;padding-top:50px;}
.pages a{position: relative;display: inline-block;width:34px;height:34px;font-size: 16px;color:#999;background: #fff;vertical-align: middle;text-align: center;line-height: 34px;border:1px solid #E0E0E0;border-radius: 2px;-webkit-border-radius: 2px;margin:0 2px;}
.pages a.cur,
.pages a:hover{color: #fff;background: #EE5B30;border-color:#EE5B30;}
.pages a em{position: absolute;background: url(../images/AILab-icon.png) no-repeat;width: 9px;height: 16px;left:12px;top:9px;}
.pages .prev em{background-position: -11px -209px;}
.pages .next em{background-position: -26px -209px;}
/*page*/
/* e= header*/
.wrap,.wrapper{width: 1200px;margin:0 auto;}
.ai-banner {height: 345px;position: relative;overflow: hidden;width: 100%;}
.ai-banner img{
   position: absolute;
   left: 50%;
   margin-left: -960px;
   top:0;
}
#Mycanvas{position: absolute;left: 0;top:0;width:100%;z-index:2;}
/*banner*/



/*实验室列表*/
.hotLab-list{width:1200px;margin:0 auto;}
.hotLab-list .nowSite{padding:25px 0;font-size: 0;}
.hotLab-list .nowSite a,
.hotLab-list .nowSite span{font-size:14px;color:#333;}
.hotLab-list .nowSite span{padding:0 5px;}
.hotLab-list .nowSite em{display: inline-block;vertical-align: -5px;margin-right:8px;background: url(../images/AILab-icon.png) no-repeat -7px -304px;width: 14px;height: 20px;}
.hotLab-list .nowSite i{font-size: 14px;color:#999;}
.hotLab-list .search-box{float: right;width: 180px;height: 34px;font-size: 14px;border:1px solid #D2D2D2;border-radius: 18px;-webkit-border-radius: 18px;padding: 0 42px 0 15px;position: relative;}
.hotLab-list .search-box input{border:0;outline: 0;}
.hotLab-list .search-box input[type='text']{
   width:180px;float: left;
   height: 34px;
   line-height: 34px; 
   background: transparent;
}
.hotLab-list .search-box input[type='submit']{
  position: absolute;
  right: 12px;
  top:0;
  background: url(../images/AILab-icon.png) no-repeat -567px 0px;;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
.hotLab-list .list-nav{border-bottom:1px solid #DCDCDC;padding-left:15px;margin-top:6px;}
.hotLab-list .list-nav a{font-size: 18px;float: left;padding:0 12px 15px 12px;line-height:1;position:relative;margin-right:55px;}
.hotLab-list .list-nav a.cur:before{
  content:"";
  position: absolute;
  left:0;
  height:2px;
  bottom: -1px;
  right:0;
  background:#EE5B30; 
}
.hotLab-list .list-nav a.cur{color:#EE5B30;}
.hotLab-list .list{margin-top: 25px;background: #fff;padding-bottom:50px;}
.hotLab-list .list li{width: 324px;float: left;background:#fff;margin: 32px 38px 0 38px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.hotLab-list .list li .pic{display: block;height: 124px;position:relative;}
.hotLab-list .list li .pic img{vertical-align: top;}
.hotLab-list .list li .pic .cover{
  position: absolute;
  width: 100%;
  height:60%;
  left: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,1) 100%);
  background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,1) 100%);
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,1) 100%);
}
.hotLab-list .list li .pic .cover .name{font-size: 20px;font-weight: bold;color:#fff;position:absolute;text-align:center;width: 94%;bottom:12px;left:3%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.hotLab-list .list li .txt{border:1px solid #F1F1F1;padding:8px 12px 12px 12px;}
.hotLab-list .list li .txt .des{font-size: 14px;color: #666;line-height: 24px;overflow: hidden;height: 48px;}
.hotLab-list .list li .txt .tags{padding-top: 8px;height:24px;overflow: hidden;}
.hotLab-list .list li .txt .tags a{display: inline-block;float: left;height:22px;line-height: 22px;padding:0 12px;border-radius:12px;-webkit-border-radius:12px;margin:0 8px 8px 0;border:1px solid #DADADA;color:#999;font-size: 14px;}
.hotLab-list .list li:hover{
  box-shadow: 0 5px 20px rgba(168,168,168,0.3);
  -webkit-box-shadow: 0 5px 20px rgba(168,168,168,0.3);
}

/*视频弹窗*/
.maskPop{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:199;}
.videoPop .cls{position: absolute;right: 5px;top:6px;cursor:pointer;background: url(../images/AILab-icon.png) no-repeat -106px -53px;;width: 14px;height: 14px;}
.videoPop{position: fixed;z-index: 200;width:600px;height:480px;padding:20px;background:#fff;border-radius:6px;-webkit-border-radius:6px;left:50%;margin-left:-320px;top:50%;margin-top: -260px;}
.videoPop iframe{width:600px!important;;height:480px!important;}