.plwrap {
	width: 100%;
	background-color: #EEEEEE;
	min-width: 1024px
}

@media only all and (max-width: 1024px) {
	.plwrap {
		min-width: 0
	}
}

.plistContent {
	padding-top: 120px;
	*padding-top: 80px
}

@media only all and (max-width: 1024px) {
	.plistContent {
		width: 100% !important
	}
}

.pc {
	text-align: center
}

.red {
	color: #E83828
}

.plistContent .plTitle1 {
	font-size: 50px;
	color: #4B4B4B
}

.plistContent .plTitle6 {
	font-size: 22px;
	color: #666
}

@media only all and (max-width: 480px) {
	.plistContent .plTitle6 {
		font-size: 26px
	}
}

.plistContent .plTitle4 {
	margin-bottom: 10px;
	color: #4B4B4B;
	text-transform: Uppercase
}

@media only all and (max-width: 480px) {
	.plistContent .plTitle4 {
		display: none
	}
}

@media only all and (max-width: 480px) {
	.plistContent .plTitle4 img {
		width: 60%
	}
}

.plistContent .plslogan {
	color: #4B4B4B;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 10px
}

#ScrollToTop {
	right: 110px
}

#casecon {
	width: 1024px;
	margin: 0px auto;
	padding-top: 30px
}

#casecon .casenav {
	font-size: 15px;
	color: #b0b0b0;
	margin: 0 auto;
	width: 378px;
	height: 24px
}

#casecon .casenav a {
	color: #222
}

#casecon .casenav a:hover,#casecon #casecon .casenav a.selected {
	color: #E83828;
	padding-bottom: 1px;
	border-bottom: 1px solid #E83828
}

#casecon .casenav li {
	float: left;
	padding: 0px 20px 0px 20px;
	height: 22px;
	border-right: 1px solid #b0b0b0
}

#casecon .casenav span {
	color: #b0b0b0;
	display: block;
	float: left
}

.caselist {
	width: 1024px;
	margin: 0px auto;
	overflow: hidden;
	margin-bottom: 25px
}

.caselist img {
	width: 320px;
	height: 160px;
	display: block
}

.caselist .case_li {
	background-color: #fff;
	margin: 0px 9px 0px 9px;
	_margin: 0px 8px 0px 8px;
	width: 320px;
	height: 240px;
	_height: 250px;
	float: left;
	margin-top: 36px
}

