@media screen and (max-width: 1000px) {
.caselist { width:100%;}
.caselist .titleline { height:30px; line-height:30px;}
.caselist .titleline label { font-size:18px; font-weight:bold;}
.caselist .titleline ins { font-size:16px; text-align:center; text-decoration:none; display:block;}
.caselist .titleline .catslist { float:right; height:30px; line-height:45px;}
.caselist .titleline .catslist a { margin-right:20px;}
.caselist .titleline .catslist a.cur { color:#c81623; font-weight:bold;}
.caselist .titleline .catslist a:last-child{ margin-right:0;}

/*.caselist .sx { border:1px solid #e8e8e8; padding:10px 20px; margin-top:20px;}*/
.caselist .sx {padding:10px 0px; margin-top:2px; font-size:14px;}
.caselist .sx .box { border-bottom:1px dashed #dedede; padding-bottom:8px; margin-bottom:8px;}
.caselist .sx .box:last-child { border-bottom:0px;margin-bottom:0px;}
.caselist .sx .box label{ color:#999; margin-right:20px; display:block; float:left; width:32px;}
.caselist .sx .box span { display:block; float:left; width:calc(100% - 52px);}
.caselist .sx .box span a { margin-right:20px;}
.caselist .sx .box span a:last-child { margin-right:0px;}
.caselist .sx .box span a.on { color:#d31518; font-weight:bold;}


.caselist .list { margin-top:26px;}
.caselist .list li { float:left;margin-bottom:12px; width:calc((100% - 16px)/2); height:auto; margin-right:12px; position:relative;border: 1px solid #e8e8e8; position:relative;}
.caselist .list li label { font-style:normal; position:absolute; cursor:pointer; top:11px; right:14px; font-size:14px; color:#000}
.caselist .list li:nth-child(2n) { margin-right:0px;}
.caselist .list li a.img { display:block; position:relative; overflow:hidden; padding:15px;}
.caselist .list li a.img img { width:100%;transition: all .5s;}

.caselist .list li a.img .title {line-height:18px; height:60px;}
.caselist .list li a.img .title span { display:block; }
.caselist .list li a.img .title i{ display:block; font-style:normal; font-size:12px; color:#999999; margin-top:3px;}

/*.caselist .list li a.img label { display:block; width:58px; height:58px; background:url(../img/flag1.png) ; position:absolute; top:calc(50% - 29px);  left:calc(50% - 29px);  z-index:99999;}
.caselist .list li a.img .smark { display:none; width:100%; height:100%; position:absolute; top:0; left:0px; z-index:999; background-color:#000000; opacity:0.5;}
.caselist .list li a.img .content {width:100%; height:100%; position:absolute; top:0; left:0px; z-index:9999; color:#fff;}
.caselist .list li a.img .content .tit { height:40px; line-height:40px; padding:0px 10px;}
.caselist .list li a.img .content .tit ins { float:left; line-height:40px; display:block; font-size:14px; text-decoration:none; color:#CCCCCC;}
.caselist .list li a.img .content .desc { position:absolute;line-height:25px; height:auto; overflow:hidden; width:80%; text-align:center; margin:0 auto; left:10%; top:calc(50% - 25px); font-size:26px;  display:none; }
.caselist .list li a.img .content .desc .name { text-align:center;}
.caselist .list li a.img .content .desc .catname { font-size:12px; margin-top:8px;}
.caselist .list li a.img .content .cat { position:absolute; bottom:10px; padding:0px 10px; line-height:25px; height:25px; overflow:hidden; font-size:12px;  display:none;}


.caselist .list li span { position:absolute; left:10px; top:5px; color:#fff; font-weight:bold;}
.caselist .list li a.img:hover img{-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);}
.caselist .list li a.img:hover .smark { display:block;}
.caselist .list li a.img:hover .content .desc { display:block;}
.caselist .list li a.img:hover .content .tit { display:none;}
.caselist .list li a.img:hover .content .cat { display:none;}
.caselist .list li a.img:hover label { display:none;}
.caselist .list li a.img:hover span { display:none;}
.caselist .list li .title { height:50px; line-height:40px;}
.caselist .list li .title label { float:right; font-size:14px; color:#888;}*/

.caselist .more { text-align:center; padding:25px 0px; font-size:16px;}

.casedetail .left { width:100%;}
.casedetail .left .title { font-size: 18px;}
.casedetail .left .title i{ 
font-style: normal;
font-weight:bold;}
.casedetail .left .logo { margin-top:20px;}
.casedetail .left .logo img { max-height:100px;}
.casedetail .left .logo i { float:right;font-style: normal; font-size:20px; font-weight:20px; }
.casedetail .left .content { margin-top:12px;min-height: 300px; _height: 300px;} 
.casedetail .left .content img { max-width:100%; height:auto;}
.casedetail .left .content table {max-width:100%;} 

.casedetail .right { width:260px; padding-top:17px; display:none; }
.casedetail .right .gongzhonghao { margin-bottom:15px;}
.casedetail .right .gongzhonghao img  { width:200px; height:auto; margin:0px 30px; }
.casedetail .right .hotproduct { margin-top:20px;}
.casedetail .right .hotproduct i { display:block; font-style:normal; font-size:18px; margin-bottom:8px;}
.casedetail .right .hotproduct a { display:block;}
.casedetail .right .hotproduct a img { width:100%;}



.hotproduct { width:100%;}
.hotproduct .titleline { height:30px; line-height:30px;}
.hotproduct .titleline label { font-size:26px; color:#dbb866}

.hotproduct .cnt { margin-top:30px;}
.hotproduct .pics { width:780px; margin-right:30px; height:500px;}
.hotproduct .pic { width:390px; height:500px;}
.hotproduct .pic .box { margin-bottom:30px; width:100%; position:relative;}
.hotproduct .pic .box img { width:100%; height:235px;}
.hotproduct .pic .box:last-child{ margin-bottom:0px;}
.hotproduct .pic .box b { display:block; width:100%; height:45px;background-color:#000;opacity:.5;filter:alpha(opacity=50); position:absolute; left:0px; bottom:0px;}
.hotproduct .pic .box span { display:block; width:100%; height:45px; position:absolute; left:0px; bottom:0px; line-height:45px; text-align:center; color:#fff;}
}

@media screen and (min-width: 1000px) {
.caselist { width:100%;}
.caselist .titleline { height:30px; line-height:30px;}
.caselist .titleline label { font-size:24px; font-weight:bold;}
.caselist .titleline ins { font-size:16px; text-align:center; text-decoration:none; display:block;}
.caselist .titleline .catslist { float:right; height:30px; line-height:45px;}
.caselist .titleline .catslist a { margin-right:20px;}
.caselist .titleline .catslist a.cur { color:#c81623; font-weight:bold;}
.caselist .titleline .catslist a:last-child{ margin-right:0;}

/*.caselist .sx { border:1px solid #e8e8e8; padding:10px 20px; margin-top:20px;}*/
.caselist .sx {padding:10px 0px; margin-top:20px; font-size:14px;}
.caselist .sx .box { border-bottom:1px dashed #dedede; padding-bottom:8px; margin-bottom:8px;}
.caselist .sx .box:last-child { border-bottom:0px;margin-bottom:0px;}
.caselist .sx .box label{ color:#999; margin-right:25px; display:block; float:left;}
.caselist .sx .box span { display:block; float:left; width:calc(100% - 54px);}
.caselist .sx .box span a { margin-right:20px;}
.caselist .sx .box span a:last-child { margin-right:0px;}
.caselist .sx .box span a.on { color:#d31518; font-weight:bold;}


.caselist .list { margin-top:26px;}
.caselist .list li { float:left;margin-bottom:1%; width: calc((97%/4) - 2px); height:auto; margin-right:1%; position:relative;border: 1px solid #e8e8e8;}
.caselist .list li label { font-style:normal; position:absolute; cursor:pointer; top:7px; right:12px; font-size:16px; color:#000}
.caselist .list li:nth-child(4n) { margin-right:0px;}
.caselist .list li a.img { display:block; position:relative; overflow:hidden; padding:15px;}
.caselist .list li a.img img { width:100%;transition: all .5s; height:181px;}

.caselist .list li a.img .title {line-height:18px; height:60px;}
.caselist .list li a.img .title span { display:block;font-weight:bold; width:88%; }
.caselist .list li a.img .title i{ display:block; font-style:normal; font-size:12px; color:#999999; margin-top:6px;}

/*.caselist .list li a.img label { display:block; width:58px; height:58px; background:url(../img/flag1.png) ; position:absolute; top:calc(50% - 29px);  left:calc(50% - 29px);  z-index:99999;}
.caselist .list li a.img .smark { display:none; width:100%; height:100%; position:absolute; top:0; left:0px; z-index:999; background-color:#000000; opacity:0.5;}
.caselist .list li a.img .content {width:100%; height:100%; position:absolute; top:0; left:0px; z-index:9999; color:#fff;}
.caselist .list li a.img .content .tit { height:40px; line-height:40px; padding:0px 10px;}
.caselist .list li a.img .content .tit ins { float:left; line-height:40px; display:block; font-size:14px; text-decoration:none; color:#CCCCCC;}
.caselist .list li a.img .content .desc { position:absolute;line-height:25px; height:auto; overflow:hidden; width:80%; text-align:center; margin:0 auto; left:10%; top:calc(50% - 25px); font-size:26px;  display:none; }
.caselist .list li a.img .content .desc .name { text-align:center;}
.caselist .list li a.img .content .desc .catname { font-size:12px; margin-top:8px;}
.caselist .list li a.img .content .cat { position:absolute; bottom:10px; padding:0px 10px; line-height:25px; height:25px; overflow:hidden; font-size:12px;  display:none;}


.caselist .list li span { position:absolute; left:10px; top:5px; color:#fff; font-weight:bold;}
.caselist .list li a.img:hover img{-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);}
.caselist .list li a.img:hover .smark { display:block;}
.caselist .list li a.img:hover .content .desc { display:block;}
.caselist .list li a.img:hover .content .tit { display:none;}
.caselist .list li a.img:hover .content .cat { display:none;}
.caselist .list li a.img:hover label { display:none;}
.caselist .list li a.img:hover span { display:none;}
.caselist .list li .title { height:50px; line-height:40px;}
.caselist .list li .title label { float:right; font-size:14px; color:#888;}*/

.caselist .more { text-align:center; padding:25px 0px; font-size:16px;}

.casedetail .left {width:calc(100% - 380px);  min-height:300px; _height:300px; margin-right:60px;}
.casedetail .left .title { font-size: 28px;}
.casedetail .left .title i{ 
font-style: normal;
font-weight:bold;}
.casedetail .left .logo { margin-top:20px;}
.casedetail .left .logo img { max-height:100px;}
.casedetail .left .logo i { float:right;font-style: normal; font-size:20px; font-weight:20px; }
.casedetail .left .content { margin-top:30px;min-height: 300px; _height: 300px;} 
.casedetail .left .content img { max-width:100%; height:auto;}

.casedetail .right { width:320px; padding-top:17px; }
.casedetail .right .gongzhonghao { margin-bottom:15px;}
.casedetail .right .gongzhonghao img  { width:200px; height:auto; margin:0px 30px; }
.casedetail .right .hotproduct { margin-top:20px;}
.casedetail .right .hotproduct i { display:block; font-style:normal; font-size:18px; margin-bottom:8px;}
.casedetail .right .hotproduct a { display:block;}
.casedetail .right .hotproduct a img { width:100%;}



.hotproduct { width:100%;}
.hotproduct .titleline { height:30px; line-height:30px;}
.hotproduct .titleline label { font-size:26px; color:#dbb866}

.hotproduct .cnt { margin-top:30px;}
.hotproduct .pics { width:780px; margin-right:30px; height:500px;}
.hotproduct .pic { width:390px; height:500px;}
.hotproduct .pic .box { margin-bottom:30px; width:100%; position:relative;}
.hotproduct .pic .box img { width:100%; height:235px;}
.hotproduct .pic .box:last-child{ margin-bottom:0px;}
.hotproduct .pic .box b { display:block; width:100%; height:45px;background-color:#000;opacity:.5;filter:alpha(opacity=50); position:absolute; left:0px; bottom:0px;}
.hotproduct .pic .box span { display:block; width:100%; height:45px; position:absolute; left:0px; bottom:0px; line-height:45px; text-align:center; color:#fff;}
}