/* CSS Document */
@font-face {
	font-family: 'Conv_GroteskXCond-Bold';
	src: url('fonts/GroteskXCond-Bold.eot');
	src: url('fonts/GroteskXCond-Bold.woff') format('woff'), url('fonts/GroteskXCond-Bold.ttf') format('truetype'), url('fonts/GroteskXCond-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
}
p{margin: 0;}

.w-5{max-width: 1500px;min-width: 1200px;margin: 0 auto;}
.wrap{padding-top: 20px;padding-bottom: 20px;}

.nbanner{background: url(../images/product/nbanner.jpg) center center no-repeat;height: 323px;}
.bdanner{background: url(../images/nban.jpg) center center no-repeat;height: 323px;}

.title{background: url(../images/product/bg-t.jpg) center center no-repeat;}
.title .T{float: left;font-family: 'Conv_GroteskXCond-Bold';font-size: 36px;line-height: 60px;color: #000;padding-right: 64px;background: url(../images/product/icon-title.jpg) right center no-repeat;text-transform: uppercase;padding-top: 30px;padding-bottom: 10px;padding-left: 10px;vertical-align: middle;}
.title ul{float: right;padding-right: 10px;padding-top: 20px;padding-bottom: 20px;}
.title ul li{float: left;width: 195px;text-align: center;}
.title ul li a{display: block;font-size: 18px;line-height: 60px;color: #656565;border-left: #e7e7e7 1px solid;border-top: #e7e7e7 1px solid;border-bottom: #e7e7e7 1px solid;position: relative;}
.title ul li:last-child a{border-right: #e7e7e7 1px solid;}
.title ul li a:after{content: '';display: block;position: absolute;width: 0;height: 2px;left: 50%;bottom: 0;background-color: #f0831e;-webkit-transition-duration: .6s;-o-transition-duration: .6s;transition-duration: .6s;}
.title ul li a.on:after,.title ul li a:hover:after{width: 100%;left: 0;}

.select-box{padding: 0 3%;}
.select{border-left:#e7e7e7 1px solid;border-right:#e7e7e7 1px solid;border-top:#e7e7e7 1px solid;position: relative;}
.select.las{border-bottom:#e7e7e7 1px solid;}
.select .T{position: absolute;left: 0;top: 0;height: 100%;width: 90px;background-color: #f5f5f5;border-right: #e7e7e7 1px solid;}
.select .T p{font-size: 14px;color: #333;}
.select .A{padding: 5px 10px 0 101px;}
.select .A a{display: inline-block;font-size: 12px;line-height: 28px;padding: 0 15px;color: #666;margin: 0 5px 5px;}
.select .A a:hover,.select .A a.on{background-color: #f0831e;color: #fff;}
/*网站案例列表*/
.plist ul li{float: left;width: 33.33%;box-sizing: border-box;padding: 0 2% 3%;}
.plist ul li a{display: block;}
.plist ul li a .pic-box{box-sizing: border-box;padding: 20px;border-radius: 15px;border:#e5e5e5 1px solid;text-align: center;display: table-cell;vertical-align: middle;overflow: hidden;}
.plist ul li a .pic-box img{max-width: 100%;max-height: 100%;-webkit-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.plist ul li a:hover .pic-box img{-webkit-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);transform: scale(0.95);}
.plist ul li a p{background: #f5f5f5 url(../images/product/icon-p.png) 85% 50% no-repeat;padding: 10px 60px;border-radius: 5px;margin-top: 20px;}
.plist ul li a p,.plist ul li a p *{-webkit-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.plist ul li a p big{display: block;font-size: 18px;line-height: 24px;color: #2d2e2f;}
.plist ul li a p small{font-size: 14px;line-height: 20px;color: #aaaaaa;}
.plist ul li a:hover p{background: #1a0d21 url(../images/product/icon-p-on.png) 90% 50% no-repeat;padding-left: 50px;}
.plist ul li a:hover p small,.plist ul li a:hover p big{color: #fff;}
/*网站案例详情*/
.pbanner{background-repeat: no-repeat;background-color: #f2f2f2;background-size: 100% auto;background-position: top center;}
.wapbanner{background-image: url(../images/product/wapbanner.jpg);}
.contentbox{padding-top: 380px;padding-bottom: 30px;}
.wapbox{padding-top: 160px;padding-bottom: 40px;}
.content{background-color: #fff;box-shadow: 0 0 24px rgba(0,0,0,0.6);padding-bottom: 20px;}
.contenttop{padding: 50px 60px;}
.contenttop .L{width: 590px;float: left;}
.contenttop .L span{display: block;font-size: 21px;line-height: 48px;font-family: "Times New Roman";color: #999;margin-bottom: 25px}
.contenttop .L strong{display: block;padding-bottom: 25px;font-size: 30px;line-height: 42px;color: #000;}
.contenttop .L p{font-size: 14px;line-height: 30px;color: #333;}
.contenttop .R{width: 350px;float: right;}
.contenttop .R span{display: block;font-size: 36px;line-height: 48px;font-family: "Times New Roman";color: #999;margin-bottom: 25px}
.contenttop .R p{font-size: 14px;line-height: 30px;color: #333;}
.contenttop .R a{display: inline-block;font-size: 14px;line-height: 44px;padding: 0 30px;margin-top: 15px;background-image: url(../images/product/contenta.jpg);-webkit-animation: bam1 3s linear infinite;-o-animation: bam1 3s linear infinite;animation: bam1 3s linear infinite;color: #fff;-webkit-transition-duration: 3s;-o-transition-duration: 3s;transition-duration: 3s;}
.contenttop .R a:hover{-webkit-animation: none;-o-animation: none;animation: none;}
.contentbot{padding-top: 30px;}
.wapc{background: url(../images/product/wapc.jpg);height: 881px;}
.wapc .L{width: 369px;float: left;padding-left: 221px;padding-top: 65px;}
.wapc .L .iphone{width: 327px;height: 563px;padding: 103px 18px 87px 24px;background: url(../images/product/iphone.png) no-repeat;overflow: visible;position: relative;z-index: 50;    transition:0.5s all;    -webkit-transition:0.5s all;    -moz-transition:0.5s all;    -o-transition:0.5s all;    -ms-transition:0.5s all;}
.wapc .L .iphone iframe{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;overflow: hidden;}
.wapc .R{width: 505px;float: right;padding-top: 150px;color: #fff;}
.wapc .R strong{font-size: 30px;line-height: 48px;}
.wapc .R p{padding: 30px 0 20px;text-align: left;line-height: 0;}
.wapc .R span{display: block;font-size: 24px;line-height: 40px;}
/*百度案例列表*/
.bdbg{background-color: #eeeeee;}
.bdbg h2{font-size: 30px;font-weight: bold;line-height: 48px;text-align: center;color: #191919;}
.bdbg h3{font-size: 18px;line-height: 36px;color: #656565;text-align: center;}

.bplist{background-color: #fff;box-shadow: 0 0 24px rgba(203,221,238,0.75);margin-top: 30px;padding: 40px 0;}
.child{float: left;padding: 0 20px 0 97px;width: 483px;height: 334px;background: url(../images/product/child.jpg) 20px 0 no-repeat;}
.sun{padding: 65px 25px 0 25px;border:#e7ebf5 1px solid;height: 268px;}
.pic-bg{padding: 20px;background-color: #f2f2f2;}
.child:hover .pic-bg{background-image: url(../images/product/pic-bg.jpg);-webkit-animation: bam2 3s linear infinite;-o-animation: bam2 3s linear infinite;animation: bam2 3s linear infinite;}
.pic-box{background-color: #fff;width: 381px;height: 132px;display: table-cell;vertical-align: middle;text-align: center;}
.pic-box img{max-height: 90%;max-width: 90%;}
.child a{display: inline-block;font-size: 14px;line-height: 36px;padding: 0 60px;margin-top: 25px;margin-left: 35px;border-radius: 18px;background-image: url(../images/product/contenta.jpg);-webkit-animation: bam1 3s linear infinite;-o-animation: bam1 3s linear infinite;animation: bam1 3s linear infinite;color: #fff;-webkit-transition-duration: 3s;-o-transition-duration: 3s;transition-duration: 3s;}
.child a:hover{-webkit-animation: none;-o-animation: none;animation: none;}








.gost-center{text-align: center;}
.gost-center:before{content: '';display: inline-block;width: 0%;height: 100%;vertical-align: middle;}
.gost-center p{display: inline-block;vertical-align: middle;}


.pclear:after{content: '';display: block;clear: both;}

@keyframes bam1 {
	0% { background-position:-368px bottom;}
	50% { background-position:0 bottom;}
	100%{ background-position:368px bottom;}
}

@keyframes bam2 {
	0% { background-position:-862px bottom;}
	50% { background-position:0 bottom;}
	100%{ background-position:862px bottom;}
}