.caselist .case_li img {
	background-color: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.caselist .case_li .blackbg {
	background-color: #000;
	width: 320px;
	height: 160px;
	display: block
}

.caselist .case_txt {
	background-color: #fff;
	display: block;
	width: 300px;
	height: 65px;
	padding: 15px 0 0 20px
}

.caselist .case_txt:hover {
	background: url(../images/case_listbghover.png) no-repeat 0px 0px #E83828;
	_background: url(../images/case_listbghover.gif) no-repeat
}

.caselist .case_li p {
	color: #222;
	font-size: 15px;
	padding-bottom: 4px
}

.caselist .case_li a:hover p {
	color: #fff
}

.caselist .case_li span {
	color: #767676
}

.caselist .case_li a:hover span {
	font-size: 12px;
	color: #fff
}

.mr {
	margin-right: 0px !important
}

a.case_moreline {
	color: #fff;
	font-size: 16px;
	background-color: #c2c2c2;
	width: 1000px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin-bottom: 60px;
	display: block;
	margin-left: 9px
}

a.case_moreline:hover {
	background-color: #989898
}

.dcaseContent {
	width: 1024px;
	margin: 0px auto;
	padding-top: 50px;
	margin-bottom: 10px;
	min-width: 1024px
}

@media only all and (max-width: 1024px) {
	.dcaseContent {
		width: 100%;
		min-width: 0
	}
}

.dcaseview {
	margin-bottom: 30px;
	margin-right: 10px;
	width: 810px;
	float: left;
	top: -30px
}

@media only all and (max-width: 1024px) {
	.dcaseview {
		display: none
	}
}

.dcaseview img {
	width: 810px
}

.dcase_rcon {
	width: 180px;
	float: right;
	height: 500px
}

@media only all and (max-width: 1024px) {
	.dcase_rcon {
		display: none
	}
}

.dcase_rcon .dcase_r {
	width: 180px;
	height: 490px;
	top: 10px
}

.dcase_rcon .dcase_r .dcasecon {
	background-color: #fff;
	padding: 30px 10px 30px 10px;
	width: 160px;
	height: 375px;
	display: block
}

.dcasecon .dcaset1 {
	margin-bottom: 20px;
	border-bottom: 2px #D11417 solid;
	font-size: 21px;
	color: #222;
	padding-bottom: 20px
}

.dcasecon .dcasetxt {
	font-size: 12px;
	color: #454545;
	line-height: 20px;
	padding-bottom: 30px
}

.dcasecon a {
	color: #E83828;
	font-size: 12px
}

.dcasecon a:hover {
	text-decoration: underline
}

.dcase_qh {
	margin-top: 5px
}

.caseprev_btn,.caseprev_btnno,.caselistb_btn,.casenext_btn,.casenext_btnno {
	height: 55px;
	width: 55px;
	float: left;
	display: block
}

.caseprev_btn,.caseprev_btnno {
	background: url(../images/case_prevbtn.png) no-repeat #C8C8C8;
	margin-right: 8px
}

.caseprev_btn:hover {
	background-color: #E83828
}

.caselistb_btn {
	background: url(../images/case_listbackbtn.png) no-repeat #C8C8C8;
	margin-right: 7px
}

.caselistb_btn:hover {
	background-color: #E83828
}

.casenext_btn,.casenext_btnno {
	background: url(../images/case_nextbtn.png) no-repeat #C8C8C8
}

.casenext_btn:hover {
	background-color: #E83828
}

.newscon {
	width: 1024px;
	margin: 0px auto;
	padding-top: 30px
}

@media only all and (max-width: 1024px) {
	.newscon {
		width: 100%
	}
}

@media only all and (max-width: 480px) {
	.newscon {
		padding-top: 0;
		margin-bottom: 50px !important
	}
}

.newscon .newsnav {
	font-size: 15px;
	color: #b0b0b0;
	margin-bottom: 50px
}

@media only all and (max-width: 480px) {
	.newscon .newsnav {
		font-size: 12px;
		display: none
	}
}

.newscon .newsnav a {
	color: #222
}

.newscon .newsnav a:hover,.newscon .newsnav a.active {
	color: #E83828;
	padding-bottom: 1px;
	border-bottom: 1px solid #E83828
}

.newscon .newsnav span {
	padding: 0px 20px 0px 20px;
	border-right: 1px solid #b0b0b0
}

#list_pages {
	width: 126px;
	margin: 0 auto;
	margin-top: 20px
}

@media only all and (max-width: 1024px) {
	.newslist {
		width: 85%;
		margin: 0 auto
	}
}

.newslist .news_li {
	float: left;
	width: 480px;
	margin: 0 10px 40px 20px
}

@media only all and (max-width: 1024px) {
	.newslist .news_li {
		width: 45%
	}
}

@media only all and (max-width: 768px) {
	.newslist .news_li {
		float: none;
		width: 80%;
		text-align: center;
		margin: 0 auto
	}
}

@media only all and (max-width: 320px) {
	.newslist .news_li {
		width: 75%
	}
}

.newslist .news_li img {
	float: left;
	width: 160px;
	height: 160px;
	display: block
}

@media only all and (max-width: 1024px) {
	.newslist .news_li img {
		width: 40%
	}
}

@media only all and (max-width: 768px) {
	.newslist .news_li img {
		display: none
	}
}

.newslist .news_txt {
	display: block;
	width: 280px;
	height: 140px;
	float: left;
	background-color: #fff;
	padding: 20px 20px 0px 20px
}

@media only all and (max-width: 1024px) {
	.newslist .news_txt {
		width: 50%;
		padding: 20px 3% 0px 3%
	}
}

@media only all and (max-width: 768px) {
	.newslist .news_txt {
		float: none;
		margin: 0 auto;
		margin-top: 20px;
		width: 88%;
		height: 85px
	}
}

@media only all and (max-width: 640px) {
	.newslist .news_txt {
		height: auto;
		padding: 20px 3% 10px 3%
	}
}

.newslist .news_txt:hover {
	background: url(../images/news_listbghover.png) no-repeat 0px 0px #E83828
}

.newslist .news_txt span {
	font-size: 14px;
	color: #222
}

