﻿

.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:0px;background-size:100% auto;background-repeat:no-repeat;background-position:left 0px;background-attachment:fixed;}
.banner .bannerBg{visibility:hidden;width:100%;height:auto;vertical-align:middle;}
.banner .bannerInfo{position:absolute;top:50%;left:0px;width:100%;height:220px;margin-top:-110px;text-align:center;color:#fff;}
.banner .bannerInfo .title{font-family:'MyriadPro-Bold_0';font-size:55px;line-height:60px;}
.banner .bannerInfo .titleCh{position:relative;top:20px;border:3px solid #fff;padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;}



.prod_cont{ width:100%; min-width:1100px; margin:0 auto;}
.prod_top{ color:#4D4D4D; padding-top:70px; padding-bottom:50px; width:100%; min-width:1200px; margin:0 auto;}
.prod_zhong{width:1200px; margin:0 auto;}
.prod_zhong2{width:100%; margin:0 auto; text-align:center;}
.prod_zhong2 .img{width:100%;}

.name_en{ font-size:28px; line-height:36px;font-family:'MyriadPro-Bold_0'; font-weight:100;}
.name_cn{ font-size:33px; line-height:50px;}
.prod_text{ padding-top:20px; line-height:24px; font-size:12px;}
.text_left{ float:left; width:1200px; font-size:16px; line-height:200%; padding-bottom:50px; }
.text_right{ float:left; padding-left:205px;}
.prod_img{padding-bottom:80px;}
.prod_foot1{ height:588px; background:#252525; width:100%; min-width:1200px;overflow:hidden; position:relative;}
.workList{width:1850px; margin:0 auto; padding-top:60px;  height:430px;}
.workList li {
	float: left;
	width: 368px;
	height: 370px;
	position: relative;
	z-index:0;
	margin-top: 12px;
}
.prd_name {
	background: url(/images/Casepic/pro_bbg.jpg) left top;
	width: 336px;
	padding-left: 32px;
	height: 127px;
	*height: 130px;
	*margin-top:-3px;
}
.e_name {
	font-size: 15PX;
	font-family: Verdana;
	font-weight: 600;
	color: #999999;
	display: block;
	padding-top: 24px;
	letter-spacing: -1px;
}
.cn_name {
	font-size: 13px;
	font-weight: 400;
	color: #B4B4B4;
	line-height: 24px;
}
.en_name {
	font-size: 10px;
	color: #B9B9B9;
	font-weight: 200;
	display: block;
	padding-top: 18px;
}






.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;border-bottom:1px solid #949494;}
.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:1px 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;}


.work{padding:70px 0px 0px 0px;text-align:center;background:#fff;}
.work .content{padding-top:40px;width:100%;height:auto;width:100%;}
.work .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.work .content .child{position:relative;float:left;width:25%;}
.work .content .child .childImg{width:96%;height:auto; vertical-align:middle;}
.work .content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#df1020;}
.work .content .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;}
.work .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;}
.work .content .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}
.work .content .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;}
.work .content .child .childContent .title{width:50%;font-size:21px;color:#fff;margin:0 auto;}
.work .content .child .childContent .info{color:#fff;font-size:16px;margin-top:10px;}
.work .linkBtn{margin:80px auto 0px auto;}

@media  (max-width: 479px) {
.mainHead{height:auto;margin-top:74px;padding:0 0 10px 0;}
.mainHead .title{line-height:36px;font-size:18px;padding-top:20px;}
.mainHead .tag{font-size:12px;line-height:12px;padding-bottom: 14px;}

.main{padding:10px 0;}
.main .container{width:93.75%;}
.main p{font-size:12px;line-height:18px;padding:5px 0;}
.mainFoot{height:auto;line-height:normal;padding:10px 0;}
.mainFoot .container{width:100%;}
.mainFoot .mainFootBtn{margin:2px 6px;font-size:18px;width:100%;height:42px;border:1px solid #e50005;line-height:42px;width:45%;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}
.work{padding:20px 0px;}
.work .content{padding-top:20px;width:100%;height:auto;width:100%;}
.work .content .child{width:50%;}
.work .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.work .content .child .childTag{font-size:12px;}
.work .content .child .childTag .childSub{margin:3px 0;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .childContent .info{display:none;}
}
@media (min-width: 480px) and (max-width: 639px) {
.mainHead{height:auto;margin-top:74px;padding:0 0 10px 0;}
.mainHead .title{line-height:36px;font-size:18px;padding-top:20px;}
.mainHead .tag{font-size:12px;line-height:12px;padding-bottom: 14px;}

.main{padding:10px 0;}
.main .container{width:93.75%;}
.main p{font-size:12px;line-height:18px;padding:5px 0;}
.mainFoot{height:auto;line-height:normal;padding:10px 0;}
.mainFoot .container{width:100%;}
.mainFoot .mainFootBtn{margin:2px 6px;font-size:18px;width:100%;height:42px;border:1px solid #e50005;line-height:42px;width:45%;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}

.work{padding:20px 0px 0 0;}
.work .content{padding-top:20px;width:100%;height:auto;width:100%;}
.work .content .child{width:50%;}
.work .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.work .content .child .childTag{font-size:12px;}
.work .content .child .childTag .childSub{margin:3px 0;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .childContent .info{display:none;}

}
@media (min-width: 640px) and (max-width:1023px ) {
.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{padding:34px 0;}
.main .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;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.mainHead{height:120px;margin-top:56px;}
.mainHead .title{line-height:36px;font-size:21px;}
.mainHead .tag{font-size:12px;line-height:21px;}

.main{padding:28px 0;}
.main .container{width:796px;}

.main p{font-size:12px;line-height:16px;padding:8px 0;}
.mainFoot{height:94px;line-height:94px;}
.mainFoot .container{width:796px;}
.mainFoot .mainFootBtn{margin:0 5px;font-size:15px;width:151px;height:34px;border:1px solid #e50005;line-height:34px;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}

.work{padding:58px 0px 0px 0px;}
.work .content{padding-top:33px;}
.work .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.work .content .child .childTag{font-size:15px;}
.work .content .child .childTag .childSub{width:13px;height:2px;margin:6px 0px;}
.work .content .child .childContent{height:33px;margin-top:-16px;}
.work .content .child .childContent .title{font-size:13px;}
.work .content .child .childContent .info{font-size:12px;margin-top:5px;}
.work .linkBtn{margin:50px auto 0px auto;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.mainHead{height:120px;margin-top:56px;}
.mainHead .title{line-height:36px;font-size:21px;}
.mainHead .tag{font-size:12px;line-height:21px;}

.main{padding:28px 0;}
.main .container{width:796px;}

.main p{font-size:12px;line-height:16px;padding:8px 0;}
.mainFoot{height:94px;line-height:94px;}
.mainFoot .container{width:796px;}
.mainFoot .mainFootBtn{margin:0 5px;font-size:15px;width:151px;height:34px;border:1px solid #e50005;line-height:34px;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}

.work{padding:58px 0px 0px 0px;}
.work .content{padding-top:33px;}
.work .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.work .content .child .childTag{font-size:15px;}
.work .content .child .childTag .childSub{width:13px;height:2px;margin:6px 0px;}
.work .content .child .childContent{height:33px;margin-top:-16px;}
.work .content .child .childContent .title{font-size:13px;}
.work .content .child .childContent .info{font-size:12px;margin-top:5px;}
.work .linkBtn{margin:50px auto 0px auto;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.mainHead{height:144px;margin-top:82px;}
.mainHead .title{line-height:44px;font-size:26px;}
.mainHead .tag{font-size:14px;line-height:26px;}

.main{padding:34px 0;}
.main .container{width:960px;}

.main p{font-size:14px;line-height:20px;padding:10px 0;}
.mainFoot{height:114px;line-height:114px;}
.mainFoot .container{width:960px;}
.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:70px 0px 0px 0px;}
.work .content{padding-top:40px;}
.work .content .child .childPointer{bottom:13px;right:16px;width:54px;}
.work .content .child .childTag{font-size:18px;}
.work .content .child .childTag .childSub{width:16px;height:2px;margin:8px 0px;}
.work .content .child .childContent{height:40px;margin-top:-20px;}
.work .content .child .childContent .title{font-size:16px;}
.work .content .child .childContent .info{font-size:12px;margin-top:6px;}
.work .linkBtn{margin:60px auto 0px auto;}
}