a { text-decoration: none; transition: .5s; -webkit-transition: .5s; }
.case-bg { background-color: #f5f5f5; }
.banner-box { position: relative; margin-top: 69px; transition: all ease .5s; }
.banner-box.min { margin-top: 41px; }
.banner-box .pic { position: relative; overflow: hidden; }
.banner-box .pic span { padding-top: 26%; display: block; }
.banner-box .pic img { display: block; width: 100%; position: absolute; }
.banner-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner-height { height: 100%; }
.banner-container { max-width: 1060px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.banner-text { text-align: center; width: 99%; display: inline-block; vertical-align: middle; }
.banner-text h2 { font-size: 50px; line-height: 1.3; color: #fff; }
.banner-text p { font-size: 20px; line-height: 1.5; color: #fff; padding-top: 28px; }
.verticalmiddle { height: 100%; vertical-align: middle; display: inline-block; width: 1px; }
.banner-text .wap { display: none; }
.container { max-width: 1460px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.case-content { margin-top: 40px; margin-bottom: 50px; }
.case-content .left, .case-content .right { float: left; }
.case-content .left { width: 76%; background-color: #fff; box-shadow: 0px 8px 10px 3px #eee; }
.module1 { padding: 95px 140px 0 120px; }
.module1 p.suggest { font-size: 16px; line-height: 1.8; color: #666; padding-bottom: 62px; position: relative; display: block; }
.module1 p.honor { font-size: 14px; line-height: 1.3; color: #666; float: right; position: relative; }
.module1 p.honor span { font-size: 18px; line-height: 1.2; color: #333; padding-right: 12px; }
.module1 p.honor:before { content: ""; display: inline-block; width: 58px; height: 1px; background-color: #d2d2d2; position: absolute; bottom: 10px; left: -66px; }
.module1 p.suggest:before { content: ""; display: block; width: 24px; height: 15px; background: url(../images/module1-bg.png) left top no-repeat; position: absolute; top: -8px; left: -60px; }
.module1 p.suggest:after { content: ""; display: block; width: 24px; height: 15px; background: url(../images/module1-bg.png) left top no-repeat; position: absolute; bottom: 42px; right: -63px; }
.video { width: 100%; position: relative; display: block; margin-top: 75px; }
.video.videononetop { margin-top: 0; }
.video img { width: 100%; display: block; }
.video i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 64px; color: #fff; }
.video:hover i { color: #cc3947; transition: all ease .5s; }
.information { padding: 0 100px 60px; }
.information.case13-information { padding-bottom: 0; }
.information.case14 { padding-bottom: 0; }
.information h4 { font-size: 24px; line-height: 1.5; color: #333; padding: 75px 0 0; }
.information h4:first-child { padding-top: 63px; }
.information p.context { font-size: 16px; line-height: 1.8; color: #666; padding-top: 20px; }
.information p.context.font333 { color: #333; }
.information p.context.font666 { color: #666; font-size: 14px; }
.information p.context.fontweight { font-weight: bold; padding-top: 60px; }
.information p.context.padtop { padding-top: 60px; }
.information h6 { font-size: 16px; line-height: 1.5; color: #333; padding-top: 30px; font-weight: bold; }
.information p.context12 { font-size: 16px; line-height: 1.8; color: #666; padding-top: 12px; }
.information p.context b { color: #000; }
.business { margin-left: -10px; margin-right: -10px; }
.business li { float: left; width: 33.333%; padding: 0 10px; }
.business li img { max-width: 44px; width: 100%; padding: 30px 0 8px; }
.business li h5 { font-size: 16px; line-height: 1.5; color: #333; padding-bottom: 18px; }
.business li p { font-size: 14px; line-height: 1.6; color: #777; border-top: 1px solid #e0e0e0; padding-top: 18px; }
.business li:nth-child(3) img { margin-top: 9px; }
.business.case16business li:nth-child(3) img { margin-top: 0; max-width: 48px; }
.business.case16business li:first-child img, .business.case16business li:nth-child(2) img { padding-bottom: 12px; max-width: 49px; }
.business.business-half li { width: 50%; }
.business.business-half.case11business1 li:first-child img { margin: 5px 0 3px; }
.business.business-half.case11business1 li:nth-child(2) img { max-width: 39px; }
.business.business-half.case11business2 li:first-child img { margin: 5px 0; max-width: 50px; }
.business.case11business3 li:first-child img { margin-top: 9px; }
.business.case11business3 li:nth-child(3) img { margin-top: 0; max-width: 49px; }
.business.case8business1 li:first-child img { max-width: 46px; }
.business.case8business1 li:nth-child(2) img { max-width: 40px; }
.business.case8business1 li:nth-child(3) img, .business.case8business2 li:nth-child(3) img { max-width: 46px; margin-top: 0; }
.business.case8business2 li:first-child img { max-width: 44px; margin-bottom: 2px; }
.business.case8business2 li:nth-child(2) img { max-width: 40px; margin-bottom: 6px; }
.business.case10business li:nth-child(2) img { max-width: 42px; margin-bottom: 2px; }
.business.case10business li:nth-child(3) img { margin-top: 0; }
.business.case19business li:nth-child(2) img { padding-top: 26px; }
.business.case19business li:nth-child(3) img { margin-top: -1px; }
.business.case22business1 li:nth-child(2) img { padding-bottom: 9px; }
.business.case22business2 li:first-child img { padding: 38px 0 16px; }
.business.case22business2 li:nth-child(3) img { margin-top: 0; }
.business.cliniques li:nth-child(2) img { padding-top: 24px; }
.business.cliniques li:nth-child(3) img { margin-top: -8px; }
.solution { background: url(../images/case-solution-bg.png) left center repeat-y; margin-left: 8px; }
.solution li { padding-left: 34px; position: relative; }
.solution li i { font-size: 10px; color: #e0e0e0; position: absolute; top: 0; left: -5px; }
.solution h5 { font-size: 18px; line-height: 1.3; color: #333; margin: 40px 0 0; }
.solution li:first-child h5 { margin-top: 30px; }
.solution p { font-size: 14px; line-height: 1.6; color: #666; margin-top: 20px; }
.solution40 { margin-top: 40px; }
p.context:last-child { padding-bottom: 0; }
.foot { font-size: 14px; line-height: 1.3; color: #999; padding: 26px 0 0; border-top: 1px solid #e5e5e5; margin-top: 66px; }
.foot a { color: #999; }
.foot a:hover { border-bottom: 1px solid #999; }
.case-content .right { width: 24%; position: relative; }
.case-content .right.fix { }
.right-box { padding-left: 40px; width: 100%; }
a.project { width: 100%; display: block; background-color: #e50000; text-align: center; font-size: 18px; color: #fff; padding: 29px 0 24px 37px; position: relative; }
a.project:hover { background-color: #cc3947; }
a.project:before { content: ""; width: 25px; height: 25px; display: inline-block; background: url(../images/project-icon.png) left center no-repeat; position: absolute; left: 23%; top: 34%; }
.relate { margin-bottom: 20px; border: 1px solid #e5e5e5; }
.relate h4 { width: 100%; font-size: 16px; color: #333; padding: 22px 28px 19px; background-color: #e5e5e5; }
.bewrite { background-color: #fff; }
.bewrite-box { padding: 30px 28px; border-bottom: 1px dashed #e5e5e5; }
.bewrite-box:last-child { border-bottom: none; }
.bewrite-box h5 { font-size: 16px; line-height: 1.3; color: #333; font-weight: bold; padding-bottom: 10px; }
.bewrite-box h5 a { color: #333; }
.bewrite-box li { font-size: 14px; line-height: 1.3; color: #666; position: relative; padding-left: 10px; padding-bottom: 10px; }
.bewrite-box p.bewrite-box-title { font-size: 14px; line-height: 1.3; color: #000; padding-bottom: 10px; padding-top: 10px; }
.bewrite-box li a { color: #666; }
.bewrite-box h5 a:hover, .bewrite-box li a:hover { color: #cc3947; transition: all ease .5s; }
.bewrite-box li:before { content: ""; width: 2px; height: 9px; background-color: #cc3947; position: absolute; top: 4px; left: 0; }
.bewrite-box a.more-cases { font-size: 14px; color: #e50000; }
.bewrite-box a.more-cases:hover { text-decoration: underline; }
.figure { padding: 40px 0 0; text-align: center; }
.figure img { width: 100%; max-width: 500px; }
.figure img.img200 { max-width: 200px; }
.figure img.img760 { max-width: 760px; }
.figure img.img611 { max-width: 611px; }
.figure img.img463 { max-width: 463px; }
.figure img.img689 { max-width: 689px; }
.figure img.img700 { max-width: 700px; }
.figure img.img1045 { max-width: 1045px; }
.figure img.img600 { max-width: 600px; }
.figure span { text-align: center; font-size: 14px; line-height: 1.1; color: #666; display: block; padding-top: 14px; }
.ict-footer { position: static; }
.remarks { text-align: right; font-size: 14px; line-height: 1.3; color: #666; padding-top: 10px; padding: 40px 0 0; }
.remarks span { font-size: 14px; line-height: 2; color: #333; display: block; }
a.case-learn { font-size: 16px; color: #333; float: right; padding-top: 30px; padding-bottom: 40px; }
a.case-learn:hover { text-decoration: underline; }

/*S-= hc入口*/
.recent-activities { background: url(../images/recent-activities-bg.jpg) center center no-repeat; padding-top: 40%; display: block; position: relative; }
.recent-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.recent-box-left, .recent-box-right { width: 50%; float: left; }
.recent-box-left { text-align: center; vertical-align: middle; }
.recent-box-left p { display: inline-block; font-size: 12px; color: #e50000; padding: 6px 26px; border: 1px solid #e50000; border-radius: 50px; margin-top: 32%; }
.recent-box-right { padding-right: 10px; }
.recent-box-right img { width: 100%; max-width: 130px; margin-top: 20%; }
@media(max-width:1400px) {
	.recent-activities { padding-top: 42.8%; }
}
@media(max-width:1024px) {
	.recent-box-left p { padding: 2px 9px; }
}
@media(max-width:768px) {
	.recent-box { display: none; }
	.recent-activities { background: url(../images/recent-activities-wap-bg.jpg) center center no-repeat; background-size: contain; }
}

/*E-= hc入口*/
@media(max-width:1400px) {

	/*banner*/
	.banner-text h2 { font-size: 34px; }
	.banner-text p { font-size: 18px; padding-top: 20px; }

	/*content*/
	.case-content { margin-top: 30px; margin-bottom: 40px; }
	.module1 { padding: 69px 102px 60px 87px; }
	.module1.module1speacia { padding-bottom: 24px; }
	.module1.special { padding-bottom: 0; }
	.module1 p.suggest:before { left: -45px; }
	.module1 p.suggest:after { right: -48px; }
	.module1 p.suggest { padding-bottom: 42px; }
	.information { padding: 0 72px 50px; }
	.information h4:first-child { padding-top: 46px; }
	.information h4 { padding-top: 54px; }
	.solution h5 { margin-top: 30px; }
	.foot { margin-top: 48px; padding: 22px 0 0; }
	.right-box { padding-left: 30px; }
	a.project { padding: 20px 0 17px 26px; }
	.relate { border: none; margin-top: 10px; }
	.relate h4 { padding: 22px 20px 19px; }
	.bewrite-box { padding: 22px 20px; }
	.solution40 { margin-top: 28px; }
	a.project:before { top: 30%; }
}
@media(max-width:1240px) {
	a.project:before { left: 17%; }
	.banner-box { margin-top: 51px; }
}
@media(max-width:768px) {

	/*banner*/
	.banner-box { margin-top: 0; }
	.banner-block { position: static; background-color: #fff; }
	.banner-text h2 { font-size: 20px; color: #333; padding-top: 20px; }
	.banner-text p { font-size: 14px; color: #666; }
	.banner-text .wap { display: block; margin-top: 20px; }
	.banner-box .pic span { padding-top: 42.94%; }

	/*content*/
	.case-content { padding-left: 0; padding-right: 0; }
	.case-content .left, .case-content .right { float: none; }
	.case-content .left { width: 100%; box-shadow: none; }
	.case-content { margin-top: 10px; margin-bottom: 40px; }
	.module1 { padding: 68px 30px; }
	.module1.module1speacia { padding-bottom: 0px; }
	.module1 p.suggest:before { left: -12px; top: -20px; }
	.module1 p.suggest { font-size: 14px; }
	.module1 p.honor { text-align: right; }
	.module1 p.honor:before { display: none; }
	.module1 p.honor span { display: block; font-size: 16px; padding-bottom: 8px; }
	.module1 p.suggest:after { right: -6px; bottom: 25px; }
	.video { margin-top: 30px; }
	.video i { font-size: 40px; }
	.information { padding: 0 30px 35px; }
	.information h4 { font-size: 20px; }
	.information h4:first-child { padding-top: 32px; }
	.information p.context { font-size: 14px; line-height: 1.6; }
	.information h4 { padding: 34px 0 0; }
	.business li { width: 100%; float: none; }
	.business li img { max-width: 22px !important; padding: 14px 0 4px; }
	.business li h5 { font-size: 15px; }
	.business li:nth-child(3) img { margin-top: 0; }
	.solution h5 { font-size: 16px; }
	.solution li { padding-left: 20px; }
	.solution li i { top: 3px; }
	.case-content .right { width: 100%; }
	.right-box { padding-left: 0; }
	.right-box .project { display: none; }
	a.project { padding: 10px 0 10px 26px; font-size: 14px; }
	a.project:before { left: 31%; background-size: 80%; top: 4px; }
	.figure { padding: 12px 0 20px; }
	.solution li:first-child h5 { margin-top: 18px; }
	.solution h5 { margin-top: 20px; }
	.bewrite-box { padding: 16px 20px; }
	.information p.context.fontweight { padding-top: 40px; font-weight: normal; }
	.information h6 { padding-top: 20px; }
	.information p.context.padtop { padding-top: 30px; }
	.solution p { color: #999; }
	.business.business-half li { width: 100%; }
	.business.business-half.case11business1 li:first-child img, .business.business-half.case11business2 li:first-child img { margin: 0; }
}
@media(max-width: 360px){
	a.project{ padding-left: 40px; }
}

/*s-= 20170903 all-case-page*/
.allcases-page { background-color: #f5f5f5; padding-top: 73px; padding-bottom: 60px; }
.allcases-page h2 { font-size: 36px; color: #333; line-height: 1.1; text-align: center; padding: 56px 0 12px; }
.allcases-page .descripition { font-size: 24px; line-height: 1.1; color: #333; text-align: center; }
.allcasepage-box { background-color: #fff; margin: 66px 0 40px; }
.allcase-nav { padding: 16px 20px; font-size: 14px; border-bottom: 1px solid #e9e9e9; }
.allcase-nav.on { position: fixed; top: 0; /*left: 12.7%;*/ z-index: 10; width: 1420px; background-color: #fff; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); }
.ie8 .allcase-nav.on { width: 1460px; }
.allcase-nav:after { content: ""; display: table; clear: both; }
.allcase-nav h4, .allcase-nav .allredbtn, .allcase-nav ul { float: left; }
.allcase-nav ul li { float: left; }
.allcase-nav h4 { color: #999; line-height: 22px; }
.allcase-nav .allredbtn.on { color: #fff; border-radius: 50px; background-color: #e50000; }
.allcase-nav .allredbtn { color: #666; display: inline-block; margin: 0 8px 0 18px; line-height: 1; padding: 5px 8px; }
.allcase-nav ul li { padding: 0 12px; line-height: 22px; }
.allcase-nav ul li.on a { color: #fff; border-radius: 50px; background-color: #e50000; }
.allcase-nav ul li a { color: #666; display: inline-block; line-height: 1; padding: 5px 8px; border: none; outline: none; }
.allcase-nav ul li a:hover { color: #fff; border-radius: 50px; background-color: #e50000; }
.allcase-nav .wap-allcase-btn { display: none; text-align: center; color: #999; line-height: 1; position: relative; padding-left: 24px; margin: 15px 0; }
.allcase-nav .wap-allcase-btn i { position: absolute; top: 2%; left: 40%; }
.allcase-con { margin: 20px 20px 0 20px; }
.allcase-con ul { margin-left: -10px; margin-right: -10px; }
.allcase-con li { float: left; width: 25%; padding: 0 10px; display: none; }
.allcase-con li.on { display: block; }
.allcase-con li .case-conimg { position: relative; width: 100%; overflow: hidden; display: block; }
.allcase-con li .case-conimg img { width: 100%; transform: translate3d(0, 0, 0); transition: all ease .5s; }
.ict-case-industry { font-size: 12px; position: absolute; left: 0; top: 0; color: #ffffff; display: inline-block; line-height: 26px; padding: 0 10px; min-width: 110px; }
.allcase-con li .case-conimg i { position: absolute; left: 15px; bottom: 10px; font-size: 34px; line-height: 1; color: #ffffff; opacity: 1; transition: all ease .5s; }
.allcase-con li .case-context { padding: 10px 0 30px; }
.allcase-con li .case-context h5 { font-size: 16px; line-height: 1.625; color: #666; }
.spallcase #ajax-footer { position: absolute; left: 0; width: 100%; bottom: 0; }
@media(max-width:1420px) {
	.allcase-nav.on { width: 100%; left: 0; }
	.allcases-page { padding-bottom: 80px; }
	.allcases-page h2 { font-size: 32px; padding-top: 40px; }
	.allcases-page .descripition { font-size: 20px; }
	.allcasepage-box { margin: 40px 0 20px; }
}
@media(max-width:1024px) {
	.allcase-nav ul li { padding: 0 5px; }
	.allcase-nav ul li a { padding: 5px 5px; }
	.allcases-page { padding-top: 50px; }
}
@media(max-width:768px) {
	.allcase-con li { width: 50%; }
	.allcases-page { padding-bottom: 97px; padding-top: 0; }
}
@media(max-width:640px) {
	.allcases-page .container { padding-left: 15px; padding-right: 15px; }
	.allcase-con { margin: 0; }
	.allcase-con ul { margin-left: 0; margin-right: 0; }
	.allcase-con li { width: 100%; background-color: #f5f5f5; padding: 20px 0 0; }
	.allcases-page h2 { font-size: 24px; padding-top: 30px; }
	.allcases-page .descripition { font-size: 18px; }
	.allcasepage-box { margin-top: 20px; }
	.allcase-con li .case-conimg img { border-radius: 15px 15px 0 0; margin-bottom: -3px; }
	.allcase-con li .case-conimg span { border-radius: 15px 0 0 0; }
	.allcase-con li .case-context { background-color: #fff; padding: 20px; border-radius: 0 0 15px 15px; }
	.allcase-nav { padding: 0; text-align: center; }
	.allcase-nav h4 { display: none; }
	.allcase-nav ul { display: none; }
	.allcase-nav .wap-allcase-btn { display: inline-block; width: 100%; }
	.allcase-nav ul li { width: 25%; border-top: 1px solid #dedede; border-right: 1px solid #dedede; padding: 0; }
	.allcase-nav ul li:nth-child(4), .allcase-nav ul li:nth-child(8), .allcase-nav ul li:nth-child(12) { border-right: none; }
	.allcase-nav ul li a { padding: 15px 0; font-size: 13px; width: 100%; }
	.allcase-nav ul li.on a { border-radius: 0; }
}
.gradient-bg-ls { background: #ffd7a3; background: -moz-linear-gradient(left, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 98, 139, 0.76)), color-stop(100%, rgba(255, 215, 163, 0.02))); background: -webkit-linear-gradient(left, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%); background: -o-linear-gradient(left, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%); background: -ms-linear-gradient(left, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%); background: linear-gradient(to right, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%); }
.gradient-bg-smartcity { background: #78b1ee; background: -moz-linear-gradient(left, rgba(120, 177, 238, 0.76) 0%, rgba(120, 177, 238, 0.02) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(120, 177, 238, 0.76)), color-stop(100%, rgba(120, 177, 238, 0.02))); background: -webkit-linear-gradient(left, rgba(120, 177, 238, 0.76) 0%, rgba(120, 177, 238, 0.02) 100%); background: -o-linear-gradient(left, rgba(120, 177, 238, 0.76) 0%, rgba(120, 177, 238, 0.02) 100%); background: -ms-linear-gradient(left, rgba(120, 177, 238, 0.76) 0%, rgba(120, 177, 238, 0.02) 100%); background: linear-gradient(to right, rgba(120, 177, 238, 0.76) 0%, rgba(120, 177, 238, 0.02) 100%); }
.gradient-bg-ggaq { background: #52d6a9; background: -moz-linear-gradient(left, #52d6a9 0%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(82, 214, 169, 1)), color-stop(100%, rgba(82, 214, 169, 0))); background: -webkit-linear-gradient(left, rgba(82, 214, 169, 1) 0%, rgba(82, 214, 169, 0) 100%); background: -o-linear-gradient(left, rgba(82, 214, 169, 1) 0%, rgba(82, 214, 169, 0) 100%); background: -ms-linear-gradient(left, rgba(82, 214, 169, 1) 0%, rgba(82, 214, 169, 0) 100%); background: linear-gradient(to right, rgba(82, 214, 169, 1) 0%, rgba(82, 214, 169, 0) 100%); }
.gradient-bg-ny { background: #64c8e5; background: -moz-linear-gradient(left, rgba(100, 200, 229, 1) 0%, rgba(100, 200, 229, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(100, 200, 229, 1)), color-stop(100%, rgba(100, 200, 229, 0))); background: -webkit-linear-gradient(left, rgba(100, 200, 229, 1) 0%, rgba(100, 200, 229, 0) 100%); background: -o-linear-gradient(left, rgba(100, 200, 229, 1) 0%, rgba(100, 200, 229, 0) 100%); background: -ms-linear-gradient(left, rgba(100, 200, 229, 1) 0%, rgba(100, 200, 229, 0) 100%); background: linear-gradient(to right, rgba(100, 200, 229, 1) 0%, rgba(100, 200, 229, 0) 100%); }
.gradient-bg-jr { background: #6488e5; background: -moz-linear-gradient(left, rgba(100, 136, 229, 1) 0%, rgba(100, 136, 229, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(100, 136, 229, 1)), color-stop(100%, rgba(100, 136, 229, 0))); background: -webkit-linear-gradient(left, rgba(100, 136, 229, 1) 0%, rgba(100, 136, 229, 0) 100%); background: -o-linear-gradient(left, rgba(100, 136, 229, 1) 0%, rgba(100, 136, 229, 0) 100%); background: -ms-linear-gradient(left, rgba(100, 136, 229, 1) 0%, rgba(100, 136, 229, 0) 100%); background: linear-gradient(to right, rgba(100, 136, 229, 1) 0%, rgba(100, 136, 229, 0) 100%); }
.gradient-bg-jt { background: #e56464; background: -moz-linear-gradient(left, rgba(229, 100, 100, 1) 0%, rgba(229, 100, 100, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(229, 100, 100, 1)), color-stop(100%, rgba(229, 100, 100, 0))); background: -webkit-linear-gradient(left, rgba(229, 100, 100, 1) 0%, rgba(229, 100, 100, 0) 100%); background: -o-linear-gradient(left, rgba(229, 100, 100, 1) 0%, rgba(229, 100, 100, 0) 100%); background: -ms-linear-gradient(left, rgba(229, 100, 100, 1) 0%, rgba(229, 100, 100, 0) 100%); background: linear-gradient(to right, rgba(229, 100, 100, 1) 0%, rgba(229, 100, 100, 0) 100%); }
.gradient-bg-zz { background: #e5b364; background: -moz-linear-gradient(left, rgba(229, 179, 100, 1) 0%, rgba(229, 179, 100, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(229, 179, 100, 1)), color-stop(100%, rgba(229, 179, 100, 0))); background: -webkit-linear-gradient(left, rgba(229, 179, 100, 1) 0%, rgba(229, 179, 100, 0) 100%); background: -o-linear-gradient(left, rgba(229, 179, 100, 1) 0%, rgba(229, 179, 100, 0) 100%); background: -ms-linear-gradient(left, rgba(229, 179, 100, 1) 0%, rgba(229, 179, 100, 0) 100%); background: linear-gradient(to right, rgba(229, 179, 100, 1) 0%, rgba(229, 179, 100, 0) 100%); }
.gradient-bg-isp { background: #73dbb6; background: -moz-linear-gradient(left, rgba(115, 219, 182, 1) 0%, rgba(115, 219, 182, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(115, 219, 182, 1)), color-stop(100%, rgba(115, 219, 182, 0))); background: -webkit-linear-gradient(left, rgba(115, 219, 182, 1) 0%, rgba(115, 219, 182, 0) 100%); background: -o-linear-gradient(left, rgba(115, 219, 182, 1) 0%, rgba(115, 219, 182, 0) 100%); background: -ms-linear-gradient(left, rgba(115, 219, 182, 1) 0%, rgba(115, 219, 182, 0) 100%); background: linear-gradient(to right, rgba(115, 219, 182, 1) 0%, rgba(115, 219, 182, 0) 100%); }
.gradient-bg-mz { background: #bf6ee9; background: -moz-linear-gradient(left, rgba(191, 110, 233, 1) 0%, rgba(191, 110, 233, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(191, 110, 233, 1)), color-stop(100%, rgba(191, 110, 233, 0))); background: -webkit-linear-gradient(left, rgba(191, 110, 233, 1) 0%, rgba(191, 110, 233, 0) 100%); background: -o-linear-gradient(left, rgba(191, 110, 233, 1) 0%, rgba(191, 110, 233, 0) 100%); background: -ms-linear-gradient(left, rgba(191, 110, 233, 1) 0%, rgba(191, 110, 233, 0) 100%); background: linear-gradient(to right, rgba(191, 110, 233, 1) 0%, rgba(191, 110, 233, 0) 100%); }
.gradient-bg-jy { background: #658ae5; background: -moz-linear-gradient(left, rgba(101, 138, 229, 1) 0%, rgba(101, 138, 229, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(101, 138, 229, 1)), color-stop(100%, rgba(101, 138, 229, 0))); background: -webkit-linear-gradient(left, rgba(101, 138, 229, 1) 0%, rgba(101, 138, 229, 0) 100%); background: -o-linear-gradient(left, rgba(101, 138, 229, 1) 0%, rgba(101, 138, 229, 0) 100%); background: -ms-linear-gradient(left, rgba(101, 138, 229, 1) 0%, rgba(101, 138, 229, 0) 100%); background: linear-gradient(to right, rgba(101, 138, 229, 1) 0%, rgba(101, 138, 229, 0) 100%); }
.gradient-bg-yl { background: #68b8eb; background: -moz-linear-gradient(left, rgba(104, 184, 235, 1) 0%, rgba(104, 184, 235, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(104, 184, 235, 1)), color-stop(100%, rgba(104, 184, 235, 0))); background: -webkit-linear-gradient(left, rgba(104, 184, 235, 1) 0%, rgba(104, 184, 235, 0) 100%); background: -o-linear-gradient(left, rgba(104, 184, 235, 1) 0%, rgba(104, 184, 235, 0) 100%); background: -ms-linear-gradient(left, rgba(104, 184, 235, 1) 0%, rgba(104, 184, 235, 0) 100%); background: linear-gradient(to right, rgba(104, 184, 235, 1) 0%, rgba(104, 184, 235, 0) 100%); }
.gradient-bg-hzhb { background: #d6af53; background: -moz-linear-gradient(left, rgba(214, 175, 83, 1) 0%, rgba(214, 175, 83, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(214, 175, 83, 1)), color-stop(100%, rgba(214, 175, 83, 0))); background: -webkit-linear-gradient(left, rgba(214, 175, 83, 1) 0%, rgba(214, 175, 83, 0) 100%); background: -o-linear-gradient(left, rgba(214, 175, 83, 1) 0%, rgba(214, 175, 83, 0) 100%); background: -ms-linear-gradient(left, rgba(214, 175, 83, 1) 0%, rgba(214, 175, 83, 0) 100%); background: linear-gradient(to right, rgba(214, 175, 83, 1) 0%, rgba(214, 175, 83, 0) 100%); }
.commentrated { margin-top: 75px; border-top: 1px solid #e5e5e5; }
.commentrated .con { }
.readrated { margin-top: 20px; color: #999; font-size: 14px; line-height: 18px; }
.readrated .hasbeenread { display: inline-block; vertical-align: middle; border-right: 1px solid #dbdbdb; padding-right: 20px; margin-right: 14px; background: url(../images/hasbeenread0img1.png) no-repeat 0 -4px; padding-left: 32px; }
.readrated span.line { display: none; width: 1px; height: 14px; background: #dbdbdb; vertical-align: text-bottom; padding: 0 30px; }
.readrated .hasbeenrated { display: inline-block; vertical-align: middle; }
.readrated .hasbeenrated ul { }
.readrated .hasbeenrated ul li { }
.readrated .hasbeenrated p { display: inline; }
.rated { }
.rated ul { }
.rated ul li { }
.rated p { font-size: 14px; line-height: 1.625; color: #999; text-align: center; margin-top: 10px; margin-bottom: 45px; }
.casecomment { }
#number { font-size: 14px; line-height: 1.625; color: #999; text-align: right; }
.casecomment .box { padding-left: 78px; margin-top: 10px; background: url(../images/casecomment-img1.png) no-repeat 1px 1px; position: relative; }
#casecommententer { display: block; width: 100%; min-height: 145px; border: 1px solid #d4d4d4; color: #666; font-size: 14px; line-height: 1.625; padding: 10px; outline: none; position: relative; z-index: 2; }
.casecommenttips { position: absolute; left: 88px; top: 10px; z-index: 1; }
.morecomments { display: none; }
.morecommentsmask { display: none; }
.casecomment a { display: inline-block; border: 1px solid #333333; border-radius: 50px; line-height: 1.625; font-size: 14px; padding: 8px 42px; margin-top: 20px; float: right; color: #666; }
.casecomment a:hover { background: #e50000; color: #fff; border-color: #e50000; }
.latestcomment { font-size: 14px; line-height: 1.625; color: #666; }
.latestcomment .afew { font-size: 14px; color: #666; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
.latestcomment .box { }
.latestcomment .box ul { }
.latestcomment .box ul li { border-bottom: 1px solid #e5e5e5; padding: 30px 0; }
.latestcomment .box ul li .commentright { padding-left: 65px; background: url(../images/casecomment-img1.png) no-repeat 1px 1px; min-height: 63px; }
.latestcomment .box ul li .commentright .ip { font-size: 16px; line-height: 1.625; color: #383838; margin-right: 15px; }
.latestcomment .box ul li .commentright .time { color: #999; font-size: 14px; }
.latestcomment .box ul li .commentright p { margin-top: 15px; }
#star { display: inline-block; vertical-align: middle; }
#star2 { margin: 50px auto 0; }
#star2 img { margin: 0 4px; }
.prevPage, .nextPage { font-family: 'iconfont' !important; position: relative }
.prevPage:before { font-size: 20px; position: absolute; top: 0px; left: 2px; content: '\e624'; color: #838383; }
.nextPage:before { font-size: 20px; position: absolute; top: 0px; left: 2px; content: '\e600'; color: #838383; }
.countYe { float: right !important; margin-right: 0 !important; text-align: right !important; }
.successtips { width: 240px; height: 200px; position: fixed; left: 50%; top: 50%; margin-left: -120px; margin-top: -100px; background: #fff; z-index: 9999; text-align: center; padding: 50px 20px; background-color: #fff; box-shadow: 3px 3px 17px 3px #eee; display: none; }
.successtips p { margin-top: 16px; }
@media(max-width:640px) {
	.readrated .hasbeenread { padding-right: 10px; margin-right: 5px; background: url(../images/hasbeenread0img1.png) no-repeat 0 -1px; padding-left: 22px; background-size: 18px; }
	.casecomment .box { padding-left: 0; margin-top: 10px; background: none; }
	#casecommententer { min-height: 34px; padding: 5px 10px; }
	.casecommenttips { left: 10px; top: 6px; }
	.casecomment a { border: none; float: none; color: #fff; background: #e50000; width: 140px; margin: 20px auto; display: block; }
	.latestcomment .box ul li .commentright { padding-left: 50px; background-size: 34px; }
	.latestcomment .box ul li .commentright .time { font-size: 12px; float: right; }
	.latestcomment .box ul li .commentright .ip { font-size: 12px; }
	.latestcomment .box ul li { padding: 20px 0; }
	.page { display: none !important; }
	.morecomments { display: block; text-align: center; padding-top: 20px; color: #999; }
	.morecommentsmask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 9; padding-top: 15px; }
	.morecommentsmask .iconfont { font-size: 30px; position: absolute; left: 4px; top: 0; color: #999; }
	.morecommentsmask .con { width: 100%; height: 100%; overflow-y: auto; }
	.position-fix { position: fixed; top: 0; left: 0; width: 100%; }
	.morecommentsmask em { display: block; background: #e5e5e5; text-align: center; }
	.morecommentsmask em img { width: 20px; padding-top: 3px; }
}



/*S-= 20170926案例详情页白皮书下载*/
a.white-paper-download2017 {width: 100%;display: block;background: url(../images/white-paper-download2017_bg.jpg) left top no-repeat; ;text-align: center;font-size: 18px;color: #000000;padding: 26px 0 19px 37px;position: relative; border: 1px solid #e5e5e5; margin-top: 20px;}
a.white-paper-download2017:hover { color: #e50000; }
a.white-paper-download2017:before { content: ""; width: 24px; height: 28px; display: inline-block; background: url(../images/white-paper-download2017_icon.png) left center no-repeat; position: absolute; left: 24.5%; top: 19px;}

a.wap.white-paper-download2017{ display: none; }
a.wap.white-paper-download2017:before{ left: 31.5%; top: 2px; background-size: 80%;}
@media(max-width: 768px){
	a.white-paper-download2017{ background-size: cover; font-size:14px; padding: 10px 0 10px 26px;}
	a.pc.white-paper-download2017{ display: none; }
	a.wap.white-paper-download2017{ display: block; margin-top: 10px; margin-bottom: 20px; }
}
@media(max-width:620px){
	a.wap.white-paper-download2017{ margin-bottom: 0; }
}
@media(max-width: 340px){
	a.white-paper-download2017{ padding-left: 32px; } 
}
/*E-= 20170926案例详情页白皮书下载*/


.oilgaspic.relate{ border:none; }
.oilgaspic img{ width: 100%; }

/*S-= 20171027底部白皮书项目咨询按钮*/
.mobil-bottombtn{ display: block; position: fixed; bottom: -50px; left: 0; background-color: #fff; width: 100%; border-top: 1px solid #e9e9e9; z-index: 10; }
.mobil-bottombtn a{ display: inline-block; font-size: 16px; color: #e50000; line-height: 50px; position: relative; text-align: center; float: left;width: 50%; padding-left: 28px; }
.mobil-bottombtn a:first-child{ border-right: 1px solid #e9e9e9; }
.mobil-bottombtn a:first-child:before{ content: ""; width: 16px; height: 19px; display: inline-block; background: url(../images/wap-white-paper-icon.png) left center no-repeat; position: absolute; left: 20%; top: 13px;}
.mobil-bottombtn a:last-child:before{ content: ""; width: 18px; height: 18px; display: inline-block; background: url(../images/wap-project-icon.png) left center no-repeat; position: absolute; left: 15%; top: 14px;}
@media(max-width: 768px){
	.mobil-bottombtn.on{ bottom: 0; transition: all ease .8s; }
}
@media(max-width: 340px){
	.mobil-bottombtn a{ font-size: 14px; }
	.case-bg .ict-footer{ margin-bottom: 50px; }
}
/*E-= 20171027底部白皮书项目咨询按钮*/


/*20171101项目咨询白皮书浮动按钮PC端*/
.v2-btn-float.fixed{ position: fixed; top: 60px; width: 15.8%; }
@media(max-width: 1400px){
	.v2-btn-float.fixed{ width: 21.1%; }
}

/*S-= 20171101 banner PC端新增两个按钮，按钮很多了，不改动别的，所以新增两个，方便删除更新*/
.v2-btn-banner{ max-width: 460px; margin:0 auto; margin-top: 45px; }
.v2-btn-banner a{ float: left; display: inline-block; font-size: 16px; color: #fff; position: relative; padding:18px 46px 16px 75px; background-color: #e50000; }
.v2-btn-banner a:hover{ background-color: #cc3947;}
.v2-btn-banner a.open-regster1{ margin-right: 20px; }
.v2-btn-banner a.open-regster1:before{ content: ""; width: 18px; height: 18px; display: inline-block; background: url(../images/v2-btn-banner-icon1.png) left center no-repeat; position: absolute; left: 21%; top: 17px;}
.v2-btn-banner a.open-regster3:before{ content: ""; width: 16px; height: 19px; display: inline-block; background: url(../images/v2-btn-banner-icon2.png) left center no-repeat; position: absolute; left: 22%; top: 17px;}
@media(max-width: 1400px){
	.v2-btn-banner{ margin-top: 30px; max-width: 415px; }
	.v2-btn-banner a{ padding: 14px 34px 12px 64px; }
	.v2-btn-banner a.open-regster1:before{ left: 20%; top: 12px; }
	.v2-btn-banner a.open-regster3:before{ left: 21%; top: 12px; }
}
@media(max-width: 768px){
	.v2-btn-banner{ display: none; }
}
/*E-= 20171101 banner PC端