@charset "utf-8";
/* 首页幻灯 */
.indexBanner{width:100%; height:620px; margin:0 auto; position:relative; overflow:hidden; z-index:1;}
.indexBannerPhoto{width:100%; height:100%; position:relative; top:0px; left:50%; margin-left:-960px;}
.indexBannerPhoto li{width:100%; height:100%; position:absolute; top:0px; left:0px;}
/* 需要改图片大小 */
.indexBannerPhoto li img{width:1920px; height:620px;}
/* 幻灯切换按钮 */
.indexButtonBack{position:absolute; top:0px; left:0px;}
/* 需要改按钮高度 */
.indexButtonLeftPy{position:absolute; left:-50px; top:156px;
width:44px; height:48px; background-image:url(/skin/default/images/main/switchButton.png); background-position:0px 0px; background-repeat:no-repeat;}
/* 需要改按钮高度 */
.indexButtonRightPy{position:absolute; right:-50px; top:156px;
width:44px; height:48px; background-image:url(/skin/default/images/main/switchButton.png); background-position:-220px 0px; background-repeat:no-repeat;}
/* 幻灯列表按钮 */
/* 需要改按钮高度 */
.indexBannerButton{height:11px; position:absolute; top:570px; left:50%;}
.indexBannerButton li{width:11px; height:11px; margin:0px 7px 0px 7px; float:left; background-image:url(/skin/default/images/main/bannerButton.png); background-position:0px -11px; background-repeat:no-repeat;}
.indexBannerButton li div{width:11px; height:11px; background-image:url(/skin/default/images/main/bannerButton.png); background-position:0px 0px; background-repeat:no-repeat;}
/* 主体 */
.main{width:1200px; margin:0 auto;}
/* 介绍 */
.introduce{width:100%; margin:0 auto;}
.id-li{width:33%; float:left; text-align:center; padding:60px 0px 35px 0px;}
.id-li:hover{ background:#e5e5e5;}
.id-photo{margin:0 auto; display:block;}
.id-title{width:100%; font-size:30px; line-height:60px; color:#000;}
.id-text{width:225px; margin:0 auto; font-size:14px; line-height:18px; color:#666666;}
/* 工程 */
.project{width:100%;}
.pj-title,.pn-title,.ns-title,.pr-title{width:100%; padding-top:30px; font-size:30px; line-height:70px; color:#000000; text-align:center; border-bottom:1px #e5e5e5 solid;}
.pj-title a:hover,.pn-title a:hover,.ns-title a:hover,.pr-title a:hover{color:#ee4b44;}
.pj-more{width:100%; display:block; text-align:center; color:#cc3333; transition:all 0.3s ease 0s;}
.pj-more:hover{color:#cc3333; text-decoration:underline;}
/* 解决方案 */
.plan{width:100%;}
.pn-top{width:100%; margin-top:40px; position:relative;}
.pn-photo{float:left;}
.pn-name{width:570px; background-color:#f2f2f2; padding:60px 50px 80px 60px; position:absolute; top:70px; right:0px;}
.pn-icon{float:left;}
.pn-text{width:440px; float:left; margin-left:30px; text-align:left;}
.pn-note{font-size:14px; line-height:14px; color:#ff3333;}
.pn-tl{font-size:30px; line-height:60px; color:#000000;}
.pn-tx{font-size:14px; line-height:22px; color:#666666;}
.pn-a{width:300px; height:90px; margin-top:372px; display:block; float:left; position:relative;}
.pn-more{width:70px; height:90px; background-color:#d93831; position:absolute; top:0px; left:0px;}
.pn-h{width:30px; height:5px; background-color:#FFF; position:absolute; top:50%; left:50%; margin:-2px 0px 0px -15px;}
.pn-s{width:5px; height:30px; background-color:#FFF; position:absolute; top:50%; left:50%; margin:-15px 0px 0px -2px;}
.pn-details{width:230px; height:90px; background-color:#ee4b44; position:absolute; top:0px; right:0px;
font-size:24px; line-height:90px; color:#FFF; text-align:center;
transition:all 0.3s ease 0s;}
.pn-a:hover .pn-details{width:100%;}
.pn-list{float:left; padding-top:30px;}
.pn-li{width:360px; height:130px; background-color:#f2f2f2; float:left; margin-right:20px;
transition:all 0.3s ease 0s;}
.pn-li:hover{background-color:#ee4b44;}
.pn-liTl{width:85%; font-size:20px; line-height:80px; color:#000000; margin:0 auto;
transition:all 0.3s ease 0s;}
.pn-li:hover .pn-liTl{color:#FFF;} 
.pn-liTx{width:85%; height:44px; font-size:14px; line-height:22px; color:#333333; margin:0 auto; margin-top:-15px; overflow:hidden;
transition:all 0.3s ease 0s;}
.pn-li:hover .pn-liTx{color:#FFF;} 
.pn-meBt{width:60px; height:130px; background-color:#bfbebc; float:right; margin-top:30px;
transition:all 0.3s ease 0s;}
.pn-meBt:hover{background-color:#ee4b44; cursor:pointer;}
.pn-meBt div{width:20px; font-size:20px; line-height:36px; color:#FFF; margin:28px auto 0 auto;}
/* 新闻资讯 */
.news{width:100%;}
.ns-left{width:590px; height:350px; margin-top:30px; float:left; position:relative; overflow:hidden;}
.ns-lfPhoto{width:100%; height:100%; display:block; position:absolute; top:0px; left:0px;
transition:all 0.3s ease 0s;}
.ns-left:hover .ns-lfPhoto{width:140%; height:140%; top:-20%; left:-20%;}
.ns-lfText{width:100%; height:110px; background-color:rgba(0,0,0,0.6); position:absolute; bottom:0px; left:0px;}
.ns-lfTl{width:90%; font-size:18px; line-height:54px; color:#FFF; margin:0 auto;}
.ns-lfTl a{color:#FFF;}
.ns-left:hover .ns-lfTl a{text-decoration:underline; cursor:pointer;}
.ns-lfTx{width:90%; height:44px; font-size:14px; line-height:22px; color:#FFF; margin:0 auto; margin-top:-5px; overflow:hidden;}
.ns-list{width:590px; padding-top:30px; float:right;}
.ns-li{width:100%; margin-bottom:18px;}
.ns-back{width:150px; height:100px; position:relative; float:left; overflow:hidden;}
.ns-photo{width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; overflow:hidden;
transition:all 0.3s ease 0s;}
.ns-li:hover .ns-photo{width:130%; height:130%; top:-15%; left:-15%;}
.ns-text{width:420px; float:right;}
.ns-note{font-size:14px; color:#000; font-weight:bold;}
.ms-a{width:100%; height:35px; font-size:18px; line-height:30px; color:#000; display:block; overflow:hidden;}
.ns-li:hover .ms-a{color:#000; text-decoration:underline; cursor:pointer;}
.ns-tx{width:100%; height:44px; font-size:14px; line-height:22px; color:#808080; overflow:hidden;}
/* 伙伴 */
.partner{width:100%;}
.pr-back{width:100%; height:200px; overflow:hidden; position:relative;}
.pr-list{width:1000%; position:absolute; top:36px; left:0px;}
.pr-li{width:280px; height:160px; background-color:#FFF; border:1px #e5e5e5 solid; float:left; margin-right:24px;
background-position:center center; background-repeat:no-repeat;}
@media \0screen\,screen\9 {
.ns-lfText{background-color:#000; filter:Alpha(opacity=60);}
.ns-lfText div{position:relative;}
}














