﻿
body { overflow-x:hidden; margin:0; padding:0; background:#f5f5f5; /*font-family:"微软雅黑 Light"*/}
ul,h3,p,li,img{ margin:0; padding:0;}
ul{ list-style:none}
.fl{ float:left}
.fr{ float:right}
.h10{ height:10px;}
.h20{ height:20px;}
.w100{  width:1000px; margin:0 auto}
.clear:after{ content:''; width:0px; height:0px; display:block; clear:both;}

/*首页*/
.index #main { overflow:hidden; z-index:666; position:absolute; width:100%; top:0px; left:0px; z-index:-1}
.musicIco{ width:48px; height:48px; position:fixed; top:50px; right:50px; z-index:12}

@media (max-width: 980px) {
.index{ width:980px; overflow:hidden}
.index #main{ position:static;}

}
.index-btn a{ width:80px; height:80px; background:rgba(255,255,255,0.2); border-radius:50%; position:absolute; top:40%;/* display:none*/}
.index-btn .prev{ left:50px; background:rgba(255,255,255,0.2) url(../img/prev.png) no-repeat center; background-size:30px;}
.index-btn .next{ right:50px; background:rgba(255,255,255,0.2) url(../img/next.png) no-repeat center;background-size:30px;}

.menuBox{ background:rgba(0,0,0,0.5); position:absolute; top:10px; left:36%; z-index:1; 
padding:10px 20px; box-shadow:0px 0px 4px #333;}
.menuBox ul li{ float:left}
.menuBox ul li a{ color:#fff; text-decoration:none; display:block; padding:0px 20px; border-right:1px solid #fff;}
.indexlast-a{border-right:0 !important;}
.index-bottom{ position:fixed; bottom:10px; left:46%; z-index:1}
.index-bottom b{ width:5px; height:5px; display:block; border-radius:50%; background:#eee;}
.index-bottom span{padding:3px; display:block; float:left; border:2px solid transparent;  border-radius:50%; margin:6px;}
.index-bottom .spanActive{border:2px solid #fff;}

/*quote.html*/
.topBox{ background:#fff; border-top:2px solid #e50a1e; border-bottom:1px solid #ccc;}
.headerBox{ height:90px;}
.logoImg{ display:block; margin:17.5px 0px;}
.mainMenu a{display:block; float:left; line-height:90px; padding:0px 35px; font-size:16px; text-decoration:none; border-left:1px solid #ccc;  font-weight:bold;}
.mainMenu a.menu-a{  color:#333; }
.mainMenu a.active{ color:#e50a1e}

.banner,.banner img{ width:100%;}
.banner img{ margin-top:1px;}
.locationBox{ font-size:12px; color:#666; line-height:2.5em;}
.contentBox{width:1000px; border-top:2px solid #e50a1e; background:#fff; margin:0 auto; overflow:hidden;  filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/}
.contentBox-padding{padding:10px 0px;}
.contentBox-nop{}
.cont-left{ width:287px; border:1px solid #eee; background:#faf9f9; margin-left:1px;}
.cont-left h3{ background:#e50a1e; line-height:2em; text-align:center; color:#fff; font-weight:normal}
.cont-left ul li p{ color:#000; font-size:14px; line-height:2em; height:4em; overflow:hidden; padding:10px; border-bottom:1px solid #eee;}
.cont-left ul li:hover{ background:#e6e6e6;}

.cont-right{ width:680px; margin-left:20px; padding-top:10px; min-height:500px}
.cont-right h3{ font-size:16px;}
.p-time{ font-size:12px; border-bottom:1px dotted #ccc; line-height:2em;}
.cont-text{ line-height:2em; text-indent:2em; font-size:14px;}

/*case*/
.w960{width:960px;margin:0 auto;overflow:hidden;}
.casebox{width:960px;padding-top:15px;}
.casebox ul.tips{float:left;margin-left:10px; display:inline; position:relative;}
.casebox li{ position:absolute;display:inline;margin-bottom:20px; text-align:center; }
.casebox li a{width:215px;height:auto; overflow:hidden;  display:block; color:#000; text-decoration:none; border:1px solid #e6e6e6; padding:1px;}
.casebox li a:hover{ background:#f5f5f5; box-shadow:2px 2px 10px #909090; -webkit-box-shadow: 2px 2px 10px #909090; border:0;}
.tips p{ line-height:3em;}


.footer{ width:100%; background:#333; padding:10px 0px;}
.footer p{ text-align:center; color:#eee; line-height:1.5em; font-size:12px;}


