@charset "utf-8";
@media only screen and (max-width: 2200px){
.indpics .bxslider li a {height:760px;}
.aboutbanner {height:735px;}
.aboutbanner p {padding:19% 0 0 0}
.photographybanner { height:600px}
.photographybanner p {padding:310px 0 0 0;}
.servicebanner { height:770px;}
    
.brandcore_name,.brandcore_name .item,.brandcore_name .item img,.brandcore_name .owl-carousel .owl-nav .owl-prev,.brandcore_name .owl-carousel .owl-nav .owl-next {height:600px; }
.brandcore_name .owl-carousel .owl-nav .owl-prev {margin-left:-1172px;}
.brandcore_name .owl-carousel .owl-nav .owl-next {margin-right:-1174px;}
.brandcore_name .owl-carousel .owl-nav .owl-prev:before {right:29%;}
.brandcore_name .owl-carousel .owl-nav .owl-next:before {left:29%;}

}

@media only screen and (max-width: 1850px){
.indpics .bxslider li a {height:650px;}
.servicebanner { height:600px; background-size:cover;background-position:center;}	
.servicebanner .cons {font-size:40px; line-height:60px;}
.servicebanner .cons .c {margin:100px 0 0 0}
.servicebanner .title {bottom:50px;font-size:25px; line-height:35px;}

.oraldesign_step {padding:40px 0 80px 0}
.oraldesign_step .content {margin:10px 0 30px 0}
}

