.services {width:1200px;margin:20px auto 40px auto; overflow:hidden;}
.section-header {width:100%;line-height:90px;text-align:center;margin-bottom:30px;margin-top: 130px;}
.section-header p{line-height:30px; font-size:14px;}
@media (min-width: 1200px){.services .service-box {width:180px; height:200px;margin:0 10px 0 10px; }}
.services .service-box {float:left; background:#0754ae;color:#fff;border-radius:5px;}
.services .service-box h3{font-size:18px; text-align:center;}
.services .service-box p{font-size:13px;padding:0 15px; text-align:center;}
.services .service-box i{color: #FFF;
    font-size: 60px;
	width:59px;
    display: block;margin: 15px auto;}


.inner {width:1200px; margin:0 auto;}
/*custom*/
.custom {background:url(../images/banner-bg.jpg) no-repeat top center; width:100%; padding:50px 0 60px; color:#fff; text-align:center;}
.custom .title {font-size:30px; margin-bottom:25px; line-height:20px;}
.custom .des {margin-bottom:50px;}
.custom .des p {margin-bottom:15px; font-size:14px; text-transform}
.custom .select a {display:inline-block; padding:10px 20px; margin:0 20px; border:1px solid #fff; border-radius:3px; color:#fff;}
.custom .select a:hover,.custom .select a.on {background-color:#3ca5f6; border:1px solid #3ca5f6; color:#fff;}
/*reason*/
.reason {padding:40px 0; overflow:hidden;}
.reason h3,.showcase h3,.work h3,.price-box h3 {font-weight:normal; text-align:center; font-size:30px;margin:0; margin-bottom:30px; line-height:38px;color:#000;}
.reason ul {overflow:hidden;}
.reason ul li {float:left; width:33%; padding:30px; text-align:center;}
.reason ul li h4 {font-size:18px; font-weight:normal; margin-bottom:10px;color:#000;}
.reason ul li p {font-size:14px; color:#666;line-height:30px;}
.reason ul li i {display:block; font-size:50px; margin:0 auto 15px; width:120px; height:120px; text-align:center; line-height:120px; border-radius:50%; background-color:#DAFAE7; color:#2CB663;}
.reason ul li i.icon-cogalt {background-color:#FCEFD2; color:#F4B329;}
.reason ul li i.icon-code {background-color:#FDE2E2; color:#F96C6C;}
.reason ul li i.icon-brush {background-color:#F3E1FA; color:#BD72D9;}
.reason ul li i.icon-globe {background-color:#DAEDFC; color:#249CFA;}
.reason ul li i.icon-downloadcloud {background-color:#D9F9FA; color:#0ACFD7;}
/*showcase*/
.showcase {background:#f6f6f6 url(../images/bg.png) repeat top center; padding:40px 0 30px; width:100%; position:relative;}
.showcase span.arrow-top,.showcase span.arrow-btm {border-bottom:none; border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #fff; position:absolute; left:50%; bottom:0; margin-left:-15px; height:0;}
.showcase span.arrow-btm {top:0;}
.showcase span.arrow-top {border-top:none; border-bottom:15px solid #fff;}
.showcase .inner {overflow:hidden;}
.showcase ul {width:1230px; overflow:hidden;}
.showcase ul li {float:left; width:380px; margin:20px 30px 20px 0; display:inline-block;}
.showcase ul li .thumbnail {margin-bottom:5px;}
.showcase ul li a {display:block; color:#555; padding:5px; border-radius:4px; transition:all 0.2s ease 0s;}
.showcase ul li p {padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.showcase ul li a:hover {box-shadow:0px 0px 5px #bbb; margin:5px; padding:0;}
/*show-item*/
.show-item {padding:60px 0 40px;}
.show-item .inner {overflow:hidden;}
.show-item .thumbnail {float:left; width:680px; margin-right:30px; display:inline-block;}
.show-item h1.title {color:#333; margin-bottom:15px;}
.show-item .desc {font-size:14px; color:#263D52; margin-bottom:30px;}
.show-item .other {text-align:left;}
.show-item .other a {background-color:#FD5D51; margin:0; padding:10px 40px; font-size:14px;}
/*work*/
.work {padding:40px 0; overflow:hidden;}
.work ul {overflow:hidden;}
.work ul li {float:left; width:16.66666%; text-align:center; padding:20px 1%;}
.work ul li .num {width:80px; height:80px;  border-radius:50%; text-align:center; line-height:80px; font-size:25px; background-color:#00B37D; margin:0 auto; color:#fff; margin-bottom:20px;}
.work ul li .num.two {background-color:#E9AE59;}
.work ul li .num.three {background-color:#FF9447;}
.work ul li .num.four {background-color:#3ca5f6;}
.work ul li .num.five {background-color:#E41E2B;}
.work ul li .num.six {background-color:#0754ae;}
.work ul li p.title {font-size:16px; color:#333;}
.work ul li p {font-size:12px; color:#777; margin-bottom:15px;}
.work .warning {font-size:14px; color:#888; text-align:center; margin-bottom:20px;}
.work .warning .icon-attention {color:#F7A31C;}
.work .price a {display:block; width:120px; height:40px; text-align:center; line-height:40px; background-color:#263D52; color:#fff; margin:0 auto; border-radius:3px;}
.work .work-wrap {padding-top:50px; overflow:hidden;  width:1220px;}
/*price-box*/
.price-box {background-color:#f8f8f8; width:100%; padding:30px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.price-box h3 {margin-bottom:15px;}
.price-box p.warning {text-align:center; font-size:14px; color:#555; margin-bottom:30px;}
.price-box .inner {overflow:hidden; padding-top:50px;}
.box {background-color:#fff; float:left; width:285px; text-align:center; margin:10px 20px 10px 0; border-radius:2px; position:relative;}
.box.mr0 {margin-right:0;}
.box .box-wrap {border:1px solid #eee;}
.box i {display:block; width:100px; height:100px; border-radius:50%; font-size:50px; margin:-50px auto 0; background-color:#3ca5f6; color:#fff; text-align:center; line-height:100px;}
.box i.icon-file-powerpoint {background-color:#6173F4;}
.box i.icon-zhifeiji {background-color:#F26522;}
.box i.icon-banshou {background-color:#E52B50;}
.box h4 {font-size:20px; font-weight:normal; line-height:1.7; padding:20px 10px; color:#333;}
.box .entry {padding:0 10px; font-size:14px; line-height:1.7; margin-bottom:20px; color:#777;}
.box .price {color:#263D52; padding:20px 10px 30px; font-size:16px;}
.box .price {font-size:14px;}
.box .price span {font-size:16px; margin-right:10px;}
.other {text-align:center;}
.other a {display:inline-block; background-color:#3ca5f6; color:#fff; padding:15px 40px; border-radius:5px; margin:2px 10px; font-size:16px;}
.other a.blue {background-color:#3ca5f6;}

/*screen width*/
@media only screen and (max-width:1280px){
	.inner {width:98%;}
	.work .work-wrap {width:101.666667%;}
	.box {width:23.360656%; margin: 10px 1.639344% 10px 0;}
	.showcase ul {width:102.5%;}
	.showcase ul li {width:30.894309%; margin: 20px 2.439024% 20px 0;}
	.reason ul li {width:28.333333%; padding: 30px 2.5%;}
	.news-item {width:31.666667%; margin: 20px 2.5% 20px 0;}
	.sidebar {width:29.166667%;}
	.show-item .thumbnail {width:56%;}
}
@media only screen and (max-width:960px){
	.showcase ul li p {font-size:14px;}
	.show-item h1.title {font-size:20px;}
	.show-item {padding:40px 0;}
	.show-item .desc {font-size:14px;}
	.show-item .other a {padding:5px 20px; font-size:14px;}
}
@media (min-width: 769px) and (max-width: 1199px){

.services,.head .wrap{width:100%;}
.service-box{width:14.35%;margin:1% 1% 1% 1.25%;min-height:190px;}

}
@media (max-width: 768px){
  .box i{margin: 20px auto 0;}
  .box h4{padding:0 10px;}
  .section-header p {width: 60%;margin: 0 auto;}
  .box .price{padding:0px 10px 10px;}
  .price-box .inner{padding-top:10px;}
  .box .entry{padding:0 5px;}
  .price-box p.warning{margin-bottom:0;}
  .section-header{margin-top:60px;}
  .services{width:100%;margin:0 auto;}
	.service-box{width:48%;margin:1%; }
	.custom {padding:30px 0 40px;}
	.custom .title {margin-bottom:10px;}
	.custom .des {margin-bottom:30px;}
	.work .work-wrap {width:103%;}
	.box {width:46%; margin: 10px 2%;}
	.work .work-wrap .div_clear {clear:both;}	
	.work ul li {width:48%; padding: 20px 0; margin: 0 1%;}
	.showcase ul li {width:46.3414635%; margin: 20px 3.658536% 20px 0;}
	.showcase .clear {clear:none;}
	.themes {padding:30px 0 20px;}
	.themes-item p,.work .work-wrap {margin-bottom:30px;}
	.themes-item h2 {font-size:18px;}
	h1.title {font-size:20px;}
	.work h3 {margin-bottom:10px;}
	.work ul li {padding:10px 0 0;}
	.work .warning {margin-bottom:5px;}
	.reason ul li {padding: 10px 2.5%;}
	.show-item .thumbnail {float:none; margin:0 auto; display:block; width:90%;}
	.show-item h1.title,.show-item .desc,.show-item .other {text-align:center;}
	.show-aside {width:100%; float:none;}
	.show-aside .widget {background-color:transparent; border:1px solid #f5f5f5; border-radius:3px; padding:15px 25px;}
	.show-aside .widget ul li {border-bottom-style:dashed;}

	.news-item ul li {font-size:16px;}
	.section .thumbnail {width:180px;}


	.reason ul li {width:50%; padding: 10px 2.5%;}
	.news-item {float:none; width:100%; margin:10px 0;}
	.reason .clear {clear:none;}
	.reason .clear2 {clear:both;}
	.themes-item h2 {font-size:24px;}
	.themes-item p {font-size:14px;}
}
@media only screen and (max-width:480px) {	
	.custom .title {font-size:24px;}
	.custom .des {font-size:14px;}
	.section .thumbnail {width:120px;}
	.section h2 {font-size:14px; margin-top:-3px;}
	.section .section-meta {display:none;}
}
@media only screen and (max-width:360px) {
	.custom .des p {margin-bottom:10px;}
	.custom .des {font-size:14px;}
	.custom .select a {margin:0 10px;}
	.work .work-wrap {width:100%;}
	.box {width:100%; margin: 10px 0;}
}
@font-face{font-family:'wpcom';src:url("/static/fonts/dedeniao.eot");src:url("/static/fonts/dedeniao.eot") format("embedded-opentype"),url("/static/fonts/dedeniao.ttf") format("truetype"),url("/static/fonts/dedeniao.woff") format("woff"),url("/static/fonts/dedeniao.svg") format("svg");font-weight:normal;font-style:normal}
.fa{font-family:'wpcom' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-qq:before{content:"\f1d6"}



@font-face{font-family: "iconfont";src: url('../fonts/iconfont.eot');/* IE9*/src: url('../fonts/iconfont.eot') format('embedded-opentype'),
/* IE6-IE8*/url('../fonts/4726e8c0bb6545d2ad7dc7b39be6ec96.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'),
/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/url('../fonts/iconfont.svg') format('svg');/* iOS 4.1-*/}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-refresh:before{content:"\e621"}
.icon-weixin:before{content:"\e605"}
.icon-een:before{content:"\e607"}
.icon-een1:before{content:"\e601";}
.icon-cogalt:before{content:"\e668"}
.icon-downloadcloud:before{content:"\e68e"}
.icon-star:before{content:"\e670"}
.icon-iconfonticonfontweibo:before{content:"\e64b"}
.icon-bars:before{content:"\e669"}
.icon-qq:before{content:"\e6a1"}
.icon-icon14:before{content:"\e624"}
.icon-desktop:before{content:"\e685"}
.icon-brush:before{content:"\e652"}
.icon-globe:before{content:"\e61e"}
.icon-file:before{content:"\e951"}
.icon-comment:before{content:"\e603"}
.icon-code:before{content:"\e7b2"}
.icon-zhifeiji:before{content:"\e692"}
.icon-calendar:before{content:"\e8d3"}
.icon-attention:before{content:"\e63e"}
.icon-good:before{content:"\e637"}
.icon-file-powerpoint:before{content:"\e99f"}
.icon-Shape:before{content:"\e64f"}
.icon-sousuo:before{content:"\e60d"}
.icon-banshou:before{content:"\e663"}
.icon-dollar:before{content:"\e600"}