.newslist .news_txt:hover span {
	color: #fff
}

.newslist .news_txt p {
	line-height: 20px;
	padding-top: 8px;
	color: #767676
}

.newslist .news_txt h5 {
	font-size: 12px;
	color: #808080;
	padding-top: 20px
}

@media only all and (max-width: 768px) {
	.newslist .news_txt h5 {
		padding-top: 15px
	}
}

.newslist .news_txt:hover p,.newslist .news_txt:hover h5 {
	font-size: 12px;
	color: #fff
}

@media only all and (max-width: 768px) {
	.ncontent img {
		width: 100% !important;
		height: auto !important
	}
}

@media only all and (max-width: 768px) {
	.erweima {
		width: 20% !important;
		display: none
	}
}

@media only all and (max-width: 768px) {
	.erweima-intro {
		display: none !important
	}
}

.newsdetailcon {
	padding-top: 60px;
	width: 1024px;
	margin: 0 auto
}

@media only all and (max-width: 1024px) {
	.newsdetailcon {
		width: 100%
	}
}

@media only all and (max-width: 768px) {
	.newsdetailcon {
		width: 100%;
		padding-top: 88px;
		position: relative
	}
}

.newsdetail {
	margin-bottom: 50px;
	background-color: #fff;
	width: 670px;
	height: 100%;
	min-height: 600px;
	float: left;
	padding: 30px
}

@media only all and (max-width: 1024px) {
	.newsdetail {
		width: 60%
	}
}

@media only all and (max-width: 768px) {
	.newsdetail {
		width: 80%;
		margin: 10% auto;
		float: none
	}
}

.news_rwrap {
	background-color: #F9F9F9;
	width: 270px;
	height: 100%;
	float: right
}

@media only all and (max-width: 1024px) {
	.news_rwrap {
		width: 30%
	}
}

@media only all and (max-width: 768px) {
	.news_rwrap {
		float: none;
		position: absolute !important;
		height: 50px;
		top: 40px;
		left: 50%;
		width: 270px;
		margin-left: -135px
	}
}

@media only all and (max-width: 768px) {
	.news_rwrap {
		background: none
	}
}

.newsrfix {
	background-color: #F9F9F9;
	z-index: 888;
	width: 227px;
	padding: 30px 23px 30px 20px;
	height: 485px
}

@media only all and (max-width: 1024px) {
	.newsrfix {
		width: 100%;
		padding: 30px 0
	}

	.newsrfix .nmorepage {
		padding: 0px 20px
	}
}

@media only all and (max-width: 768px) {
	.newsrfix {
		width: 100%;
		height: 100%;
		position: absolute !important;
		padding: 0;
		background: none
	}
}

.ncontent .sharebtn {
	margin-top: 165px;
	background-color: #F5F5F5;
	width: 650px;
	height: 30px;
	padding: 12px 0 0 10px;
	text-align: left
}

@media only all and (max-width: 768px) {
	.ncontent .sharebtn {
		display: none !important
	}
}

.news_rwrap .npages {
	color: #454545;
	font-size: 14px;
	padding-left: 4px;
	background-color: #F3F3F3;
	line-height: 40px;
	height: 40px;
	margin-bottom: 40px
}

@media only all and (max-width: 768px) {
	.news_rwrap .npages {
		padding-left: 25px;
		margin: 30px auto 20px auto
	}
}

@media only all and (max-width: 768px) {
	.news_rwrap .nmorepage {
		display: none
	}
}

.news_rwrap .nmorepage p {
	font-size: 15px;
	color: #454545;
	padding-bottom: 20px
}

.news_rwrap .nmorepage a {
	color: #767676
}

.news_rwrap .nmorepage a:hover {
	color: #E83828;
	text-decoration: underline
}

.news_rwrap .nmorepage li {
	padding-left: 18px;
	background: url(../images/nmorepagetags.png) no-repeat left center;
	line-height: 27px
}

.news_rwrap .nmorepage li:hover {
	background: url(../images/nmorepagetags_hover.png) no-repeat left center
}

.npages .nprepage {
	margin-right: 18px;
	padding-left: 20px;
	background: url(../images/nprepage.png) no-repeat 3px center
}

.npages .nprepage:hover {
	background: url(../images/nprepage_hover.png) no-repeat 3px center;
	color: #E83828
}

