﻿@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}

.caseBanner{width:100%; height:225px; background:url(Img/Case/caseBanner.jpg) no-repeat center;}

.caseBody{/*background:url(Img/Case/caseBody.jpg) repeat;overflow-x:hidden;*/ background-color:#DEDEDE;}

.aljuchiBox{position:relative; height:0px;}
.aljuchiBox .juchi{position:absolute; left:0px; top:-4px; width:100%; height:4px; background:url(Img/Case/aljuchi_ico.png) repeat-x center;}

.alCont{width:1044px; min-height:435px; padding-bottom:50px; position:relative; margin-top:20px;}

.alMu{position: absolute; top:0px; left:-130px; width:150px;}
.fixed{position:fixed; top:10px; left:20px;}
.alMu h3{height:32px; line-height:32px; font-size:14px;transition:all 0s;font-weight:normal;}
.alMu h3 a{padding-left:34px; display:block; color:#858585; text-decoration:none;  background:url(Img/Case/alMu_ico.png) no-repeat left 8px;}
.alMu h3 a:hover , .alMu li.cur a{font-weight:bold; color:#ff5b00;}
.alMu h3 a.a01{background-position:-266px 8px;}
.alMu h3 a.a02{background-position:-266px -26px;}
.alMu h3 a.a03{background-position:-266px -54px;}
.alMu h3 a.a04{background-position:-266px -88px;}
.alMu h3 a.a05{background-position:-266px -120px;}
.alMu h3 a.a06{background-position:-266px -148px;}
.alMu h3 a.a07{background-position:-266px -184px;}
.alMu h3 a.a08{background-position:-266px -214px;}
.alMu h3 a.a09{background-position:-266px -246px;}
.alMu h3 a.a010{background-position:-266px -276px;}
.alMu h3 a.a011{background-position:-266px -310px;}
.alMu h3 a.a012{background-position:-266px -340px;}
.alMu h3 a.a013{background-position:-266px -370px;}
.alMu h3 a.a014{background-position:-266px -404px;}
.alMu h3 a.a015{background-position:-266px -442px;}
.alMu h3 a.a016{background-position:-266px -470px;}
.alMu h3 a.a017{background-position:-266px -502px;}

.alMu h3 a.a01:hover , .alMu h3 a.a01.cur{background-position:0px 8px;}
.alMu h3 a.a02:hover , .alMu h3 a.a02.cur{background-position:0px -26px;}
.alMu h3 a.a03:hover , .alMu h3 a.a03.cur{background-position:0px -54px;}
.alMu h3 a.a04:hover , .alMu h3 a.a04.cur{background-position:0px -88px;}
.alMu h3 a.a05:hover , .alMu h3 a.a05.cur{background-position:0px -120px;}
.alMu h3 a.a06:hover , .alMu h3 a.a06.cur{background-position:0px -148px;}
.alMu h3 a.a07:hover , .alMu h3 a.a07.cur{background-position:0px -184px;}
.alMu h3 a.a08:hover , .alMu h3 a.a08.cur{background-position:0px -214px;}
.alMu h3 a.a09:hover , .alMu h3 a.a09.cur{background-position:0px -246px;}
.alMu h3 a.a010:hover , .alMu h3 a.a10.cur{background-position:0px -276px;}
.alMu h3 a.a011:hover , .alMu h3 a.a11.cur{background-position:0px -310px;}
.alMu h3 a.a012:hover , .alMu h3 a.a12.cur{background-position:0px -340px;}
.alMu h3 a.a013:hover , .alMu h3 a.a13.cur{background-position:0px -370px;}
.alMu h3 a.a014:hover , .alMu h3 a.a14.cur{background-position:0px -404px;}
.alMu h3 a.a015:hover , .alMu h3 a.a15.cur{background-position:0px -442px;}
.alMu h3 a.a016:hover , .alMu h3 a.a16.cur{background-position:0px -470px;}
.alMu h3 a.a017:hover , .alMu h3 a.a17.cur{background-position:0px -502px;}


.alList{padding:0px 20px; overflow:hidden; *margin-bottom:15px;}
.alList li{position:relative; float:left; margin-right:14px; margin-bottom:15px; padding:10px; width:220px; height:360px; background:url(Img/Case/alLiBg.png) no-repeat center; box-shadow:3px 3px 5px 3px rgba(0,0,0,.1);}
.alList li>a{display:block;width:220px; height:300px;overflow:hidden}
.alList li span , .alList li p{font-size:14px; color:#333;}
.alList li span{margin-top:16px; display:inline-block;}
.alList li p{padding: 20px 0px;height: 40px;line-height: 20px;overflow: hidden;margin-bottom: 0px;}
.alList li div{}
.alList li div a{padding-right:20px; color:#939393; font-size:14px;}
.alList li div a.fl_jump{background:url(Img/Case/fl_jump.png) no-repeat right -36px;}
.alList li div a.fr_like{background:url(Img/Case/fr_like.png) no-repeat right -36px;}
.alList li i.mask{position:absolute; left:10px; top:10px; width:220px; height:0px; background:url(Img/Case/al_mask.png) no-repeat center;}
.alList li.noMr{margin-right:0px;}
.alList li:hover{background-image:url(Img/Case/alLiBgH.png); box-shadow:3px 3px 8px 5px rgba(0,0,0,.3);}
.alList li:hover span , .alList li:hover p{color:#fff;}
.alList li:hover div a{color:#fff; background-position:right -6px;}
.alList li:hover i.mask{height:300px;}

.alCont .alGgl{margin-bottom:15px; text-align:center;}

/*友情链接*/
.links{height:70px; line-height:70px; background-color:#141414; overflow:hidden;}
.links dt a{font-size:13px; color:#ff5b00;}
.links dd{margin-left:70px; padding-left:6px; background:url(Img/Common/fotNav_br.png) no-repeat left center;}
.links dd a{margin:0px 10px; display:inline-block;}


/**/
.mulu{width: 1004px;position: relative;margin:0px auto;height:45px;line-height:25px;padding:10px 10px;font-size:14px; }
.mulu ul li{ float:left; margin-right:3px; font-size:14px;line-height:20px;margin-top: 10px;}
.mulu ul li a{  margin-right: 4px;margin-left: 0px;}
.mulu ul li a:hover,.mulu ul li a.cur{ color:#ff5d00;}
.muludiqu{ background-color:#ff5d00; height:20px; padding:0px 10px; line-height:20px; color:#fff;}

/* caseMulu */
.caseMulu{width: 100%;height:95px;background: #fff;padding-top: 22px;margin-bottom: 26px;}
.caseMulu li{float: left;width: 200px;border-left: 1px solid #e8e8e8;height: 64px;text-align: center;}
.caseMulu li a{display: block;padding-top: 3px;text-decoration: none;}
.caseMulu li span{display: block;margin: 0 auto;width: 34px;height: 30px;overflow: hidden;}
.caseMulu li img{display: block;width: 34px;height: 60px;position: relative;}
.caseMulu li em{display: block;font-size: 16px;color: #666666;margin-top: 10px;}
.caseMulu li:hover img{top: -30px;}
.caseMulu li:hover em{color: #ff5b00;font-weight: bold;}
.caseMulu li:first-child{border-left: none;}

.alCont{width:1044px;  position:relative;}
.alCont .caseErjiMulu{width: 1004px;padding: 3px 0;margin: 0 auto;background: #fff;height: 46px;margin-bottom:20px;}
.alCont .caseErjiMulu .case-filter{float: left;position: relative;}
.alCont .caseErjiMulu .case-filter .case-row{float: left;width: 137px;border-right: 1px solid #e8e8e8;height: 46px;padding-right: 34px;cursor: pointer;}
.alCont .caseErjiMulu .case-filter .case-row p{height: 46px;line-height: 46px;font-size: 14px;color: #666666;background: url(Img/Case/caseErjiMulu_icon01.png) no-repeat right center;position: relative;}
.alCont .caseErjiMulu .case-filter p.ico-ins{padding: 0 0 0 62px;}
.alCont .caseErjiMulu .case-filter .case-row p::before{content: "";width: 16px;height: 16px;position: absolute;left: 34px;top: 15px;}
.alCont .caseErjiMulu .case-filter .caseSjiMulu{padding: 38px 0 48px 0;position: absolute;left: 0;top: 46px;width: 880px;background: #f9f9f9;display: none;z-index:99992;}
.alCont .caseErjiMulu .case-filter .caseSjiMulu li{float: left;width: 158px;padding: 0 10px;font-size: 13px;color: #666666;margin-bottom: 20px;text-align: center;}
.alCont .caseErjiMulu .case-filter .caseSjiMulu li a{display: block;text-decoration: none;}
.alCont .caseErjiMulu .case-filter .caseSjiMulu li:hover a{color: #ff5b00;}
.alCont .caseErjiMulu .case-filter .case-row:hover .caseSjiMulu{display: block;}
.alCont .caseErjiMulu .case-filter .case-row p.ico-ins1::before{background: url(Img/Case/caseErjiMulu_icon03.png) no-repeat left top;}
.alCont .caseErjiMulu .case-filter .case-row p.ico-ins2::before{background: url(Img/Case/caseErjiMulu_icon04.png) no-repeat left top;}
.alCont .caseErjiMulu .case-filter .case-row p.ico-ins3::before{background: url(Img/Case/caseErjiMulu_icon05.png) no-repeat left top;}
.alCont .caseErjiMulu .case-filter .case-row:hover p::before{background-position: left bottom;}
.alCont .caseErjiMulu .case-filter .case-row:hover p{color: #ff5b00;background: url(Img/Case/caseErjiMulu_icon02.png) no-repeat right center;}
.alCont .caseErjiMulu .case-button{float: right;width: 92px;height: 28px;margin-right: 34px;background: #ff5b00;font-size: 14px;color: #fff;border-radius: 4px;line-height: 28px;text-align: center;margin-top: 10px;}
.alCont .caseErjiMulu .case-button a{display: block;color: #fff;text-decoration: none;}
.alCont .caseErjiMulu .case-sos{float: right;margin-top: 10px;margin-right: 7px;height: 28px;overflow: hidden;width: 212px;}
.alCont .caseErjiMulu .case-sos .txt { float:left; width:158px; height:28px; line-height:28px; padding:0 0 0 10px; border:0; background:#e8e8e8; border-radius:3px 0 0 3px; font-size:15px;outline: none;}
.alCont .caseErjiMulu .case-sos a { float:left; width:44px; height:28px; border:0; background:#838383; color:#FFF; border-radius:0 3px 3px 0; font-size:14px; cursor:pointer; display: block;line-height: 28px;text-align: center;text-decoration: none;}
.alCont .caseErjiMulu .case-sos .txt:focus {box-shadow:0 0 2px #aaa inset; }

#user_manager{ position:fixed;width:150px;background:#fff; text-align:center;right:10px;bottom:30px;z-index:90000;border:2px solid #FF5B00;}
#user_manager p{margin:10px 0;}
#userm_user_name{font-size:16px;color:#000;}
#user_manager a{color:#000;margin:10px 0; display:block;font-size:14px; text-decoration:none;}