﻿/*---------------------------------------------------------专题建设---------------------------------------------------------*/


.SpecialFoucs,.Specialists{ width:980px; margin:0 auto;}

.Specialimg {margin-top:15px}
.Specialimg li{width:179px;float:left;margin-right:15px}
.Specialimg li.Marginzero{margin-right:0}
.Specialimg li .ImgBox{display:block;height:104px;overflow:hidden;padding:2px;border:1px solid #DDD}
.Specialimg li .ImgBox:hover{padding:0;border:3px solid #B51424}
.Specialimg li .ImgBox img{width:100%;height:104px;}

.Specialimg li h2{text-align:center;line-height:36px;font-size:14px;}


/**/
.sliderContainer{width:450px;height:270px ;margin-bottom:20px;float:left;}

.royalSlider{width:450px;height:270px;position:relative;direction:ltr}
.royalSlider > *{float:left}
.rsWebkit3d .rsSlide{-webkit-transform:translateZ(0)}
.rsWebkit3d .rsSlide,.rsWebkit3d .rsContainer,.rsWebkit3d .rsThumbs,.rsWebkit3d .rsPreloader,.rsWebkit3d img,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsABlock,.rsWebkit3d .rsLink{-webkit-backface-visibility:hidden}
.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer{-webkit-transform:none}
.rsOverflow{width:100%;height:100%;position:relative;overflow:hidden;float:left;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVisibleNearbyWrap{width:100%;height:100%;position:relative;overflow:hidden;left:0;top:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVisibleNearbyWrap .rsOverflow{position:absolute;left:0;top:0}
.rsContainer{position:relative;width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsArrow,.rsThumbsArrow{cursor:pointer}
.rsThumb{float:left;position:relative}
.rsArrow,.rsNav,.rsThumbsArrow{opacity:1;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear}
.rsHidden{opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;transition:visibility 0s linear 0.3s,opacity 0.3s linear}
.rsGCaption{width:100%;float:left;text-align:center}
.royalSlider.rsFullscreen{position:fixed !important;height:auto !important;width:auto !important;margin:0 !important;padding:0 !important;z-index:2147483647 !important;top:0 !important;left:0 !important;bottom:0 !important;right:0 !important}
.royalSlider .rsSlide.rsFakePreloader{opacity:1 !important;-webkit-transition:0s;-moz-transition:0s;-o-transition:0s;transition:0s;display:none}
.rsSlide{position:absolute;left:0;top:0;display:block;overflow:hidden;height:100%;width:100%}
.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide{height:auto}
.rsContent{width:100%;height:100%;position:relative}
.NewsTai .newlist1 li.rsContent{height:auto!important;}
.rsPreloader{position:absolute;z-index:0}
.rsNav{-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}
.rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,0.25)}
.rsThumbs{cursor:pointer;position:relative;overflow:hidden;float:left;z-index:22}
.rsTabs{float:left;background:none !important}
.rsTabs,.rsThumbs{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVideoContainer{width:auto;height:auto;line-height:0;position:relative}
.rsVideoFrameHolder{position:absolute;left:0;top:0;background:#141414;opacity:0;-webkit-transition:.3s}
.rsVideoFrameHolder.rsVideoActive{opacity:1}
.rsVideoContainer iframe,.rsVideoContainer video,.rsVideoContainer embed,.rsVideoContainer .rsVideoObj{position:absolute;z-index:50;left:0;top:0;width:100%;height:100%}
.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video,.rsVideoContainer.rsIOSVideo embed{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px}
.rsABlock{left:0;top:0;position:absolute;z-index:15}
img.rsImg{max-width:none}
.grab-cursor{cursor:url(../images/img/grab.png) 8 8,move}
.grabbing-cursor{cursor:url(../images/img/grabbing.png) 8 8,move}
.rsNoDrag{cursor:auto}
.rsLink{left:0;top:0;position:absolute;width:100%;height:100%;display:block;z-index:20;background:url(blank.gif)}
#full-width-slider{width:100%;color:#000; }
.coloredBlock{padding:12px;background:rgba(255,0,0,0.6);color:#FFF;width:200px;left:20%;top:5%}
.infoBlock{position:absolute;top:30px;right:30px;left:auto;max-width:25%;padding-bottom:0;background:#FFF;background:rgba(255,255,255,0.8);overflow:hidden;padding:20px}
.infoBlockLeftBlack{color:#FFF;background:#000;background:rgba(0,0,0,0.75);left:30px;right:auto}
.infoBlock h4{font-size:20px;line-height:1.2;margin:0;padding-bottom:3px}
.infoBlock p{font-size:14px;margin:4px 0 0}
.infoBlock a{color:#FFF;text-decoration:underline}

.royalSlider li{position:relative;}
.royalSlider li .TitleContent{position:absolute;bottom:10px;left:0;z-index:10}
.royalSlider li .TitleContent h2 a{color: #FFF;font-size: 16px;line-height: 30px;margin-left: 14px;font-weight: 100;}
.royalSlider li .TitleContent .detail{color:#FFF}
.royalSlider li .imageBox,.royalSlider li .imageBox img{display:block;width:100%;height:100%;}
.royalSlider li .TitleContentng{position:absolute;bottom:0;left:0;width:100%;height:50px;background:#000;opacity:0.5;filter:alpha(opacity=50);}


.NewsTai{width:500px; float:right;}
.TiTle{ border-bottom:2px solid #ba3530; margin-bottom:16px;height:36px;}
.TiTle span{ display:block; width:90px; background-color:#ba3530; text-align:center; font-weight:normal; color:#FFF; font-size:18px; height:34px; line-height:34px;}

.NewsTai .newlist1{height:201px;}
.NewsTai .newlist1 li h2{font-size:14px;font-weight:normal;}

@media screen and (min-width:960px) and (min-height:660px) {
 .heroSlider .rsOverflow, .royalSlider.heroSlider {height:270px !important;}
}

@media screen and (min-width:960px) and (min-height:1000px) {
 .heroSlider .rsOverflow,.royalSlider.heroSlider {height:270px!important;}
}
@media screen and (min-width:0px) and (max-width:800px) {
 .royalSlider.heroSlider,.royalSlider.heroSlider .rsOverflow {height:270px !important;}
 .infoBlock{padding:10px;height:auto;max-height:100%;min-width:40%;left:5px;top:5px;right:auto;font-size:12px;}
 .infoBlock h3 {font-size:14px;line-height:17px;}
}

@media only screen and (max-width:768px){
.SpecialFoucs,.Specialists{ width:100%;}
 div.sliderContainer{width:64%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

 div.NewsTai{width:33%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
 .NewsTai{margin-bottom:20px}
 .NewsTai .newlist1 li{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
 .rsArrow{display:none!important}
 div.sliderContainer .rsMinW .rsBullets{right:0}

 .Specialimg li{width:25%;padding:0 3px;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
}
@media only screen and (max-width:640px){
 div.sliderContainer,div.NewsTai{width:100%;float:none}
 .NewsTai .newlist1{height:auto;}
 .royalSlider.heroSlider,.royalSlider.heroSlider .rsOverflow {height:200px !important;}
 .royalSlider li .TitleContent .ContentHtml{display:none;}
 .royalSlider li .TitleContent h2 a{font-size:0.5em;margin-left:10px}
 .royalSlider li .TitleContent h2 .SiteName{display:none;}

 .Specialimg li{width:50%;}
}
 