.npages a {
	color: #454545
}

.npages a:hover {
	color: #E83828;
	text-decoration: underline
}

.npages .nbacklist {
	padding-left: 22px;
	background: url(../images/ntobacklist.png) no-repeat 3px center
}

.npages .nbacklist:hover {
	background: url(../images/ntobacklist_hover.png) no-repeat 3px center;
	color: #E83828
}

.npages .nnextpage {
	margin-left: 18px;
	padding-right: 20px;
	background: url(../images/nnextpage.png) no-repeat right center
}

.npages .nnextpage:hover {
	background: url(../images/nnextpage_hover.png) no-repeat right center;
	color: #E83828
}

.npages .news_title {
	padding-bottom: 8px;
	font-size: 30px;
	font-weight: bold;
	color: #454545
}

.newstime {
	margin-bottom: 30px;
	color: #9c9c9c;
	padding-bottom: 12px;
	border-bottom: 1px solid #CCCCCC
}

.dcase-small {
	width: 100%;
	display: none
}

@media only all and (max-width: 1024px) {
	.dcase-small {
		display: block
	}
}

.dacase-title {
	width: 76%;
	margin: 0 auto;
	margin-bottom: 20px;
	background: #fff;
	padding: 10px 30px
}

.dacase-title h1 {
	width: 220px;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	margin-bottom: 15px;
	border-bottom: 3px solid #E83828;
	padding-bottom: 10px
}

@media only all and (max-width: 640px) {
	.dacase-title h1 {
		font-size: 20px
	}
}

@media only all and (max-width: 480px) {
	.dacase-title h1 {
		font-size: 18px
	}
}

.dacase-title p {
	line-height: 20px
}

.dacase-view {
	width: 80%;
	height: 100%;
	margin: 0 auto
}

.dacase-view img {
	width: 100%
}

.case-wrap {
	width: 100%;
	min-height: 650px;
	*margin-top: -30px
}

.case-wrap .case-logo {
	text-align: center;
	padding-top: 5%;
	margin: 0 auto
}

.case-wrap .case-logo img {
	width: 100%
}

@media only all and (max-width: 1440px) {
	.case-wrap .case-logo {
		padding-top: 10%
	}
}

@media only all and (max-width: 640px) {
	.case-wrap .case-logo {
		padding-top: 15%
	}
}

.case-wrap .pad-img {
	text-align: center;
	margin: 0 auto;
	margin-top: 5%;
	width: 42%
}

@media only all and (max-width: 640px) {
	.case-wrap .pad-img {
		width: 80% !important
	}
}

.case-wrap .pad-img img {
	width: 60%
}

.case-wrap .case-intro {
	width: 52%;
	margin: 0 auto;
	margin-top: 6%
}

@media only all and (max-width: 1024px) {
	.case-wrap .case-intro {
		width: 70%
	}
}

@media only all and (max-width: 640px) {
	.case-wrap .case-intro {
		width: 75%
	}
}

.case-wrap .case-intro h2 {
	font-size: 24px;
	color: #333333;
	text-align: center
}

.case-wrap .case-intro p {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	margin-top: 4%
}

.case-wrap .case-flag {
	overflow: hidden;
	margin-top: 5%;
	padding-top: 5px
}

.case-wrap .case-flag .flag-l {
	float: left
}

@media only all and (max-width: 640px) {
	.case-wrap .case-flag .flag-l {
		float: none;
		overflow: hidden;
		margin-bottom: 15px
	}
}

.case-wrap .case-flag .flag-l .flag-box {
	display: block;
	padding: 10px;
	font-size: 12px;
	border: 1px #cccccc solid;
	color: #666666;
	float: left;
	margin-right: 10px
}

@media only all and (max-width: 640px) {
	.case-wrap .case-flag .flag-l .flag-box {
		margin-bottom: 10px
	}
}

@media only all and (max-width: 320px) {
	.case-wrap .case-flag .flag-l .flag-box {
		padding: 10px 5px
	}
}

.case-wrap .case-flag .flag-l .flag-box:hover {
	margin-top: -5px
}

@media only all and (max-width: 640px) {
	.case-wrap .case-flag .flag-l .flag-box:hover {
		margin-top: 0
	}
}

