.pgcases {background: url(/images/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: 200px;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(/images/btn_l.jpg) no-repeat center top}
.btn_r{right:0;background:url(/images/btn_r.jpg) no-repeat center top}
.case_fm_tab{width:1190px;height:640px;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(/images/hsj.jpg) no-repeat center bottom}
.case_fm_tab .case_fm_tabli div span{background-image:url(/images/pro-bg1.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:380px;position:absolute;left:0;top: 180px;}
.case_fm_tab .case_fm_tabcon .case_fm_tabcon_li{width:1208px;height:380px;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:290px;float:left;margin-right:20px;border:1px solid #dcdcdc;color:#666;margin-bottom:20px}
.dian {background: url("/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(/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(/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(/images/dianhua2.jpg) no-repeat;width:272px;font-size:16px}
.case_list{overflow: hidden;position: relative;}
.case_list .c_n{border:1px solid #dcdcdc;color:#666;margin-bottom:20px;overflow: hidden;}
.case_list .c_n a {display: block;margin: 0 auto;overflow: hidden;width:90%;}
#loadmore {background:url("/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 .c_n p{font-size:1.3rem;height:1.3rem;color: #333;line-height:1.3rem;margin:1rem auto 0.5rem;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.case_list .c_n h4{font-size:0.9rem;color:#888;line-height:2rem;border-bottom:1px solid #dcdcdc;height:2rem;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.case_list .c_n:hover{border:1px solid #ff3f3c;}
.case_list .c_n:hover h4{border-bottom:1px solid #ff3f3c;color:#ff3f3c;}
.case_list .c_n:hover p {color:#ff3f3c;}
.case_list .c_n img{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(/images/bg00.png) 31px 22px no-repeat}
.cases_con_p p i:hover{background:url(/images/bg00.png) 31px -8px no-repeat;color:#ea2622}
.cases_con_p p a{background:url(/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(/images/bg0.png) 0 -28px no-repeat;color:#ea2622}
.cases_con_ban{width:1190px;height:420px;position:relative;left:0;top:0;}
.cases_con_ban .cases_con_ban_con {width:715px;height:420px;position: absolute;overflow: hidden;left:240px;top:0}
.cases_con_ban .cases_con_ban_con ul{width:200000px;height:420px;left:0;top:0;position: absolute}
.cases_con_ban .cases_con_ban_con ul li {width:715px;height:420px;float:left;}
.cases_con_ban .cases_con_ban_con ul li img {height:100%;width:auto;display:block;margin:auto}
.btn2 {width:53px;height:99px;background: url("/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(/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("/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 .span3{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(/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(/images/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:rgba(0,0,0,0.6);bottom:0;left:0;width:100%;text-align:center;display:block;color:#fff}
.janli-l-con div:hover p{background:rgba(255,0,0,0.5)}

/*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:768px){

.case_list>div:nth-child(odd){
        padding-right: 7.5px;
    }
.case_list>div:nth-child(even){
        padding-left: 7.5px;
    }
}