@charset "utf-8";
@import url("reset.css"/*tpa=http://www.xiye.ltd/css/reset.css*/);
@import url("global.css"/*tpa=http://www.xiye.ltd/css/global.css*/);

/*background:url(../image/case/)*/

.casePage_Tab{height: 148px;}
.casePage_Tab dl{width: 114px;height:89px;float:left;text-align:center;padding-top:18px;margin:30px 38px 0 0;cursor:pointer;position: relative;background:#fff center center;background-size:0 0;-moz-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s;transition: background 0.3s;}
.casePage_Tab dl.on,.casePage_Tab dl:hover{background:url("../image/1-2.png"/*tpa=http://www.xiye.ltd/image/case/1.png*/) center center no-repeat;background-size:100% 100%;}
.casePage_Tab dt{width: 34px;height: 34px;margin:0 auto;background-repeat: no-repeat;position: relative;z-index:2;}
.casePage_Tab dd{font-size: 16px;padding-top:6px;position: relative;z-index:2;}
.casePage_icon1{background-image:url("../image/2-3.png"/*tpa=http://www.xiye.ltd/image/case/2.png*/);}
.casePage_icon2{background-image:url("../image/3-4.png"/*tpa=http://www.xiye.ltd/image/case/3.png*/);}
.casePage_icon3{background-image:url("../image/4-4.png"/*tpa=http://www.xiye.ltd/image/case/4.png*/);}
.casePage_icon4{background-image:url("../image/5-4.png"/*tpa=http://www.xiye.ltd/image/case/5.png*/);}
.casePage_icon5{background-image:url("../image/6-4.png"/*tpa=http://www.xiye.ltd/image/case/6.png*/);}
.casePage_icon6{background-image:url("../image/7-4.png"/*tpa=http://www.xiye.ltd/image/case/7.png*/);}

.casePage_calss{border-top:1px solid #DADADA;border-bottom:1px solid #DADADA;}
.class_c{height: 63px;line-height:63px;}
.class_c span{color:#8a0000;float:left;}
.class_c a{float:left;margin-left:40px;}
.class_c a:hover{text-decoration:underline;}

.casePage_list{padding-bottom:150px;}
.casePage_list_class{height: 80px;line-height:80px;color:#828282;overflow:hidden;}
.casePage_list_c{width:105%;}
.casePage_list_c dl{float:left;width:388px;margin:0 17px 42px 0;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.casePage_list_c dl:hover{-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.2);-moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.2);box-shadow: 0 0 8px 1px rgba(0,0,0,.2);transform:translateY(-3px)}
.casePage_list_c dd{font-size:16px;height: 71px;padding:15px 12px 0 12px;}
.casePage_list_c p{width:100%;}
.casePage_list_c span{color:#7D7D7D;background:#F4F4F4;display:inline-block;border-radius:50px;height: 22px;line-height:22px;padding:0 10px;}
.casePage_list_c img{width:100%;height:auto;min-height:100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.casePage_list_c img:hover{transform:scale(1.1);}
.casePage_list_c a{display:block;}
.casePage_list_c dt{width:388px;height: 270px;overflow:hidden;}

.case_details{padding-bottom: 280px;}
.case_details .layoutNav{margin:45px 0 50px 0;}
.case_details_c .imglist{width: 860px;position: relative;margin-left:10px;}
.case_details_side{width: 285px;}
.bigimg{width: 800px;height: 490px;overflow:hidden;text-align:center;margin:0 auto;}
.imglist img{display:inline-block;max-width:100%;max-height:100%;height:auto;width:auto;vertical-align:middle;min-width:40%;}
.imglist a{position:absolute;display: block;width: 14px;height: 47px;}
.imglist p{color:#6D6D6D;padding:0 10px;text-align: justify;}
.bigimg:before{content:' ';display: inline-block;width:0;height:490px;vertical-align:middle;overflow:hidden;}
.imglistMain{width:782px;overflow:hidden;margin:42px auto 30px auto;}
.imglistMain ul{width:3000%;}
.imglistMain li{float: left;width: 95px;height: 72px;padding:2px 3px;border:1px solid #D4D4D4;overflow:hidden;margin-right:10px;cursor:pointer;}
.imglistMain img{width:100%;min-height:100%;background:#fff url("../image/loader.gif"/*tpa=http://www.xiye.ltd/image/banner/loader.gif*/) center center no-repeat;}
.imglistMain li.on{border:2px solid #E46364;padding:2px;}
.imgicon1{background: url("../image/11-2.png"/*tpa=http://www.xiye.ltd/image/case/11.png*/) center center no-repeat;left:0;top:220px;}
.imgicon2{background: url("../image/12-3.png"/*tpa=http://www.xiye.ltd/image/case/12.png*/) center center no-repeat;right:0;top:220px;}
.imgicon3{background: url("../image/13-1.png"/*tpa=http://www.xiye.ltd/image/case/13.png*/) center center no-repeat;left:15px;top:545px;}
.imgicon4{background: url("../image/14-2.png"/*tpa=http://www.xiye.ltd/image/case/14.png*/) center center no-repeat;right:15px;top:545px;}
.case_details_side .sideinput{background:#F5F5F5;padding:95px 16px 25px 16px;margin-bottom:30px;position: relative;}
.sideTag h2{color:#313131;}

.inputTitle{border-bottom:1px solid #575757;padding:23px 0 2px 0;position:absolute;top:0;left:16px;width: 252px;}
.inputTitle h2{font-size: 18px;line-height:100%;}
.inputTitle p{font-size:13px;color:#606060;}
.inputTitle span{font-size:12px;color:#606060;position:absolute;right:0;bottom:5px;}
.sideinput .numimg{position:absolute;right:30px;top:27px;width: 120px;pointer-events:none;}
.sideinput input,.sideinput select{border:none;padding:0 17px;background:#fff;outline:none;height: 38px;line-height:38px\9;width: 218px;margin-bottom: 10px;color:#757575;}
.sideinput select{width:250px;padding:10px 0px 10px 17px\9;height:auto\9;}
.sideinput a{display:block;width: 168px;height: 33px;line-height: 33px;text-align:center;background: #293344;color:#fff;font-size: 13px;border-radius:50px;margin:15px auto 0 auto;}
.sideTag span{float:left;height:28px;text-align: center;line-height:28px;color:#606060;font-size: 13px;padding:0 18px;border:1px solid #858B95;border-radius: 5px;margin:8px 8px 0 0;cursor: pointer;}