@charset "utf-8";

/*首页重定义*/
/*#logo img{filter: brightness(100);}*/
#foot{ margin-top:0;}

#body0 #header{ height:180px; background:url(../images/blackGradient.png) left bottom repeat-x; padding-top:1rem; box-shadow:none;}
#body0 #header.haveBG{ height:88px; background:rgba(8,68,146,0.94); padding-top:0; box-shadow:rgba(0,0,0,0.06) 0 4px 10px;}
/*#body0 #head{width:100%;}*/

#searchInput{background:rgba(0,0,0,0.5); color:#8d8d8d;border-color:rgba(255,255,255,0.24);}
#SearchBtn,a#SearchBtn{ background:rgba(0,0,0,0.5);border-color:rgba(255,255,255,0.24);}
#SearchBtn:hover .icos{ background-position:-32px top;}

/* banner */
#indexBanner{ position:relative; z-index:1; height:800px; overflow:hidden; text-align:center; background:url(../images/loading.gif) center center no-repeat #101010; max-width:none; transition: height 0.25s;}
#indexBanner:after{content:""; display:inline-block;width:100%; height: 1px; overflow: hidden; background: rgba(0,0,0,0.1); position:absolute; left:0; top:auto; bottom: 0; z-index: 11;}
.Slideshow{ position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:100%; overflow:hidden;text-align:center;}
.Slideshow li{ position:absolute; left:0; top:0; z-index:10; width:1920px; height:100%; overflow:hidden; display:none; text-align:center; }
.Slideshow li:first-child{ display:block;}
.Slideshow li img{height:100%; width:auto; transition: height 0.25s,width 0.25s;}
@media (max-width:1600px){
	#indexBanner{height:666px;}
}
@media (max-width:1440px){
	#indexBanner{height:600px;}
}

