@media screen and (max-width:1680px){
    .diagnosis-item{right:20.5%;}
    .diagnosis-possession,.diagnosis-satisfaction{right:21%;}
    .diagnosis-beauty{right:19%;}
    .diagnosis-loyalty{right:20%;}
    .diagnosis-diff{right:23%;}
}
@media screen and (max-width:1440px){
    .diagnosis-item{right:15.5%;}
    .diagnosis-possession,.diagnosis-satisfaction{right:16%;}
    .diagnosis-beauty{right:14%;}
    .diagnosis-loyalty{right:15%;}
    .diagnosis-diff{right:19%;}
}
@media screen and (max-width:1366px){
    .diagnosis-item{right:13.5%;}
    .diagnosis-possession,.diagnosis-satisfaction{right:14%;}
    .diagnosis-beauty{right:12%;}
    .diagnosis-loyalty{right:13%;}
    .diagnosis-diff{right:17%;}
}
@media screen and (max-width:1280px){
    .diagnosis-item{right:10.5%;}
    .diagnosis-possession,.diagnosis-satisfaction{right:11%;}
    .diagnosis-beauty{right:9%;}
    .diagnosis-loyalty{right:10%;}
    .diagnosis-diff{right:14%;}
}
@media screen and (max-width:1024px){
    .diagnosis-item{right:1.5%;}
    .diagnosis-possession,.diagnosis-satisfaction{right:2%;}
    .diagnosis-beauty{right:0;}
    .diagnosis-loyalty{right:1%;}
    .diagnosis-diff{right:6%;}
}
@media screen and (max-width:767px){
    .show-mobile{display:block;}
    .hide-mobile{display:none;}
    .head-menu,.logo-wrap{float:none;}
    .logo-wrap img{margin:0 auto;padding-top:8px;width:75px;}
    .head-menu{float:none;}
    .lcbody{position:absolute;margin-top:16px;width:30px;height:30px;transition:transform .4s cubic-bezier(.4,.01,.165,.99);transform:translateZ(0) rotate(0);}
    .lcitem{position:absolute;top:0;left:0;width:30px;height:30px;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0);}
    .lcitem .rect.top{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0);}
    .lcitem .rect{position:absolute;top:14px;left:0;width:30px;height:1px;background:#999;-webkit-transition:-webkit-transform .2s ease .2s;transition:transform .2s ease .2s;}
    .lcitem .rect.bottom{-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0);}
    .lcitem .rect{position:absolute;top:14px;left:0;width:30px;height:1px;background:#999;-webkit-transition:-webkit-transform .2s ease .2s;transition:transform .2s ease .2s;}
    .head-wrap{height:63px;border-bottom:1px solid #ccc;}
    .head-menu-mobile{position:fixed;top:0;overflow-x:hidden;overflow-y:auto;width:260px;height:100%;background:#1a1b1c;opacity:0;}
    .head-menu-mobile ul{padding-top:60px;}
    .head-menu-mobile ul li{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:49px;border-top:1px solid #313233;font-size:1.3rem;}
    .head-menu-mobile ul li a{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px;width:100%;color:#b7b7b7;font-size:14px;line-height:49px;}
    body{font-size:14px;}
    body.open .head-wrap,body.open .site-content{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0);}
    body.open .lcbody{-webkit-transform:translateZ(0) rotate(90deg);transform:translateZ(0) rotate(90deg);}
    body.open .lcitem{-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) .2s;transition:transform .25s cubic-bezier(.4,.01,.165,.99) .2s;-webkit-transform:translateZ(0) rotate(45deg);transform:translateZ(0) rotate(45deg);}
    body.open .lcitem.bottom{-webkit-transform:translateZ(0) rotate(-45deg);transform:translateZ(0) rotate(-45deg);}
    body.open .lcitem .rect{-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    .head-service-mobile .head-service-add-mobile{padding-top:0;}
    .head-service-add-mobile li{padding-left:20px;}
    .head-service-add-mobile i{float:left;margin:17px 20px 0 14px;color:#b7b7b7;font-size:14px;}
    .head-menu-mobile ul li.active{border-left:3px solid #0080bd;}
    .title p{padding:25px 0 0;font-size:20px;}
    .title span{font-size:12px;}
    .about-sub{margin:25px 0 12px;}
    .team-content{margin:40px 0 40px;}
    .index-more{margin:20px auto 40px;width:110px;line-height:27px;}
    .about-pic{width:215px;}
    .service-content-item img{width:150px;}
    .service-content-name{margin:10px 0 20px;font-size:16px;}
    .service-content-item{margin-right:15px;}
    .service-content>figure:nth-child(2n){margin-right:0;}
    .service-content{margin:0 auto;padding:40px 0 35px 0;width:315px;}
    .team-content>div{float:left;width:50%;height:auto;}
    .team-content>div img{width:100%;}
    .contact-content{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:20px 10px;width:100%;}
    .contact-company-name{font-size:16px;}
    .contact-company-address{margin-top:15px;line-height:30px;}
    .contact-right{float:none;margin-top:20px;}
    .contact-left{float:none;}
    .copyright{padding:5px 0;font-size:12px;line-height:18px;}
    .contact-right input,textarea{width:100%;height:40px;}
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#727171;font-size:14px;}
    input:-moz-placeholder,textarea:-moz-placeholder{color:#727171;font-size:14px;}
    input::-moz-placeholder,textarea::-moz-placeholder{color:#727171;font-size:14px;}
    input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#727171;font-size:14px;}
    .contact-submit{width:100%;font-size:14px;line-height:38px;}
    .contact-wrap{padding-bottom:0;}
    .about-title{margin-top:35px;font-size:20px;}
    .about-title>div{padding-left:10px;border-left:4px solid #0080bd;}
    .about-title>span{top:-6px;left:16px;font-size:12px;}
    .about-content-wrap img{float:none;max-width:100%;}
    .about-content{float:none;padding:30px 15px 10px;width:auto;}
    .about-sub-title{font-size:18px;}
    .about-content>div{line-height:26px;}
    .about-content-wrap .container{padding-bottom:10px;}
    .about-brand-wrap .about-sub-title{padding-left:15px;}
    .about-content-wrap{margin:50px 0 30px;}
    .about-brand-wrap .about-content{padding:5px 15px;}
    .about-brand-wrap{padding-bottom:25px;}
    .new-container{width:auto;}
    .service-ask-title{padding-top:40px;}
    .service-ask-title span{font-size:20px;}
    .service-build-wrap{height:330px;background:url(../images/service_build_pic.png) center no-repeat;background-size:97%;}
    .service-build-content{top:152px;left:19px;line-height:20px;}
    .service-build-content>div:first-child{width:68%;}
    .service-plan-ask{margin-top:0;height:650px;background:url(../images/service_plan_ask_bg.jpg) center;}
    .service-build-more{top:261px;left:50%;margin-left:-60px;width:105px;color:#fff;font-size:14px;line-height:26px;}
    .service-plan-ask-left{float:none;margin-top:30px;padding:0 15px;width:auto;font-size:14px;line-height:24px;}
    .service-plan-ask-intro p:first-child{font-size:16px;}
    .service-plan-ask-left a{margin:25px 0 35px;width:95px;line-height:28px;}
    .service-plan-ask-pic{float:none;margin:30px auto;width:90%;}
    .brand-plan-intro-wrap p:first-child{font-size:16px;}
    .brand-plan-intro-wrap{margin-top:28px;padding:0 15px;font-size:14px;line-height:25px;}
    .brand-plan-content-wrap img{float:left;display:block;margin:0;margin-top:25px;margin-left:10%;width:35%;}
    .brand-plan-content-wrap img:first-child{margin-left:10%;}
    .brand-plan-content-wrap{padding-bottom:30px;}
    .brand-design-content-left{float:none;margin-top:40px;width:auto;}
    .brand-design-content-left:after{clear:both;display:block;content:'';}
    .brand-design-content-item{margin:0 0 20px 2.6%;width:46%;height:115px;background:url(../images/brand_design_content_bg.jpg) bottom no-repeat;}
    .brand-design-content-item>span:first-child{margin:37px 2px 31px -7px;width:35px;height:35px;line-height:35px;}
    .brand-design-content-item>span:last-child{font-size:16px;}
    .brand-design-wrap{padding-bottom:0;}
    .ad_made_content-wrap figure{margin:20px 0 20px 2.6%;width:46%;}
    .ad_made_content-wrap figure img{width:100%;}
    .ad_made_content-wrap figcaption{font-size:14px;line-height:30px;}
    .service-ask-position-title{padding:168px 0 0 20px;font-size:20px;}
    .service-ask-position-part>p{font-size:18px;}
    .service-ask-position-part1-detail{font-size:14px;line-height:25px;}
    .service-ask-detail{padding:0 15px;line-height:25px;}
    .analysis-content{margin:35px auto 40px;width:auto;}
    .analysis-content figure{margin-left:0;width:50%;}
    .analysis-content figure img{width:75px;}
    .anslysis-content-pic-second{margin-top:52px;}
    .analysis-content-title{margin:15px 0 13px;font-size:16px;}
    .analysis-content-mobile-detail{padding:0 8px;}
    .plan-content-item>p:first-child{font-size:14px;}
    .plan-content-item>p:last-child{margin-top:5px;width:145px;font-size:12px;}
    .plan-content-item1,.plan-content-item3{right:3%;}
    .plan-content-item3{top:195px;}
    .plan-content-item4{top:290px;}
    .plan-content-item2{top:110px;}
    .plan-content-item2,.plan-content-item4{left:3%;}
    .plan-content-pic{margin:30px auto;width:35px;}
    .service-position-mobile-item{display:table;padding-top:28px;}
    .service-ask-position-wrap{padding-bottom:40px;height:auto;background:#0080bd;}
    .service-position-mobile-pic{float:left;display:table-cell;width:60px;}
    .service-position-mobile-pic img{display:inline-block;width:60%;}
    .service-position-mobile-intro{display:table-cell;vertical-align:top;text-align:left;font-size:16px;}
    .service-ask-position-mobile{padding:0 5%;}
    .brand-cis-wrap{width:auto;}
    .brand-cis-item{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:0;width:33%;height:240px;}
    .brand-cis-item img{margin-top:20px;width:50%;}
    .brand-cis-item figcaption{margin:10px 0 10px;font-size:16px;}
    .brand-cis-detail{padding:0 10px;font-size:12px;}
    .brand-cis-content{margin:40px 0;}
    .brand-cis-content>div:nth-child(2){border-right:none;border-left:none;}
    .ad-design-item{left:50%;margin-left:-120px;padding:20px 0;width:240px;}
    .ad-design-item1{top:40px;}
    .ad-design-item2{top:240px;}
    .ad-design-item3{top:428px;}
    .ad-design-item span{font-weight:400;font-size:16px;}
    .ad-design-wrap{height:630px;background-position-x:0;}
    .product-image-content:after{clear:both;display:block;content:'';}
    .product-image-item{margin:25px 0 0 20px;width:140px;height:162px;}
    .product-image-item img{width:100%;}
    .product-image-content>div:nth-child(2n+1){margin-left:0;}
    .product-image-content{margin:20px auto 30px;width:300px;}
    .product-image-item-number{top:12px;left:58px;font-size:18px;}
    .product-image-item p{top:65px;font-size:16px;}
    .product-image-item-engilsh{top:95px;font-size:12px;}
    .album-content-item{margin-right:0;width:50%;}
    .album-content-item img{width:100%;}
    .album-content-wrap{margin-top:34px;}
    .album-container .service-design-title{padding-top:45px;}
    .album-wrap{height:790px;background:url(../images/album_bg.jpg);background-position-x:0;}
    .schem_pic{margin:40px auto;width:95%;}
    .product-schem-content>div:nth-child(2n),.product-schem-content>div:nth-child(2n+1){margin:10px auto;}
    .product-schem-item{width:100%;height:135px;}
    .product-schem-item-pic{margin:33px 14px 0 10px;}
    .product-schem-item-content p:nth-child(1){margin:26px 0 2px;font-weight:400;font-size:16px;}
    .product-schem-content>div:nth-child(2) .product-schem-item-content p:nth-child(1),.product-schem-content>div:nth-child(4) .product-schem-item-content p:nth-child(1){margin:34px 0 2px;}
    .product-schem-item-content{font-size:14px;line-height:20px;}
    .product-schem-wrap{padding:0 5%;}
    .product-schem-item-content{margin-left:0;width:70%;}
    .product-schem-content{padding:30px 0;}
    .boxF,.boxS,.boxT,.overlay{width:150px;height:190px;line-height:20px;}
    .boxT-title{margin:40px 0 10px;font-weight:400;font-size:16px;}
    .boxF{margin:0 20px 0 0;}
    .schem-kinds-content-wrap>div:nth-child(2n){margin-left:0;}
    .schem-kind-content-pic{display:none;}
    .schem-kinds-content-wrap{margin:0 auto;width:340px;}
    .activity-content-wrap>div:nth-child(2n),.activity-content-wrap>div:nth-child(2n+1){margin-left:0;}
    .activity-content-title{margin-right:2%;width:34%;font-size:16px;line-height:36px;}
    .activity-content-intro{width:64%;font-size:14px;}
    .activity-content-item{margin-top:30px;width:100%;}
    .activity-content-wrap{padding:0 3%;}
    .activity-schem-wrap{padding-bottom:40px;}
    .adv-design-item-title{font-weight:400;}
    .adv-design-content-item{margin-top:10px;margin-left:0!important;width:100%;height:auto;}
    .adv-design-item-top{float:left;width:30%;height:120px;border-right:1px solid #dadada;}
    .adv-design-content-wrap>div:nth-child(1) .adv-design-item-bottom{padding:30px 15px 0 20px;}
    .adv-design-item-bottom{float:left;padding:40px 15px 0 20px;width:59%;text-align:left;}
    .adv-design-item-english{padding-bottom:0;border:none;}
    .adv-design-item-triangle{border-right:4px solid transparent;border-bottom:5px solid #409fcb;border-left:4px solid transparent;}
    .adv-design-item-top-pic{margin:15px auto 6px;}
    .adv-design-content-wrap{margin-top:35px;padding:0 3%;}
    .adv-design-wrap{padding-bottom:45px;}
    .adv-idea-content-item p:first-child{font-size:16px;}
    .adv-idea-content-item p:last-child{margin:8px 0 20px;font-size:14px;}
    .adv-idea-content-wrap{margin:45px 0 0;}
    .adv-idea-pic{float:none;margin:30px auto;width:90%;}
    .adv-idea-content{float:none;padding:0 5%;width:100%;}
    .adv-idea-wrap{padding-bottom:15px;}
    .write-pic{float:none;margin:50px auto 40px;width:90%;}
    .write-content{margin:0;width:auto;}
    .write-wrap{padding-bottom:40px;}
    .shoot-content-wrap figure{margin-left:3%;width:29%;}
    .shoot-content-wrap figure img{width:100%;}
    .shoot-content-wrap figure figcaption{margin:20px 0 40px;font-size:14px;line-height:20px;}
    .shoot-content-wrap{margin-top:45px;}
    .case-list li{float:none;margin:0 auto;width:90%;}
    .case-body,.case-list{margin:0;}
    .case-body{padding:15px 0 10px;}
    .case{padding:40px 0 30px 0;}
    .news{padding:70px 3% 55px;}
    .news-list{padding-bottom:40px;}
    .news-list .news-item{padding:20px 0;}
    .mb-date{margin-bottom:15px;color:#616161;}
    .news-item .img{float:right;overflow:hidden;width:35%;height:74px;}
    .img img{width:100%;}
    .news-item .con{float:left;margin:0;padding:0;width:59%;}
    .news-item .con .name{margin-bottom:5px;font-size:14px;}
    .news-item:hover .con{transform:none;}
    .news-show-body{padding:20px 5% 40px;}
    .news-show{padding-top:40px;}
    .contact-item{float:none;overflow:hidden;padding:.35rem 10px;width:100%;height:100px;text-align:left;}
    .contact-item .icon{float:left;margin:3% 5% 0 5%;width:60px;height:60px;}
    .contact-item .con{margin-top:0;padding:3% 0 0;background:0 0;}
    .contact-item .con p{display:block;}
    .contact-item p>label{float:none;display:block;}
    .contact-item p>span{display:inline-block;margin-left:0;}
    .contact-item .p1>span{margin-left:0;}
    .contact-item .icon img{width:100%;height:100%;}
    .contact-item .con{margin-left:22%;}
    .inner-page-title .title{font-size:20px;}
    .contact{padding:40px 0 0 0;}
    .contact-body{padding-top:0;}
    .album-content-item figcaption{width:100%;}
    .diagnosis-wrap{height:565px;background:url(../images/service_ask_dia_pic_mobile.jpg) left no-repeat;}
    .diagnosis-diff{right:12%;}
    .diagnosis-item span{display:block;font-size:16px;}
    .diagnosis-item{top:30px;right:11.5%;}
    .diagnosis-diff{right:24%;}
    .diagnosis-possession,.diagnosis-satisfaction{right:18%;}
    .diagnosis-loyalty{right:16%;}
    .diagnosis-satisfaction{top:105px;}
    .diagnosis-beauty{top:205px;}
    .diagnosis-loyalty{top:310px;}
    .diagnosis-possession{top:405px;}
    .diagnosis-diff{top:480px;}
    .case1-content-top img{padding:0 5%;width:100%;}
    .case1-content-detail{padding:0 5%;width:100%;}
    .case1-content-detail>div{margin-bottom:10px;}
    .case1-content-detail .case-content-title-hr{margin-bottom:20px;padding-bottom:20px;}
    .case1-content-pic-wrap img{width:49%;}
    .case1-content-pic-wrap>img:first-child{margin-right:2%;}
    .case1-content-top{margin:40px 0 40px;}
    .case-detail-content-pic{padding-bottom:40px;}
    .case-content-title{font-size:18px;}
    .ad-design-banner,.service-ask-banner,.service-banner-wrap,.service-plan-banner{height:auto;background:0 0;}
    .contact-list{padding:35px 0 40px;}
    .page a,.page span{width:30px;height:30px;line-height:30px;}
}