@media only screen and (max-width: 1600px){
.wrap {margin:0 3.4%;}
.wrap6 {margin:0 3.4%}
.aboutbanner {height:600px;}
.aboutbanner p {padding:18% 0 0 0}
.wrap2 {margin:0 4%;max-width:100%;}
.aboutcore .cons {left:0}
.wrap3 {margin:0 4%;max-width:100%;}
.wrap4 {margin:0 4%;}
.indpics .bxslider li a {height:550px;}

.oraldesign_one_two .one,.oraldesign_one_two .two{height:300px;}
.oraldesign_one_two ul{height:300px;}
.oraldesign_one_two li {width:450px; height:300px; }
.oraldesign_one_two .cons {margin-top:-10px}
.oraldesign_one_two .cons .m {margin:40px 0 40px 0}
.oraldesign_one_two .cons .l {margin:0 auto -10% auto}
.oraldesign_value {margin-left:0;margin-right:0}
.oraldesign_step dd .p img {  height:50px}
.oraldesign_step dd .t {font-size:14px;line-height:20px;height:40px;margin:10px 0 0 0}
.oraldesign_step dd:before {top:85px;width:15px; height:15px;margin-right:-7px}
.oraldesign_step dd:hover:before {top:95px}
.photography_service li:before { display:none;}

.photography_step dd .p { height:40px;}
.photography_step dd .p img { height:40px}
.photography_step dd .t {font-size:16px; line-height:26px;}
.photography_step dd:before {top:65px;width:15px; height:15px}
.photography_step dd:hover:before {top:76px}
.photographybanner { height:500px}
.photographybanner p {padding:260px 0 0 0;}
.cshow_tj {padding:0 0 50px 0}
.cshow_tj .one{height:300px;}
.cshow_tj ul{height:300px;}
.cshow_tj li {height:300px;}
.cshow_tj li .cons .t {font-size:25px; line-height:35px;}
.spa_service ul {margin:0}
.servicebanner { height:500px;}	
.service {margin:20px 0 0 0}
.service .list {margin:100px 0 0 0}
.service .mright .gs {margin:30px 0 60px 0}
.service .mright .s {padding:0 0 15px 0;}
.servicebt {margin:100px 0 5px 0;}

	
.bshow {padding:100px}
.bshow .mleft {width:22%;padding:40px 20px 65px 30px;}
.bshow .mright {width:70%}
.indnews {margin-top:60px}
.oraldesign_value .cons {width:68%}
.about3 li .cons {padding:25px 25px 25px 30px}
.about3 li .cons .t {font-size:25px; line-height: 25px;}
.about3 li .cons .c {font-size:16px; }
	
.case {margin:80px 0 0 0}
.case .subject {margin:200px 0 0 0}
.case .cate {padding:80px 0 50px 0}
.indcase2 {margin:0 0 120px 0}
.casephotography {padding:0 0 80px 0}
	
.news .subject{margin:200px 0 65px 0; }
.news .cate {margin:0 0 50px 0}
.news .container {margin:50px 0 -50px 0}
    
.brandcore_name,.brandcore_name .item,.brandcore_name .item img,.brandcore_name .owl-carousel .owl-nav .owl-prev,.brandcore_name .owl-carousel .owl-nav .owl-next {height:500px; }
.brandcore_name .owl-carousel .owl-nav .owl-prev {margin-left:-1084px;}
.brandcore_name .owl-carousel .owl-nav .owl-next {margin-right:-1084px;}
.brandcore_name .owl-carousel .owl-nav .owl-prev:before {right:18%;}
.brandcore_name .owl-carousel .owl-nav .owl-next:before {left:18%;}
    
.case_name_list {margin:0 0 -125px 0; background: #fff;}
.case_name_list .subject {margin:0 0 -65px 0;padding:75px 0 0 0}
    
.indnumhuotupro {padding:0 0 40px 0;margin-top:0px}
}


@media only screen and (max-width: 1200px){
.wrap {margin:0 4%;}
.wrap1 {margin:0 4%;}
.wrap6 {margin:0 4%}
.phonemenu { display:block;}
.fixtop .navpc .left,.fixtop .navpc .right { display:none;}
.fixtop {height:62px;}
.fixtop .navpc ul {margin:0 0 0 0;}
.fixtop .navpc li {margin:0}
.fixtop .navpc .mid,.fixtop.active .navpc .mid {left:0;width:123px; height:28px;margin:0px 0 0 0;top:0; z-index:999999}
.fixtop .navpc .mid .logo a,.fixtop.active .navpc .mid .logo a {width:125px; height:28px; background:url(../images/logomb.png) no-repeat center; background-size:100%}
.tblank,.tblank.active{ height:62px; display:block}
.fixtop.active {margin:0}
.indpics { position:relative;margin-top:-50px}
.indpics .bxslider li a {height:400px; background-attachment:scroll; background-size:cover; background-position:center}
.indpics1 .bxslider li a {height:650px; background-attachment:scroll; background-size:cover; background-position:center}
.owl-carousel .owl-nav{ display:none;}
.owl-carousel .owl-dots {bottom:5px;}
.owl-carousel .owl-dots .owl-dot span{width:20px;height:2px;margin:0 3px}
.indabout {padding:40px 0 50px 0;}
.indabout .wrap {margin:0 4%}
.indabout .title {font-size:25px; line-height:35px;margin:0 0 0 0}
.oraldesign_about .title {font-size:25px; line-height:35px; letter-spacing:0}
.indabout .content {padding:25px 0 30px 0;font-size:16px}
.indabout li .p {margin:0px 0 10px 0}
.indabout li .p img { height:50px}
.indabout li .t {font-size:16px;margin:10px 0 0 0}

.fixright {top:auto;width:100%;bottom:0;margin-top:0; background:#999; height:50px; z-index:9998}
.fixright li .mb{ display:block}
.fixright li .pc { display:none;}
.fixright li{margin:0;width:33.3333%;float:left;border-left:1px solid #f2f0f2; height:50px; text-align:center;padding-top:12px}
.fixright li.wx {border:0}
.fixright li.wx .pc { display:block}
.fixright li.wx .pc span { display:inline-block; vertical-align:top;font-size:13px;font-weight:400}
.fixright li.wx .pc i { background:url(../images/wx.png) no-repeat center;width:22px; height:22px; background-size:100%; display:inline-block; vertical-align:top;margin:1px 7px 0 0}
.fixright li.wx:hover .pc i { background-color:#999}
.fixright li.wx .pc .cons {right:auto;left:0;top:auto;bottom:41px;width:100%;padding:5px 5px 10px 5px;font-size:12px;}
.fixright li.wx .pc .cons img {margin:0 0 5px 0;width:100%}
.fixright li .mb i {margin:0 auto -7px auto; display:inline-block; vertical-align:top;}
.fixright li.tel .mb i { background:url(../images/tel2.png) no-repeat center;width:22px; height:22px; background-size:100%; display:inline-block; vertical-align:top;margin:1px 6px 0 0}
.fixright li span {color:#fff;font-size:13px;font-weight:400; display:inline-block; vertical-align:top;}
.fixright li.ms{ display:block}
.fixright li.ms .mb i { background:url(../images/ms.png) no-repeat center;width:22px; height:22px; background-size:100%; display:inline-block; vertical-align:top;margin:3px 6px 0 0}
.fixright li.up { display:none;}

.case {padding-bottom:40px}

.indmorecase {margin:30px 0 0 0}
.indmorecase a {font-size:16px; height:40px; line-height:40px}
.indmorecase a i {font-size:16px;margin:1px 5px 0 0;}
.indnum {padding:40px 0 45px 0}
.indnum li .num {font-size:40px; line-height:40px;}
.indnum li .num i {font-size:20px; line-height:20px;margin:0 0 0 5px;}
.indnum li .content {font-size:14px;margin:0px 0 0 0;font-weight:400}
.indnum li:before {width:1px; height:55px;top:6px}

.indservice {background-attachment:scroll;padding:40px 0}
.indservice .title {font-size:18px; line-height:33px;font-weight:600}
.indservice .content {font-size:16px;margin:0 0 40px 0;padding:5px 0 0 0}
.indservice li:before { display:none}
.indservice li .p img { height:50px}
.indservice li .t {font-size:16px;margin:15px 0}
.indservice li .c {font-size:14px}
.indcasecate {margin:20px 0 20px 0; text-align:center}
.indcasecate .mleft {display:none;}
.indcasecate .mright { text-align:center}
.indcasecate .mright li {margin:0 8px}
.indcasecate .mright li a {font-size:16px; line-height:36px; border-bottom-width:1px;}
.indcase li .cons .up,.single_item .cons .up { left:5%;width:90%;margin:20px 0 0 0;font-size:18px;}
.indcase li .cons .down,.single_item .cons .down {left:5%;bottom:20px;width:90%;}
.indcase li .cons .down .t2,.single_item .cons .down .t2 {font-size:18px;margin:0}
.indcase li .cons .down .t2:before,.single_item .cons .t2:before {top:-10px;width:20px;}
.indchoose {padding:40px 0}
.indchoose .title {font-size:25px;}
.indchoose .content {font-size:16px;margin:0 0 40px 0}
.indchoose li .p img { height:70px}
.indchoose li .t {font-size:20px;margin:10px 0;font-weight:400}
.indchoose li .c {font-size:16px;}

.indnews {padding:20px 10px 20px 10px;margin:40px 0 40px 0}
.indnews .mleft {width:48%}
.indnews .mleft .subject {font-size:20px; line-height:20px;}
.indnews .mleft .first { background: #f5f5f5;padding:15px 15px 15px 20px}
.indnews .mleft .first .t,.indnews .mright li .cons .t { height:20px; line-height:20px;margin:0 0 10px 0}
.indnews .mleft .first .t a,.indnews .mright li .cons .t a {font-size:16px;}
.indnews .mleft .first .c,.indnews .mright li .cons .c {font-size:14px; line-height:25px; height:50px;}
.classnews {margin:20px 0 0 0}
.classnews .item {height:300px}
.classnews .owl-dots {bottom:5px}
.classnews .owl-dots .owl-dot span{width:20px;height:2px;margin:0 3px;}
.indnews .mright {width:48%;margin:40px 0 0 0}
.indnews .mright li {margin:19px 0 0 0}
.indnews .mright li .addtime {width:78px; height:78px;}
.indnews .mright li .addtime p {font-size:14px; line-height:14px;padding:13px 0 10px 0}
.indnews .mright li .addtime span {font-size:30px; line-height:30px;}
.indnews .mright li .cons {margin:0 0 0 95px;padding:0; position: relative;top:-6px}
.indnews .mright li .cons .t { height: 35px; line-height:33px;margin:0 0 5px 0;border-width:1px}
.aboutbanner { height:400px; background-attachment:scroll; background-position:center; background-size:cover;}
.aboutbanner p {font-size:30px; line-height:40px;padding:17% 0 0 0}

.aboutcore {padding:40px 0; background-attachment:scroll; background-position:center}
.aboutcore .cons {max-width:100%;}
.aboutcore .cons .title {font-size:25px; line-height:35px;margin:0 0 20px 0}
.aboutcore .cons .title p {font-size:20px; line-height:20px;margin:11px 0 0 10px}
.aboutcore .cons .content {font-size:14px;}
.foothide {margin:50px 0 0 0}
	
.news .subject{font-size:25px;margin:30px 0 10px 0}
.news .cate li {margin:0 3%}
.news .cate li a {font-size:16px; line-height:30px;border-bottom-width:1px}
.news .container {margin:-20px 0 -20px 0}
.news .fall-box{ width: 104%;left:-2%}
.news .fall-box .item .section-p {padding:0 5px}
.news .fall-box .item .section-p .title-p {margin:15px 0 10px 0; line-height:24px}
.news .fall-box .item .section-p .title-p a {font-size:16px; line-height:24px;}
.news .fall-box .item .section-p .content-p { line-height:25px; height:75px;font-size:14px}
.news .fall-box .item .section-p .addtime-p {margin:10px 0 30px 0;font-size:14px}
.wrap5 {margin:0 4%}

.newscase { display:none;}
.nshow {padding:50px 0 80px 0;}
.nshow .addtime {font-size:16px; line-height:16px;width:30%;padding:5px 0 0 0}
.nshow .addtime p {font-size:23px; line-height:23px;margin:15px 0 0 0;}
.nshow .cons {width:70%}
.nshow .cons .t {font-size:25px; line-height:35px;margin:0 0 20px 0;border-width:1px;padding:0 0 15px 0}
.nshow .cons .c { font-size:16px}
.nshow .cons .c img {margin:5px 0}
.nshow .cons .like {border-width:1px;padding:20px 0 40px 0;margin:30px 0 -10px 0}
.nshow .cons .like .s {font-size:20px; line-height: 20px;margin-bottom:10px}
.nshow .cons .like li {margin:10px 20px 0 0}
.nshow .cons .like li a {font-size:16px;}
	
.prevnext {margin:30px 0 -30px 0}
.prevnext a {font-size:14px;line-height:24px;}
.prevnext .close i {width:20px; height:20px; line-height:20px;top:6px; background-size:100%}
.prevnext .close:hover i {background-size:100%}
.prevnext span {margin:0 0 0 55px}
.prevnext .prev {padding:0 0 0 20px}
.prevnext .prev a i {left:0px}
.prevnext .next span {margin:0 0 0 55px}
.prevnext .next a{padding:0 25px 0 0}
.prevnext .prev a:before {background-size:100%;width:20px; height:20px;left:-25px;top:2px}
.prevnext .prev a:hover:before {background-size:100%}
.prevnext .next a:before {background-size:100%;width:20px; height:20px;top:2px;}
.prevnext .next a:hover:before { background-size:100%}
	
.case .cate {padding:40px 0 30px 0}
.case .cate li {margin:0 2%;}
.case .cate li a {font-size:16px; line-height:36px;border-bottom-width:1px;}
.indcase2 {margin:0 0 50px 0}
.show .up {padding:40px 0}
.show .up .mleft {width:34%;}
.show .up .mleft .t {font-size:22px; line-height:32px;}
.show .up .mleft .t2 {font-size:14px; line-height:24px;margin:5px 0 0 0}
.show .up .mright {width:56%;font-size:16px}

.show .pn {margin:40px 0 0px 0}
.show .pn .prev {width:70px; height:20px; top:-6px;background-size:cover; background-position:left ;}
.show .pn .close {width:30px; height:30px;margin-left:-15px; background-size:100%;top:-2px}
.show .pn .next{top:12px;width:70px; height:20px; background-size:cover; background-position:left ;}
    
.show .subject {font-size:20px;margin:0 0 50px 0}
.show .subject:before {top:35px;width:25px; height:25px;margin-left:-12px; background-size:100%}
.showblank { height:30px;}
.oraldesign_casesubject {margin:35px 0 20px 0}
.oraldesign_casesubject .t {font-size:25px; line-height:35px;}
.oraldesign_casesubject .c {font-size:16px;margin:5px 0 0 0}

.oraldesign_one_two .one,.oraldesign_one_two .two{height:200px;}
.oraldesign_one_two ul{height:200px;}
.oraldesign_one_two li {width:300px; height:200px;margin:0 10px 0 0}
.oraldesign_one_two .two {margin:10px 0 0 0}
.oraldesign_one_two .cons .c {font-size:20px; line-height:1.8;}
.oraldesign_one_two .cons .m {margin:30px 0 30px 0}
.oraldesign_one_two .cons .m a {border-width:1px;font-size:14px; height:35px; line-height:33px;padding:0 20px}
.oraldesign_one_two .cons .l {width:30px; height:30px;margin:0 auto -15% auto}

.oraldesign_value {font-size:30px; line-height:40px;margin:10px 0 30px 0}
.oraldesign_value .cons {width:60%;margin:65px 0 0 0}
.oraldesign_value .tel {margin:42px 0 0 0}
.oraldesign_value .tel .t {font-size:16px; line-height:20px;padding:0 0 10px 30px;margin:0 0 5px 0}
.oraldesign_value .tel .t:before {width:20px; height:20px;top:1px; background-size:100%}
.oraldesign_value .tel .c,.oraldesign_value .tel .c a {font-size:25px; line-height:25px;}
.oraldesign_value .wx {width:100px}

.oraldesign_step {padding:40px 0 40px 0}
.oraldesign_step .content {margin:-5px 0 20px 0}
.oraldesign_step dl.dl2 {margin:0}
.oraldesign_step dd {width:25%;margin:20px 0}
.oraldesign_step dd:before {top:65px;width:10px; height:10px}
.oraldesign_step dd:hover:before {top:74px}
.oraldesign_step dd:nth-child(7):before { display:block}
.oraldesign_step dd:nth-child(4):before,.oraldesign_step dd:nth-child(8):before,.oraldesign_step dd:nth-child(12):before { display:none;}
.oraldesign_step dd .p { height:40px}
.oraldesign_step dd .p img { height:40px}
.oraldesign_step dd .t {line-height:18px;height:36px;font-size:12px;}
.photography_about .title {font-size:30px; line-height:40px;margin:0 0 30px 0}
.photography_about li .t {font-size:16px; line-height:26px;}
.photography_service li .t {margin:10px 0 5px 0;}
.indchoose3 li .t {margin:10px 0 5px 0}
.photography_step dd .p { height:40px;}
.photography_step dd .p img { height:40px}
.photography_step dd .t {font-size:16px; line-height:26px;}
.photography_step dd:before {top:64px;width:15px; height:15px}
.photography_step dd:hover:before {top:74px;}
.photography_step dd:nth-child(7):before { display:none;}

.photography_cate{ padding:0px 0 20px 0}
.photography_cate .mleft {float:none;font-size:20px; line-height:30px;padding:30px 0 0 0}
.photography_cate .mleft:before {width:90px; height:20px; background-size:100%}

.photography_cate .mright {float:none; text-align:left;margin:15px 0 0 0}
.photography_cate .mright li {margin:0 5% 0 0}
.photography_cate .mright li:last-child{margin:0}
.photography_cate .mright li a {font-size:15px;line-height:35px;border-bottom-width:1px}

.casephotography ul {width:101%;margin:-1% 0 0 -0.5%}
.casephotography li {width:24%;margin:1% 0.5% 0 0.5%;}
.casephotography li.h {width:49%}
.casephotography li .cons .t {font-size:16px; line-height:22px;margin:0 0 5px 0}
.casephotography li .cons .t2 {font-size:12px; line-height:17px;}
.photographybanner { height:350px}
.photographybanner p {padding:150px 0 0 0;font-size:30px; line-height:40px}

.cshow .ct {font-size:25px; line-height:35px;margin:40px 0 30px 0;}
.cshow .gs {font-size:15px}
.cshow .gs2 {border-top-width:1px;margin:30px 0 30px 0;padding:30px 0 0 0}
.cshow .gs2 .in { margin:0;font-size:15px}
.cshow .cc {font-size:13px;margin:30px 0 0 0; }
.cshow .cc img {margin:5px 0}

.cshow_tj {padding:0 0 30px 0}
.cshow_tj .one{height:200px;}
.cshow_tj ul{height:200px}
.cshow_tj li {height:200px;}
.cshow_tj li .cons .t {font-size:16px; line-height:26px;}
.cshow_tj li .cons .t2 {font-size:12px; line-height:17px;margin:5px 0 0 0}

.bx-wrapper .bx-pager {bottom:15px; }
.bx-wrapper .bx-pager.bx-default-pager a {width:25px;height:2px;margin: 0 3px;}
.bx-wrapper .bx-prev {left:4%;background-size:100%}
.bx-wrapper .bx-next {right:4%;background-size:100%}
.bx-wrapper .bx-controls-direction a {margin-top:-15px;width:15px;height:30px;}
.bx-wrapper .bx-controls-direction a:hover {background-size:100% }
.totopblank,.case,.show {margin:0}
.photography_service .wrap {margin:0 4%}
.spa_service li .t {margin:10px 0 5px 0}

.case .wrap1 {margin:0}
.caseall .wrap1 {margin:0 4%}
.indcase2 {width:101%;margin:-1% 0 0 -0.5%}
.indcase2 li,.single_item_case {width:32.3333%;margin:1% 0.5% 0 0.5%;}
.footmenu {line-height:60px;}
.footmenu:before {height:1px}
.footmenu li:before {width:1px; height:15px;top:22px;}
.footmenu li i { width:20px; height:20px;margin:20px 10px 0 0; background-size:cover;}
.footmenu li a {font-size:16px;border-width:1px;}

.foot {padding:40px 0 90px 0}
.foot .wrap {margin:0 4%;right:0}
.foot .up {padding:0 0 35px 0;margin:0 0 40px 0}
.foot .up .mleft {margin:0; text-align:center}
.foot .up .mleft .t {font-size:30px; line-height:40px;margin:0 0 5px 0}
.foot .up .mleft .t2 {font-size:16px; line-height:26px}
.foot .up .mright { position:relative;top:0;right:0;width:100%; text-align:center;margin:40px 0 0 0}
.foot .up .mright li { width:90px; margin:0 0 0 15px;}
.foot .up .mright li:nth-child(1) {margin:0}
.foot .up .mright li:nth-child(3) {width:90px}
.foot .up .mright li p {margin:0 0 10px 0;}
.foot .up .mright li:nth-child(3) p {margin-top:0}
.foot .up .mright li font {font-size:12px; line-height:17px;}
.foot .up .mright li:nth-child(2) font {font-size:12px; line-height:17px;margin:0}
.foot .down .logo {width:50%}
.foot .down .logo a {width:138px; height:40px; background-size:cover;}
.foot .down .tel {float:right;margin:-3px 0 0 0;width:50%; text-align:right}
.foot .down .tel .in {width:170px; text-align:left;margin:0 0 0 auto}
.foot .down .tel .c1 {font-size:25px; line-height:25px; letter-spacing: -2px}
.foot .down .tel .c2 {font-size:13px; line-height:13px;}
.foot .down .tel .c2:before {width:12px; height:12px; background-size:cover;}
.foot .down .add {top:0;width:50%;margin:30px 0 0 0}
.foot .down .focus {float:right;width:50%;margin:0; text-align:right}
.foot .down .focus ul{ text-align:center;width:170px;margin:35px 0 0 auto}
.foot .down .focus li i {width:20px; height:20px; background-size:100%}
.foot .down .focus li:nth-child(1) i {background-size:100%}
.foot .down .focus li:nth-child(2) i {background-size:100%}
.foot .down .focus li:nth-child(3) i {background-size:100%}
.foot .down .focus li .cons { left:25px; background: #fff;padding:10px;bottom:40px}
.foot .down .focus li:nth-child(1) .cons {left:25px;}
.foot .down .focus li:nth-child(2) .cons {left:25px;width:105px}
.foot .down .focus li:nth-child(3) .cons {left:25px;bottom:40px;}
.foot .down .focus .title {width:170px;font-size:14px; line-height:14px;text-align:center;letter-spacing:2px;margin:8px 0 0 auto}
.servicebanner { height:350px;background-attachment:scroll}
.servicebanner .cons { font-size:30px; line-height:40px;}
.servicebanner .cons .c {margin:-10px 0 0 0}
.servicebanner .title {bottom:20px;font-size:20px; line-height:30px;}

.service .list {margin:40px 0 0 0}
.service .mright {width:35%;}
.service .mright .t {font-size:22px; line-height:32px;}
.service .mright .gs {font-size:16px;margin:20px 0 30px 0}
.service .mright .s {font-size:16px; line-height:16px;padding:0 0 10px 0;border-width:1px}
.service .mright .c {font-size:14px;}

.servicebt {margin:40px 0 2px 0; height:150px; font-size:25px; line-height:35px;}
.servicebt:before {background-size:110px;}
.brandcase .subject {font-size:25px; line-height:35px;margin:40px 0 15px 0}
.new_telst {margin:0 0 30px 0}
.new_telst li {height:40px; line-height:40px;font-size:18px;margin:0 10px;border-width:2px}
.brandcaselist dl {margin-bottom:0px}
.brandcaselist dd .cons .up{ left:5%;width:90%;font-size:16px; line-height:21px;}
.brandcaselist dd .cons .down {left:5%;bottom:8%;width:90%; }
.brandcaselist dd .cons .down .t2{font-size:16px;margin:0 0 8px 0; line-height:21px}
.brandcaselist dd .cons .down .t2:before {top:-13px;width:40px; height:1px;}
.brandcaselist dd .cons .down .gs{font-size:12px;}
.brandyw {padding:0px 0 40px 0}
.brandyw .subject {padding:40px 0 30px 0}
.brandyw .subject .t {font-size:25px; line-height:35px;margin:0 0 5px 0}
.brandyw .subject .c {font-size:16px; line-height:1.8}
.brandlist {border-width:1px;}
.brandlist .in {padding:60px 20px 20px 20px}
.brandlist .in .cons {width:35%;margin:0 0 0 5%}
.brandlist .in .cons .c {font-size:14px;margin:0 0 30px 0}
.brandlist .in .cons .c h3 {font-size:18px;}
.brandlist .in .cons .m a {width:80px; height:25px; line-height:25px;border-width:1px;font-size:13px;}
.brandlist .owl-carousel .owl-dots .owl-dot span{height:40px; line-height:40px;font-size:16px;border-width:1px;}
.brandlist .owl-carousel .owl-dots .owl-dot span:before {right:10px;width:6px; height:6px;margin-top:-3px; background-size:100%}

.brandservice {padding:40px 0 0px 0}
.brandservice .subject .t {font-size:25px; line-height:35px;}
.brandservice .subject .c {font-size:16px; line-height:1.8;margin:5px 0 30px 0}
.brandservice li .cons { padding:20px 5px 15px 5px}
.brandservice li .cons .t {font-size:20px; line-height:30px;margin:0 0 10px 0}
.brandservice li .cons .c {font-size:14px;min-height:120px}

.brandcore .subject {font-size:25px; line-height:35px;padding:40px 0 30px 0;}
.brandcore .list {padding:0 10px 50px 10px;}
.brandcore .list:before { display:none;}
.brandcore .list:after { display:none;}
.brandcore .item .cons { height:100px;}
.brandcore .item .cons .t {font-size:20px; line-height:30px;letter-spacing:1px;padding:20px 0 2px 0}
.brandcore .item .cons .c {font-size:14px; line-height:24px;}
.brandcore .owl-carousel .owl-dots {bottom:-37px}
.brandcore .owl-carousel .owl-dots .owl-dot span{font-size:14px;margin:0 8px}

.brandcore .owl-carousel .owl-nav{ display:block; height:auto;top:50%}
.brandcore .owl-carousel .owl-nav .owl-prev {background:none;width:auto; left:6%}
.brandcore .owl-carousel .owl-nav .owl-prev:before,.brandcore .owl-carousel .owl-nav .owl-next:before {font-size:20px;height:20px;line-height:20px;top:40px;}
.brandcore .owl-carousel .owl-nav .owl-next {background:none;width:auto;right:6%}

.brandcasetj {padding:40px 0}
.brandcasetj .subject {font-size:22px; line-height:32px;padding:0px 0 30px}
.brandcase2 {padding:35px 0 40px 0}
.brandcase2 .subject {font-size:20px; line-height:30px;padding:0 0 30px 0}
    
.brandcore_name .list { overflow:visible}
.brandcore_name .owl-carousel .owl-nav{margin-top:-15px;top:50%; display:block}
.brandcore_name .owl-carousel .owl-nav .owl-prev {width:auto; height:100%;left:4%;margin:0}
.brandcore_name .owl-carousel .owl-nav .owl-prev:before {font-size:30px;height:30px;line-height:30px;top:0;right:auto;margin:0}
.brandcore_name .owl-carousel .owl-nav .owl-next {width:auto; height:100%;right:4%;margin:0}
.brandcore_name .owl-carousel .owl-nav .owl-next:before {font-size:30px;height:30px; line-height:30px;top:0;right:4%;left:auto;margin:0}
.brandcore_name .owl-carousel .owl-nav .disabled{opacity:1;cursor:default}
.brandcore_name .owl-carousel .owl-nav .owl-prev:hover:before,.brandcore_name .owl-carousel .owl-nav .owl-next:hover:before{background:rgba(0,0,0,0);color:rgba(252,138,46,1)}
.brandcore_name,.brandcore_name .item,.brandcore_name .item img,.brandcore_name .owl-carousel .owl-nav .owl-prev,.brandcore_name .owl-carousel .owl-nav .owl-next {height:auto;width:100% }

.bshow {padding:40px 0}
.bshow .mleft { display: none}
.bshow .mright {width:100%}
.bshow .mright .title {font-size:20px; line-height:30px;border-bottom-width:2px;padding:0 0 15px 0;margin:0 0 30px 0}
.bshow .mright .content {font-size:16px}
.bannerin { background-attachment: scroll; height: 600px}
	
.new_telst_index { margin:0 0 30px 0; }
.new_telst_index li {height:30px; line-height:30px;font-size:16px;margin:0 0 0 20px;border-bottom-width:1px}
.new_con_index {font-size:16px;}
.new_con_index .subject {top:2px;}

.new_con_htp .subject { height:25px; background-size:83px 25px;padding:0 0 0 95px;font-size:16px; line-height: 30px;top:0px}
.new_telst_htp {margin:10px 0 30px 0;}
.new_telst_htp li {height:30px; line-height:30px;font-size:16px;margin:0 0 0 20px;border-bottom-width:1px;}
	
.about {padding:40px 0}
.about .subject {width:30%;font-size:25px; line-height: 35px}
.about .cons {width:65%;font-size:15px; line-height: 1.8}
.about .cons .c1 {font-size:22px; line-height: 1.6;}
.about .cons .c2 {font-size:18px; line-height: 1.7;}
.about .cons .c3 {font-size:16px; line-height: 1.8;}
.about .cons .t {font-size:18px; line-height: 1.7}
.about .cons hr { height:2px;margin:10px 0}
.about3 {padding:40px 0}
.about3 .subject {font-size:25px;margin:0 0 30px 0}
.about3 .subject a {font-size:16px;top:8px;}
.about3 li .cons {padding:20px 15px 20px 20px}
.about3 li .cons .t {font-size:20px; line-height: 20px; margin:0 0 15px 0;}
.about3 li .cons .c {font-size:14px; line-height:1.8;}
	
.aboutteam {padding:40px 0}
.aboutteam li .cons { padding:20px 20px 20px 20px}
.aboutteam li .cons .title { height: 20px; line-height: 20px;}
.aboutteam li .cons .title .t {font-size:20px; line-height: 20px;}
.aboutteam li .cons .title .t2 {font-size:13px;}
.aboutteam li .cons .content {font-size:16px; height: 25px; line-height: 25px;}
	
.aboutclient .subject {font-size:20px; line-height:30px;padding:30px 0}
.aboutclient .pic { padding:20px 0}
.aboutclient .more {padding:30px 0 40px 0}
.aboutclient .more a {font-size:16px; line-height: 36px;border-bottom-width:1px;}
.case {margin:0px 0 0 0}
.case .subject {margin:40px 0 0 0;font-size:25px; line-height:35px}
.case .cate {padding:25px 0 30px 0}
.indcase2 {margin:0 0 10px 0}
.casephotography {padding:0}
    
.case_name_list {margin:0 0 -70px 0; }
.case_name_list .subject {padding:40px 0 0 0;margin:0 0 -10px 0}	
.indnumhuotupro {padding:0 0 20px 0;}
.oraldesign_one_two_about .one,.oraldesign_one_two_about li img{height:150px}
}

@media only screen and (max-width: 1044px){
.indpics1 .bxslider li a {height:600px;}
}

@media only screen and (max-width: 788px){
.indpics {margin-top:0}
.indpics .bxslider li a {height:auto; background:none;}
.indpics .bxslider li a img { display:block;width:100%;}
.indpics1 .bxslider li a {height:auto; background:none}
.indpics1 li img { display:block;width:100%}
.indpics1 .bxslider li video {display:none;}
.indnum {padding-top:0}
.indnum li {width:50%;margin-top:40px}
.indnum li:before { display:none}
.indservice li {width:50%;margin-top:40px}
.indservice .content {margin:0}
.indcase li,.single_item {width:50%;padding:18% 0}
.indchoose ul {width:104%;margin:0 0 0 -2%}
.indchoose li {width:46%;margin:40px 2% 0 2%}
.indchoose li .t {font-size:18px;}
.indchoose li .c {font-size:14px;}
.indchoose .content {margin:0}
.aboutbanner { height:350px;}
.aboutbanner p {font-size:25px; line-height:35px;padding:19% 0 0 0}
.news .fall-box .item{width:calc((100%)/2);}
.oraldesign_step .content {margin-bottom:20px}
.photographybanner { height:250px}
.photographybanner p {padding:100px 0 0 0;}
.indcase2 li,.single_item_case {width:49%;}
.servicebanner { height:250px}
.servicebt {height:120px;}
.servicebt:before {background-size:90px;}
.brandservice li {width:49%}
.brandservice li .cons .c {font-size:13px;min-height:100px}
.brandcase2in .brandcaselist dd {width:48.6%;padding:13.7% 0}
.bannerin {height: 500px}

.new_telst_index { text-align:left;margin:0 0 20px 0}
.new_telst_index li {margin:2px 0;width:50%;border:0; height: auto}
.new_telst_index li a { display:inline-block;border-bottom:1px solid transparent}
.new_telst_index li:Hover a,.new_telst_index li.newon a {border-color:#ff7b41}
.new_con_index .subject { position:relative;top:0;margin:0 0 10px 0}
	
.new_con_htp .subject { position: relative;}
.new_telst_htp { text-align: left;margin:20px 0 20px 0}
.new_telst_htp li {margin:2px 0;width:33.3333%; height: auto;border:0}
.new_telst_htp li a { display:inline-block;border-bottom:1px solid transparent}
.new_telst_htp li:Hover a,.new_telst_htp li.newon a {border-color:#ff7b41}
.oraldesign_value .cons {width:50%;}
.aboutteam li {width:46%}
}

@media only screen and (max-width: 640px){
.indabout .content {padding-bottom:0}
.indabout li {width:50%;margin:30px 0 0 0}
.indservice li {width:100%}
.indnews .mleft {width:100%}
.indnews .mright {width:100%;margin:30px 0 0 0}
.classnews .item {height:auto;padding:30% 0}
.aboutbanner { height:300px;}
.aboutbanner p {padding:21% 0 0 0}
.aboutcore {padding:30px 0;}
.aboutcore .cons .title {font-size:20px; line-height:30px;}
.aboutcore .cons .title p {font-size:14px; line-height:14px;}
.aboutcore .cons .content {font-size:12px; line-height:1.6;}
.nshow .addtime {width:100%;}
.nshow .cons {width:100%;margin:10px 0 0 0}
	
.prevnext { position:relative;padding:30px 0 0 0}
.prevnext .prev {width:100%;}
.prevnext .close {width:auto; position:absolute;top:-15px;right:0;}
.prevnext .close i {width:12px; height:12px; line-height:12px;}
.prevnext .next {width:100%; text-align:left;}
.prevnext .prev {padding:0 0 0 18px}
.prevnext .prev a:before {width:12px; height:12px;left:-18px;top:7px}
.prevnext .next {padding:0 0 0 18px}
.prevnext .next a:before {left:-18px;top:7px;width:12px; height:12px;transform:rotate(-180deg);-ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg);}
.prevnext .next a:hover:before { background-size:100%}
	
.show .up .mleft {width:100%;}
.show .up .mright {width:100%;margin:30px 0 0 0}
.show .up .gs_content { position:relative;width:100%;margin:30px 0 0 0;bottom:auto;float:left;}
.oraldesign_one_two .one,.oraldesign_one_two .two{height:150px;}
.oraldesign_one_two ul{height:150px;}
.oraldesign_one_two li {width:225px; height:150px;}
.oraldesign_one_two .cons .m {margin:20px 0 30px 0}
.oraldesign_one_two .cons .l {margin:0 auto -8% auto}
.oraldesign_value {font-size:35px; line-height:45px;margin:10px 0 35px 0; text-align:center}
.oraldesign_value .cons {width:100%;margin:20px 0 0 0;float:none;}
.oraldesign_value .tel {float:none;margin:10px 0 10px 0; display:inline-block}
.oraldesign_value .tel .t { font-size:20px; line-height:25px;padding:0 0 10px 35px; display:inline-block}
.oraldesign_value .tel .t:before {width:25px; height:25px; }
.oraldesign_value .tel .c,.oraldesign_value .tel .c a {font-size:30px; line-height:30px;}
.oraldesign_value .wx {float:none; display:none;}

.oraldesign_step dd:before {top:15px;}
.oraldesign_step dd:hover:before {top:25px}
.oraldesign_step dd {width:33.3333%;}
.oraldesign_step dd:nth-child(4):before,.oraldesign_step dd:nth-child(8):before,.oraldesign_step dd:nth-child(12):before { display:block;}
.oraldesign_step dd:nth-child(3):before,.oraldesign_step dd:nth-child(6):before,.oraldesign_step dd:nth-child(9):before,.oraldesign_step dd:nth-child(12):before,.oraldesign_step dd:nth-child(15):before,.oraldesign_step dd:nth-child(18):before { display:none;}

.photography_about li {width:33.3333%}
.photography_about .title {margin:0}
.casephotography li {width:49%;padding:30.5% 0}
.casephotography li.h {width:99%}
.photographybanner { height:200px}
.photographybanner p {padding:75px 0 0 0;}
.cshow_tj .one{height:150px;}
.cshow_tj ul{height:150px}
.cshow_tj li {height:150px;}

.footmenu {line-height:40px;padding:15px 0; text-align:left;}
.footmenu li {width:50%;padding:0 0 0 4%}
.footmenu li a {border-width:0}
.footmenu li:before {top:14px; display: none;}
.footmenu li i {margin:11px 10px 0 0;}
.footmenu li:nth-child(3):before { display:none;}
.footmenu li:nth-child(2),.footmenu li:nth-child(4) {padding:0 0 0 0%}

.footmenu li i { width:25px; height:25px;margin:8px 10px 0 0;}
.footmenu li a {font-size:18px;border-width:1px;}

.foot .down .logo {display:none;}
.foot .down .tel {width:100%;margin:0 auto;}
.foot .down .tel .in {margin:0 auto}
.foot .down .add {width:100%; text-align:center;margin:125px 0 0 0}
.foot .down .focus {width:100%; text-align:center;margin:80px 0 0 0; position: absolute;left:0;}
.foot .down .focus ul {margin:0 auto}
.foot .down .focus .title {margin:0 auto}

.foot .down .focus li i {width:25px; height:25px;}
.foot .down .focus .title {width:170px;font-size:16px; line-height:16px;margin-top:7px}
    
.servicebanner { height:200px;}
.servicebanner .cons { font-size:18px; line-height:28px;}
.servicebanner .cons .c {margin:-25px 0 0 0}
.servicebanner .title {font-size:14px; line-height:24px;bottom:15px}
.service .mleft {width:100%}
.service .mright {width:100%;margin:30px 0 0 0}
.brandcaselist dd {width:98.6%;padding:27.5% 0}
.brandlist .in {padding-top:80px}
.brandlist .in .pic {width:100%;}
.brandlist .in .cons {width:100%;margin:30px 0 0 0}
.brandlist .owl-carousel .owl-dots .owl-dot span{height:60px; line-height:18px;font-size:13px;padding:0 10px; display:table}
.brandlist .owl-carousel .owl-dots .owl-dot span font {vertical-align:middle; display:table-cell;}
.brandlist .owl-carousel .owl-dots .owl-dot span:before { display:none;}
.brandcase2in .brandcaselist dd {width:98.6%;padding:27.5% 0}
.bannerin {height: 400px}
.about .subject {width:100%;}
.about .cons {width:100%;margin:30px 0 0 0}
.about3 li {width:97%}
.about3 .subject a {position:relative;top:0; display: block;}
.oraldesign_one_two .cons .l {margin:0 auto -26% auto}
.oraldesign_one_two_about .one,.oraldesign_one_two_about li img{height:100px}

.aboutteam li .cons .title { height: auto}
.aboutteam li .cons .title .t { display: block; height: 20px; line-height: 20px; overflow: hidden}
.aboutteam li .cons .title .t2 { display: block;height: 20px; line-height: 20px; overflow: hidden;margin:5px 0 5px 0}
.aboutteam li .cons .content { height:69px; line-height: 23px;font-size:14px}
}

@media only screen and (max-width: 480px){
.indcase li,.single_item {width:100%;padding:36% 0;margin:5px 0 0 0}
.aboutbanner { height:250px;}
.photographybanner { height:150px}
.aboutbanner p {padding:25% 0 0 0}
.photographybanner p {padding:60px 0 0 0;font-size:20px; line-height:30px}

.indcase2 {width:101%;margin:-1% 0 0 -0.5%}
.indcase2 li,.single_item_case {width:99%;margin:1% 0.5% 0 0.5%;}
.servicebanner { height:150px; background-size:110%}
.bannerin {height: 250px}
}