.case-wrap .case-flag .ncontent p {
	color: #333
}

.case-wrap .case-flag .more {
	float: right;
	width: 95px;
	height: 30px;
	font-size: 12px;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	display: block;
	background: url(../images/case/more_bg.png) no-repeat
}

@media only all and (max-width: 640px) {
	.case-wrap .case-flag .more {
		float: none
	}
}

.case-wrap .case-flag .more:hover {
	margin-top: -5px
}

@media only all and (max-width: 640px) {
	.case-wrap .case-flag .more:hover {
		margin-top: 0
	}
}

.case-wrap .phone-img {
	text-align: center;
	margin: 0 auto;
	margin-top: 12%
}

.case-wrap .phone-img img {
	width: 100%
}

.case-wrap .display-cases {
	width: 100%;
	margin-top: 5%;
	padding-top: 6%;
	padding-bottom: 6%;
	background-color: #eeeeee;
	overflow: hidden
}

.case-wrap .display-cases h2 {
	font-size: 24px;
	color: #333333;
	text-align: center
}

.case-wrap .display-cases .display-img {
	margin: 0 auto;
	width: 47%;
	margin-top: 3%
}

@media only all and (max-width: 640px) {
	.case-wrap .display-cases .display-img {
		width: 90% !important
	}
}

.case-wrap .display-cases .display-img img {
	width: 100%;
	margin-top: 2%
}

.case-wrap .case-foot {
	width: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 5%;
	padding-bottom: 5%
}

.case-wrap .case-foot p {
	text-align: center;
	font-size: 14px;
	color: #666666;
	margin-top: 5px
}

.case-wrap .case-foot p a {
	color: #666666
}

.case-wrap .case-foot p a:hover {
	text-decoration: underline
}

.case-wrap .case-foot p.p_wechat {
	margin-top: 30px
}

.case-wrap .case-foot p.thank {
	margin-top: 60px
}