/*banner按钮*/
#CTR{position:absolute; left:50%;top:auto; bottom:40px; margin:0 auto 0 390px; width:200px;white-space:nowrap; z-index:11; text-align:right; }
a.prev,a.next{ display: none; font-size:1.5rem; width:4rem; height:4rem; line-height:4rem; background:rgba(0,0,0,0.3); background:url("../images/blank.gif")\9; border:rgba(255,255,255,0.25) 1px solid;border-radius:50%; font-family:"宋体"; color: #fff; text-align: center; position: absolute; left:2%; top:50%; margin-top:-2rem; z-index: 10;cursor: pointer;}
a.next{ left:auto; right:2%;}
#indexBanner:hover a.prev,#indexBanner:hover a.next{ display: inline-block;}
#points{line-height:0; display:inline-block; vertical-align:middle; padding-left:0.5rem;}
#points a{position: relative; display:inline-block; width:1rem; height:1rem; background:rgba(0,0,0,0.4);background:url(../images/blank.gif)\9; border:rgba(255,255,255,0.4) 1px solid; margin:0 4px;  cursor:pointer; border-radius:50%;}
#points a.active{background: #b7183f; border:none;}
#CTR span{color:rgba(255,255,255,0.75);color:#fff\9; font-size:20px; margin:0 2px; vertical-align:middle; transform:scale(0.9,1.3); display: inline-block; font-weight: lighter; font-family: sans-serif;}

/*首页三个链接*/
#index_links{ padding:1.5rem 0; box-shadow:rgba(0,0,0,0.06) 0 1rem 1rem; position: relative; z-index: 10;}
#index_links dl{width: 28%; float:left;position: relative; margin-right:8%;}
#index_links dl:last-child{margin-right: 0;}
#index_links dt{ background: #e9ecf3; border-radius: 50%; width: 5rem; height: 5rem; overflow: hidden; position: relative;}
#index_links dt img{width: 100%; height: auto; position: absolute; left: 0; right: 0; top:0; bottom:0; margin: auto;}
#index_links dd{ position: absolute; left:6rem; top:50%; transform:translateY(-50%);}
#index_links dd b{color:#073061; font-size: 1.25rem; display:block;}
#index_links dd b:after{content:">"; font-size:1rem; font-weight: normal; font-family: "宋体"; margin-left: 1rem;}
#index_links dd span{ font-size: 0.75rem; color:#8894a0;}
#index_links dl:hover dd b{color:#d00002;}


/*首页简介*/
#index_about{ background:#fff;}
#index_aboutLeft{ width: 50%; float:left; background: #084492; padding:3rem 2.5rem 3rem 0; text-align: right;}
#index_aboutLeft img{vertical-align: bottom;}
#index_aboutRig{ background: url("../images/bg-1.jpg") left top no-repeat; width: 50%; float:left; padding:5.5rem 0 0 5.5rem; text-align: left;}
#indexAbout_titl{color:#062b57; }
#indexAbout_titl dd{position: relative;font-size: 0.875rem; letter-spacing: 0.5em;}
#indexAbout_titl dd:after{ content:""; position: absolute; left:auto; right:calc(100% + 1rem); top:calc(50% - 2PX);  display: inline-block; width:182px; height: 3px; overflow: hidden; background:#d00002;}
#indexAbout_titl dt{font-size:3rem; font-weight:bold; line-height: 1.5em;}
.indexAbout{ width:calc(600px - 5.5rem); position: relative; text-align: justify;}
#indexAbout{ line-height: 2em; max-height:12em; overflow: hidden; margin-bottom:2rem;}

/*首页作品展示*/
#index_works{ padding:2.5rem 0 5rem 0; background:#f1f2f6;}
#indexWorks_rig{ width: 348px; float:right; overflow: hidden;}
#indexWorks_rig img{ width: 100%; height: auto;}
#indexWorks{ width: 846px; float:left;}
#indexWorks dl{ width:415px; height: 170px; margin:0 0.5rem 0.5rem 0; background:#fff; padding:1.5rem 2rem 0 2rem; position: relative; transition: box-shadow 0.4s; float:left;}
#indexWorks dt{ width: 240px;}
#indexWorks dt b{display: inline-block; font-size: 1.25rem; width: 100%; height: 1.5rem; line-height: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;}
#indexWorks dt b:before{ content:"-"; margin-right: 0.5rem; color:#d00002; font-weight: normal; }
#indexWorks dt span{ display: inline-block; width: 100%; height: 3em; line-height: 1.5em; margin:0.5rem 0; overflow: hidden; font-size: 0.75rem; color:#8894a0;}
#indexWorks dt a{display: inline-block; background:#fff; border:#ccd8e8 1px solid; height: 1.5rem; line-height: 1.5rem; padding:0 1rem; color:#013b87; border-radius: 2rem; transition: background-color 0.4s,border 0.4s;}
#indexWorks dt a:hover{ background:#084492; border-color:#084492; color:#fff;}
#indexWorks dd{ position: absolute; left: 330px; top:1.5rem;}
#indexWorks dd img{ max-width: 3rem; height: auto;}
#indexWorks dl:hover{box-shadow:rgba(8,68,146,0.25) 0 0 1.25rem;}

/*首页专家团队*/
#index_experts{background:url("../images/bg-3.jpg") center bottom no-repeat #013b87; padding:1px 0 3.5rem 0;}

/*新闻列表*/
#index_news{background:url("../images/bg-2.jpg") center bottom no-repeat; border-bottom:#f2f2f2 1px solid; padding-bottom:1rem;}

/*首页摄影指南*/
#index_guide{
	padding:2.5rem 0 5rem 0; background:#f1f2f6;
}
#indexGuide dl{width:330px; float:left; margin:0 105px 0 0;position: relative; background:#fff;  transition: box-shadow 0.4s;}
#indexGuide dl:nth-child(3n+0){margin-right:0;}
#indexGuide dt{width:100%; position: relative; margin:0;}
#indexGuide dt a{display: inline-block; width:100%; height: 0; padding-bottom:67%; overflow: hidden;background:#fff; vertical-align: bottom;}
#indexGuide dt a img{width:100%;height: auto; vertical-align:bottom;}
#indexGuide dd{ padding:0 1rem; margin:0.5rem auto; line-height:1.5rem; font-weight: bold; height: 3rem; overflow: hidden;}
#indexGuide dl:hover{box-shadow:rgba(8,68,146,0.25) 0 0 1.25rem;}
#indexGuide dl:hover dd{ color:#013b87;}