@charset "utf-8";

.case-content{padding-bottom: 150px}
.case-list{width: 100%;margin: 20px auto 0}
.case-list .warp-type{height: 50px;position: relative;margin-bottom: 25px}
.case-list .warp-type p{font-size: 18px;line-height: 50px;position: absolute;left: 33.33333%;margin-left: -160px;z-index: 0;width: 160px}
.case-list .warp-type-list{float: right;position: absolute;z-index: 11;right: 0}
.case-list .warp-type-list .active{text-decoration: underline;color: #000;font-size: 16px}
.case-list .warp-type-list a{display: inline-block;margin-right: 20px;line-height: 50px;color: #888889;font-size: 14px}
.case-list .warp-type-list a:hover{text-decoration: underline}
.case-list ul li{width: 25%;float: left;position: relative;overflow: hidden;display: block}
.case-list ul li img{width: 100%;height: auto;display: block}
.case-list ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.case-list .case-summary{display: none;width: 90%;height: 90%;background: url(/images/black.png) repeat;top: 0;left: 0;position: absolute;padding: 5%}
.case-list .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.case-list .case-summary span{font-size: 24px}
.case-list .case-summary .p1{top: 0}
.case-list .case-summary .p2{bottom: 0;font-size: 16px}
.case-list .case-more{display: block;width: 148px;height: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px}
.case-read{width: 1800px;margin: 0 auto;max-width: 1800px;padding: 100px 0}
.case-read .news-tool{display: none}
.case-read img{width: 100%;height: auto!important;float: left;display: block;background: url(loading.gif) no-repeat center}
.case-read img.small{width: 50%;}
.case-read-top{padding: 70px 0;color: #fff;height: 730px}
.case-read-top .left{width: 36%;text-align: right;font-size: 20px}
.case-read-top .right{width: 40%;margin-right: 11%;position: relative;height: 100%}
.case-read-top .right p{font-size: 20px;line-height: 1.8em;margin-bottom: 20px}
.case-read-top .right ul{position: absolute;bottom: 0}
.case-read-top .right ul li{font-size: 14px}
.case-fixed{position: fixed;width: 28px;left: 50%;margin-left: 920px;top: 35%}
.case-fixed li{position: relative;height: 26px;margin-bottom: 17px}
.case-fixed li .icon{background-image: url(icon.png);background-repeat: no-repeat;display: block;width: 28px;height: 26px}
.case-fixed #close a{background-position: 0 -117px}
.case-fixed #prev a{background-position: 0 -155px}
.case-fixed #next a{background-position: 0 -194px}
.case-fixed #close a:hover{background-position: -36px -117px}
.case-fixed #prev a:hover{background-position: -36px -155px}
.case-fixed #next a:hover{background-position: -36px -194px}



.main{width:100%;margin:0 auto;position:relative;z-index:20;background-color:#fff ; max-width:1080px;}


 


.main .mainNav{padding:72px 0;text-align:center;}

.main .mainNav .child{cursor:pointer;position:relative;color:#808080;font-size:16px;text-align:center;width:222px;height:46px;line-height:46px;border:2px solid #B9B8B8;margin:0 8px;display:inline-block;*display:inline;*zoom:1;}

.main .mainNav .child.on{background:#e60012;border:2px solid #e60012;color:#fff;}

.main .mainNav .child.childList{text-align:left;background-image:url(../images/navPointer.png);background-position:186px center;background-repeat:no-repeat;}

.main .mainNav .child.childList span{margin-left:18px;}

.main .mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:-2px;border:2px solid #B9B8B8;z-index:2;}

.main .mainNav .child.childList ul li{color:#808080;padding-left:18px;width:204px;height:46px;line-height:46px;}

.main .mainNav .child.childList ul li:hover{background:#eee;}

.main .content{width:100%;height:auto;width:100%;}

.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.main .content .child{position:relative;float:left;width:20%;}

.main .content .child .childImg{width:100%;height:auto; vertical-align:middle;}

.main .content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#df1020;}

.main .content .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;}

.main .content .child .childTag{letter-spacing:0.1em;font-weight:100;font-stretch:condensed;padding:6%;position:absolute;top:0px;left:0px;width:88%;*width:60%;font-size:24px;font-family:'MyriadPro-LightCond';font-size:24px;color:#fff;text-align:left;}

.main .content .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}

.main .content .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;}

.main .content .child .childContent .title{width:50%;font-size:21px;color:#fff;margin:0 auto;}

.main .content .child .childContent .info{color:#fff;font-size:16px;margin-top:10px;}

.main .linkBtn{margin:80px auto 0px auto;}



.mainHead{position:relative;width:100%;height:170px;margin-top:147px;text-align:center;border-bottom:1px solid #949494;}

.mainHead .title{line-height:52px;color:#434343;font-size:30px;padding-top: 40px;}

.mainHead .tag{color:#434343;font-size:16px;line-height:30px;}



.main{padding:40px 0;text-align:center; }

.main p{color:#656565;font-size:16px;line-height:24px;text-align:left;padding:12px 0;}

.main img{max-width:100%;height: auto !important;}



.mainFoot{border-bottom:0px solid #949494;height:134px;line-height:134px;text-align:center;}

.mainFoot .mainFootBtn{margin:0 8px;display:inline-block;*display:inline;*zoom:1;font-size:22px;width:215px;height:50px;border:2px solid #e50005;color:#e50005;text-align:center;line-height:50px;cursor:pointer;}

.mainFoot .mainFootBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.mainFoot .mainFootBtn.on{background:#e50005;color:#fff;}

.mainFoot .mainFootBtn:hover{background:#e50005;color:#fff;}

.mainFoot .mainFootBtn.on:hover{border:2px solid #e50005;color:#e50005;background:#fff;}



/* 小于 1920px  */
@media screen and (max-width:1920px) {  





}

/* 小于 1440px  */
@media screen and (max-width:1440px) {
	
	
}


/* 小于 1200px  */
@media screen and (max-width:1200px) {



	
}


/* 小于 750px  */
@media screen and (max-width:750px) {
 

.case-list ul li{width: 50%;float: left;position: relative;overflow: hidden;display: block}


.mainHead{height:122px;margin-top:74px;}

.mainHead .title{line-height:44px;font-size:26px;padding-top:26px;}

.mainHead .tag{font-size:14px;line-height:26px;}




.main .mainNav{padding:46px 0;}

.main .mainNav .child{font-size:12px;width:140px;height:34px;line-height:34px;margin:0 4px;border:1px solid #B9B8B8;}

.main .mainNav .child.childList{background-position:114px center;}

.main .mainNav .child.childList span{margin-left:12px;}

.main .mainNav .child.childList ul{top:34px;left:-1px;border:1px solid #B9B8B8;}

.main .mainNav .child.childList ul li{padding-left:12px;width:127px;height:34px;line-height:34px;}

.main .content{width:100%;height:auto;width:100%;}

.main .content .child{width:50%;}

.main .content .child .childContent .info{display:none;}

.main .linkBtn{margin:40px auto 0px auto;}

 

.main{padding:34px 0;}
.main .container{width:93.75%;}
.mainFoot .container{width:93.75%;}

.main p{font-size:14px;line-height:20px;padding:10px 0;}

.mainFoot{height:110px;line-height:110px;}

.mainFoot .mainFootBtn{margin:0 6px;font-size:18px;width:182px;height:42px;border:2px solid #e50005;line-height:42px;}

.mainFoot .mainFootBtn.on:hover{border:2px solid #e50005;}

.work{padding:40px 0px 0 0;}

.work .content{padding-top:40px;width:100%;height:auto;width:100%;}

.work .content .child{width:50%;}

.work .content .child .childContent .info{display:none;}



}