#mobileHeader{display:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, a, small{font-family: "Arial","Microsoft YaHei", sans-serif;}
.dropdown .dropdown-menu li a{text-align:center;}
.section-intro h3{color:#333;/*border-right:10px solid #333;*/}
.section-intro h3 small{color:#999;}
.content-layer{padding-left:0;padding-right:0;}
.content-layer:after{background:rgba(0, 0, 0, 0.0)}
.content-layer h2 span{display:inline;background: rgba(0,0,0,0.6);padding:10px 15px;}
.content-layer h3 p{display:inline;font-size:40px;background: rgba(0,0,0,0.6);padding:10px 15px;}
.rect-banner p{display:inline;background:rgba(0,0,0,0.6);padding:5px 15px;}
.btn{letter-spacing:normal;}

.slides-alt .slides-pagination a{background:rgba(82,82,82,0.7);}
.slides-alt .slides-pagination a.current, .slides-alt .slides-pagination a:hover{background:rgba(255,202,0,0.7)}

#logo-wrapper .logo-name{font-size:40px;}
.navbar-nav{display:none;}
.visible-menu-items{display:block;}
.menu-icon-left{padding:25px 25px 25px;cursor:pointer}
.visible-navbar,.navbar-nav > li > a{height:77px;}
.navbar-nav li a{font-family: "Arial","Oswald",'Lato',"Microsoft YaHei", sans-serif;}
.dropdown .dropdown-menu{padding:10px 0;}
.dropdown .dropdown-menu li a{padding:6px 20px}
.dropdown .dropdown-menu .dropdown-menu{top:0;left:100%;padding-top:2px;padding-bottom:8px;margin-top:0;}
#navigation .active .menu1{color:#fff;}

.index-bar{padding:30px 40px 30px 40px;}
.index-bar .welcome{font-size:56px;}
.index-bar .lead{font-size:31px;margin-top:15px;}

.thin{font-size:16px;}
.main-section-margins{margin-top:30px;margin-bottom:30px;}
.index-about-cnt{margin-bottom:0x;}
.grid-filter{height:50px;}
.home-services .block:nth-child(2n+1){border:none;border:1px #ddd solid !important;background:#F5F5F5;}
.home-services .block{border-right:10px solid #fff !important;border:1px #ddd solid !important;background:none;color:#666;}
.home-services .block{padding-top: 40px;text-align:center;}
.home-services .block:hover{padding-top: 40px;}
.home-services .block a:hover,.home-services .block a:active{letter-spacing:normal;}
.home-services .block h4 a{color:#333;font-size:27px;font-family:Arial,"Microsoft YaHei";}
.home-services .block h4 a:hover,.home-services .block h4 a:active{color:#fff;color:#F7B300;}
.home-services .block ul{opacity: 0.7;margin-bottom: 30px;min-height:58px;}
.home-services .block li{font-size:14px;}
.home-services .sp-icon{text-align:center;}
.home-services .sp-icon{padding-top:20px;padding-bottom: 20px;}
.home-services .sp-icon i{font-size:60px;color:#F7B300;transition:all 0.5s ease-in-out;transform:rotate(0deg);}
.home-services .sp-icon i:hover{transform:rotate(360deg);}
.home-services .block a.more{color:#999;font-size:12px;}
.home-services .block a.more:hover,.a.more:active{color:#333;}

#portfolio{margin-bottom:0;}
.grid-filter li{margin-left:0;text-align:left;float:left;width:auto;}
.grid-filter a div{display:none;}
.grid-layout div{padding-top:15px;}
.hover-effect h4{margin-top:0;margin-top:20px;margin-bottom:14px;}
.hover-effect h4 a{color:#fff;margin-top:0;opacity:1;}
.hover-effect h4 a:hover,.hover-effect h4 a:focus,.hover-effect h4 a:active{color:#F7B300;}
.hover-effect figure:hover div{padding-top:15px;}
#clients-list{margin-bottom:0;}
#home-services{margin-bottom:15px;}
#skills{margin-bottom:0;}
#work-process{margin-bottom:0;}
#work-process .wp-h3 {margin-top:60px;}
#work-process .wp-counters {margin-bottom:20px;}
#work-process .counters2 h5{padding:40px 15px;font-size:16px;}
#clients-list .CL-Container{border-top:1px solid #eee;border-bottom:1px solid #eee;}
#blog-list {margin-bottom:0}
#blog-list .blog-post-list {margin-bottom:15px;padding-left:15px;padding-right:15px;line-height:1.0;}
#blog-list .blog-post-list .thumb-a{margin:0px;background:rgba(0, 0, 0, 0.6);}
#blog-list .blog-post-list .thumb-a img{transition: all 0.4s ease-in;}
#blog-list .blog-post-list .thumb-a:hover img,#blog-list .blog-post-list .thumb-a:active img{opacity:0.5}
#blog-list .blog-post-list h4{font-size:13px;}
#blog-list .blog-post-list div h4{margin:0;padding:10px 0;}
#blog-list .blog-post-list div:hover h4{margin:0;}
#blog-list .blog-post-list .month{padding-left:12px;}
#blog-list .blog-post-list div{background:rgba(0, 0, 0, 0.6);background:none;padding:6px 0 0;position:static;}
#blog-list .blog-post-list .meta {display:none;}

.footer-section{margin-top:0;}
.footer-social{padding:40px 15px 50px;}
.copyright{padding:40px;}
.copyright a{color:#C6C6C6;}
.copyright a:hover,.copyright a:active{color:#FFD01A}
#footer{margin-top:25px;font-family: "Arial","Microsoft YaHei", sans-serif;}
#footer .footer-search{padding-top:0;}

.search-h-box{border-radius:6px;margin-top:7px;}
.search-h-box .keyword{width:240px;height:33px;line-height:32px;padding:4px 10px;border:none;background:#eee;font-size:13px;}
.search-h-box .search-h-btn{width: 36px;height: 33px;margin-left:-5px;background: #999 url(../images/search-h-btn.png) no-repeat center center;cursor: pointer;border:none;/*position:relative;top:-1px;*/border-radius:0 5px 5px 0;vertical-align:bottom;}
.noDis{display:none;}
.selectbox{display:none !important;}

/* Inner */
#banner-inner{margin:0}
#page-body-wrap .container-banner-area article{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.7)), url(../images/banner-inner.jpg) 50% 0 no-repeat fixed;
    background-size: cover !important;
    height: 530px;
}

/* 内页服务与产品banner */
#page-body-wrap .container-banner-area article.column-bcid-28{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.1)), url(../images/banner-inner-sp.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-30{
    background: linear-gradient(rgba(0,0,0, 0.025), rgba(0,0,0, 0.22)), url(../images/banner-inner-sp-tk.jpg) 50% 0 no-repeat fixed;
}

#page-body-wrap .container-banner-area article.column-31{
    background: linear-gradient(rgba(0,0,0, 0.25), rgba(0,0,0, 0.1)), url(../images/banner-inner-sp-tc.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-33{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.3)), url(../images/banner-inner-sp-mobile.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-59{
    background: linear-gradient(rgba(0,0,0, 0.35), rgba(0,0,0, 0.1)), url(../images/banner-inner-sp-e163.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-71{
    background: linear-gradient(rgba(0,0,0, 0.35), rgba(0,0,0, 0.0)), url(../images/banner-inner-sp-tf.jpg) 50% 0 no-repeat fixed;
}

/* 内页营销与推广banner */
#page-body-wrap .container-banner-area article.column-bcid-29{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.7)), url(../images/banner-inner-market.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-44{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.02)), url(../images/banner-inner-market-weixin.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-45{
    background: linear-gradient(rgba(0,0,0, 0.25), rgba(0,0,0, 0.02)), url(../images/banner-inner-market-msite.jpg) 50% 0 no-repeat fixed;
}

#page-body-wrap .container-banner-area article.column-46{
    background: linear-gradient(rgba(0,0,0, 0.25), rgba(0,0,0, 0.02)), url(../images/banner-inner-market-seo.jpg) left -195px no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-47{
    background: linear-gradient(rgba(0,0,0, 0.25), rgba(0,0,0, 0.02)), url(../images/banner-inner-market-weibo.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-72{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.7)), url(../images/banner-inner-market-money.jpg) 50% 0 no-repeat fixed;
}

/* 内页其他banner */
#page-body-wrap .container-banner-area article.column-bcid-4{
    background: linear-gradient(rgba(0,0,0, 0.1), rgba(0,0,0, 0.0)), url(../images/banner-inner-case.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-bcid-1{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.7)), url(../images/banner-inner-blog.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-bcid-35{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.5)), url(../images/banner-inner-rel.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-bcid-8{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.5)), url(../images/banner-inner-about.jpg) 50% 0 no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-52,
#page-body-wrap .container-banner-area article.column-68{
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/banner-inner-team.jpg) 50% 40% no-repeat fixed;
}
#page-body-wrap .container-banner-area article.column-12{
    background: linear-gradient(rgba(0,0,0, 0.3), rgba(0,0,0, 0.7)), url(../images/banner-inner-contact.jpg) 50% 0 no-repeat fixed;
}

/* 部分隐藏描述 */
#page-body-wrap .container-banner-area article.column-bcid-28 .lead,
#page-body-wrap .container-banner-area article.column-bcid-29 .lead,
#page-body-wrap .container-banner-area article.column-bcid-4 .lead{
    display:none;
}

pre{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fefefe; border-color: #ccc; border-image: none; border-style: solid; border-width: 1px 1px 1px 4px; box-shadow: 0 0 4px #eee; color: #444; font: 100 12px/18px monaco,andale mono,courier new; margin: 15px 0; padding: 10px 12px; word-break: break-all; word-wrap: break-word;}
pre code{background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap;}
em.error {overflow:hidden;zoom:1;background:url("../images/unchecked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}
em.success {overflow:hidden;zoom:1;background:url("../images/checked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}
.com-cnt table th{font-weight:bold;background:#f9f9f9}
.com-cnt table th,.com-cnt table td{border:1px #eee solid;padding:6px 12px;}
.com-cnt img{max-width:100%;}

#pages{clear: both;padding:10px 0 10px;text-align: center;font:12px 'Microsoft YaHei';}
#pages a{display:inline-block;padding:0px 8px;height:24px;font-size:12px;line-height:22px;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;margin-right:-1px;}
#pages a.a1{padding:0px 12px;height:24px;line-height:22px;margin-top:0px;}
#pages a:hover{background:#f1f1f1;color:#000;text-decoration:none;}
#pages span{display:inline-block;padding:0px 8px;height:24px;line-height:22px;background:#5a85b2;background:#000;border:1px solid #5a85b2;border:1px solid #000;color:#fff;text-align:center;}
.page .noPage{display:inline-block;padding:0px 12px;height:22px;line-height:22px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
.pageright{margin-right:40px;}
@media (max-width : 420px) {
    #pages .prev,#pages .next{display:none;}
}

#about{margin:0;padding:0;}
#gallery-list{margin-bottom:0;}
#contact-bar{margin-top:0;}
#contact-bar.bar h2.bar-cn-h2{font-size:40px;}
.rect-banner h4{font-family: "Oswald","Arial","Microsoft YaHei", sans-serif;font-size:20px;font-weight:bold;}
.rect-banner h1{font-size:50px;}
.lead{font-size:15px;}
.box-sm h2{font-size:40px;}
.ceosay{margin-bottom:12px;}
.team-position{margin-bottom:16px;font-size:12px;}
.team-social-icons{padding:8px 0 10px}
#team .team-member h5 a{color:#F7B300;font-size:16px;}
#team .team-member h5 a:hover,#team .team-member h5 a:active{color:#000;}
#team .team-member:hover h5,#team .team-member:hover div.title{opacity: 1;}
#page-about-tmk{clear:both;margin-bottom:35px;}
#page-about-tmk .smalltitlenoSD,.smalltitlenoSD{font-size:24px;margin-top:0;}

#services-list2 {margin-top:30px;}
#services-list2 .each-block{margin-bottom:20px;}
#services-list2 .thumb-a img{transition: all 0.4s ease-in;}
#services-list2 .thumb-a:hover img,#services-list2 .thumb-a:active img{opacity:0.5}
#services-list2 .each-block p.pic-p{padding:0;background:none;}
#services-list2 .each-block a.btn{margin-top:0;float:none;background:#ececec;color:#333;border:none;}
#services-list2 .each-block:hover a.btn{letter-spacing:normal;border:none;background:#000;color:#fff;}
#contact{margin-bottom:1px;}
#contact .form-control{border:1px #eee solid;}
.contact-form{margin-bottom:40px;padding-right:0;}
.contact-form h4{margin-bottom:25px;}
.contact-sec-top{margin-bottom:35px;}
.contact-form-left-img{padding-left:0;}
.contact-form-left-img img{max-width:200%;}
.contact-sec-top .light{color:#ccc}
.contact-sec-top .white{color:#ddd}
.contact-details h5,.contact-details h5 a{font-size:14px;}
.box-sm .page-ct-wrap{border-radius:5px;}
#price-table {margin:35px 0 -20px;}
#price-table .price-table{margin-bottom:25px;}

#services-grid-list {margin:35px 0 20px;}
#services-grid-list #services-grid{margin-bottom:20px;float:left;width:100%;}
#services-grid-list #services-grid > li:nth-child(2n+1){background:#FCFCFC;}
#services-grid-list .block-details{padding:25px;cursor:default}
#services-grid-list .block-details h4 a{color:#F7B300;font-size:24px;}
#services-grid-list .block-details h4 a:hover,#services-grid-list .block-details h4 a:active{color:#000;}
#services-grid-list .block-details p{margin:20px 0;min-height:118px;}
#services-grid-list .block-details h6{letter-spacing:normal;}
#services-grid-list .block-details .btn{opacity:1;margin-top:0;}
#services-grid-list .thumb-a img{transition: all 0.4s ease-in;}
#services-grid-list .thumb-a:hover img,#services-grid-list .thumb-a:active img{opacity:0.5}

#single-project-meta h6{letter-spacing:normal;font-size:14px;margin-top:0;}
#single-project-meta{margin-top:20px;margin-bottom:0px;}
#single-project-meta section{margin-top:0;}
#single-project-meta article{margin:10px -1px 0 0;padding:10px 15px;}
#single-project-description .blog-content img{max-width:100%;}
#single-project-description article.market-show-main{padding-left:15px;}
#single-project-meta article a{font-family:"Arial","Microsoft YaHei",sans-serif;}
#single-project-meta article .share a{margin:3px 6px 0 0 !important;}
#single-project-description .blog-show-main,#sidebar{padding-left:15px;padding-right:15px;}
#single-project-description article h4.sb-h4{color:#F7B300;color:#000;}
.share-this .share {margin-bottom:25px;}
#tags{margin-bottom:25px;}
#tags ul {margin:0;}
#tags ul.tags a{letter-spacing:normal;}
#single-project-description h4.sb-h4{clear:both;}
ul.bullets{margin-left:15px;margin:0;}
ul.bullets li:before{margin-right:10px;}
ul.bullets li{margin-bottom:8px;}
ul.bullets li a{letter-spacing:normal;font-size:13px;}
ul.bullets li span{color:#999;}
#tags ul.tags li{margin-right:6px;margin-bottom:6px;line-height:2.6;}

.inner-portfolio{margin-top:35px;}
#case-wrap{margin:35px 0 0;}

.market-wrap{margin:35px 0;}
.market-wrap .sidebar-social-icons{margin-bottom:25px;}
.market-wrap .sidebar-social-icons a{padding:15px 0;color:#333;font-size:15px;}
.market-wrap .sidebar-social-icons .sb-list i{font-size:19px;}
#single-project-description .market-content h4{color:#000;font-size:20px;clear:both;margin:30px 0;}
.market-content .cntdiv{margin-bottom:20px;clear:both;float:left;width:100%;}
.questions{padding:30px 0 0 0;}
.questions li{font-size:15px;padding:8px 0;}
.oursuper table th{font-weight:bold;background:#f9f9f9}
.oursuper table th,.oursuper table td{border:1px #eee solid;padding:6px 12px;}
.cps{font-weight:bold;font-size:16px;}
.whyus{padding:5px 0 0 0;}
.whyus li{font-size:15px;padding:8px 0;}
.principle li{font-size:17px;padding:5px 0;}
.btn-h:hover,.btn-h:active{color:#F7B300;}
.sb-list .active a{color:#FEAC00}
.weibo-list a.current{color:#f00;}

.smalltitle span.slspan {padding:12px 24px;padding-left:12px !important;border:1px #EBEBEB solid;font-size:16px;top:21px;}
.smalltitle span{display:inline-block;background-color:#fff;padding:1px 12px;position:relative;color:#444;font-size:20px;top:12px;padding-left:0 !important;font-weight:700;text-transform:uppercase;}
.smalltitle{position:relative;border-bottom:1px solid #ebebeb;margin-bottom:35px;}
.text-center.smalltitle span{padding-left:24px !important;}
.smalltitle2a{margin-top:0;margin-bottom:35px;font-size:inherit;}
.tab-content #cmspic img {max-width:100%;}
.tab-content {max-width:100%;float:left;width:100%;padding:20px 10px 20px;border:1px solid #e5e5e5;border-top:none;}

.tkcms-wrap .ftitem i{font-size:30px;color:#F7B300;}
.tkcms-wrap .ftitem h4{color:#444;}
.tkcms-wrap .ftitem p{color:#777;}
.tkcms-wrap .tkcms-ft-wrap{margin-bottom:35px;}
.tcshop-wrap .ftitem i{font-size:30px;color:#F7B300;}
.tcshop-wrap .ftitem h4{color:#444;}
.tcshop-wrap .ftitem p{color:#777;}
.tcshop-wrap .tkcms-ft-wrap{margin-bottom:35px;}

.market-content .mc-p{font-size:17px;font-size:15px;text-align:center;margin-bottom:25px;clear:both;}
.market-content .mc-pt{margin-top:25px;}
.mc-p2{clear:both;font-size:17px;margin-bottom:25px;}
.mc-p2a{clear:both;font-weight:bold;margin-bottom:20px;}
.mc-p2b{clear:both;margin:20px 0;}
.mc-ptt{clear:both;padding-top:25px;}
.mc-content .ftitem{text-align:center;}
.mc-content .ftitem i{font-size:30px;color:#F7B300;}
.mc-content .ftitem h4{color:#444;font-size:19px;}
.mc-content .ftitem p{color:#777;}

.mc-cover-bg{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    background-position:50% 0;
    background-size: cover !important;
}
.mc-cover-bg-tfmobile{background-position:50% bottom;background-size: 1600px auto !important;}
.four-fabao-mutong .mtl-wp{padding:74px 0px 0 0;}
.four-fabao-mutong .mt_yl{font-size:20px;line-height:34px;margin-bottom:30px;}
.four-fabao-mutong .mt_yl img {float:left;margin-right:15px;}
.four-fabao-mutong .mt_wz{clear:both;border-top:1px #C2C2C2 solid;color: #ef8200;font-size: 22px;font-weight: bold;line-height: 39px;padding: 29px 0 0;}
.four-fabao-mutong .mtr-wp{padding-top:21px;text-align:center;}
.four-fabao-mutong .mtr-wp img {max-width:100%;}
.mc-tabs-wrap{padding-top:35px;}
.mc-tabs-wrap img {max-width:100%;}
.nav-tabs li a{font-size:15px;}
.nav-tabs li i{margin-right:6px;}
.mc-tabs-wrap table th{font-weight:bold;background:#f9f9f9}
.mc-tabs-wrap table th,.mc-tabs-wrap table td{border:1px #eee solid;padding:6px 12px;}
.marker-list{padding-top:30px;}
.checklist-marker li{font-size:17px;padding:5px 0;}

#services-grid-list .block-details p.thumb-ap{margin:0;min-height:70px;}
#services-grid-list .block-details p.p-desc{min-height:90px;}
.thumb-ap{text-align:center;line-height:70px;}
.thumb-ap i{font-size:170px;}
.icon-color{color:#000;}
.icon-color1{color:#D2B626}
.icon-color2{color:#E38649}
.icon-color3{color:#523577}
.icon-color4{color:#7E872C}
.icon-color5{color:#E6162D}
.icon-color6{color:#347940}
.icon-color7{color:#5BB2D0}
.icon-color8{color:#CF2355}

#services-grid-list .block-details p.thumb-ap2{margin:0;min-height:70px;}
#services-grid-list .block-details p.p-desc2{min-height:70px;}
.thumb-ap2{text-align:center;line-height:70px;}
.thumb-ap2 i{font-size:170px;}
.ico-color{color:#000;}
.ico-color1{color:#D2B626}
.ico-color2{color:#E38649}
.ico-color3{color:#06C100}
.ico-color4{color:#E6162D}
.ico-color5{color:#333}
.ico-color6{color:#7E872C}
.ico-color7{color:#5BB2D0}
.ico-color8{color:#CF2355}
.ico-color9{color:#5434AF}
.ico-color10{color:#2E8AF1}
.ico-color11{color:#D9512B}
.ico-color12{color:#F2B920}
.ico-color13{color:#0098AA}
.ico-color14{color:#8FB91F}
.ico-color15{color:#8F0782}
.weibo-list a i{margin-right:10px;}

.market-wrap .ag-fixed{background:#fff;position:fixed;top:0px;z-index:1000;width:260px;height:90%;padding:0 0px 15px !important;}
.market-wrap .ag-fixed{x-width:auto;height:auto;max-height:100%;}
.cntdiv h6{color: #000; font-size: 17px; margin: 10px 0; padding: 0;}
.cntdiv h6 span{background: #eb5b02; background:#F7B300;color: #fff; font-size: 17px; margin-right: 10px; padding: 0 8px;}
.cntdiv p.orange,.cntdiv h6.orange{color:#eb5b02;font-weight:bold;clear:both;}
.cntdiv h6.orange{text-align:center;line-height:1.6;}
.cntdiv .ul-list{padding:5px 0 0 0;}
.cntdiv .ul-list li{font-size:15px;padding:10px 0;border-bottom:1px #ececec solid;}
.cntdiv .ul-list li i{margin-right:8px;}
.cntdiv .mgt20 {margin-top:20px;}
.cntdiv .mgb20 {margin-bottom:20px;}
.cntdiv .mgtx20{margin-top:-20px;}
.cntdiv .ul-ico-list{padding:5px 0 0 0;}
.cntdiv .ul-ico-list li{font-size:17px;padding:10px 0;border-bottom:1px #ececec solid;clear:both;}
.cntdiv .ul-ico-list li i{font-size:35px;margin-right:12px;line-height:1.4;position:relative;top:6px;}
.you-must-know h6{font-size:15px;margin-bottom:8px;line-height:1.5;}

.cntdiv ul.writers {border-top: 1px solid #ccc;margin-top: 10px;overflow: hidden;padding-top: 10px;}
.cntdiv ul.writers li {border-bottom:1px #F1F1F1 solid;margin: 10px 0 15px;padding-bottom: 20px;float:left;width:100%;}
.cntdiv ul.writers li img{float:left;margin-right:12px;}
.cntdiv ul.writers li strong {color: #000;display: block;font-size:15px;}
.cntdiv p.tuchu {background:#f7f7f7;font-size: 16px;margin: 10px 0;padding: 10px;}
.cntdiv p.tuchu strong {color: #eb5b02;}

.cntdiv .h6-span-div h6 {line-height:1.8;}
.cntdiv h6.red{font-size:20px;color:#DB063E;border-bottom:1px dashed #ddd;padding-bottom:15px;}
.cntdiv h6.red span{background: #DB063E; color: #fff; font-size: 20px; margin-right: 10px; padding: 0 8px;}
.cntdiv h6.green{font-size:20px;color:#3fb20e;padding-bottom:15px;}
.cntdiv h6.green span{background: #3fb20e; color: #fff; font-size: 20px; margin-right: 10px; padding: 0 8px;}
.cntdiv h6.blue{font-size:20px;color:#0168b7;padding-bottom:15px;}
.cntdiv h6.blue span{background: #0168b7; color: #fff; font-size: 20px; margin-right: 10px; padding: 0 8px;}

.cntdiv table caption{padding:15px 0;font-weight:bold;font-size:20px;}
.cntdiv table th{font-weight:bold;background:#f9f9f9}
.cntdiv table th,.cntdiv table td{border:1px #eee solid;padding:6px 12px;}
.cntdiv-wx .ul-list .wxli,.cntdiv-wx .ul-ico-list .wxli,.cntdiv-wx .ul-ico-list .wxulli{border-bottom:none;}
.cntdiv-wx .ul-ico-list .ul-list li{font-size:15px;padding-left:5px;}
.cntdiv-wx .ul-ico-list .ul-list li i{font-size:15px;top:1px;}
.more-wzb {font-size:15px;padding-top:15px;}
.more-wzb a{font-size:15px;color:#5DC023;}
.cntdiv-e163 h6 {font-size:15px;}

.service-box h6{color: #000; font-size: 17px; margin: 10px 0; padding: 0;}
.service-box h6 span{background: #eb5b02; background:#F7B300;color: #fff; font-size: 17px; margin-right: 10px; padding: 0 8px;}
.service-box p.orange,.service-box h6.orange{color:#eb5b02;font-weight:bold;clear:both;line-height:1.6;}
.service-box h6.orange{text-align:center;}
.service-box .mgt20 {margin-top:20px;}
.service-box .mgb20 {margin-bottom:20px;}
.service-box .mgtx20{margin-top:-20px;}

.page-cnt table caption{color:#f60;font-weight:bold;padding:15px 0;font-size:19px;}
.text-list-hb{border:1px solid #ebebeb;border-radius:5px;padding-top:35px;padding-bottom:20px;}
.text-list-hb .hb-ul-list li{margin-bottom:20px;}
.text-list-hb .hb-ul-list h6{margin:0;}
.text-list-hb .hb-ul-list h6 a{font-size:25px;}
.text-list-hb .hb-ul-list h6 a i{display:none;}
.text-list-hb .hb-ul-list .hb-desc{color:#999;font-size:15px;min-height:80px;padding:10px 0 0;}

#fancyGcnt1,.mcomwidth{width:700px;}
.fancyboxcnt img{max-width:100%;}
.fancyboxcnt{background:#fff;padding:12px;}
.home-features h4 a{font-size:17px;}
.home-features p{color:#999;}
.checklist-fb li{line-height:2.0}
.checklist-fb li a{font-size:14px;}
.checklist-fb li .date{color:#999;}

.service-product-main-warp{margin:35px 0;}
.service-product-main-warp .ca-menu-tk{margin-top:0;}
.what-is-tk img{width:80px;height:80px;float:left;margin:0 12px 0px 0;}
.service-tcshop-main-warp{margin-bottom:0;}
#why-tcshop{padding-bottom:35px;}
.max-w img{max-width:100%;}
.splist li{line-height:2.0;}
#benefit p,#whatmoblie p{color:#999;min-height:50px;}
.tfshop-spec p {line-height:2.0;font-size:15px;}
.tfshop-spec p img{float:left;margin:0 12px 0px 0;max-width:250px;}
.footWeixin >div p{color:#999;}
#founder{margin-bottom:10px;}
.founder-right{clear:both;padding-top:20px;}
.contact-sec-top .row1bb{margin:0 -1px;}
#contact-map{margin:0 0 30px 0;}
#page-text-section-wrap{margin-top:15px;}

.inneritem{border:1px solid #ebebeb;padding:15px;}
.boxportfolio4{float:left;width:22.90%;display:inline-block;margin-bottom:20px;position:relative;z-index:0;margin-left:20px;}
.boxportfolio3{float:left;display:inline-block;margin-bottom:20px;position:relative;z-index:0;width:31.23%;margin-left:20px;}
.boxportfolio2{float:left;margin-left:20px;width:47.50%;display:inline-block;margin-bottom:20px;position:relative;z-index:0;}
.roll{position:absolute;font-size:30px;width:100%;margin:0px auto;height:100%;top:-88px;top:-98px;display:table-cell;vertical-align:middle;background:#000;z-index:10;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);zoom:1;}
.boxcontainer{border:1px solid #ededed;border-bottom:double medium #ececec;border-bottom:1px solid #ededed;background:#fff;font-size:13px;text-align:center;transition:border 500ms ease-out;-webkit-transition:border 500ms ease-out;-moz-transition:border 500ms ease-out;-o-transition:border 500ms ease-out;position:relative;overflow:hidden;}
.boxcontainer:hover{border-bottom:double medium #eaeaea;border-bottom:1px solid #ededed;}
.boxcontainer p{margin-bottom:10px;color:#666;padding: 0px 10px;}
.boxcontainer h1{font-size:13px;line-height:1;padding-left:10px;padding-right:10px;margin-top:15px;}
.boxcontainer h1 a{padding-bottom:10px;border-bottom:1px solid #ebebeb;display:block;color:#666;line-height:20px;text-transform:uppercase;}
.boxcontainer img{position:relative;max-width: 100%;}
.recent-projects-home .boxcontainer img{height:185px;}
.recent-projects-home .smalltitle{max-width:50%;margin:0px auto;margin-top:30px;margin-bottom:-13px;border-bottom:1px solid #fff;border-top:1px solid #ebebeb;}
.wrapcaption{position:absolute;font-size:30px;background:transparent;width:100%;margin:0px auto;display:table-cell;vertical-align:middle;top:59%;}
.captionicons{font-size:20px;padding:13px;background:#F7B300;margin-right:0px;border-radius:50%;color:#fff;position:relative;top:55%;vertical-align:middle;margin-top:0px;margin:0 auto;}
.captionicons:hover{opacity:0.9;}
.boxportfolio2 .captionicons{top: 57%;}

.rolln {background: #000;display: table-cell;font-size: 30px;height: 100%;margin: 0 auto;opacity: 0;position: absolute;top: 0;vertical-align: middle;width: 100%;z-index: 10;}
.rolln .wrapcaption {top: 30%;}

.topspace0{margin-top:0px !Important;}
.topspace10{margin-top:10px;}
.topspace15{margin-top:15px;}
.topspace20{margin-top:20px !important;}
.topspace25{margin-top:25px;}
.topspace30{margin-top:30px;}
.topspace35{margin-top:35px;}
.topspace40{margin-top:40px;}
.topspace50{margin-top:50px;}
.bottomspace0{margin-bottom:0px;}
.bottomspace10{margin-bottom:10px;}
.bottomspace15{margin-bottom:15px;}
.bottomspace20{margin-bottom:20px;}
.bottomspace25{margin-bottom:25px;}
.bottomspace30{margin-bottom:30px;}
.bottomspace35{margin-bottom:35px;}
.bottomspace40{margin-bottom: 40px;}

/********************************************************************************************************************
Animated Boxes
*******************************************************************************************************************/
.ca-menu {padding:0;margin-top:25px;}
.ca-menu li{position:relative;text-align:center;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;margin-bottom:10px;}
.ca-menu li:last-child {margin-right:0px;}
.ca-menu li a {height:100%;display:block;color:#333;position:relative;box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:none;}
.ca-menu li >a{border:1px #efefef solid;}
.ca-menu li a:hover {background:#333;}
.ca-menu li a:hover .ca-sub, .ca-menu li:hover .ca-main {color:#fff;}
.ca-icon{font-size:60px;color:#333;text-shadow:0px 0px 1px #333;line-height:120px;position:absolute;width:100%;height:50%;left:0px;top:0px;text-align:center;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear;}
.ca-main{font-size:16px;opacity:1;text-align:center;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;line-height:22px;font-weight:700;padding:0px 10px;}
.ca-sub{text-align:center;font-size:13px;color:#333;line-height:24px;opacity:0.8;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;padding:0px 20px;font-weight:400;}
.ca-menu li {margin-bottom:0;}
.ca-menu li:hover .ca-icon {color:#fff;font-size:60px;}
.ca-menu li:hover .ca-main {/*-webkit-animation:moveFromLeftRotate 300ms ease;-moz-animation:moveFromLeftRotate 300ms ease;-ms-animation:moveFromLeftRotate 300ms ease;*/}
.ca-menu li:hover .ca-sub{/*-webkit-animation:moveFromBottom 500ms ease;-moz-animation:moveFromBottom 500ms ease;-ms-animation:moveFromBottom 500ms ease;*/}
@-webkit-keyframes moveFromLeftRotate {
    from {-webkit-transform:translateX(-100%) rotate(-90deg);}
    to {-webkit-transform:translateX(0%) rotate(0deg);}
}
@-moz-keyframes moveFromLeftRotate {
    from {-moz-transform:translateX(-100%) rotate(-90deg);}
    to {-moz-transform:translateX(0%) rotate(0deg);}
}
@-ms-keyframes moveFromLeftRotate {
    from {-ms-transform:translateX(-100%) rotate(-90deg);}
    to {-ms-transform:translateX(0%) rotate(0deg);}
}
@-webkit-keyframes moveFromBottom {
    from {-webkit-transform:translateY(100%);}
    to {-webkit-transform:translateY(0%);}
}
@-moz-keyframes moveFromBottom {
    from {-moz-transform:translateY(100%);}
    to {-moz-transform:translateY(0%);}
}
@-ms-keyframes moveFromBottom {
    from {-ms-transform:translateY(100%);}
    to {-ms-transform:translateY(0%);}
}

.ca-menu .grey-box-icon{text-align: center;position: relative;padding-top: 20px;padding-bottom: 10px;}
ul.ca-menu {list-style:none;}
.ca-content{min-height:100px;}
.ca-menu li{margin-bottom:30px;}
.ca-menu li a{background:#fff;transition:all 0.5s ease-in-out;}
.ca-menu li a:hover {background:#0076BC;background:#333;}

.home-features h4{font-weight:300;font-size:17px;}
.home-features .icon{background:#EAA600;display:inline-block;text-align:center;border-radius:50%;width:30px;height:30px;line-height:30px;margin-right:5px;color: #fff;}
.colortext{color:#F7C811}
.intro-note h1{text-transform:uppercase;font-size:27px;margin-top:0;}
.intro-note p{font-weight:300;line-height:28px;font-size: 15px;}
.service-box h1{text-transform:uppercase;font-size:16px;line-height:19px;font-weight:700;}
.service-box a.readmore{color:#666;}
.service-box p{font-family:Open Sans;font-size:13px;line-height:22px;}
.grey-box-icon{text-align:center;position:relative;}
.icon-box-top i:hover{background-color:#f54828;color:#fff;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.fontawesome-icon.medium.circle-center,.fontawesome-icon.medium.circle-white{width:95px;height:95px;line-height:95px;display:inline-block;}
.fontawesome-icon.medium{font-size:28px;}
.fontawesome-icon.circle-white{-moz-border-radius:95px;-webkit-border-radius:95px;border-radius:95px;background-color:#eee;color:#f54828;color:#eaa600;color:#F7C811;text-align:center;margin-bottom:5px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.grey-box-icon:hover .fontawesome-icon.circle-white,.grey-box-icon.active .fontawesome-icon.circle-white,.active i.fontawesome-icon{background-color:#f54828;background-color:#eaa600;color: #fff;}
.grey-box-icon .fontawesome-icon.circle-white{transition:all 0.5s ease-in-out;transform:rotate(0deg);}
.grey-box-icon:hover .fontawesome-icon.circle-white{transform:rotate(360deg);}

.msite-us-box img {max-width:100%;}
.msite-us-box .ca-content{min-height:76px;}
.msite-us-box .ca-sub{font-size:14px;}
.seo-whyus-box .ca-content{min-height:118px;}
.seo-whyus-box .ca-sub{font-size:14px;}
#seo_money {width:100%;border:1px solid #eee;color:#555;line-height:1.42857;padding:6px 12px;font-size:14px;}
.seoprice-p{line-height:1.8;margin-bottom:50px;}
.contact-form-left-img-b img{max-width:100%;}

@media screen and (min-width:0\0) {
    .search-h-box .search-h-btn{height:34px;top:-4px;}
}
/* responsive */
@media (max-width : 1024px) {
    body{word-break:break-all;word-wrap:break-word}
    .container{width:98%;padding-left:5px;padding-right:5px;}
    .logo-left .navbar-header{margin-left:15px;}
    #logo-wrapper .logo-name{width:200px;font-size:30px;padding:15px 20px 16px;}
    #navigation .nav > li > a{padding:28px 12px 10px;}
    .content-layer{padding-top:12%;}
    .content-layer h2 span{font-size:35px;}
    .content-layer h3 p{font-size:30px;}
    .index-bar .welcome{font-size:46px;}
    .home-services .block h4 a{font-size:22px;}
    .home-services .block ul{min-height:78px;}

    #blog-list .blog-post-list h4{font-size:12px;}
    .hover-effect a{margin-top:35px;}
    .hover-effect a.icon-link{margin-top:20px;}
    #contact-bar.bar h2.bar-cn-h2{font-size:34px;}
    .home-features h4{font-size:16px;}
    .tkfoot-right >div p{font-size:13px;}
    .footWeixin >div p{font-size:13px;}
    .price-table h4{font-size:28px;}
    .price-table ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:44px;}
    .team-position{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:28px;}

    #portfolio-grid >li{width:33%;}
    .boxportfolio4{width:22.4%;}
    .contact-form-left-img img{max-width:100%;}
    .contact-details > div{padding:20px;}
    .contact-details h5, .contact-details h5 a{font-size:13px;}

    #benefit p, #whatmoblie p{min-height:72px;}
    #services-grid-list .block-details h6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:24px;}
    #services-grid-list .block-details p.p-desc2{min-height:100px;}
    #services-grid-list .block-details p{min-height:130px;}
    #services-grid-list .block-details p.p-descp{min-height:115px;}
    .sp-tk-box .ca-content{min-height:130px;}
    .sp-wx-box .ca-content{min-height:270px;}
    .seo-whyus-box .ca-content{min-height:158px;}
    .msite-us-box .ca-content{min-height:80px;}
    .boxabout .tab-pane .col-md-12-bb{clear:both;padding:15px 15px 0;}
    .boxabout .tab-pane .col-md-12-bb p{margin-bottom:5px;font-size:15px;}
    .boxabout .tab-pane .grey-box-icon .fontregular{font-size:22px;margin-bottom:12px;}
    .boxabout .tab-pane .grey-box-icon p{font-size:13px;}
    .about-team .container .row-bb,#about-details .row-bb{margin:0 -14px;}

    .mc-cover-bg-seo-magic{background-size: 1240px auto !important;}
    .mc-cover-bg-tfmobile{background-size: 1360px auto !important;height:370px!important;}
    #page-body-wrap .container-banner-area article.column-30{background-size: 1540px auto;/* tk */}
    #page-body-wrap .container-banner-area article.column-47{background-size: 1700px auto;/* 微博 */}
    #page-body-wrap .container-banner-area article.column-44{background-size: 1700px auto;/* 微信 */}
    #page-body-wrap .container-banner-area article.column-45{background-size: 1560px auto;/* 营销型网站 */}
    #page-body-wrap .container-banner-area article.column-4{background-size: 1560px auto;/* case */}

}
@media (max-width : 960px) {

    #mobileHeader{display:block;background:#fff;float:left;width:100%;x-position:fixed;x-z-index:10000;}
    #mobileHeader .colHalf{width:50%;float:left;padding:10px 15px}
    #mobileHeader .colHalf img{max-width:100%;}
    #fixed-bar{display:none !important;}
    .mmenuBtn {float:right;margin:15px 0 14px 10px;cursor:pointer;line-height:1;}
    .mmenuBtn i{font-size:18px;}
    #mmenu {z-index:999999;max-width:340px;}
    /* html.mm-right.mm-opening .mm-slideout{transform:translate(-340px, 0px) !important;}*/
    #mmenu .mmDiv{padding-top:60px;}
    #mmenu .mm-panel > .mm-list{padding-top:0;}
    #mmenu .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{margin-left:0 !important;}
    #mmenu .noblock{display:inline !important;padding:10px;}
    #mmenu .MMhead{line-height:2.8;border-bottom:1px #E5E5E5 solid;margin:0 -20px;padding-left:10px;}
    #mmenu .MMhead a{background:none;}
    #mmenu .mm-header .mm-title{top:-10px;font-size:14px;}
    #mmenu a{color:#333;font-size:14px;}
    #mmenu a:hover,#mmenu a:active{color:#AF7F48}
    #mmenu .mm-list > li.mm-selected-x >a{color:#AF7F48 !important;}

    #mmenu .mmDiv{padding-top:0px;margin-top:0;top:39px;}
    #mmenu .mm-header{height:40px;}
    #mmenu .mm-header .mm-title{padding-top:20px;}
    #mmenu .mm-header .mm-prev{padding-top:9px;}
    #mmenu.mm-hasheader > .mm-panel.mm-list{padding-top:0;top:40px;}

    #logo-wrapper .logo-name{width:180px;font-size:26px;padding:18px 20px 19px;}
    #menu-items{margin-right:15px;}
    #slides{clear:both;}
    .content-layer{padding-top:18%;}
    .index-bar .welcome{font-size:45px;}
    .home-services .block{margin-bottom:-1px;}
    .home-services .block ul{min-height:48px;}

    #skills,#work-process{display:none;}
    .grid-filter{margin-left:0;}
    .footer-social{float:left;padding:40px 15px 20px;}
    .main-social-icons a{float:left;min-height:60px;}
    .main-social-icons i, .main-social-icons span{border-top:none;}
    .main-social-icons i:hover,.main-social-icons span:hover{border-top:none;}
    #footer{clear:both;}

    #page-body-wrap #banner-inner{clear:both;}
    #page-body-wrap #banner-inner .container-banner-area article{background:#ececec;background-attachment:scroll;height:160px;}
    #page-body-wrap #banner-inner .container-banner-area .rect-banner{height:160px;padding:25px 0;margin-left:0;width:100%;}
    #page-body-wrap #banner-inner .container-banner-area .rect-banner h1{color:#333;text-align:center;}
    #page-body-wrap #banner-inner .rect-banner p.lead{display:none;}

    .mc-cover-bg-seo-magic{background-size: 1200px auto !important;}
    .mc-cover-bg-tfmobile{background-size: 1300px auto !important;height:370px!important;}

    .sp-tk-box-mt .ca-content{min-height:50px;}
    .intro-note h1{font-size:25px;}
    .tkfoot-right{clear:both;padding-top:20px;}
    #benefit p, #whatmoblie p{min-height:36px;}
    #whatmoblie > div{margin-bottom:10px;}
    .market-wrap #sidebar{display:none;}
    #single-project-description article.market-show-main{padding-left:0;}
    #services-grid-list .block-details p.p-desc2{min-height:100px;}
    #services-grid-list .block-details p{min-height:110px;}
    #services-grid-list .block-details p.p-descp{min-height:115px;}
    .sp-wx-box .ca-content{min-height:170px;}
    .footWeixin{clear:both;padding-top:25px;}
    .mc-content .ftitem{margin-bottom:15px}
    .blog-show-wrap #sidebar{margin-top:20px;}
    #contact-map,#contacts-section-t,.contact-form-left-img{display:none;}
    #contacts-section-b .contact-form{padding-left:0;}
    .boxportfolio4{width:22%;}

    .footfacebook{clear:both;padding-top:20px;}
    #putad img {max-width:100%;}
    #fancycnt1 .col-md-4 {text-align:center;margin-bottom:15px;}

}
@media (max-width : 768px) { /* 向下考虑iphone6的667px和736px */

    body{overflow-x:hidden;}
    .index-bar .welcome{font-size:34px;}
    .index-bar .lead{font-size:25px;}
    .grid-filter li{padding-right:5px;}
    .grid-filter li a{font-size:13px;}
    #portfolio-grid > li{width:49.5%;}
    .custom-progress .progress-bar{font-size:12px;padding-left:0;}

    .intro-note h1,.intro-note p{text-align:left;}
    .intro-note-wx h1{text-align:center;}
    .nav-tabs > li{width:100%;border:none;}
    .nav-tabs > li > a{border:1px solid #ddd;margin-right:0;border-radius:0;}
    .nav-tabs > li:last-child{border-bottom:none;}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{margin-right:0;border-radius:0;color:#FFBF00}

    .four-fabao-mutong .mt_yl{font-size:16px;}
    .four-fabao-mutong .mt_wz{font-size:21px;}
    .four-fabao-mutong .mtr-wp{padding-top:57px;}

    .mc-cover-bg-mtmoney{background-size: 1030px auto !important;height:260px!important;}
    .mc-cover-bg-seo-magic{background-size: 870px auto !important;}
    .mc-cover-bg-tfmobile{background-size: 990px auto !important;height:260px!important;}
    .msite-us-box .ca-content{min-height:106px;}
    #services-grid-list .block-details p.p-desc{min-height:110px;}
    #services-grid-list .block-details p.p-desc2{min-height:120px;}
    #services-grid-list .block-details p{min-height:130px;}
    #services-grid-list .block-details p.p-descp{min-height:135px;}
    .tkcms-desc .tkcms-img{text-align:center;margin-bottom:15px;}
    .boxabout .tab-content .col-md-3{width:50%;}
    #about-details article{width:100%;}
    .boxportfolio4{width:30%;}

    .googleCAMenu .ca-content{min-height:125px;}
    .facebookCAMenu .ca-content{min-height:125px;}
}
@media (max-width : 640px) { /* 双行，568px,600px */

    .w640-element {width:640px;height:267px;}
    .w420-element{width:420px;height:175px;}
    #slides .slide-item img{x-width:640px !important;x-transform:scale(0.8);}
    .content-layer{padding-top:15%;}
    .content-layer h2{font-size:30px;}
    .content-layer h2 span{font-size:30px;}
    .content-layer h3 p{font-size:25px;}
    .content-layer a.btn{display:none;}
    .home-services .block ul{min-height:28px;}
    .home-services .block-sm{height:250px;}
    .index-bar .welcome{font-size:28px;}
    .index-bar .lead{font-size:20px;}
    .section-intro h3{font-size:32px;}

    .grid-filter{display:none;}
    article.progress-bars{padding:0 10px;}
    .progress-bar-alt{height:auto !important;}
    .progress{overflow:visible;}
    #blog-intro{margin-top:0;}

    #services-grid-list .block-details p.p-desc{min-height:40px;}
    #services-grid-list .block-details p.p-desc2{min-height:40px;}
    #services-grid-list .block-details p{min-height:40px;}
    #services-grid-list .block-details p.p-descp{min-height:40px;}
    #contact-bar{display:none;}
    .intro-note h1{line-height:1.6;}
    .ca-content{min-height:30px !important;}
    .seo-whyus-box .ca-content{min-height:128px !important;}
    .msite-us-box .ca-content{min-height:80px !important;}
    .smalltitle span.slspan{font-size:15px;}
    .boxportfolio4{width:45.2%;}
    #services-list2 .each-block p.pic-p{text-align:center;}
    #services-list2 .each-block p.pic-p a{position:static;}
    #price-table .price-table{width:100%;}
    .team-social-icons{margin-bottom:0;}

    .mc-cover-bg-mutong{background-repeat:repeat;height:740px !important;}
    .four-fabao-mutong .mtr-wp{padding-top:10px;}
    .mc-cover-bg-mtmoney{background-size: 910px auto !important;height:240px!important;}
    .mc-cover-bg-seo-magic{background-size: 750px auto !important;height:240px!important;}
    .mc-cover-bg-tfmobile{background-size: 850px auto !important;height:240px!important;}

    .googleCAMenu .ca-content{min-height:135px;}
    .facebookCAMenu .ca-content{min-height:135px;}
}
@media (max-width : 480px) {

    .content-layer{padding-top:20%;}
    .content-layer h2 span{font-size:24px;}
    .content-layer h3{margin-top:5px;}
    .content-layer h3 p{font-size:20px;}
    .section-intro h3{font-size:20px;border-right:none;padding:0;margin-top:0;margin-bottom:0;}
    .section-intro h3{display:block;text-align:center;}
    .section-intro h3 small{display:none;}
    .section-intro a.more{display:none;}
    .index-bar{display:none;}

    #portfolio-grid > li{width:99.9%;}
    #portfolio-intro{margin-bottom:10px;}
    #work-process h3{font-size:18px;}
    #skills{margin-top:0;}
    #blog-intro,#blog-list{display:none;}
    .counters2 .inner{margin-bottom:10px;}
    .word-icons a{margin-bottom:10px;}
    .copyright{padding:20px;}
    .search-h-box .keyword{width:150px;}

    .seo-whyus-box li,.msite-us-box li{width:100%;}
    .seo-whyus-box .ca-content{min-height:30px !important;}
    .msite-us-box .ca-content{min-height:30px !important;}
    .rect-banner h1{font-size:42px;}
    .smalltitle span.slspan{font-size:14px;}
    .boxportfolio4{width:91.2%;}
    .boxabout .tab-content .col-md-3{width:100%;}
    .about-team .team-member{width:100%;}

    .mc-cover-bg-mutong{background-repeat:repeat;height:740px !important;}
    .four-fabao-mutong .mtr-wp{padding-top:10px;}
    .four-fabao-mutong .mt_yl{font-size:14px;}
    .mc-cover-bg-mtmoney{background-size: 670px auto !important;height:180px!important;}
    .mc-cover-bg-seo-magic{background-size: 580px auto !important;height:210px!important;}
    .mc-cover-bg-tfmobile{background-size: 620px auto !important;height:180px!important;}

    .googleCAMenu li,.facebookCAMenu li{width:100%;}
    .googleCAMenu .ca-content{min-height:35px;}
    .facebookCAMenu .ca-content{min-height:35px;}
}
@media (max-width:420px) {/* 单行，240px,320px,375px,384px,414px */

    .content-layer{padding-top:10%;}
    .content-layer h2 span{font-size:19px;}
    .content-layer h3{margin-top:0px;}
    .content-layer h3 p{font-size:14px;}
    #footer{margin-top:0;}

    .smalltitle span.slspan{font-size:13px;}
    .rect-banner h1{font-size:38px;}
    .boxportfolio4{margin-left:14px;}

    .mc-cover-bg-mutong{background-repeat:repeat;height:870px !important;}
    .four-fabao-mutong .mtr-wp{padding-top:10px;}
    .mc-cover-bg-mtmoney{background-size: 560px auto !important;height:140px!important;}
    .mc-cover-bg-seo-magic{background-size: 460px auto !important;}
    .mc-cover-bg-tfmobile{background-size: 460px auto !important;height:140px!important;}

    .questions{padding-top:0;}
    #single-project-description .market-content h4{font-size:18px;margin:20px 0;}
    .price-table h4{font-size:25px;}
}
@media (max-width:390px) {
    .rect-banner h1{font-size:35px;}
}
@media (max-width:350px) {
    .content-layer{padding-top:14%;}
    .content-layer h2 span{font-size:15px;}
    .content-layer h3 p{font-size:12px;}
    .rect-banner h1{font-size:34px;}
    .smalltitle span.slspan{font-size:12px;}
}
@media (max-width:320px) {
    .rect-banner h1{font-size:30px;}
}
@media (min-width:1570px) {
    .container{width:1270px;}
    #portfolio-grid li{width:33%}
}
@media (min-width:1890px) {
    .container{width:1470px;}
}