@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
.pageTop{width:1184px;margin:0 auto;background:#FFF}
.pageTop img{width:100%;height:auto}
.pageTop p{padding:16px;color:#93979F;font-size:16px;line-height:26px}

.pageFloor .title{height:24px;line-height:24px;padding-left:10px;border-left:4px solid #E15616;margin:32px 0 16px 0;font-size:24px;color:#4A4F58;font-weight:bold;text-align:left;}
.pageFloor .title .more {float:right;color:#627386;font-size:18px;font-weight:normal;}
.pageFloor .title .more:hover{color:#E15616}
.pageFloor .content{width:1202px}
.pageFloor .content li{float:left;width:284px;height:334px;margin:0 16px 16px 0;background:#FFF}
.pageFloor .content li img{display:block;width:284px;height:284px}
.pageFloor .content li span{display:block;height:50px;line-height:50px;padding:0 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93979F;font-size:16px}
.pageFloor .content li:hover{box-shadow:0 2px 6px #dedede;transition:all 0.5s;-webkit-transition:all 0.5s}
.pageFloor .content li:hover span{color:#E15616}

.contactBox{width:100%;background:#FFF;margin-bottom:-29px;padding-bottom:15px}
.contactBox .tit{position:relative;width:1184px;margin:0 auto;height:80px}
.contactBox .tit:before{content:'';position:absolute;left:0;top:39px;width:100%;border-top:1px solid #FFE6DC}
.contactBox .tit span{width:188px;height:80px;line-height:80px;background:#FFF;position:absolute;top:0;left:50%;margin-left:-94px;font-weight:bold;font-size:28px;color:#2D3036;text-align:center}
.contactBox .cont{width:1184px;margin:0 auto;text-align:center;line-height:48px}
.contactBox .cont span{display:inline-block;padding-left:84px;height:96px;text-align:left;font-size:24px;color:#2D3036;position:relative}
.contactBox .cont .call{margin-right:160px}
.contactBox .cont span:before{width:70px;height:70px;position:absolute;left:0;top:10px}
.contactBox .cont .call:before{background-position:-82px -370px}
.contactBox .cont .phone:before{background-position:0 -370px}


}

/**
* 移动端
*/
@media screen and (max-width:768px){
.pageTop{width:100%;background:#FFF}
.pageTop img{display:block;width:93.4vw;height:auto;margin:0 auto;}
.pageTop p{width:93.4vw;margin:0 auto;padding:4vw 0 1vw 0;color:#93979F;font-size:3.4vw;line-height:5.8vw;text-align:justify;}

.pageFloor{width:93.4vw;overflow:hidden;margin:0 auto;}
.pageFloor .title{height:10vw;line-height:10vw;padding-left:10px;font-size:3.7vw;color:#4A4F58;font-weight:bold;text-align:center;}
.pageFloor .content{width:100vw;}
.pageFloor .content li{float:left;width:45.4vw;height:55.2vw;margin:0 2.6vw 2.6vw 0;background:#FFF}
.pageFloor .content li img{display:block;width:45.4vw;height:45.4vw}
.pageFloor .content li span{display:block;height:9.8vw;line-height:9.8vw;padding:0 1vw;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93979F;font-size:3.1vw}

.contactBox{width:100%;background:#FFF;margin: 0 auto 2.6vw;}
.contactBox .tit{position:relative;width:100%;margin:0 auto;height:11.8vw}
.contactBox .tit:before{content:'';position:absolute;left:0;top:5.9vw;width:100%;border-top:1px solid #FFE6DC}
.contactBox .tit span{width:27.6vw;height:11.8vw;line-height:11.8vw;background:#FFF;position:absolute;top:0;left:50%;margin-left:-13.8vw;font-weight:bold;font-size:3.7vw;color:#2D3036;text-align:center}
.contactBox .cont{width:100%;margin:0 auto;text-align:center}
.contactBox .cont span{display:inline-block;width:100%;height:14vw;line-height:7vw;font-size:3.1vw;color:#2D3036;position:relative;text-align:left;padding-left:40vw;box-sizing:border-box;margin-bottom:2.6vw}
.contactBox .cont span:before{width:9.4vw;height:9.4vw;position:absolute;left:28vw;top:2vw}
.contactBox .cont .call:before{background-position:0% 41.5%}
.contactBox .cont .phone:before{background-position:16% 41.5%}



}

