@charset "utf-8";
.intro {}
.intro-box { width:1200px; margin:0 auto;}
.intro-box .item-banner { width:1200px; height:430px; }
.intro-box .item-banner h2 { text-align:right; font-size:60px; color:#fff; position:absolute; top:280px;right:0; font-weight:100;}
.intro-box .item-banner p {text-align:right; font-size:36px; color:#fff; position:absolute; top:350px; right:0; font-weight:100;}
.intro-box .item-tit { overflow:hidden; margin-top:30px;}
.intro-box .item-tit p { font-size:18px; color:#333333; line-height:45px; text-indent:2em; margin-top:30px;}
.intro-box .item-tit p i { font-size:30px; color:#3773db; font-style:normal;} 

.intro-box .item-video { margin:70px 0 ;}
.intro-box .item-video .ladyScroll{width:970px;height:355px; position:relative; overflow:hidden!important; margin:0 auto;}
.intro-box .item-video .ladyScroll .prev,.ladyScroll .next{width:50px;height:50px;position:absolute;top:80px;left:0;z-index:10; cursor:pointer; background: url(/company/img/btn-intro.png) no-repeat; opacity: 0.4;}
.intro-box .item-video .ladyScroll .next{ left:auto; right:0; background-position:0 -100px;}
.intro-box .item-video .ladyScroll .prev:hover{ background-position:0 -50px; opacity: 1;}
.intro-box .item-video .ladyScroll .next:hover{ background-position:0 -150px; opacity: 1;}
.intro-box .item-video .ladyScroll .tempWrap { overflow:visible!important;}
.intro-box .item-video .ladyScroll .dlList { overflow:visible!important;}

.intro-box .item-video .ladyScroll .scrollWrap{width:840px;padding-top:15px;;position:absolute; overflow:hidden; margin-left:65px;}
.intro-box .item-video .ladyScroll dl { float:left;width:262px;text-align:center;position:relative; background:#f2f2f2; height:240px; margin-right:27px;}
.intro-box .item-video .ladyScroll dl:hover { background:#3773db; color:#fff}
.intro-box .item-video .ladyScroll  dt{margin:0 auto;width:262px;overflow:hidden;}
.intro-box .item-video .ladyScroll  img{display:block;width:262px;height:165px;}
.intro-box .item-video .ladyScroll  span{display:block;width:80px;height:85px;position:absolute;left:105px;bottom:105px;}
.intro-box .item-video .ladyScroll  span img{width:80px;height:85px;}
.intro-box .item-video .ladyScroll  dd{width:262px;height:40px;line-height:30px;font-size:16px;color:#333;text-align:center;overflow:hidden;position:absolute;bottom:11px;}
.intro-box .item-video .ladyScroll  dd a{ color:#333;  }
.intro-box .item-video .ladyScroll dl:hover dd a { color:#fff}

.intro-box .media-box,
.intro-box .company-banner,
.intro-box .item-tit { margin:0 auto 50px; width:840px}
.intro-box .media-box { height:473px; background:#000}
.intro-box .media-pic { position:relative; width:100%; height:100%; cursor:pointer; background:#f2f2f2 url(/company/img/intro-media-pic.png) no-repeat center}
.intro-box .media-pic .mask {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity: 0.5}
.intro-box .media-pic .play { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(/company/img/play-video-intro.png) no-repeat center}
.intro-box .media-iframe { display:none; width:100%; height:100%}
.intro-box .show .media-pic { display:none}
.intro-box .show .media-iframe { display:block}

.intro-box .company-banner { height:146px; background:#f2f2f2 url(/company/img/company-banner.png) no-repeat center}

.dialog-mask { z-index:100}
.dialog-body { z-index:101}