@charset "utf-8";
@font-face {
  font-family: "OPPOSans-B";
  src: url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-B.woff2) format("woff2"), url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-B.woff) format("woff"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-B.ttf) format("truetype"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-B.svg) format("svg"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-B.eot) format("embedded-opentype");
}
@font-face {
  font-family: "OPPOSans-M";
  src: url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-M.woff2) format("woff2"), url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-M.woff) format("woff"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-M.ttf) format("truetype"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-M.svg) format("svg"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-M.eot) format("embedded-opentype");
}
@font-face {
  font-family: "OPPOSans-R";
  src: url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-R.woff2) format("woff2"), url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-R.woff) format("woff"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-R.ttf) format("truetype"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-R.svg) format("svg"),
	url(https://dsfs.oppo.com/aemstatic/fonts/OPPOSans-R.eot) format("embedded-opentype");
}
@font-face {
font-family: 'FuturaBold5';
src: url('../fonts/FuturaBold5.eot');
src: local('FuturaBold5 Regular'), 
             local('FuturaBold5'), 
             url('../fonts/FuturaBold5.woff') format('woff'), 
             url('../fonts/FuturaBold5.ttf') format('truetype'), 
             url('../fonts/FuturaBold5.svg#FuturaBold5') format('svg');	
} 
@font-face {
font-family: 'Futura';
src: url('../fonts/Futura.eot');
src: local('Futura Regular'), 
             local('Futura'), 
             url('../fonts/Futura.woff') format('woff'), 
             url('../fonts/Futura.ttf') format('truetype'), 
             url('../fonts/Futura.svg#Futura') format('svg');	
} 
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.tblank,.fixtop,.fixtop .navpc li a,.fixtop .navpc li.talk,.fixtop .navpc .mid,.fixtop .navpc .mid .logo a,.fixright li.wx .pc i,.fixright li.up .pc i,.fixright li.tel .pc,.indcase li .pcover,.single_item .pcover,.indcase li .cons,.single_item .cons,.indnews .mright li .addtime,.news .fall-box .item .pic a:before,.prevnext .prev a:before,.prevnext .next a:before,.prevnext .close i,.oraldesign_step dd .p img,.casephotography li .cons,.casephotography li .pcover,.cshow_tj li .cons,.cshow_tj li img,.fixtop .navpc li.teltalk .talk,.fixtop .navpc li.teltalk .tel,.fixtop .navpc li.teltalk,.indabout li,.indservice li,.indchoose li,.oraldesign_step dd,.oraldesign_step dd:before,.fixonebanner,.footmenu li i,.foot .down .focus li .cons,.new_telst li,.brandcaselist dd .cons,.brandcaselist dd .pcover,.brandlist .owl-carousel .owl-dots .owl-dot span:before,.brandservice li .pic p,.indnews .mright li .cons .t,.new_telst_index li,.new_telst_htp li,.about3 li .cons,.about3 li .p p,.aboutteam li .pic p,.aboutteam li .cons
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcase li:hover .pcover,.single_item:hover .pcover,.casephotography li:hover .pcover,.cshow_tj li:hover img,.brandcaselist dd:hover .pcover,.brandservice li:hover .pic p,.about3 li:hover .p p,.aboutteam li:Hover .pic p
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.fixtop .navpc li.talk p,.fixright li,.fixright li.wx .pc .cons,.prevnext .prev,.prevnext .next,.casephotography li .cons,.cshow_tj li .cons,.footmenu li,.brandlist .owl-carousel .owl-dots .owl-dot span,.bshow .mleft,.new_con_htp .subject
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#f2f0f2;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'OPPOSans-M','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#000;}strong,b {font-weight:bold;}
a {color:#000}
a:hover,.indnews .mright li:hover .cons .t a,.foot .down .add a:hover{color:#ff7b41}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0; background:#92989d;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #f0830f;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #f0830f;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#f0830f;border:1px solid #f0830f;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #f0830f;} 
.pager a,.pager span.disabled {color:#f0830f;border:1px solid #f0830f;background:#ffffff} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;border-radius:3px}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:300}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #afafaf;}
:-moz-placeholder {color: #afafaf; } 
::-moz-placeholder { color: #afafaf; } 
:-ms-input-placeholder {color: #afafaf; }

::selection {background:#ff7b41;color:#ffffff;}
::-moz-selection {background:#ff7b41;color:#ffffff;}
::-webkit-selection {background:#ff7b41;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 6.8%;position:relative;}
.wrap1 {margin:0 3.4%;position:relative;}
.wrap2 {margin:0 auto;max-width:1315px;position:relative;}
.wrap3 {margin:0 auto;max-width:1520px;position:relative;}
.wrap4 {margin:0 11%;position:relative;}
.wrap5 {margin:0 auto;max-width:1250px;position:relative;}
.wrap6 {margin:0 auto;max-width:1480px;position:relative;}
.phonemenu { display:none;}

.fixtop { position:fixed; z-index:9999;left:0;top:0;width:100%; background:#fff; height:103px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.fixtop .navpc { position:relative;top:17px}
.fixtop .navpc li { display:inline-block; vertical-align:top;}
.fixtop .navpc li a {font-size:18px; height:83px; line-height:83px;font-weight:400; display:inline-block;border-bottom:3px solid transparent}
.fixtop .navpc li a:hover,.fixtop .navpc li.check a {border-color:#ff7b41;color:#ff7b41}
.fixtop .navpc .left li {margin:0 30px 0 0;float:left;}
.fixtop .navpc .mid { position:absolute;left:50%;width:120px; height:71px;margin:-4px 0 0 -60px;}
.fixtop .navpc .mid .logo a {background:url(../images/logo.svg) no-repeat center;width:120px; height:71px; background-size:100%; display:block;border:0;}
.fixtop .navpc .right { position:absolute;top:0;right:20px;}
.fixtop .navpc .right li {float:right;margin:0 0 0 30px}

.fixtop .navpc li.teltalk {margin:0 0 0 30px; position:relative;top:26px}
.fixtop .navpc li.teltalk a {border:0; height:31px; line-height:31px}
.fixtop .navpc li.teltalk .talk {background:url(../images/talk.png) no-repeat center left; line-height:27px; height:31px;position:relative;left:0;top:0px;padding:0 0 0 34px;font-size:18px;color:#000;}
.fixtop.active .navpc li.teltalk {top:38px}
.fixtop .navpc li.teltalk .talk:hover{color:#ff7b41;}

.tblank { display:none}

.fixtop.active {margin-top:-43px}
.fixtop.active .navpc li a { line-height:110px}
.fixtop.active .navpc li.talk {margin-top:31px}
.fixtop.active .navpc .mid {margin-top:33px;margin-left:-39px;}
.fixtop.active .navpc .mid .logo a {width:78px; height:46px;}

.indpics .bxslider li a {display:block; background-position:center top; background-repeat:no-repeat; background-size:100%;height:1015px;background-attachment:fixed;}
.indpics .bxslider li a img { display:none;}

.indpics1 .bxslider li a {background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display:block; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment:fixed;}
.indpics1 li img { display:none}

.indpics1 .bxslider li { position:relative}
#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}
.indpics1 .bxslider li video { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 999}


.indabout { text-align:center;padding:65px 0 105px 0;}
.indabout .wrap {max-width:1350px;margin:0 auto}
.indabout .title {font-size:44px; line-height:54px;margin:0 0 35px 0;font-family: "OPPOSans-B";}
.indabout .content {font-size:18px;color:#666}
.indabout li {float:left;width:25%; position:relative;top:0}
.indabout li .p {margin:75px 0 20px 0}
.indabout li .t {font-size:20px; line-height:1.6}
.indabout li:hover {top:-10px}

.indcasecate { position:relative;margin:0 0 35px 0}
.indcasecate .mleft { position:absolute;left:0;top:9px;font-size:21px; color:#666;line-height:21px;color:#5e5e5e;width:100%}
.indcasecate .mright { text-align:right;}
.indcasecate .mright li { display:inline-block; vertical-align:top;margin:0 0 0 35px}
.indcasecate .mright li a {font-size:18px;color:#5e5e5e; display:inline-block;border-bottom:2px solid transparent;}
.indcasecate .mright li a:hover,.indcasecate .mright li.check a {border-color:#ff7b41;color:#ff7b41}

.indcase li,.single_item {float:left;width:33.3333%; position:relative; overflow:hidden;padding:12% 0}
.indcase li .cons,.single_item .cons { position:absolute; z-index:100;top:0; height:100%;width:100%;left:0; background:rgba(0,0,0,0.6);color:#fff;opacity:0}
.indcase li:hover .cons,.single_item:hover .cons {opacity:1}
.indcase li .cons .up,.single_item .cons .up { left:7%;width:86%;margin:4% 0 0 0;font-size:21px; position:absolute;font-family: "OPPOSans-R"; padding:0; text-align: left;}
.indcase li .cons .down,.single_item .cons .down {left:7%;bottom:9%;width:86%; position:absolute;}
.indcase li .cons .down .t2,.single_item .cons .down .t2 {font-size:26px;margin:0 0 3px 0;font-family: "OPPOSans-R";}
.indcase li .cons .down .t2:before,.single_item .cons .down .t2:before {top:-17px;width:80px; content:''; position:absolute;left:0; height:2px; background:#fff;}
.indcase li .cons .down .gs,.single_item .cons .down .gs{font-size:13px; line-height:1.8;font-family: "OPPOSans-R";}
.indcase li .pcover,.single_item .pcover{transform:scale(1.01);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);-ms-transform:scale(1.01)}

.indmorecase {margin:30px 0 0 0; text-align:center}
.indmorecase a {font-size:21px; height:90px; line-height:88px;color:#666; display:block; background:#fff;}
.indmorecase a i {font-size:21px;margin:1px 15px 0 0; display:inline-block; vertical-align:top;}
.indmorecase a:hover { background:#ff7b41;color:#fff}

.indservice {background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;padding:8% 0; text-align:center;color:#fff}
.indservice .title {font-size:37px; line-height:47px;font-weight:400}
.indservice .content {font-size:29px; line-height:1.6;margin:5px 0 110px 0}
.indservice li {float:left;width:25%; position:relative;top:0}
.indservice li:hover {top:-10px}
.indservice li:before { content:'';left:0;top:123px;width:1px; height:135px; background:#fff; position:absolute;}
.indservice li:nth-child(1):before { display:none;}
.indservice li .t {font-size:21px;margin:23px 0 25px 0;font-weight:600}
.indservice li .c {font-size:17px; line-height:1.6}
.indchoose {padding:80px 0; text-align:center}
.indchoose .title {font-size:40px; line-height:50px;font-family: "OPPOSans-B";}
.indchoose .content {font-size:26px;margin:0 0 80px 0;font-family: "OPPOSans-R";}
.spa_step .content {color:#ff7b41}
.indchoose li {float:left;width:25%; text-align:center; position:relative;top:0}
.indchoose li:hover {top:-10px}
.indchoose li .t {font-size:33px; line-height:43px;margin:18px 0 16px 0;}
.indchoose li .c {font-size:18px;color:#666; line-height:1.7}
.indnews {padding:50px 80px 65px 80px;margin:95px 0 100px 0; background:#fff;}
.indnews .mleft {float:left;width:48%;}
.indnews .mleft .subject {font-size:31px; line-height:31px;}
.indnews .mleft .first { background: #f2f0f2;padding:22px 35px 30px 40px}
.indnews .mleft .first .t,.indnews .mright li .cons .t { height:25px; line-height:25px;margin:0 0 10px 0; overflow:hidden}
.indnews .mleft .first .t a,.indnews .mright li .cons .t a {font-size:19px;font-family: "OPPOSans-B";}
.indnews .mleft .first .c,.indnews .mright li .cons .c {font-size:15px; line-height:27px; height:54px;color:#555; overflow:hidden;}
.classnews {margin:40px 0 0 0}
.classnews .item {height:403px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.classnews .owl-dots {bottom:15px}
.classnews .owl-dots .owl-dot span{width:40px;height:3px;margin:0 8px;}
.classnews .owl-nav{margin-top:-25px;}
.classnews .owl-nav .owl-prev {left:0;}
.classnews .owl-nav .owl-prev:before {background:rgba(0,0,0,0.1);font-size:40px;height:50px;line-height:50px;width:50px;border-radius:0}
.classnews .owl-nav .owl-next {right:0;}
.classnews .owl-nav .owl-next:before {background:rgba(0,0,0,0.1);font-size:40px;height:50px; line-height:50px;width:50px;border-radius:0}
.classnews .owl-nav .owl-prev:hover:before,.classnews .owl-nav .owl-next:hover:before{background:rgba(0,0,0,0.5);color:#fff}
.indnews .mright {float:right;width:41%;margin:70px 0 0 0}
.indnews .mright li {margin:47px 0 0 0; position:relative}
.indnews .mright li:nth-child(1) {margin:0}
.indnews .mright li .addtime {width:98px; height:98px; position:absolute;left:0;top:0;border:1px solid #f2f0f2; text-align:center;color:#9f999f;font-family: 'Futura'; background: #f2f0f2}
.indnews .mright li .addtime p {font-size:18px; line-height:18px;padding:17px 0 10px 0;}
.indnews .mright li .addtime span {font-size:40px; line-height:40px;}
.indnews .mright li .cons {margin:0 0 0 135px;padding:3px 0 0 0}
.indnews .mright li .cons .t { height: 46px; line-height: 44px;margin:-11px 0 8px 0;border-bottom:2px solid #e9e6ea;}
.indnews .mright li .cons .t a { display: block;}
.indnews .mright li:hover .cons .t {border-color:#ff7b41}
.indnews .mright li:hover .addtime { background:#ff7b41;color:#fff;border-color:#ff7b41;}
.aboutbanner {height:980px; background-position:center top; background-repeat:no-repeat;text-align:center; background-size:100%; background-attachment:fixed; position:relative}
.aboutbanner p {padding:20% 0 0 0;color:#fff;font-size:86px; line-height:106px;font-weight:900}

.about {padding:110px 0 160px 0}
.about .subject {float:left;width:400px;font-family: "OPPOSans-B";font-size:45px; line-height: 45px}
.about .cons {float:right;width:680px;font-size:20px; line-height: 1.7}
.about .cons .c1 {font-size:37px; line-height: 1.4;}
.about .cons .c2 {font-size:29px; line-height: 1.5;}
.about .cons .c3 {font-size:24px; line-height: 1.6;font-family: "OPPOSans-R";}
.about .cons .t {font-family: "OPPOSans-M";font-size:30px; line-height: 1.8}
.about .cons hr { height:5px; background: #ff7b41;margin:120px 0 60px 0}

.aboutcore {padding:12% 0; background-attachment:fixed; background-position: bottom right; background-repeat:no-repeat; background-size:cover;color:#fff;}
.aboutcore .cons {max-width:50%;}
.aboutcore .cons .title {font-size:37px; line-height:47px;margin:0 0 40px 0;color:#ff7b41;font-family: "OPPOSans-B";}
.aboutcore .cons .title p {font-size:24px; line-height:24px;margin:15px 0 0 15px; display:inline-block; vertical-align:top;color:#fff;font-family: "OPPOSans-R";}
.aboutcore .cons .content {font-size:18px;font-family: "OPPOSans-R";}

.oraldesign_casesubject { text-align:center;margin:95px 0 55px 0}
.oraldesign_casesubject .t {font-size:45px; line-height:55px;font-family: "OPPOSans-B";}
.oraldesign_casesubject .c {font-size:20px;margin:5px 0 0 0}

.aboutteam {padding:80px 0 80px 0;max-width:1265px;margin:0 auto}
.aboutteam ul {width:104%;margin:-4% 0 0 -2%}
.aboutteam li {float:left;width:29.3333%;margin:4% 2% 0 2%}
.aboutteam li .pic { position:relative; overflow: hidden;padding:55% 0}
.aboutteam li .cons { background: #e9e7ea;padding:30px 20px 30px 20px}
.aboutteam li .cons .title { height: 30px; line-height: 30px; overflow: hidden;margin:0 0 5px 0}
.aboutteam li .cons .title .t {font-size:25px; line-height: 25px;font-family: "OPPOSans-B"; display: inline-block; vertical-align: top;}
.aboutteam li .cons .title .t2 {font-size:15px;font-family: "OPPOSans-R"; display: inline-block; vertical-align: top;margin:2px 0 0 5px}
.aboutteam li .cons .content {font-size:20px; height: 30px; line-height: 30px; overflow: hidden;}
.aboutteam li:hover .cons {color:#ff7b41;}

.aboutclient { background:#fff; text-align:center;}
.aboutclient .subject {font-size:53px; line-height: 63px;padding:70px 0}
.aboutclient .pic { background: #ff7b41;padding:80px 0}
.aboutclient .more {padding:90px 0 150px 0}
.aboutclient .more a {font-size:34px; display: inline-block; line-height: 64px;border-bottom:2px solid #ff7b41;color:#ff7b41;}


.foothide {margin:100px 0 0 0;}
.news .subject{font-size:46px; line-height:66px;margin:230px 0 95px 0; text-align:center;font-family: "OPPOSans-B";}
.news .cate { text-align:center;margin:0 0 80px 0}
.news .cate li {margin:0 33px; display:inline-block; vertical-align:top;}
.news .cate li a {font-size:21px; line-height:48px;border-bottom:3px solid transparent;display:block;}
.news .cate li a:hover,.news .cate li.check a {border-color:#ff7b41;color:#ff7b41;}
.news .container {margin:50px 0 150px 0}
.news .fall-box{ width: 100%; position: relative;}
.news .fall-box .item{  width:calc((100%)/3);}
.news .fall-box .item .in {padding:0 4%;position:relative; overflow:hidden}
.news .fall-box .item .pic { position:relative; overflow:hidden}
.news .fall-box .item .pic a:before {content:''; position:absolute;left:0;top:0;width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:100;opacity:0}
.news .fall-box .item .pic a:hover:before {opacity:1}
.news .fall-box .item .pic a { display:block; position:relative; z-index:200}
.news .fall-box .item .pic img {width:100%}
.news .fall-box .item .section-p {padding:0 15px}
.news .fall-box .item .section-p .title-p {margin:30px 0 15px 0; line-height:24px}
.news .fall-box .item .section-p .title-p a {font-size:22px; line-height:32px;font-family: "OPPOSans-B";}
.news .fall-box .item .section-p .content-p { line-height:25px; height:50px;font-size:16px; overflow:hidden}
.news .fall-box .item .section-p .addtime-p {margin:5px 0 95px 0;font-size:18px;font-family: "OPPOSans-B";}
.news .fall-box .item:hover .section-p .title-p a {color:#ff7b41}

.totopblank {margin:105px 0 0 0}
.nshow {padding:100px 0 180px 0;}
.nshow .addtime {font-size:29px; line-height:29px;width:20%;padding:0px 0 0 0;float:left;}
.nshow .addtime span {font-family: "OPPOSans-R";}
.nshow .addtime p {font-size:40px; line-height:40px;margin:35px 0 0 0; letter-spacing: 1px}
.nshow .cons {width:69.5%;float:right;}
.nshow .cons .t {font-size:33px; line-height:43px;margin:0 0 35px 0;border-bottom:3px solid #ff7b41;padding:0 0 25px 0}
.nshow .cons .c { line-height:1.8;font-size:19px;font-family: "OPPOSans-R";}
.nshow .cons .c img {margin:10px 0}
.nshow .cons .like {border-top:3px solid #ff7b41;border-bottom:3px solid #e3dfe1;padding:30px 0 100px 0;margin:50px 0 -40px 0}
.nshow .cons .like .s {font-size:26px; line-height: 26px;font-family: "OPPOSans-B";margin:0 0 20px 0}
.nshow .cons .like li { display:inline-block; vertical-align: top;margin:10px 30px 0 0}
.nshow .cons .like li a {font-size:18px; display:block;border-bottom:1px solid #000}
.nshow .cons .like li a:Hover {border-color:#ff7b41}

.prevnext {margin:95px 0 -50px 0}
.prevnext a {line-height:30px; font-size:20px;position:relative; display:inline-block}
.prevnext span {margin:0px 0 0 92px; display:inline-block; vertical-align:top;}
.prevnext .prev {padding:0 0 0 29px;width:40%;display:inline-block; vertical-align:top;}
.prevnext .prev a:before {content:''; position:absolute;left:0;background-size:100%;width:29px; height:29px;left:-35px;top:0px; background:url(../images/2.png) no-repeat center;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.prevnext .prev a:hover:before {background-size:100%;background:url(../images/2_2.png) no-repeat center}
.prevnext .prev a i { position:absolute;left:15px;top:0}
.prevnext .close {width:20%; text-align:center;display:inline-block; vertical-align:top; position:relative}
.prevnext .close i {width:29px; height:29px; line-height:29px;background-size:100%; background:url(../images/3.png) no-repeat center;margin:0 auto; display:block; position:relative;top:0px}
.prevnext .close:hover i {background-size:100%;background:url(../images/3_2.png) no-repeat center}
.prevnext .next {width:40%; display:inline-block; vertical-align:top; text-align:right;}
.prevnext .next span {margin:0 0 0 77px}
.prevnext .next i { position:absolute;left:0;top:0}
.prevnext .next p { display:inline-block; vertical-align:top; text-align:left;margin:0 0 0 auto;}
.prevnext .next a{padding:0 50px 0 0}
.prevnext .next a:before {content:''; position:absolute;right:0px;top:0;background-size:100%;width:29px; height:29px;top:1px;background:url(../images/2.png) no-repeat center}
.prevnext .next a:hover:before { background-size:100%;background:url(../images/2_2.png) no-repeat center}

.case {margin:120px 0 0 0}
.case .subject { text-align:center;font-size:46px; line-height: 66px;font-family: "OPPOSans-B";margin:250px 0 0 0}
.case .cate { text-align:center;padding:110px 0 80px 0}
.case .cate li {margin:0 18px; display:inline-block; vertical-align:top;}
.case .cate li a {font-size:21px; line-height:41px;border-bottom:3px solid transparent;display:block;}
.case .cate li a:hover,.case .cate li.check a {border-color:#ff7b41;color:#ff7b41;}
.indcase2 {margin:0 0 170px 0}
.nodata{display:none; text-align:center;}

.case_name_list {margin:0 0 -145px 0; background: #fff;}
.case_name_list .subject {margin:0 0 -93px 0;padding:75px 0 0 0}

.show { position:relative;margin:120px 0 0 0}
.show .up { position:relative; text-align:center;padding:140px 0}
.show .up .in {max-width:1420px;margin:0 auto; position:relative; text-align:left;min-height:300px}
.show .up .mleft {float:left;width:44%;}
.show .up .mleft .t {font-size:32px; line-height:42px;}
.show .up .mleft .t2 {font-size:14px; line-height:24px;margin:5px 0 0 0;font-family: "OPPOSans-R";}
.show .up .mright {float:right;width:46%;font-size:17px;font-family: "OPPOSans-R";}
.show .up .gs_content { position:absolute;left:0;bottom:0;width:30%;font-size:14px;}
.show .content img {margin:12px 0;width:100%}

.show .pn { position:relative; height:65px;margin:110px 0 85px 0}
.show .pn a { display:block;width:100%; height:100%}
.show .pn .prev { position:absolute;left:0;top:0;background:url(../images/5.png) no-repeat center;width:142px; height:29px}
.show .pn .close { position:absolute;left:50%;top:2px;background:url(../images/6.png) no-repeat center;width:48px; height:48px;margin-left:-24px}
.show .pn .next{ position:absolute;right:0;top:28px;background:url(../images/5.png) no-repeat center;width:142px; height:29px;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.show .subject { text-align:center; position:relative;font-size:37px;margin:0 0 130px 0}
.show .subject:before {content:''; position:absolute;left:50%;top:55px; background:url(../images/4.png) no-repeat center;width:44px; height:44px;margin-left:-22px}
.showblank { height:85px;}



.oraldesign_one_two { position:relative; background:#000}
.oraldesign_one_two .one,.oraldesign_one_two .two{height:416px;width:100%;overflow:hidden;position:relative;}
.oraldesign_one_two ul{height:416px;width:100000px;position:absolute;left:0;}
.oraldesign_one_two li { position:relative;width:625px; height:416px; background-position:center; background-repeat:no-repeat; background-size:cover;float:left;margin:0 20px 0 0}
.oraldesign_one_two .two {margin:20px 0 0 0}
.oraldesign_one_two:before {content:''; position:absolute;left:0;top:0;width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:100}
.oraldesign_one_two .cons { position:absolute;left:0;top:-40px;width:100%; height:100%; z-index:999; text-align:center;color:#fff}
.oraldesign_one_two .cons .c {font-size:37px; line-height:1.5;}
.oraldesign_one_two .cons .m {margin:90px 0 90px 0}
.oraldesign_one_two .cons .m a { display:inline-block;border:2px solid #ff7b41;color:#fff;font-size:20px; height:50px; line-height:48px;padding:0 40px;font-family: "OPPOSans-R";}
.oraldesign_one_two .cons .m a:hover { background:#ff7b41;}
.oraldesign_one_two .cons .l { background:url(../images/7.png) no-repeat center;width:49px; height:49px; background-size:100%;margin:0 auto -17% auto}
.oraldesign_service li:before { display:none;}
.oraldesign_value {font-size:53px; line-height:53px;margin:10px 9% 60px 7%;font-family: "OPPOSans-R";}
.oraldesign_value .cons {float:left;width:72%;margin:50px 0 0 0}
.oraldesign_value .tel {float:left;margin:36px 0 0 0}
.oraldesign_value .tel .t { position:relative;font-size:20px; line-height:20px;padding:0 0 15px 41px;font-family: "OPPOSans-R";}
.oraldesign_value .tel .t:before {content:''; background:url(../images/8.png) no-repeat center;width:31px; height:31px; position:absolute;left:0;top:-5px;}
.oraldesign_value .tel .c,.oraldesign_value .tel .c a {font-size:34px; line-height:34px;font-family: 'Futura';color:#000; letter-spacing: -1px; position: relative;left:-2px}
.oraldesign_value .wx {float:right;width:100px}

.indchoose2 { background:#fff;}
.oraldesign_step { background:#f0f0f0; text-align:center;padding:90px 0 200px 0}
.oraldesign_step .content {margin:10px 0 50px 0}
.oraldesign_step dd {float:left;width:14.2857%; position:relative;margin:30px 0; position:relative;top:0}
.oraldesign_step dd:hover {top:-10px}
.oraldesign_step dd:before {content:''; position:absolute;right:0;top:84px; background:url(../images/9.png) no-repeat center;width:24px; height:24px;margin-right:-12px; background-size:100%}
.oraldesign_step dd:nth-child(7):before,.oraldesign_step dd:nth-child(14):before { display:none}
.oraldesign_step dd:hover:before {top:98px}
.oraldesign_step dd .p { height:60px}
.oraldesign_step dd .t {line-height:20px;height:40px;margin:15px 0 0 0;font-family: "OPPOSans-R";}

.photography_about { background:#f0f0f0}
.photography_about .title {font-size:53px; line-height:63px;margin:20px 0 -10px 0;font-family: "OPPOSans-B";}
.photography_about ul { text-align:center}
.photography_about li {float:none; display:inline-block; vertical-align:top;width:33.3333%}
.photography_about li .t {font-size:30px; line-height:40px;font-weight:400;color:#666}

.photography_service .wrap {max-width:1340px;margin:0 auto}
.photography_service li {width:33.3333%;}
.photography_service li:before {top:150px; height:110px; display:none;}
.photography_service li .t {font-size:30px; line-height:40px;margin:45px 0 10px 0;font-weight:400}
.photography_service li .c {font-size:20px; line-height:1.8}

.indchoose3 .content {margin:5px 0 65px 0}
.indchoose3 { background:#f2f0f2}
.indchoose3 li .t {font-size:33px; line-height:43px;margin:20px 0 20px 0}
.indchoose3 li .c {font-size:21px;color:#333; line-height:1.5}
.photography_step dd .p { height:80px;}
.photography_step dd .t {font-size:23px; line-height:43px; height:auto;margin:5px 0 0px 0}
.photography_step dd:before {top:96px}
.photography_step dd:hover:before {top:106px}

.photography_cate{ background:#f0f0f0;padding:20px 0 30px 0}
.photography_cate .mleft {float:left;font-size:24px; line-height:34px; position:relative;padding:42px 0 0 0}
.photography_cate .mleft:before {content:''; position:absolute;left:0;top:0; background:url(../images/10.png) no-repeat center;width:144px; height:32px;}
.photography_cate .mright {float:right; text-align:right;margin:35px 0 0 0}
.photography_cate .mright li { display:inline-block; vertical-align:top;margin:0 0 0 40px;}
.photography_cate .mright li a {font-size:18px; display:block; line-height:48px;border-bottom:2px solid transparent;color:#666;}
.photography_cate .mright li a:hover,.photography_cate .mright li.check a {border-color:#ff7b41;color:#ff7b41}
.casephotography {padding:0 0 180px 0}
.casephotography ul {width:100.4%;margin:-0.4% 0 0 -0.2%}
.casephotography li {float:left;width:24.6%;margin:0.4% 0.2% 0 0.2%; position:relative; overflow:hidden;padding:15.12% 0}
.casephotography li.h {width:49.6%}
.casephotography li .cons { position:absolute; left:0;top:0;width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.6);color:#fff; text-align:center;padding:0 5%;opacity:0}
.casephotography li:hover .cons {opacity:1}
.casephotography li .cons .t {font-size:33px; line-height:43px;margin:0 0 10px 0}
.casephotography li .cons .t2 {font-size:19px; line-height:24px;font-family: "OPPOSans-R";}

.photographybanner { background-position:center; background-repeat:no-repeat; background-size:cover; height:800px; position:relative; z-index:1}
.photographybanner i { display:block; position:absolute;left:0;top:0;width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10}
.photographybanner p {color:#fff; text-align:center;font-size:66px; line-height:86px;padding:410px 0 0 0; position:relative; z-index:20;}

.cshow .ct {font-size:40px; line-height:50px;margin:-40px 0 80px 0; text-align: center}
.cshow .gs {font-size:18px}
.cshow .gs2 {border-top:4px solid #ff7b41; text-align: right;margin:80px 0 90px 0;padding:40px 0 0 0}
.cshow .gs2 .in { text-align:left;margin:0 130px 0 auto; display: inline-block}
.cshow .cc {font-size:18px;margin:40px 0 0 0; line-height:1.8}
.cshow .cc img {margin:12px 0}

.cshow_tj { position:relative;padding:0 0 80px 0}
.cshow_tj .one{height:435px;width:100%;overflow:hidden;position:relative;}
.cshow_tj ul{height:435px;width:100000px;position:absolute;left:0;}
.cshow_tj li { position:relative;height:435px; float:left; overflow:hidden}
.cshow_tj li img { height:100%;transform:scale(1.01);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);-ms-transform:scale(1.01)}
.cshow_tj li .cons { position:absolute;left:0;top:0;width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10; text-align:center;color:#fff;padding:0 10%;opacity:0}
.cshow_tj li:hover .cons {opacity:1}
.cshow_tj li .cons .t {font-size:33px; line-height:43px;font-family: "OPPOSans-R";}
.cshow_tj li .cons .t2 {font-size:16px; line-height:26px;margin:10px 0 0 0}

.spa_service ul {margin:0 4%}
.spa_service li .t {margin:20px 0 15px 0}

.servicebanner { height:1025px;background-repeat:no-repeat;text-align:center; background-position:center top;background-size:100%; background-attachment:fixed; position:relative;}
.servicebanner .cons { position:absolute;left:0;top:0;width:100%; height:100%; text-align:center;font-size:66px; line-height:91px;}
.servicebanner .cons .c {margin:100px 0 0 0}
.servicebanner .title { position:absolute;left:0;bottom:90px;width:100%; text-align:center;font-size:33px; line-height:53px;}

body.bgwt { background:#fff;}
.service {margin:205px 0 0 0}
.service .list {margin:145px 0 0 0}
.service .mleft {float:left;width:59.3%}
.service .mleft .owl-carousel .item img {width:100%}
.service .mright {float:right;width:33%;}
.service .mright .t {font-size:33px; line-height:43px;}
.service .mright .gs {font-size:21px;margin:40px 0 100px 0}
.service .mright .s {font-size:20px; line-height:20px;padding:0 0 28px 0;font-family: "OPPOSans-B";border-bottom:4px solid #ff7b41}
.service .mright .c {font-size:17px;padding:5px 0 0 0}
.service .mright .c a {border-bottom:1px solid #808080; display:inline-block;padding:0 0 2px 0}
.service .mright .c a:hover {border-color:#ff7b41}
.servicebt {margin:145px 0 5px 0; height:305px; text-align:center;font-size:40px; line-height:50px; background:#ff7b41;position:relative}
.servicebt .wrap { z-index:10}
.servicebt:before {content:''; position:absolute;left:0;top:0;width:100%; height:100%; background:url(../images/17.png) no-repeat center; background-size:230px; z-index:1}
.servicebt a:hover {color:#fff}

.brandcase .subject { text-align:center;font-size:46px; line-height:56px;margin:80px 0 20px 0;font-family: "OPPOSans-B";}

.new_telst { text-align:center;margin:0 0 60px 0}
.new_telst p { display:none;}
.new_telst li {cursor: pointer; display:inline-block; vertical-align:top;height:50px; line-height:50px;font-size:26px;margin:0 20px;border-bottom:3px solid transparent;}
.new_telst li.newon { border-color:#ff7b41}

.new_lst {display: none;}
.new-wrap .show {display: block;margin:0;padding:0}

.brandcaselist dl {width:101.4%;margin:-1.4% 0 50px -0.7%}
.brandcaselist dd {float:left;width:48.6%;margin:1.4% 0.7% 0 0.7%;position:relative; overflow:hidden;padding:13.7% 0; text-align:left;}
.brandcaselist dd .cons { position:absolute; z-index:100;top:0; height:100%;width:100%;left:0; background:rgba(0,0,0,0.6);color:#fff;opacity:0;font-family: "OPPOSans-R";}
.brandcaselist dd:hover .cons {opacity:1}
.brandcaselist dd .cons .up{ left:7%;width:86%;font-size:21px;position:absolute;text-align:left;margin:4% 0 0 0;padding:0}
.brandcaselist dd .cons .down {left:7%;bottom:7%;width:86%; position:absolute;}
.brandcaselist dd .cons .down .t2{font-size:26px;margin:3px 0 5px 0;}
.brandcaselist dd .cons .down .t2:before {top:-10px;width:100px; content:''; position:absolute;left:0; height:2px; background:#fff;}
.brandcaselist dd .cons .down .gs{font-size:13px; line-height:1.7;}
.brandcaselist dd .pcover{transform:scale(1.01);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);-ms-transform:scale(1.01)}

.indnum {padding:100px 0 105px 0}
.indnum .wrap6 {max-width:1750px}
.indnum li { display:inline-block; vertical-align:top;width:25%; text-align:center; position:relative}
.indnum li:before {content:'';width:2px; height:70px; background:#ff7b41; position:absolute;left:0;top:11px}
.indnum li:nth-child(1):before { display:none;}
.indnum li .num {font-size:50px; line-height:50px;font-family: 'FuturaBold5';color:#000}
.indnum li .num p { display:inline-block; vertical-align:top;}
.indnum li .num span { display:inline-block; vertical-align:top;}
.indnum li .num i {color:#ff7b41;font-size:35px; line-height:35px;margin:0 0 0 0; display:inline-block; vertical-align:top;font-weight:600;font-family:'Noto Sans SC','Source Han Sans CN Light','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
.indnum li .content {font-size:18px;margin:5px 0px 0 0;color:#5e5e5e;font-weight:400}

.indnumhuotupro {padding:0 0 110px 0;margin-top:-60px}

.brandyw { background:#fff;padding:0px 0 110px 0}
.brandyw .subject { text-align:center;padding:75px 0 45px 0;}
.brandyw .subject .t {font-size:40px; line-height:50px;font-family: "OPPOSans-B";margin:0 0 10px 0}
.brandyw .subject .c {font-size:29px; line-height:1.6;font-family: "OPPOSans-R";}

.brandlist {background:#f0eff2;border-top:3px solid #ff7b41;}
.brandlist .item {background:#f0eff2;}
.brandlist .in {padding:110px 40px 40px 40px}
.brandlist .in .pic {display:inline-block; vertical-align:middle;width:60%; overflow:hidden}
.brandlist .in .pic img {width:100%}
.brandlist .in .cons { display:inline-block; vertical-align:middle;width:34.5%;margin:0 0 0 5.5%}
.brandlist .in .cons .c {font-size:17.5px;line-height:1.9;margin:0 0 20% 0}
.brandlist .in .cons .c h3 {font-size:30px;padding:0 0 10px 0;font-family: "OPPOSans-B";font-weight:400}
.brandlist .in .cons .c strong,.brandlist .in .cons .c b {display:inline-block;}
.brandlist .in .cons .m a {width:140px; height:36px; line-height:36px;border:2px solid #ff7b41; text-align:center;font-size:17px;font-weight:400; display:block}
.brandlist .in .cons .m a:hover { background:#ff7b41;color:#fff}
.brandlist .owl-carousel .owl-dots {bottom:auto;top:0; background:#fff;}
.brandlist .owl-carousel .owl-dots .owl-dot {position:absolute;left:0;top:0;width:100%}
.brandlist .owl-carousel .owl-dots .owl-dot span{background:#fff; width:25%;height:70px; line-height:70px;font-size:21px;color:#000;display:block;border-left:2px solid #f0eff2;margin:0;position:absolute}
.brandlist .owl-carousel .owl-dots .owl-dot:nth-child(2) span {left:25%}
.brandlist .owl-carousel .owl-dots .owl-dot:nth-child(3) span {left:50%}
.brandlist .owl-carousel .owl-dots .owl-dot:nth-child(4) span {left:75%}
.brandlist .owl-carousel .owl-dots .owl-dot span:before {content:''; position:absolute;right:30px;top:50%; background:url(../images/18.png);width:11px; height:11px;margin-top:-5px}
.brandlist .owl-carousel .owl-dots .owl-dot.active span,.brandlist .owl-carousel .owl-dots .owl-dot:hover span{background:#f0eff2;color:#ff7b41;border-color:#fff}
.brandlist .owl-carousel .owl-dots .owl-dot.active span:before,.brandlist .owl-carousel .owl-dots .owl-dot:hover span:before {opacity:0}
.brandlist .owl-carousel .owl-dots .owl-dot:nth-child(1) span {border:0}

.brandcore .subject {font-size:40px; line-height:50px;font-family: "OPPOSans-B";text-align:center;padding:90px 0 45px 0; position:relative;}
.brandcore .list { background:#fff;padding:0 110px 70px 110px; position:relative}
.brandcore .list:before {content:''; position:absolute;left:110px;top:0;width:9.9%; height:170px; background:#fff; z-index:999}
.brandcore .list:after {content:''; position:absolute;right:110px;top:0;width:9.9%; height:170px; background:#fff; z-index:999}
.brandcore .item { background:#fff;}
.brandcore .item .cons { height:170px; text-align:center; position:relative}
.brandcore .item .cons .t {font-size:37px; line-height:47px;letter-spacing:2px;padding:40px 0 10px 0;font-family: "OPPOSans-B";}
.brandcore .item .cons .c {font-size:26px; line-height:36px;font-family: "OPPOSans-R";}
.brandcore .item .pic { position:relative}

.brandcore .owl-carousel .owl-nav{margin-top:0;top:0;height:100%;}
.brandcore .owl-carousel .owl-nav .owl-prev {position:absolute;left:0;top:0; background:rgba(0,0,0,0.5);width:11.55%; height:100%;}
.brandcore .owl-carousel .owl-nav .owl-prev:before {content:"<";font-family:宋体;color:rgba(255,255,255,1);background:rgba(0,0,0,0);font-size:70px;height:70px;line-height:70px;top:85px; position:relative; display:block;border-radius:50%}
.brandcore .owl-carousel .owl-nav .owl-next {position:absolute;right:0;top:0;background:rgba(0,0,0,0.5);width:11.55%; height:100%;}
.brandcore .owl-carousel .owl-nav .owl-next:before {content:'>';font-family:宋体;color:rgba(255,255,255,1);background:rgba(0,0,0,0);font-size:70px;height:70px; line-height:70px; top:85px; position:relative;display:block;border-radius:50%}
.brandcore .owl-carousel .owl-nav .disabled{opacity:1;cursor:default}
.brandcore .owl-carousel .owl-nav .owl-prev:hover:before,.brandcore .owl-carousel .owl-nav .owl-next:hover:before{background:rgba(0,0,0,0);color:rgba(252,138,46,1)}
.brandcore .owl-carousel .owl-dots {bottom:-48px}
.brandcore .owl-carousel .owl-dots .owl-dot span{background:none;width:auto;font-weight:400;font-size:17px;color:#333;margin:0 35px}
.brandcore .owl-carousel .owl-dots .owl-dot.active span,.brandcore .owl-carousel .owl-dots .owl-dot:hover span{color:#ff7b41}

.brandservice { text-align:center;padding:90px 0 40px 0}
.brandservice .subject .t {font-size:40px; line-height:50px;font-family: "OPPOSans-B";}
.brandservice .subject .c {font-size:26px; line-height:1.6;margin:5px 0 55px 0;font-family: "OPPOSans-R";}
.brandservice ul {width:101%;margin:-1% 0 0 -0.5%}
.brandservice li {float:left;width:24%;margin:1% 0.5% 0 0.5%}
.brandservice li .pic { position:relative; overflow:hidden;padding:44.5% 0}
.brandservice li .cons { background:#fff;padding:25px 20px 20px 20px}
.brandservice li .cons .t {font-size:29px; line-height:39px;color:#ff7b41;margin:0 0 20px 0}
.brandservice li .cons .c {font-size:17px;font-weight:500;color:#333;min-height:165px}
.brandservicespa li .cons .t {color:#9b2a45}
.brandserviceora li .cons .t {color:#0083ef}

.brandcasetj {padding:125px 0}
.brandcasetj .subject { text-align:center;font-size:45px; line-height:55px;padding:80px 0 65px}
.brandcase2 { background:#fff;padding:80px 0 180px 0}
.brandcase2 .subject { text-align:center;font-size:30px; line-height:40px;}
.brandcase2in .brandcaselist dd {width:31.9333%;padding:9% 0;}

.brandcore_name .list { overflow:hidden}
.brandcore_name .owl-carousel .owl-nav{margin-top:0;top:0; }
.brandcore_name .owl-carousel .owl-nav .owl-prev {position:absolute;left:50%;top:0;width:600px;margin-left:-1352px;background:rgba(0,0,0,0.5);height:800px}
.brandcore_name .owl-carousel .owl-nav .owl-prev:before {content:"<";font-family:宋体;color:rgba(255,255,255,1);background:rgba(0,0,0,0);font-size:70px;height:70px;line-height:70px;position:absolute; display:block;border-radius:50%;margin-top:-35px;right:40%;}
.brandcore_name .owl-carousel .owl-nav .owl-next {position:absolute;right:50%;top:0;background:rgba(0,0,0,0.5);width:600px; margin-right:-1350px;height:800px;}
.brandcore_name .owl-carousel .owl-nav .owl-next:before {content:'>';font-family:宋体;color:rgba(255,255,255,1);background:rgba(0,0,0,0);font-size:70px;height:70px; line-height:70px;position:absolute;display:block;border-radius:50%;margin-top:-35px;left:40%;}
.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 {height:800px; overflow: hidden;width:auto}

body.bgwr { background: #fff;}
.bannerin {background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.bshow {padding:150px 0}
.bshow .mleft {float:left;width:17%;border:2px solid #ff7b41; background: #f5f3f5;padding:40px 30px 65px 40px;margin:107px 0 0 0}
.bshow .mleft .subject {font-size:22px;color:#ff7b41}
.bshow .mleft ul {margin:5px 0 40px 0}
.bshow .mleft li {margin:15px 0}
.bshow .mleft li a {font-size:20px; line-height: 35px; display: inline-block;border-bottom:1px solid transparent;color:#000}
.bshow .mleft li a:hover,.bshow .mleft li.check a {border-color:#000}
.bshow .mleft .m a {font-size:20px; line-height: 25px; border-bottom:1px solid #ff7b41;color:#ff7b41;font-family: "OPPOSans-R"; display: inline-block;}
.bshow .mright {float:right;width:71%}
.bshow .mright .title {font-size:33px; line-height: 43px;border-bottom:4px solid #ff7b41;padding:0 0 20px 0;margin:0 0 40px 0}
.bshow .mright .content {font-family: "OPPOSans-R";font-size:20px}
.bshow .mright .content img {margin:5px 0}

.new_telst_index { text-align:right;margin:0 0 35px 0; position: relative; z-index: 100}
.new_telst_index p { display:none;}
.new_telst_index li {cursor: pointer; display:inline-block; vertical-align:top;height:50px; line-height:50px;font-size:18px;margin:0 50px 0 0;border-bottom:3px solid transparent;}
.new_telst_index li a {color:#5e5e5e;}
.new_telst_index li.newon { border-color:#ff7b41}
.new_telst_index li.newon a {color:#ff7b41;}
.new_lst_index {display: none;}
.new-wrap-index .show {display: block;margin:0;padding:0}
.new_con_index {position: relative;font-size:21px;color:#5e5e5e;}
.new_con_index .subject { position: absolute;left:0;top:5px;width:100%; z-index: 1}

.new_con_htp .subject { background: url(../images/10.png) no-repeat center left;width:100%; height: 42px; background-size:140px 42px;padding:0 0 0 175px;font-size:24px; line-height: 62px;font-family: "OPPOSans-R"; position: absolute;left:0;top:-8px}
.new_telst_htp { text-align:right;margin:40px 0 60px 0; position: relative; z-index: 100}
.new_telst_htp p { display:none;}
.new_telst_htp li {cursor: pointer; display:inline-block; vertical-align:top;height:50px; line-height:50px;font-size:18px;margin:0 50px 0 0;border-bottom:3px solid transparent;}
.new_telst_htp li:last-child {margin:0}
.new_telst_htp li a {color:#5e5e5e;}
.new_telst_htp li.newon { border-color:#ff7b41}
.new_telst_htp li.newon a {color:#ff7b41;}
.new_lst_htp {display: none;}
.new-wrap-htp .show {display: block;margin:0;padding:0}

.about3 { background: #fff;padding:70px 0 130px 0}
.about3 .subject {font-size:40px;font-family: "OPPOSans-B";margin:0 0 40px 0}
.about3 .subject a {font-size:26px;color:#969296; position: absolute;right:0;top:12px;font-family: "OPPOSans-M";}
.about3 .subject a:hover {color:#ff7b41;}
.about3 ul {width:103%;margin:-3% 0 0 -1.5%}
.about3 li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%}
.about3 li .p { position:relative; overflow: hidden;padding:36.3% 0}
.about3 li .cons { background-color: #eceaec;padding:35px 35px 35px 40px}
.about3 li .cons .t {font-size:29px; line-height: 29px; overflow: hidden;margin:0 0 18px 0;font-family: "OPPOSans-B";}
.about3 li .cons .c {font-size:18px; line-height: 1.8;}
.about3 li:hover .cons {color:#ff7b41;}

.oraldesign_one_two_about { position:relative;}
.oraldesign_one_two_about .one{width:100%;overflow:hidden;position:relative;height:240px}
.oraldesign_one_two_about ul{width:100000px;position:absolute;left:0;}
.oraldesign_one_two_about li { position:relative;float:left;}
.oraldesign_one_two_about li img { height:240px;width:auto}













.footmenu { background:#e9e6ea;  line-height:103px; text-align:center;position:relative;}
.footmenu:before {content:''; position:absolute;left:0;bottom:0;width:100%; height:2px; background:#fff;}
.footmenu .wrap {max-width:1400px;margin:0 auto}
.footmenu li {float:left;width:25%; position:relative}
.footmenu li:before {content:''; background:#7d7b7b;width:2px; height:28px; position:absolute;left:0;top:37px;}
.footmenu li:nth-child(1):before { display:none;}
.footmenu li i { display:inline-block; vertical-align:top;width:40px; height:40px;margin:32px 10px 0 0}
.footmenu li:nth-child(1) i { background:url(../images/f1.png) no-repeat top; background-size:cover;}
.footmenu li:nth-child(2) i { background:url(../images/f2.png) no-repeat top; background-size:cover;}
.footmenu li:nth-child(3) i { background:url(../images/f3.png) no-repeat top; background-size:cover;}
.footmenu li:nth-child(4) i { background:url(../images/f4.png) no-repeat top; background-size:cover;}
.footmenu li a {font-size:20px; display:block;border-bottom:2px solid transparent;color:#333;font-weight:400}
.footmenu li a:hover,.footmenu li.check a {border-color:#ff7b41;color:#ff7b41}
.footmenu li:hover i { background-position:bottom;}

.foot {background:#e9e6ea;padding:135px 0 60px 0}
.foot .wrap {max-width:1135px;margin:0 auto; position: relative;right:-57px}
.foot .up {border-bottom:1px solid #a9a7a7;padding:0 0 95px 0;margin:0 0 50px 0}
.foot .up .mleft {margin:0 400px 0 0;color:#333;}
.foot .up .mleft .t {font-size:64px; line-height:84px;font-family: "OPPOSans-R";margin:0 0 15px 0}
.foot .up .mleft .t2 {font-size:30px; line-height:40px;}
.foot .up .mright { position:absolute;right:132px;top:15px;width:200px; text-align:right;}
.foot .up .mright li { display:inline-block; vertical-align:top;width:105px; text-align:center;font-weight:400;color:#676267;}
.foot .up .mright li:nth-child(1) {margin:0}
.foot .up .mright li:nth-child(3) {width:120px}
.foot .up .mright li p {margin:0 0 10px 0; position:relative}
.foot .up .mright li:nth-child(3) p {margin-top:-8px}
.foot .up .mright li font {font-size:14px; line-height:19px;display:block;}
.foot .up .mright li:nth-child(2) font {font-size:15px;margin:2px 0 0 0}

.foot .down .logo {float:left;}
.foot .down .logo a { display:block; background:url(../images/logofoot.png);width:183px; height:53px}
.foot .down .tel {float:left;margin:0 85px 0 75px}
.foot .down .tel .c1 {color:#333;font-size:28px; line-height:28px;font-family: 'FuturaBold5';font-weight:600; letter-spacing:0}
.foot .down .tel .c1 a {coloR:#333}
.foot .down .tel .c2 {color:#6b666b;font-size:15px; line-height:15px; position:relative;margin:5px 0 0 0}
.foot .down .tel .c2:before {content:''; position:absolute;right:0;top:0; background:url(../images/13.png);width:16px; height:16px}
.foot .down .add {font-size:13px;color:#6b666b;font-weight:400;float:left; line-height:1.6; position:relative;top:-4px}
.foot .down .add a {color:#6b666b;}
.foot .down .focus {float:left;margin:0 0 0 75px}
.foot .down .focus ul{position:relative;}
.foot .down .focus li { display:inline-block; vertical-align:top;margin:0 0 0 13px; cursor:pointer}
.foot .down .focus li:nth-child(1) {margin:0}
.foot .down .focus li i { display:block;width:27px; height:27px;}
.foot .down .focus li:nth-child(1) i { background:url(../images/14.png); background-size:100%;}
.foot .down .focus li:nth-child(2) i { background:url(../images/15.png);background-size:100%;}
.foot .down .focus li:nth-child(3) i { background:url(../images/16.png);background-size:100%;}
.foot .down .focus li .cons { display:none;opacity:0; position:absolute;left:-4px;bottom:141px;width:105px;border:1px solid #e9e6ea}
.foot .down .focus li:nth-child(1) .cons {left:-130px;}
.foot .down .focus li:nth-child(2) .cons {left:130px;width:125px}
.foot .down .focus li:nth-child(3) .cons {left:140px;bottom:145px;}
.foot .down .focus li .cons font {font-size:12px; line-height:17px; display:block;margin:8px 0 5px 0;font-weight:400; text-align:center;color:#666}
.foot .down .focus .title { text-align:center;font-size:16px; line-height:16px;color:#6b666b; letter-spacing:4px;font-weight:400;margin:8px 0 0 0px}
.foot .down .focus li:hover .cons {opacity:1; display:block}

.fixright { position:fixed; z-index:9999;right:0;bottom:0;text-align:right;width:45px; display:none;}
.fixright li{margin:2px 0;position:relative; cursor:pointer}
.fixright li .mb{ display:none;}
.fixright li .pc { display:block;}
.fixright li.wx {border:0}
.fixright li.wx .pc { display:block; position:relative}
.fixright li.wx .pc span { display:none;color:#fff;font-size:12px;}
.fixright li.wx .pc i { background:#999999 url(../images/wx.png) no-repeat center;width:45px; height:45px; display:block;}
.fixright li.wx:hover .pc i { background-color:#ff7b41}
.fixright li.wx .pc .cons { position:absolute; display:none;right:47px;top:0;width:115px;font-size:13px; line-height:13px; background:#fff;padding:5px 5px 9px 5px; text-align:center}
.fixright li.wx .pc .cons img {margin:0 0 7px 0;width:100%}
.fixright li.tel .pc { position:relative;width:205px; height:45px;left:0px; background:#999}
.fixright li.tel .pc i {background:url(../images/tel2.png) no-repeat center;width:45px; height:45px; display:block;float:left;}
.fixright li.tel .pc p {font-family: "OPPOSans-B";float:left;width:157px;padding:0 0 0 3px; height:45px; line-height:45px;color:#fff;text-align:left;font-size:18px}
.fixright li.tel:hover .pc { background-color:#ff7b41;left:-160px}
.fixright li.ms{ display:none}
.fixright li.up .pc i {background:#999999 url(../images/up.png) no-repeat center;width:45px; height:45px;display:block;}
.fixright li.up:hover .pc i { background-color:#ff7b41}
.footblank { height:60px; background:#eaeaea}