.pgcases {background: url(//static.zzboiler.com/web/banner/pgcases.jpg) 50% 50% no-repeat;}
/*cases-fm-start*/
.cases_t{width:1370px;height:300px;overflow:hidden;position:relative;margin:0 auto}
.cases_fm_con{width:1190px;height:300px;overflow:hidden;position:relative;margin:0 auto}
.cases_fm_con ul{width:10000px;position:absolute;left:0;top:0;float:left}
.cases_fm_con ul li{width:282px;height:298px;float:left;margin-right:20px}
.cases_fm_con ul li a{display:block;width:282px;height:298px}
.cases_fm_con ul li a img{width:100%;height: 195px;float: left}
.cases_fm_con ul li a .border3{width:280px;border:1px solid #ddd;height:80px;margin-top:16px;color:#666;float: left}
.cases_fm_con ul li:hover a .border3{border:1px solid #ff3f3c;color:#ff3f3c}
.cases_fm_con ul li:hover a h3{color:#ff3f3c;}
.cases_fm_con ul li a h3{font-size:16px;line-height:28px;text-align:center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;margin: 0 auto;width:90%;margin-top:12px;}
.cases_fm_con ul li a p{text-align:center;font-size:14px;line-height:30px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;margin: 0 auto;width:90%;}
.btn{width:90px;height:100px;line-height:100px;text-align:center;float:left;font-family:"microsoft yahei";cursor:pointer;position:absolute;top:35%;display:block}
.btn:hover{background-position:center bottom}
.btn_l{left:0;background:url(//static.zzboiler.com/web/images/btn_l.jpg) no-repeat center top}
.btn_r{right:0;background:url(//static.zzboiler.com/web/images/btn_r.jpg) no-repeat center top}
.case_fm_tab{width:1190px;height:840px;position:relative;overflow:hidden;margin:0 auto}
.case_fm_tab .case_fm_tabli{width:1188px;height:170px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.case_fm_tab .case_fm_tabli li{float:left;width:237px;height:170px;cursor:pointer}
/*.case_fm_tab .case_fm_tabli li div {width:90%;height:170px;}
.case_fm_tab .case_fm_tabli li div a {width:100%;height:170px;display: block;}*/
.case_fm_tab .case_fm_tabli .on div{width:90%;margin:0 auto;border-top:1px solid #ff3200;height:181px;margin-top:-1px;background:url(//static.zzboiler.com/web/images/hsj.jpg) no-repeat center bottom}
.case_fm_tab .case_fm_tabli div span{background-image:url(//static.zzboiler.com/web/images/pro-bg2.png);background-repeat:no-repeat;width:100px;height:100px;display:block;margin:0 auto;margin-top:20px}
.case_fm_tab .case_fm_tabli li .span1{background-position:0 0}
.case_fm_tab .case_fm_tabli li .span2{background-position:-100px 0}
.case_fm_tab .case_fm_tabli li .span3{background-position:-200px 0}
.case_fm_tab .case_fm_tabli li .span4{background-position:-300px 0}
.case_fm_tab .case_fm_tabli li .span5{background-position:-400px 0}
.case_fm_tab .case_fm_tabli li h2{text-align:center;line-height:40px;font-size: 14px;}
.case_fm_tab .case_fm_tabcon{width:10000px;height:610px;position:absolute;left:0;top: 180px;}
.case_fm_tab .case_fm_tabcon .case_fm_tabcon_li{width:1208px;height:630px;float:left;margin-top:21px;position: relative;}
.case_fm_tab .case_fm_tabli .on{color:#ff3f3c}
.case_fm_tab .case_fm_tabli .on h2{color:#ff3f3c}
.case_fm_tab .case_fm_tabli .on .span1{background-position:0 -100px;}
.case_fm_tab .case_fm_tabli .on .span2{background-position:-100px -100px;}
.case_fm_tab .case_fm_tabli .on .span3{background-position:-200px -100px;}
.case_fm_tab .case_fm_tabli .on .span4{background-position:-300px -100px;}
.case_fm_tab .case_fm_tabli .on .span5{background-position:-400px -100px;}
.case_fm_tabcon_li div{width:280px;height:280px;float:left;margin-right:20px;border:1px solid #dcdcdc;color:#666;margin-bottom:20px}
.dian {background: url("//static.zzboiler.com/web/images/dian.jpg") no-repeat center;width:162px;line-height:30px;height:30px;text-align: center;margin:0 auto;display: block;left: 42.5%;bottom:0;position: absolute;color:#ff3f3c;font-size:16px;}
.case_fm_tabcon_li div p{font-size:24px;height:24px;line-height:24px;width:230px;margin:0 auto;margin-top:20px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.case_fm_tabcon_li div h4{font-size:14px;line-height:43px;width:230px;margin:0 auto;border-bottom:1px solid #dcdcdc;height:43px;overflow: hidden;}
.case_fm_tabcon_li div:hover{border:1px solid #ff3f3c;}
.case_fm_tabcon_li div:hover h4{border-bottom:1px solid #ff3f3c;color:#ff3f3c;}
.case_fm_tabcon_li div img{width:230px;margin:15px auto;display:block;border: none;}
.case_tit{margin-bottom:60px;}
.case_tit h2{height:42px;background:url(//static.zzboiler.com/web/images/bg2.png) no-repeat center bottom;font-size:30px;text-align:center;font-weight:100;color:#333;margin:0 auto;line-height:30px}
.case_tit h2 a {color:#333;}
.case_tit h2:hover a {color:#FF3F3C}
/*cases-fm-end*/
/*cases-list-start*/
.case_list_top{width:100%;}
.case_list_top_l{float:left;margin-right:21px;width: 280px;border-bottom: 1px solid #dcdcdc;}
.case_list_top_l ul li {width:278px;height:58px;border:1px solid #dcdcdc;border-bottom:none;}
.case_list_top_l ul li a {text-align: center;line-height: 58px;display: block;font-size: 16px;}
.case_list_top_l ul li:hover{border:1px solid #ff3f3c;border-bottom:none;background-color:#ff3f3c}
.case_list_top_l ul li:hover a {color:#ffffff;}
.case_list_top_l ul .on {border:1px solid #ff3f3c;border-bottom:none;border-bottom:none;background-color:#ff3f3c}
.case_list_top_l ul .on a {color:#ffffff;}
.case_list_top_r {width:887px;float:left;border: 1px solid #dcdcdc;height:295px;}
.case_list_top_r img {width:424px;height:296px;float:left;margin-right:21px;}
.case_list_top_r_r {width:433px;float:left;position:relative;    height: 296px;}
.case_list_top_r_r h1{font-size:30px;line-height:30px;margin-top:30px;color:#333;display: block;font-weight:inherit}
.case_list_top_r_r p {margin: 22px 0 10px 0;line-height:28px;color:#666666;font-size:14px;}
.price{width:430px;height:75px;float:left}
.price,.cpintro .price a{font:400 14px/36px "microsoft yahei";color:#fff}
.price a{line-height: 40px;color: #ffffff;float:left;display:block;text-indent:53px;width:135px;height:40px;overflow:hidden;background:url(//static.zzboiler.com/web/images/pj2.jpg) no-repeat;margin-right:10px;font-size:16px}
.price span{line-height: 40px;float:left;display:block;text-indent:48px;height:40px;background:url(//static.zzboiler.com/web/images/dianhua2.jpg) no-repeat;width:272px;font-size:16px}
.case_list{width:102%;overflow: hidden;position: relative;}
.case_list div{width:280px;height:280px;float:left;margin-right:20px;border:1px solid #dcdcdc;color:#666;margin-bottom:20px;overflow: hidden;}
.case_list div a {width:228px;display: block;margin: 0 auto;overflow: hidden;}
#loadmore {background:url("//static.zzboiler.com/web/images/go_more.gif") no-repeat center top;width:162px;line-height:62px;height:65px;text-align: center;margin:0 auto;display: block;bottom:0;color: #ff2020;cursor: pointer;font-size: 16px}
#loadmore img {width:30px;height:30px}
.case_list div p{font-size:24px;height:24px;color: #333;line-height:24px;margin-top:20px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.case_list div h4{font-size:14px;line-height:43px;border-bottom:1px solid #dcdcdc;height:43px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.case_list div:hover{border:1px solid #ff3f3c;}
.case_list div:hover h4{border-bottom:1px solid #ff3f3c;color:#ff3f3c;}
.case_list div:hover p {color:#ff3f3c;}
.case_list div img{width:230px;margin:15px auto;display:block}
/*cases-list-end*/
/*cases-con-start*/
.cases_con h1{font-size:30px;font-weight:100;color:#333;}
.cases_con_p{margin-bottom:23px;height:50px}
.cases_con_p p{color:#999;font-size:13px;line-height:50px}
.cases_con_p p i{width:168px;height:50px;display:block;float:left}
.cases_con_p p i{background:url(//static.zzboiler.com/web/images/bg00.png) 31px 22px no-repeat}
.cases_con_p p i:hover{background:url(//static.zzboiler.com/web/images/bg00.png) 31px -8px no-repeat;color:#ea2622}
.cases_con_p p a{background:url(//static.zzboiler.com/web/images/bg0.png) 0 2px no-repeat;color:#999;padding-left:20px;cursor:pointer;width:52px;float:left;line-height:18px;margin-top:18px}
.cases_con_p p a:hover{background:url(//static.zzboiler.com/web/images/bg0.png) 0 -28px no-repeat;color:#ea2622}
.cases_con_ban{width:1190px;height:500px;position:relative;left:0;top:0;}
.cases_con_ban .cases_con_ban_con {width:715px;height:500px;position: absolute;overflow: hidden;left:240px;top:0}
.cases_con_ban .cases_con_ban_con ul{width:200000px;height:500px;left:0;top:0;position: absolute}
.cases_con_ban .cases_con_ban_con ul li {width:715px;height:500px;float:left;}
.cases_con_ban .cases_con_ban_con ul li img {width:100%;}
.btn2 {width:53px;height:99px;background: url("//static.zzboiler.com/web/images/btn2.png") no-repeat;position: absolute;top:200px;cursor:pointer}
.btn2:hover{background-position-y:-99px; }
.btn2_l{left:0;}
.btn2_r{right:0;background-position: -53px 0;}
.quanping{width:1190px;margin: 0 auto;}
#quitscreen{float:right;cursor:pointer;display:none;}
#quitscreen p{color:#666;line-height:40px;padding-left:20px}


.li-end{border:1px solid #c9caca;width:713px;height:498px;margin:0 auto}
.li-end .li-end-top{width:630px;margin-left:auto;margin-right:auto;margin-bottom:25px;margin-top:70px;height:170px}
.li-end .li-end-top .endimg{width:210px;height:160px;float:left;}
.li-end .li-end-top .endimg a:hover{color:#ff2020}
.li-end .li-end-top .endimg a span {background:url(//static.zzboiler.com/web/images/cases_con_end.png) no-repeat;width:96px;height:95px;margin:0 auto;display: block;}
.li-end .li-end-top .endimg a:hover span{background-position-y:-95px}
.li-end .li-end-top .endimg a .span1 {background-position:0 0}
.li-end .li-end-top .endimg a .span2 {background-position:-96px 0}
.li-end .li-end-top .endimg a .span3 {background-position:-192px 0}
.li-end .li-end-top .endimg a p{font-style:normal;font-size:14px;color:#666666;text-align: center;display: block;line-height: 14px;margin-top:20px}
.li-end .li-end-top .endimg a:hover p{color:#ff2020}
.li-end .li-end-top .endimg a h3 {font-weight:100;font-size:14px;color:#666666;text-align: center;display: block;line-height: 26px;margin-top:6px}
.li-end .li-end-top .endimg a:hover h3{color:#ff2020}
.li-end-b{width:630px;margin-left:auto;margin-right:auto;border-top:1px solid #c9caca}
.li-end-b b{margin-left:45px;display:block;margin-top:45px;font-size:16px;color:#666}
.li-end-b-con{width:315px;float:left}
.li-end-b-con a{margin-left:45px;text-align:left;font-size:14px;color:#666;margin-top:20px;line-height:16px;display:block}
.li-end-b-con a:hover{color:#d8271c}

.cases_con_parm {width:1110px;margin:0 auto;height:160px;}
.cases_con_parm .cases_con_parm_con {width:33.33%;float:left;height:160px;}
.cases_con_parm .cases_con_parm_con span{width:92px;height:92px;display:block;margin:0 auto;background:url("//static.zzboiler.com/web/images/cases_con_bg1.jpg") no-repeat}
.cases_con_parm .cases_con_parm_con .span1{background-position: 0 0}
.cases_con_parm .cases_con_parm_con .span2{background-position: -92px 0}
.cases_con_parm .cases_con_parm_con .span2{background-position: -184px 0}
.cases_con_parm .cases_con_parm_con h2 {font-size:16px;color:#ff3f3c;text-align:center;line-height:16px;margin-top:15px;}
.cases_con_parm .cases_con_parm_con p {font-size:16px;color:#666;text-align:center;line-height:16px;margin-top:12px;}
.cases_con_detail p {font-size:14px;line-height: 28px;margin-top:28px;text-indent:2em;}
.cases_con_detail div {font-size:14px;line-height: 28px;margin-top:28px;text-indent:2em;}
.cases_mid_zixun {width:100%;height:123px}
.cases_mid_zixun a{background:url(//static.zzboiler.com/web/images/cases_mid_zx.jpg) no-repeat;width:240px;height:40px;line-height:40px;display:block;text-indent:48px;font-size:16px;color:#fff;margin:0 auto;margin-top:30px}
.cases_mid_zixun p {text-align: center;font-size: 16px;color:#666666;margin-top:20px;line-height:16px;}
/*cases-con-end*/
.janli b{color:#333;background:url(//static.zzboiler.com/img/bg3.png) no-repeat left bottom;width:100px;line-height:24px;height:35px;font-size:24px;float:left;margin-bottom:0;font-weight:100}
.janli-l{width:580px;float:left;overflow:hidden;margin-right:30px}
.janli-l-con{width:609px;position:relative;overflow:hidden;display:block;}
.janli-l-con div{width:180px;margin-right:20px;margin-bottom:20px;float:left;height:126px;position:relative}
.janli-l-con div a{width:180px;display:block}
.janli-l-con div a img{width:100%;}
.janli-l-con div p{position:absolute;height:30px;line-height:30px;background:url(//static.zzboiler.com/img/bg1.png) repeat;bottom:0;left:0;width:100%;text-align:center;display:block;color:#fff}
.janli-l-con div:hover p{background:url(//static.zzboiler.com/img/bg2.png) repeat}

/*footer-special-start*/
.special-r{width:580px;float:left}
.mp40{margin-top: 40px}
.special-r .special-r-con{width:580px;height:126px;display:block;overflow:hidden;margin-bottom:20px;}
.special-r .special-r-con a{float:left;color:#666;width:294px;text-align:right;height:126px;}
.special-r .special-r-con a img {width:100%;height:126px;}
.special-r .special-r-con .special-r-r{width:285px;height:124px;float:left;border: 1px solid #dcdcdc;border-left: none;}
.special-r .special-r-con .special-r-r a img{width:294px;height:126px;float:left}
.special-r .special-r-con .special-r-r h4{text-indent: 20px;font-size:22px;line-height:28px;margin-top:35px;width:100%;float:left}
.special-r .special-r-con .special-r-r h4 a{width:auto;line-height:28px;margin-bottom:10px;display:block;float:left;text-align:left;height:28px;}
.special-r .special-r-con .special-r-r h4:hover a{color:#ff3200}
.special-r .special-r-con .special-r-r p{text-indent: 20px;font-size:16px;line-height:14px;width:100%;white-space:nowrap;overflow:hidden;height:15px;margin-top:10px}
.special-r .special-r-con .special-r-r p b{font-size:16px;line-height:14px;background:0 0;margin-bottom:0;height:14px;width:70px}
/*footer-special-end*/
.pro-list-con{width:1212px;overflow:hidden}
.pro-list-con .pro-list{width:282px;float:left;margin-right:21px;height:252px;margin-bottom:30px;position:relative}
.pro-list-con .pro-list a img{width:100%}
.pro-list-con .pro-list h2{display:inline-block;height:56px;line-height:56px;text-align:center;color:#333;font-size:16px;display:block;position:relative}
.pro-list-con .pro-list h2:after{transition:all .5s cubic-bezier(.68,-.55,.27,1.55);animation:lineout .5s infinite;-webkit-animation:lineout .5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;position:absolute;bottom:-5px;left:0;display:inline-block;content:"";height:1px;width:0;background:#FF3F3C}
.pro-list-con .pro-list:hover h2:after{transition:all .5s cubic-bezier(.68,-.55,.27,1.55);animation:linemove .5s infinite;-webkit-animation:linemove .5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;position:absolute;bottom:-5px;left:0;display:inline-block;content:"";height:1px;width:100%;background:#FF3F3C}
.pro-list-con .pro-list:hover h2{color:#FF3F3C;}
@media screen and (max-width:1370px){
	.cases_t{width:1200px;}
	.cases_fm_con{width:1080px;}
	.cases_fm_con ul li{width:256px;height:298px;float:left;margin-right:20px}
	.cases_fm_con ul li a{display:block;width:256px;height:298px}
	.cases_fm_con ul li a img{width:100%;height: 159px;}
	.cases_fm_con ul li a .border3{width:256px;}
	.btn{width:60px}
}

@media screen and (max-width:1199px){
	.pgcases {background: url(//static.zzboiler.com/web/banner/pgcases_s.jpg) 50% 50% no-repeat;}

    .janli-l{width:50%;float:left;overflow:hidden;margin-right:1%}
    .janli-l-con{width:498px}
    .janli-l-con div{width:156px;margin-right:10px;margin-bottom:10px;float:left;height:110px;position:relative}
    .janli-l-con div a{width:100%;height:100%;display:block}
    .janli-l-con div a img{width:100%}
    .janli-l-con div p{position:absolute;height:30px;line-height:30px;background:url(//static.zzboiler.com/img/bg1.png) repeat;bottom:0;width:100%;text-align:center;display:block;color:#fff}
    .janli-l-con div:hover p{background:url(//static.zzboiler.com/img/bg2.png) repeat}
    .janli-r{width:47%;float:left}
    .janli-r .janli-r-con{width:100%;height:126px;background-color:#e6e6e6;display:block;overflow:hidden;margin-bottom:13px}
    .janli-r .janli-r-con a{float:left;color:#666;width:170px;text-align:right;margin-right:10px}
    .janli-r .janli-r-con .janli-r-r{width:270px;float:left}
    .janli-r .janli-r-con .janli-r-r a img{width:170px;height:120px;float:left}
    .janli-r .janli-r-con .janli-r-r h4{font-size:16px;line-height:28px;margin-top:15px;width:330px;float:left}
    .janli-r .janli-r-con .janli-r-r h4 a{width:330px;line-height:28px;margin-bottom:10px;display:block;float:left;text-align:left}
    .janli-r .janli-r-con .janli-r-r p{font-size:14px;line-height:14px;width:330px;height:15px;margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
    .janli-r .janli-r-con .janli-r-r p b{font-size:14px;line-height:14px;background:0 0;margin-bottom:0;height:14px;width:70px}
    
    .pro-anli-num{left:35%}
    .pro-list-con{width:1000px;overflow:hidden}
    .pro-list-con .pro-list{width:230px;float:left;margin-right:20px;height:230px}
    .pro-list-con .pro-list h2{height:56px;line-height:56px;text-align:center;color:#333;font-size:16px;display:block}
    .case_fm_tab {width: 990px;height: 840px;}
    .case_fm_tab .case_fm_tabli{width:990px}
    .case_fm_tabcon_li div{width:230px;height:260px;float:left;margin-right:15px;border:1px solid #dcdcdc;color:#666;margin-bottom:20px}
    .case_fm_tabcon_li div p{font-size:24px;height:24px;line-height:24px;width:200px;margin:0 auto;margin-top:20px}
    .case_fm_tabcon_li div h4{font-size:14px;line-height:43px;width:200px;margin:0 auto;border-bottom:1px solid #dcdcdc;height:43px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .case_fm_tabcon_li div img{width:200px;margin:15px auto;display:block}
	.cases_t{width:990px;height: 250px;}
	.cases_fm_con{width:894px;height: 250px;}
	.cases_fm_con ul li{width:208px;height:auto;float:left;margin-right:20px}
	.cases_fm_con ul li a{display:block;width:208px;height:auto}
	.cases_fm_con ul li a img{width:100%;height: 138.38px;}
	.cases_fm_con ul li a .border3{width:208px;}
	.btn{width:40px}
	.case_fm_tab .case_fm_tabli li{float:left;width:198px;height:150px;cursor:pointer}
	.dian{left:33.1%;}
    .case_list div{width:230px;height:260px;float:left;margin-right:15px}
    .case_list div p{width:200px;margin: 0 auto;margin-top:20px;}
    .case_list div h4{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 0 auto;}
    .case_list div img{width:200px;margin:15px auto;display:block}
    .case_list_top_l{float:left;margin-right:15px;width: 20%;}
    .case_list_top_l ul li {width:100%;}
    .case_list_top_r {width:77%;float:left;}
    .case_list_top_r img {width:45%;height:296px;float:left;margin-right:15px;}
    .case_list_top_r_r {width:50%;float:left;position:relative;height: 296px;}
    .case_list_top_r_r h1{font-size:30px;line-height:30px;margin-top:30px;color:#666666;display: block;font-weight:inherit}
    .case_list_top_r_r p {margin-top:22px;line-height:28px;color:#666666;font-size:14px;}
    .price a {width:130px;margin-right:0}
    .special-r{width:465px;float:left}
    .special-r .special-r-con{width:100%;height:110px;display:block;overflow:hidden;margin-bottom:9px}
    .special-r .special-r-con a{float:left;color:#666;width:230px;text-align:right;}
    .special-r .special-r-con a img {width:100%;height: 110px;}
    .special-r .special-r-con .special-r-r{width:225px;float:left;border: 1px solid #dcdcdc;border-left: none;height: 108px;}
    .special-r .special-r-con .special-r-r a img{width:280px;height:120px;float:left}
    .special-r .special-r-con .special-r-r h4{margin-top:26px;text-indent: 10px;}
    .special-r .special-r-con .special-r-r p{text-indent: 10px;}
    .cases_con_ban{width:990px;}
    .cases_con_ban .cases_con_ban_con{left:132px}
    .quanping{width:990px;margin: 0 auto;}
    .cases_con_parm {width: 100%;}
}