/*
 * @Date: 2021-03-15 15:13:44 
 * @Last Modified time: 2021-06-17 14:43:31
 */

@charset "utf-8";
/*css重置*/
/*字体*/

@font-face {
  font-family: 'iconfont';  /* project id 1392290 */
  src: url('https://at.alicdn.com/t/font_1392290_h1k8m0inuhr.eot');
  src: url('https://at.alicdn.com/t/font_1392290_h1k8m0inuhr.eot?#iefix') format('embedded-opentype'),
       url('https://at.alicdn.com/t/font_1392290_h1k8m0inuhr.woff2') format('woff2'),
       url('https://at.alicdn.com/t/font_1392290_h1k8m0inuhr.woff') format('woff'),
       url('https://at.alicdn.com/t/font_1392290_h1k8m0inuhr.ttf') format('truetype'),
       url('https://at.alicdn.com/t/font_1392290_h1k8m0inuhr.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*字体*/
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4SppsHecKHw584ktcwPXSnc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4Uvi3q9-zTdQoLrequQTguk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4T3sPXe5Q4a3bCZMR7ryN4o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, small ,span{
    -webkit-text-size-adjust: none;margin: 0; padding: 0; }
body {word-break: break-word;font: 15px/1.5 'PT Sans Narrow','Open Sans',Arial,'Hiragino Sans GB',"Microsoft Yahei", "微软雅黑"; color: #444;}
h1, h2, h3, h4, h5, h6, small { font-size: 100%; overflow: hidden; font-weight: normal; }
input, select { vertical-align: middle; font-size: 12px; }
ol, ul, li { list-style: none; }
i { font-style: normal; }
img { border: 0; }
ul, li { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
body {
  text-align: justify;
  text-justify: inter-ideograph;
}

/*全局公用*/
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.f12 { font-size: 12px}
.f13 { font-size: 13px}
.f14 { font-size: 14px}
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.divc { margin: 0 auto}
.fb { font-weight: bold}
.dis { display: block; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; font-size: 0; height: 0; overflow: hidden; }
.cl10 { clear: both; font-size: 0; height: 10px; overflow: hidden; }
.cl20 { clear: both; font-size: 0; height: 20px; overflow: hidden; }
.cl30 { clear: both; font-size: 0; height: 30px; overflow: hidden; }
.cl40{clear: both; font-size: 0; height: 40px; overflow: hidden; }
.cl50{clear: both; font-size: 0; height: 50px; overflow: hidden; }
a:link { color: #555; text-decoration: none; }
a:visited { color: #555; text-decoration: none}
a:hover { color: #f40; text-decoration: none}
a:active { color: #f40; text-decoration: none; }
.ti2 { text-indent: 2em; }
.w1000 { width: 1000px; }
.w1100 { width: 1100px; }
.w980 { width: 980px; }
.w1200 { width: 1200px; }
.wauto { width: auto; }
.ovn { overflow: hidden; }
.r3 { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; }
.r5 { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; }
a.more, a.more:link, a.more:visited { float: right;font-size: 12px;font-weight: normal;}
a.more:hover, a.more:active { }
a.lan, a.lan:link, a.lan:visited, .lan { color: #229fd7; }
a.lan:hover, a.lan:active { color: #229fd7; text-decoration: underline; }
a.qlan, a.qlan:link, a.qlan:visited, .qlan { color: #229fd7; }
a.qlan:hover, a.qlan:active { color: #229fd7; text-decoration: underline; }
a.cheng, a.cheng:link, a.cheng:visited,.cheng { color: #fc814b; }
a.cheng:hover, a.cheng:active { color: #fc814b; text-decoration: underline; }
a.tdu:hover{text-decoration: underline;}
.redborder { border: 1px solid #e70c25;}
.red, a.red { color: #e70c25}
a.red:hover{text-decoration: underline;}
.bai,a.bai{color: #fff;}
.hui,a.hui{color: #666;}
.qhui,a.qhui{color: #999;}
a.bai:hover{text-decoration: underline;}
.main { overflow: hidden;background: #fff; }
.t10{margin-top: 10px;}
.t20{margin-top: 20px;}
.t30{margin-top: 30px;}
.t40{margin-top: 40px;}
.t50{margin-top: 50px;}
.ellipsis{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.lh1{line-height: 1;}
.lh2{line-height: 2;}
.lh30{line-height: 30px;}
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{clear: both;content: " ";display: table;}
.bgbai{background: #fff;}
.bghui{background: #f6f6f6;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.wraperh-xs{padding-top: 5px;padding-bottom: 5px;}
.wraperh{padding-top: 10px;padding-bottom: 10px;}
.wraperh-sm{padding-top: 15px;padding-bottom: 15px;}
.wraperh-md{padding-top: 20px;padding-bottom: 20px;}
.wraperh-lg{padding-top: 40px;padding-bottom: 40px;}
.wraperl-xs{padding-left: 5px;padding-right: 5px;}
.wraperl{padding-left: 10px;padding-right: 10px;}
.wraperl-sm{padding-left: 15px;padding-right: 15px;}
.wraperl-md{padding-left: 20px;padding-right: 20px;}
.wraperl-lg{padding-left: 40px;padding-right: 40px;}
.bbd{border-bottom: 1px solid #ddd;}
.btd{border-top: 1px solid #ddd;}
.border{border: 1px solid #ddd;}
.imgborder{padding: 1px;border: 1px solid #ddd;}
a:hover .imgborder{border:1px solid #999;}
a.op:hover{ opacity: 0.8; filter: alpha(opacity=80); }
.br0{border-right: 0px!important;}
.mr0{margin-right: 0px!important;}
.iblock{display: inline-block;*display: inline;*zoom: 1;}
.pr{position: relative;}
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.ellipsis2 { line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.ellipsis3 { line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
/*页面公用*/
/*模板公用*/
/*编辑*/
.pr{position: relative;}
.setbg { position: absolute; height: 30px; padding: 0px 10px 0px 28px; line-height: 30px; filter: alpha(opacity=70); -moz-opacity: 0.8; -khtml-opacity: 0.7; opacity: 0.7; border: 1px dotted #000;
 background: #676767 url(../images/edit.png) 3px center no-repeat;  color: #fff; font-family: "宋体"; top: 0px; right: 0px; cursor: pointer; display: none; z-index: 999999 }
.setbg:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;color:#fff; }
.setbg a,.setbg a:link,.setbg a:visited{ color:#fff;}
/*二级页面*/
.m_l { width: 300px;overflow: hidden;zoom:1; }
.m_m { width: 706px;overflow: hidden;zoom:1; }
.cm_l{ width:780px; border:2px solid #ebedee;min-height:512px; box-sizing: border-box; overflow:visible; }
.cm_l .t{  padding: 0px 20px 0px 20px; height: 40px; line-height: 40px; border-bottom: 2px solid #ebedee;  background:#fafafa;font-size: 16px;}
.cm_l .c{ padding:20px;background: #fff;}
.cm_l .c img{ max-width: 100%;}
.n_list li{ font-size:14px; padding:0px 0px; line-height:30px;}
.n_list li span.tim{ float:right;font-family: Tahoma, Geneva, sans-serif;}
.nrtitle { margin:0 auto; text-align:center;padding-top:20px;padding-bottom:0px;overflow:visible;}
.nrcontent{  padding:10px 0px;}
.nrtitle h1{color:#000;font-family:arial;font-size:24px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;line-height:30px;font-weight:800; width:600px; margin:0px auto;margin-bottom:20px; }
.nrtitle .titBar{border-bottom:1px #E5E5E5 solid;padding-bottom:8px; line-height:22px; color:#7E7E7E; overflow:hidden;zoom:1; }
.nrtitle .titBar .time,.nrtitle .titBar .about,.nrtitle .titBar .liulan{ padding:0 10px}
.box { border: 2px solid #ebedee;box-sizing: border-box; }
.box .t { padding: 0px 20px 0px 20px; height: 40px; line-height: 40px; border-bottom: 2px solid #ebedee;font-size: 18px;color:#666; }
.box .c { padding: 20px; }
.m_l .time .t{ padding-left: 55px;background:url(../images/rl.png) 20px center no-repeat #fafafa;}
.time .c .tit { font-size: 16px; font-weight: bold; height: 40px; line-height: 40px; }
.time .c p { font-size: 16px; padding-bottom: 5px; }
a.but, a.but:link, a.but:visited, .but { color:#fff; background:#ffaa03; border:1px solid #ff8003;  margin: 0px auto; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "宋体"; font-size: 18px; overflow: hidden; height: 40px; line-height: 40px; margin-bottom: 10px; width: 218px; display: block; text-align:center; }
a.but:hover, a.but:active, .but:hover { text-decoration: none;background:#ff8003; }
/*中英文*/
.header{background: #ebebed;height: 40px;line-height: 40px;}
.header .w1102{
    width: 1100px;
    background: #ebebed;
  }
.ico{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.lang{height: 40px;}
.langt{padding-left: 38px;background: url(../../images/language.png) left 0px no-repeat;}
/* .lang-cn{padding-left: 20px;background: url(../../images/language.png) -10px -40px no-repeat;}
.lang-en{padding-left: 20px;background: url(../../images/language.png) -10px -80px no-repeat;} */
.lang a{height: 38px;line-height: 38px;}
.lang a.on,.lang a:hover{border-bottom: 2px solid #f40;}
/*banner*/
.banner{position: relative;}
#banner-bg img{
display: block;
}
a.btnregist{background: #6dc4e9;color:#fff;height: 40px;line-height: 40px;padding:0px 20px;position: absolute;right: 0px;top: 30px;text-align: center;}
a.btnregist:hover{background: #325fab;}
/*导航*/
.nav { height: 50px; line-height: 50px; margin-top: 0px; zoom: 1; position:relative; z-index:999;background:#229fd7; }
.nav li { float: left;position:relative; }
.nav li.current h3{background: #1593cb;}
.nav li h3{text-align: center;height: 50px;}
.nav li a, .nav li a:link, .nav li a:visited { font-size: 16px;color:#fff;padding: 0px 5px;display: block;}
.nav .sub{ display:none;left:0; top:50px; position:absolute;line-height:40px;z-index:999999;background: #353b45;min-width: 180px;opacity: 0.9;}
.nav .sub p{ zoom:1; white-space: nowrap;}
.nav .sub a,.nav .sub a:link,.nav .sub a:visited{ display:block; padding:0 12px; padding-right: 40px;font-weight: normal; }
.nav .sub a:hover,.nav .sub a:active{background: #474e5a;  text-decoration: none;}
/*导航栏向右箭头*/
.hxy-subnav-text{
  position: relative;
}
.hxy-subnav-text:after{
  position: relative;
  content: "";
  width: 0;
  height: 0;
  top: 12px;
  margin-left: 2px;
  border-top: solid 4px #fff;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
}
/*焦点图*/
.slideBox { overflow: hidden; position: relative; zoom: 1; height: auto; z-index:1;}
.slideBox .hd { height: 10px; overflow: hidden; position: absolute; right: 10px; bottom:13px; z-index: 1; -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; padding: 0px 0px; padding-left: 15px; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 10px; width: 10px; height: 10px; line-height: 10px; text-align: center; background: #555; cursor: pointer; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; }
.slideBox .hd ul li.on { background: #229fd7; color: #fff; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1;position: relative;display: block; }
.slideBox .bd li a{display: block;}
.slideBox .bd li p.title { position: absolute; left: 0px; width: 100%; bottom: 0px; text-indent: 1em;line-height: 36px; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .55)), to(rgba(0, 0, 0, .55))); background-image: -moz-linear-gradient(rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .55) 100%); background-image: -ms-linear-gradient(rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .55) 100%); background-image: -o-linear-gradient(rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .55) 100%); background-image: linear-gradient(rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .55) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000', endColorstr='#8C000000'); }
.slideBox .bd img { width:100%; display: block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox:hover .prev,
.slideBox:hover .next{display: block;}
.slideBox .prev,
.slideBox .next{display: none; position:absolute; left:3%; top:50%; margin-top:-25px;width:40px; height:40px; background: #000 url(../images/slider-arrow.png) -108px 5px no-repeat; filter:alpha(opacity=60);opacity:0.6;   }
.slideBox .next{ left:auto; right:3%; background-position:12px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;background-color: #1e8bc4;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*快速通道*/
.kstd{position: absolute;left: 0px;bottom: 0px;z-index: 999;}
.kstd li{float: left;}
.kstd li a{color:#fff;height: 46px;line-height: 46px;font-size: 16px;padding: 0px 30px;display: block;opacity:0.9;filter: alpha(opacity=90);-webkit-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
transition: .2s all ease-in-out;position:relative;}
.kstd li a .iconbox{
  display: none;
  position: absolute;
  left: 10px;
}
.kstd li a .iconbox i{
  font-size: 40px;
}
.kstd li a .iconbox img{
max-width: 40px;
height: 40px;
margin-top: 22px;
}
.kstd li a .iconbox [class^="icon-"]:before, 
.kstd li a .iconbox [class*=" icon-"]:before{
  line-height: 80px;
}
.kstd li a:hover{opacity: 1;filter: alpha(opacity=100);padding: 0px 30px 0px 70px;height: 80px;line-height: 80px;margin-top: -34px;}
.kstd li a:hover .iconbox{
  display: inline-block;
}
.kstd li a .temp-fjj:before {content: 'sIDDBPHcZUn75XeBQepNPuzSR2VMsK3XiQ4tFJsuun0wqtx8aC3cS8KfF7FE1Iy_xyDslZb2NrQCA9LL6qMbxXQ_d_d';display:none;width: 100%;height: 5px;}
.kstd li a.item1{background-position:8px 18px ;background-color: #01aa58;}
.kstd li a.item2{background-position:8px -80px ;background-color: #e9980b;}
.kstd li a.item3{background-position:8px -180px ;background-color: #e70c25;}
.kstd li a.item4{background-position:8px -280px ;background-color: #229fd7;}
.kstd li a.item5{background-position:8px -375px ;background-color: #793290;}
/*页面主体*/
/* 面板 */
.ibox.bgborder{padding: 10px;background: url(../images/bgborder.png) left top repeat;}
.ibox .t{font-size: 24px;line-height: 60px;height: 60px;}
.ibox .t .iconfont{
  font-size: 26px;
  margin-right: 4px;
  vertical-align: inherit;
}
.i1r{width: 300px;}
.importime .c .item{padding: 5px 0px;}
.i1l{width: 780px;}
.pt0{padding-top: 0px;}
.welcome.ibox .t{background: #fff ;}
.importime.ibox .t{background: #fff url(../images/importime.png) 20px center no-repeat;padding-left: 60px;}
.news.ibox .t{background: #f6f6f6 ;}
.news li{padding: 5px 0px;padding-left: 20px;position: relative;}
.news li:before{
  display: block;
  content: '';
  width: 4px;
  height: 4px;
  background-color: #adadad;
  position: absolute;
  left: 4px;
  top: 14px;
}
.yqlj{
  margin-bottom: 20px;
}
.yqlj.ibox .t{background: #fff;}
.yqlj .c ul{width: 1120px;}
.yqlj .c li{float: left;width:204px;margin-right: 20px;}
.yqlj .c li a{display: block;width: 100%;}
.yqlj .c li a:hover{
  /* color:#000; */
  border-color: #000;
}
.yqlj .c li  .picbox{
  height: 60px;
  line-height: 58px;
  overflow: hidden;
  background-color: #fff;
}
.yqlj .c li img{max-width: 200px;max-height:55px;vertical-align: middle;}
.yqlj .c li p{ 
   padding:0 5px;  word-break: break-word;margin-top: 10px;height: 32px;overflow: hidden;line-height: 16px;margin-bottom: 10px;}
/*新闻*/
/*特邀嘉宾*/
.picScroll-left{position: relative;}
.picScroll-left .bd{margin: 0px auto;width: 960px;}
.picScroll-left li{float: left;width: 200px;padding: 0px 20px;}
.picScroll-left li .pic{width: 200px;height: 240px;position: relative;}
.picScroll-left li .pic .picbg{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background: #000 url(../images/more.png) center center no-repeat;opacity: 0;
filter: alpha(opacity=0);-webkit-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;}
.picScroll-left li a:hover .pic .picbg{opacity: 0.3;
filter: alpha(opacity=30);}
.picScroll-left li a{display: block;}
.picScroll-left li a:hover{color: #000;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.picScroll-left .prev,
.picScroll-left .next{position:absolute;z-index: 99; left:10px;top: 50%;margin-top: -20px; width:40px; height:40px; background: #000 url(../images/slider-arrow.png) -108px 5px no-repeat; filter:alpha(opacity=30);opacity:0.3;   }
.picScroll-left .next{ left: auto; right: 10px; background-position:12px 5px; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;background-color: #1e8bc4;  }
.picScroll-left .prevStop{ filter:alpha(opacity=50);opacity:0.5; }
.picScroll-left .nextStop{ filter:alpha(opacity=50);opacity:0.5; }

/*底部*/
.footer{border-top: 5px solid #229fd7;}


#company {
  position: relative;
  padding-bottom: 20px;
}

#company .tempWrap {
  margin: 0 auto;
  /* background-color: #fcfcfc; */
}

#company .hd {
  top: -35px;
  position: absolute;
  text-align: center;
  width: 100%;
  right: 0;
  left: initial;
  bottom: initial;
  height: 10px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  padding: 0px 0px;
  padding-left: 15px;
}

#company .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

#company .hd ul li {
  float: left;
  margin-right: 6px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  background: #555;
  cursor: pointer;
  border-radius: 100%;
}

#company .hd ul li.on {
  background-color: #f60;
}

#company .hd ul li {
  width: 6px;
  height: 6px;
}

#company .hd ul {
  float: initial;
  display: inline-block;
}

#company .bd li {
  float: left;
  margin: 0;
  /* background-color: #fff; */
  width: 100%;
}

#company .bd li .company-item {
  width: 155px;
  background-color: #fff;
}

#company .bd li a {
  display: block;
  width: 100%;
  height: 157px;
  position: relative;
}

#company .bd li a .pic {
  height: 155px;
  width: 155px;
  line-height: 135px;
  border-radius: 0;
  padding: 10px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
}

#company .bd li a .pic img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

#company .bd li a .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.68);
  display: none;
  transition: all 0.3s ease;
}

#company .bd li a .mask .maskC {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

#company .bd li a .mask .maskC p {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 5px;
  margin-top: 0;
}

#company .bd li a .mask .maskC span {
  font-size: 12px;
  line-height: 14px;
  display: inline-block;
  padding: 6px 10px;
  background-color: #092e7f;
  border-radius: 22px;
}

#company .bd li a:hover .pic {
  border-color: #dcdcdc !important;
}

#company .bd li a:hover .mask {
  display: table;
}

#company .bd li:last-of-type a .pic {
  border-right: 1px solid #dcdcdc;
}

.joinPic .bd li {
  float: left;
  width: 252px;
  margin: 20px 6px 15px;
}

.joinPic .bd li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #384352;
}

.joinPic .bd li a .pic {
  height: 189px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 16px 1px rgba(63, 76, 136, 0.45);
  -moz-box-shadow: 0 0 16px 1px rgba(63, 76, 136, 0.45);
  box-shadow: 0 0 16px 1px rgba(63, 76, 136, 0.45);
  overflow: hidden;
}

.joinPic .bd li a .pic img {
  width: 100%;
  min-height: 189px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.joinPic .bd li a h5 {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  margin-top: 15px;
}

.joinPic .bd li a p {
  font-size: 13px;
  line-height: 18px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.joinPic .bd li:hover a {
  color: #3f4c88;
}

.joinPic .bd li:hover .pic img {
  transform: scale(1.1);
}