.stw-wrap {
	background: url(../images/case/stw_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.stw-wrap .case-logo {
	width: 25%
}

@media only all and (max-width: 640px) {
	.stw-wrap .case-logo {
		width: 50%
	}
}

.stw-wrap .pad-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.stw-wrap .flag-box {
		margin-bottom: 15px
	}
}

.stw-wrap .display-cases .display-img {
	width: 52%
}

.dj-wrap {
	background: url(../images/case/dj_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.dj-wrap .case-logo {
	width: 20%
}

@media only all and (max-width: 640px) {
	.dj-wrap .case-logo {
		width: 50%
	}
}

.dj-wrap .pad-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.dj-wrap .flag-box {
		margin-bottom: 15px
	}
}

.dj-wrap .phone-img {
	width: 100%
}

.dj-wrap .display-cases .display-img {
	width: 52%
}

.bhc-wrap {
	background: url(../images/case/bhc_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.bhc-wrap .case-logo {
	width: 9%
}

@media only all and (max-width: 640px) {
	.bhc-wrap .case-logo {
		width: 30%
	}
}

.bhc-wrap .pad-img {
	width: 52%
}

.bhc-wrap .display-cases .display-img {
	width: 50%
}

.fst-wrap {
	background: url(../images/case/fst_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.fst-wrap .case-logo {
	width: 14%
}

@media only all and (max-width: 640px) {
	.fst-wrap .case-logo {
		width: 40%
	}
}

.fst-wrap .pad-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.fst-wrap .flag-box {
		margin-bottom: 15px
	}
}

.fst-wrap .display-cases .display-img {
	width: 50%
}

.sl-wrap {
	background: url(../images/case/sl_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.sl-wrap .case-logo {
	width: 27%
}

@media only all and (max-width: 640px) {
	.sl-wrap .case-logo {
		width: 50%
	}
}

.sl-wrap .pad-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.sl-wrap .flag-box {
		margin-bottom: 15px
	}
}

.sl-wrap .display-cases .display-img {
	width: 50%
}

.wk-wrap {
	background: url(../images/case/wk_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.wk-wrap .case-logo {
	width: 10%
}

@media only all and (max-width: 640px) {
	.wk-wrap .case-logo {
		width: 30%
	}
}

.wk-wrap .pad-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.wk-wrap .flag-box {
		margin-bottom: 15px
	}
}

.wk-wrap .display-cases .display-img {
	width: 50%
}

.wk-wrap .display-cases .display-img img {
	margin-top: -4px
}

.xgll-wrap {
	background: url(../images/case/xgll_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.xgll-wrap .case-logo {
	width: 21%
}

@media only all and (max-width: 640px) {
	.xgll-wrap .case-logo {
		width: 50%
	}
}

.xgll-wrap .pad-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.xgll-wrap .flag-box {
		margin-bottom: 15px
	}
}

.xgll-wrap .display-cases .display-img {
	width: 50%
}

.gp-wrap {
	background: url(../images/case/gp_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.gp-wrap .case-logo {
	width: 13%
}

@media only all and (max-width: 640px) {
	.gp-wrap .case-logo {
		width: 30%
	}
}

.gp-wrap .pad-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.gp-wrap .flag-box {
		margin-bottom: 15px
	}
}

.gp-wrap .display-cases .display-img {
	width: 52%
}

.kltn-wrap {
	background: url(../images/case/kltn_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.kltn-wrap .case-logo {
	width: 24%
}

@media only all and (max-width: 640px) {
	.kltn-wrap .case-logo {
		width: 50%
	}
}

.kltn-wrap .pad-img {
	width: 52%
}

.kltn-wrap .display-cases {
	background-color: #FFFFFF;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0
}

.kltn-wrap .display-cases .display-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.kltn-wrap .display-cases .display-img {
		width: 90%
	}
}

.kltn-wrap .display-cases .display-img img {
	margin-top: 10%
}

.slw-wrap {
	background: url(../images/case/slw_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.slw-wrap .pad-img {
	width: 47%;
	margin-top: 0;
	padding-top: 5%
}

.slw-wrap .case-intro {
	margin-top: 2%
}

.slw-wrap .display-cases {
	background-color: #FFFFFF;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0
}

.slw-wrap .display-cases .display-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.slw-wrap .display-cases .display-img {
		width: 90%
	}
}

.slw-wrap .display-cases .display-img img {
	margin-top: 0
}

.xglw-wrap {
	background: url(../images/case/xglw_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.xglw-wrap .pad-img {
	width: 52%;
	margin-top: 0;
	padding-top: 9%
}

.xglw-wrap .display-cases {
	background-color: #DEDEDE
}

.xglw-wrap .display-cases .display-img {
	width: 52%
}

.sls-wrap {
	background: url(../images/case/sls_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.sls-wrap .pad-img {
	margin-top: 0;
	padding-top: 7%
}

.sls-wrap .case-intro {
	margin-top: 2%
}

.sls-wrap .phone-img {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.sls-wrap .display-cases .display-img {
	width: 52%
}

.wp-wrap {
	background: url(../images/case/wp_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.wp-wrap .pad-img {
	width: 52%;
	margin-top: 0;
	padding-top: 8%
}

.wp-wrap .case-intro {
	margin-top: 2%
}

.wp-wrap .phone-img {
	width: 100%
}

@media only all and (max-width: 640px) {
	.wp-wrap .flag-box {
		margin-bottom: 15px
	}
}

.wp-wrap .display-cases .display-img {
	width: 52%
}

.xgllp-wrap {
	background: url(../images/case/xgllp_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.xgllp-wrap .pad-img {
	width: 52%;
	margin-top: 0;
	padding-top: 8%
}

.xgllp-wrap .case-intro {
	margin-top: 2%
}

.xgllp-wrap .phone-img {
	width: 100%
}

.xgllp-wrap .display-cases .display-img {
	width: 52%
}

.zy-wrap {
	background: url(../images/case/zy_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.zy-wrap .pad-img {
	width: 25%;
	margin-top: 0;
	padding-top: 8%
}

@media only all and (max-width: 640px) {
	.zy-wrap .pad-img {
		width: 50% !important
	}
}

.zy-wrap .case-intro {
	margin-top: 2%
}

.zy-wrap .phone-img {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.zy-wrap .display-cases {
	max-height: 4300px;
	background-color: #000000;
	padding-top: 0;
	position: relative
}

.zy-wrap .display-cases h2 {
	color: #FFFFFF;
	position: absolute;
	top: 2%;
	left: 50%;
	margin-left: -106px
}

.zy-wrap .display-cases .display-img {
	width: 52% !important;
	margin-top: 0
}

@media only all and (max-width: 640px) {
	.zy-wrap .display-cases .display-img {
		padding-top: 20%
	}
}

.zy-wrap .display-cases .display-img img {
	margin-top: -4px
}

.pa-wrap {
	background: url(../images/case/pa_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.pa-wrap .pad-img {
	width: 52%;
	margin-top: 0;
	padding-top: 7%
}

.pa-wrap .phone-img {
	width: 100%
}

@media only all and (max-width: 640px) {
	.pa-wrap .phone-img {
		width: 80%
	}
}

.pa-wrap .display-cases .display-img {
	width: 52%
}

.pa-wrap .display-cases .display-img img {
	margin-top: -4px
}

.cltn-wrap {
	background: url(../images/case/cltn_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.cltn-wrap .case-logo {
	width: 24%
}

@media only all and (max-width: 640px) {
	.cltn-wrap .case-logo {
		width: 50%
	}
}

.cltn-wrap .pad-img {
	width: 52%
}

.cltn-wrap .flag-box {
	margin-bottom: 15px !important
}

.cltn-wrap .phone-img {
	overflow: hidden
}

.cltn-wrap .phone-img .pic,.cltn-wrap .phone-img .txt {
	float: left
}

.cltn-wrap .phone-img .pic {
	width: 72%
}

.cltn-wrap .phone-img .txt {
	width: 28%;
	margin-top: 10%
}

.cltn-wrap .display-img {
	position: relative
}

.cltn-wrap .display-img .txt {
	position: absolute;
	top: 15%;
	left: -10%;
	width: 27%
}

.cltn-wrap .display-img .txt img {
	width: 100%
}

@media only all and (max-width: 1600px) {
	.cltn-wrap .display-img .txt {
		left: -15%
	}
}

@media only all and (max-width: 1024px) {
	.cltn-wrap .display-img .txt {
		width: 50%;
		left: -20%
	}
}

@media only all and (max-width: 640px) {
	.cltn-wrap .display-img .txt {
		left: 0;
		width: 40%
	}
}

.cltn-wrap .display-cases {
	background-color: #FFFFFF;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0
}

.cltn-wrap .display-cases .display-title {
	text-align: center;
	margin-top: 7%
}

@media only all and (max-width: 640px) {
	.cltn-wrap .display-cases .display-title {
		width: 80%;
		margin-left: auto;
		margin-right: auto
	}

	.cltn-wrap .display-cases .display-title img {
		width: 100%
	}
}

.cltn-wrap .display-cases .display-img {
	width: 52%
}

@media only all and (max-width: 640px) {
	.cltn-wrap .display-cases .display-img {
		width: 90%
	}
}

.cltn-wrap .display-cases .display-img img {
	margin-top: 5%
}

.cltn-wrap .display-item {
	position: relative
}

.cltn-wrap .display-item .txt-1 {
	position: absolute;
	left: 0;
	top: 10%;
	width: 23%
}

.cltn-wrap .display-cases-g {
	background-color: #dedede;
	padding-top: 2%;
	margin-top: 5%;
	padding-bottom: 8%
}

.jg-wrap {
	background: url(../images/case/jg_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.jg-wrap .case-logo {
	width: 8%
}

@media only all and (max-width: 640px) {
	.jg-wrap .case-logo {
		width: 20%
	}
}

.jg-wrap .flag-box {
	margin-bottom: 15px !important
}

.jg-wrap .pad-img {
	width: 52%
}

.jg-wrap .display-cases .display-img {
	width: 52%
}

.jg-wrap .display-cases .display-img .img1 {
	margin-bottom: 20px
}

.jg-wrap .display-cases .display-img img {
	margin-top: -4px
}

.hy-wrap {
	background: url(../images/case/hy_bg.jpg) #fff top center no-repeat;
	background-size: 100%
}

.hy-wrap .case-logo {
	width: 11%;
	padding-top: 7%
}

@media only all and (max-width: 1440px) {
	.hy-wrap .case-logo {
		padding-top: 10%
	}
}

@media only all and (max-width: 640px) {
	.hy-wrap .case-logo {
		width: 20%;
		padding-top: 15%
	}
}

.hy-wrap .flag-box {
	margin-bottom: 15px !important
}

.hy-wrap .pad-img {
	width: 52%
}

.hy-wrap .display-cases .display-img {
	width: 52%
}

.hy-wrap .display-cases .display-img .img1 {
	margin-bottom: 20px
}

.hy-wrap .display-cases .display-img img {
	margin-top: -4px
}

.bg-wrap {
	background: url(../images/case/bg-wrap.jpg) #fff top center no-repeat;
	background-size: 100%
}

.bg-wrap .case-intro {
	margin-top: 30%
}

.bg-wrap .case-3d {
	margin-top: 100px;
	position: relative
}

.bg-wrap .case-3d img {
	display: block;
	width: 100%
}

.bg-wrap .case-3d .product1 {
	position: absolute;
	top: 27%;
	right: -15%;
	cursor: w-resize
}

.bg-wrap .case-3d .mouse {
	width: 70px;
	height: 30px;
	margin: 20px auto auto auto;
	background: url(../images/case/mouse.png) no-repeat 50% 50%
}

.bg-wrap .case-3d .mouse a {
	display: block;
	width: 15px;
	height: 30px
}

.bg-wrap .case-3d .mouse .left-arrow {
	float: left;
	background: url(../images/case/left-arrow.png) no-repeat 50% 50%
}

.bg-wrap .case-3d .mouse .right-arrow {
	float: right;
	background: url(../images/case/right-arrow.png) no-repeat 50% 50%
}

@media only all and (max-width: 640px) {
	.bg-wrap {
		background: url(../images/case/bg-wrap.jpg) #fff 50% 46px no-repeat;
		background-size: 100%
	}

	.bg-wrap .case-intro {
		margin-top: 35%
	}
}

.down-arrow {
	width: 70px;
	height: 70px;
	margin: 70px auto;
	background: url(../images/case/down_arrow.png) no-repeat;
	cursor: pointer
}

.case-other {
	width: 100%;
	background-color: #f3f3f3;
	padding: 55px 0;
	overflow: hidden
}

.case-other .case-other-con {
	width: 1240px;
	margin: 0 auto
}

@media only all and (max-width: 1280px) {
	.case-other .case-other-con {
		width: 80%
	}
}

@media only all and (max-width: 640px) {
	.case-other .case-other-con {
		width: 90%
	}
}

.case-other .case-other-con .title {
	padding-bottom: 15px;
	border-bottom: 1px #d2d2d2 solid;
	overflow: hidden;
	margin: 0 20px
}

@media only all and (max-width: 1280px) {
	.case-other .case-other-con .title {
		margin: 0 1%
	}
}

@media only all and (max-width: 640px) {
	.case-other .case-other-con .title {
		margin: 0
	}
}

.case-other .case-other-con .title h2 {
	font-size: 30px;
	color: #585858;
	float: left
}

.case-other .case-other-con .title a.more {
	font-size: 12px;
	float: right;
	margin-top: 10px;
	color: #767676;
	width: 70px;
	height: 20px;
	line-height: 20px;
	display: block;
	background: url(http://img.17sucai.com.cn/more_btn_01.png) no-repeat;
	padding-left: 12px
}

.case-other .case-other-con .title a.more:hover {
	color: #fff;
	background: url(../images/more_btn_03.png) no-repeat
}

.case-other .case-other-con .other-items {
	margin: 30px 19px;
	float: left;
	width: 375px
}

@media only all and (max-width: 1280px) {
	.case-other .case-other-con .other-items {
		margin: 10px 1%;
		width: 31%
	}
}

@media only all and (max-width: 640px) {
	.case-other .case-other-con .other-items {
		width: 100%;
		margin: 10px 0
	}
}

.case-other .case-other-con .other-items img {
	width: 100%
}

.case-other .case-other-con .other-items h3 {
	font-size: 18px;
	color: #585858;
	margin-top: 25px
}

.case-other .case-other-con .other-items p {
	margin-top: 10px
}

.case-other .case-other-con .other-items p a {
	display: block;
	padding: 5px;
	float: left;
	border: 1px #d2d2d2 solid;
	font-size: 12px;
	color: #666666;
	margin-right: 10px;
	margin-bottom: 15px
}

.case-other .case-other-con .other-items p a:hover {
	background-color: #e83828;
	color: #ffffff;
	border: 1px #e83828 solid;
	margin-top: -5px
}