/* ==========================================================================
	#Reset
========================================================================== */

* { margin:0; padding:0; outline:0; }

body, html { height:100%; }
html { overflow-y:scroll; overflow-x:hidden; }
body { 
	font-family:"proxima-nova", sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #323232;
	background:#fff;
	min-width:100%; 
	-webkit-font-smoothing:antialiased;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
}

a {  color: #225260; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:none; }

img { vertical-align:middle; border:0 none; -ms-interpolation-mode:bicubic; }

h1 { font-size: 52px; line-height: 60px; font-weight: 300; }
h2 { font-size: 35px; line-height: 40px; font-weight: 400; }
h3 { font-size: 22px; line-height: 26px; font-weight: 400; }

input,
textarea,
select {
	font-family:"proxima-nova",sans-serif;
	font-size: 47px; 
	line-height: 60px; 
	color: #fff; 
	font-weight: 200; 
	text-align: center;
	width: 596px; 
	height: 60px; 
	padding: 5px 0; 
	border: 1px solid #f09aba; 
	background: rgba(32,7,34,0.78); 
	border-radius: 0; 
	box-shadow: none;
}
select { font-family: Arial, Helvetica, sans-serif; }
textarea { height: 155px; overflow: auto; resize: none; -webkit-overflow-scrolling: touch; }

input:focus,
textarea:focus,
input.edited,
textarea.edited { font-size: 30px; }

textarea:focus,
textarea.edited { line-height: 32px; }

sup,
sub { line-height: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display:block; }

/* helpers */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float:left; }
.right, .alignright { float:right;}

.tr { text-align:right; }
.tl { text-align:left; }
.tc { text-align:center; }

.cf:after,
.clearfix:after { content:''; display:table; clear:both; }
.lt-ie8 .cf,
.lt-ie8 .clearfix { zoom:1; }

.nav ul,
.process ul,
.testimonials ul,
.authors ul { list-style: none outside none; }

/* ==========================================================================
	#Form elements
========================================================================== */

::-webkit-input-placeholder { color: #fff; opacity: 1; }
:-moz-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; opacity: 1; }

.field-error { border-color: #af0a55; background-color: rgba(175,10,85,.2); }

input,
textarea { -webkit-appearance: none; -moz-appearance: none; }

input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; }
input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; }

input[type="radio"],
input[type="checkbox"] { width: auto; height: auto; border: 0; padding: 0; }

/* ==========================================================================
	#Frequently used elements
========================================================================== */

.buttons { padding-bottom: 50px; }

.button,
#respond p input#submit { font-size: 16px; line-height: 23px; color: #850a75; font-weight: 300; text-transform: uppercase; text-decoration: none; text-align: center; display: inline-block; padding: 10px 16px; border: 1px solid #a175a1; margin: 0 9px; position: relative; cursor:pointer; }
.button:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; background-position: center center; }
.button:hover,
.button:active { text-decoration: none; }

.button-green { color: #2bada6; border-color: #5ed1cb; }

.button-down { border-bottom: 0; }
.button-down:after { height: 26px; left: 0; right: 0; bottom: -21px; background-image: url(images/pink-arrow-down.png); }

.button-right { border-right: 0; }
.button-right:after { width: 26px; right: -21px; top: 0; bottom: 0; background-image: url(images/pink-arrow-right.png); }

.button-up { border-top: 0; }
.button-up:after { height: 22px; left: 0; right: 0; top: -18px; background-image: url(images/pink-arrow-up.png); }

.button-green.button-right:after { background-image: url(images/green-arrow-right.png); }

input.button,
button.button,
#respond p input#submit { font-family:"proxima-nova",sans-serif; font-weight: 300; color: #f7c9de; height: 45px; }
button.button { background: transparent; }

.shell { width: 960px; margin: 0 auto; margin-top: 4.5%; }

.video-link { display: inline-block; padding-left: 44px; background: url(images/icon-play.png) no-repeat 0% 50%; text-decoration: none; }
.video-link:hover { text-decoration: none; }

.button.video-link { padding-left: 16px; background-image: none; }

.ico-menu { width:26px; height:26px; display:inline-block; background:url(images/ico-menu.png) no-repeat 0 0; }
.ico-pink-right { width:12px; height:14px; display:inline-block; background:url(images/ico-pink-right.png) no-repeat 0 0; }
.ico-white-right { width:11px; height:11px; display:inline-block; background:url(images/ico-white-right.png) no-repeat 0 0; }

/* ==========================================================================
	#Loading
========================================================================== */

.loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; background: #271429 url(images/loading.gif) no-repeat center center; }
.loading {
	transition: opacity .4s;
	-webkit-transition: opacity .4s;
}
.loaded .loading { opacity: 0; visibility: hidden; filter: alpha(opacity=0); }


/* ==========================================================================
	#Header
========================================================================== */

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; height:55px; background-color:rgba(0,0,0,0); }
.header {
	-webkit-transition:background-color 0.3s; 
	   -moz-transition:background-color 0.3s; 
	    -ms-transition:background-color 0.3s; 
	     -o-transition:background-color 0.3s; 
	        transition:background-color 0.3s; 
}
.header-expanded .header { background-color:rgba(0,0,0,0.35); }

.logo { 
	/* background: url(images/new/logo.png) no-repeat 0 0; */
	background: url(images/new/20240528-135020.png) no-repeat 0 0;
	background-size: 100% 100%;
	width: 70px;  
	height: 40px; position:absolute; left:10%; top:10px; font-size:18px; line-height:40px; color:#e0e0e0; }
.logo span { position:absolute; top:0px; right:0; letter-spacing:2px; }
.logo {
	-webkit-transform:translate(-280px,0); 
	   -moz-transform:translate(-280px,0); 
	    -ms-transform:translate(-280px,0); 
	     -o-transform:translate(-280px,0); 
	        transform:translate(-280px,0);
	-webkit-transition:-webkit-transform 0.3s; 
	   -moz-transition:-moz-transform 0.3s; 
	    -ms-transition:-ms-transform 0.3s; 
	     -o-transition:-o-transform 0.3s; 
	        transition:transform 0.3s; 
}


.nav { font-size: 14px; line-height: 20px; color: #fff; text-transform: uppercase; position:absolute; right:100px; top:10px; font-family: 'eurostile', sans-serif; }
.nav {
	-webkit-transform:translate(800px,0); 
	   -moz-transform:translate(800px,0); 
	    -ms-transform:translate(800px,0); 
	     -o-transform:translate(800px,0); 
	        transform:translate(800px,0);
	-webkit-transition:-webkit-transform 0.3s; 
	   -moz-transition:-moz-transform 0.3s; 
	    -ms-transition:-ms-transform 0.3s; 
	     -o-transition:-o-transform 0.3s; 
	        transition:transform 0.3s; 
}

.nav li { float: left;  }
.nav a { color: #fff; text-decoration: none; padding: 9px 16px; display: block; }
.nav .current a { color: #3ac8c0; }
.nav .btn-social { font-size:20px;  }

.nav .divider-mobile { display:none; height:1px; background-color:#5e1140; }
.nav .mail-mobile { display:none; line-height:30px; padding-top:10px;  }
.nav .mail-mobile a {font-size:13px; color:#ec0b6e; text-transform:none;  }
.nav .btn-text-mobile { display:none; }

.nav-toggle { width: 84px; height: 55px; background: rgba(0,0,0,0.19);  position: absolute; right:0; top:0; }
.nav-toggle {
	-webkit-transition:background-color 0.3s; 
	   -moz-transition:background-color 0.3s; 
	    -ms-transition:background-color 0.3s; 
	     -o-transition:background-color 0.3s; 
	        transition:background-color 0.3s; 
}
.nav-toggle:hover { background-color:rgba(0,0,0,0.57); }
.nav-toggle .ico-menu { position:absolute; width:26px; height:26px; background:url(images/ico-menu.png) no-repeat 0 0; left:29px; top:15px; }
.nav-toggle .ico-menu {
	-webkit-transition:-webkit-transform 0.3s; 
	   -moz-transition:-moz-transform 0.3s; 
	    -ms-transition:-ms-transform 0.3s; 
	     -o-transition:-o-transform 0.3s; 
	        transition:transform 0.3s; 
}


.header-expanded .logo,
.header-expanded .nav {
	-webkit-transform:translate(0,0); 
	   -moz-transform:translate(0,0); 
	    -ms-transform:translate(0,0); 
	     -o-transform:translate(0,0); 
	        transform:translate(0,0); 
}
.header-expanded .nav-toggle .ico-menu {
	-webkit-transform:rotate(450deg); 
	   -moz-transform:rotate(450deg); 
	    -ms-transform:rotate(450deg); 
	     -o-transform:rotate(450deg); 
	        transform:rotate(450deg); 
}

.header-not-animated { background-color:rgba(0,0,0,0.19); }
.header-not-animated .nav { right:17px; }
.header-not-animated .nav-toggle { display:none; }
.header-not-animated .logo,
.header-not-animated .nav {
	-webkit-transform:translate(0,0); 
	   -moz-transform:translate(0,0); 
	    -ms-transform:translate(0,0); 
	     -o-transform:translate(0,0); 
	        transform:translate(0,0); 
}



.panel-active-0 .header { background-color:rgba(0,0,0,0.35); }
.panel-active-0.header-expanded .nav-toggle { background-color:rgba(58,21,83,0.5);  }
.panel-active-0 .logo {
	-webkit-transform:translate(0,0); 
	   -moz-transform:translate(0,0); 
	    -ms-transform:translate(0,0); 
	     -o-transform:translate(0,0); 
	        transform:translate(0,0); 
}

.panel-active-1 .logo { color:#4d4d4d; } 
.panel-active-1.header-expanded .nav-toggle { 
	/* background-color:#d31a6e; */
}

.panel-active-2.header-expanded .nav-toggle { background-color:#301934; }

.panel-active-3.header-expanded .header { 
	/* background-color:#ededed; */
}
.panel-active-3.header-expanded .logo { 
	/* color:#4d4d4d; */
}
.panel-active-3.header-expanded .nav a { 
	/* color:#535353; */
}
.panel-active-3.header-expanded .nav-toggle { 
	/* background-color:#85c8c4; */
}

.panel-active-5 .logo,
.panel-active-6 .logo,
.panel-active-7 .logo,
.panel-active-4 .logo { color:#fff; }

.panel-active-5.header-expanded .nav-toggle,
.panel-active-6.header-expanded .nav-toggle,
.panel-active-7.header-expanded .nav-toggle,
.panel-active-4.header-expanded .nav-toggle { background-color:rgba(54,36,91,0.5); }


/* ===========================
	#footer
============================ */
.footer { position:fixed; width:100%; height:44px; bottom:0; left:0; z-index:10;background: rgb(0, 0, 0, 0.35);  }
.footer .shell { height:44px; }
.footer .copyright { 
	float:left; 
	width:43%; 
	text-align:center; 
	color:#fff; 
	font-size:12px; 
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	line-height:44px; 
}
.nav-footer { float:right; width:57%; text-align:center; }
.nav-footer ul { list-style:none outside none; }
.nav-footer li { display:inline-block; }
.nav-footer a { 
	display:block; 
	line-height:44px; 
	color:#fff; 
	/* background: rgb(0, 0, 0, 0.1); */
	padding:0 20px; 
	font-size:14px; 
}


/* ==========================================================================
	#Panels
========================================================================== */

.fsr-container { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fsr-element { position: absolute; }
.fsr-hidden { display: none; }

.panel { width: 100%; height: 100%; position: fixed; left:0; top:0;  z-index: 2; background: #fff; overflow: hidden; }

.panel .fullscreen { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; }
.panel .fullscreen:after { position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/image-overlay.png) repeat-x 0 bottom; content:''; }

.panel-inner { position:absolute; left:0; right:0; bottom:0; padding:0 35px 32px; z-index:3; }
.panel-inner .shell { width:580px; margin:0; padding:0; }

.video-holder { width: 100%; height: 100%; position: absolute; top: -100%; left: 0; height:100%;  z-index: 999; visibility: hidden; }
.video-holder .video-external { position:absolute; width:100%; height:100%; left:0; top:0; background-color:#000; }
.video-holder div.jp-video-full div.jp-gui,
.video-holder div.jp-video-full div.jp-jplayer { position:absolute !important; }
.video-holder {
	-webkit-transition:top 1s; 
	   -moz-transition:top 1s; 
	    -ms-transition:top 1s; 
	     -o-transition:top 1s; 
	        transition:top 1s; 
}
.video-holder.visible { visibility: visible; top:0; }

.panel-center { position:absolute; width:100%; height:100%; z-index:2; left:0; top:0; text-align:center; }
.panel-center .shell { height:100%; display:table; vertical-align:middle; pointer-events:none; }
.panel-center a { pointer-events:auto; }
.panel-center h1,
.panel-center h3,
.panel-center p {
	opacity: 0; filter: alpha(opacity=0);
	-webkit-transition:opacity 1s; 
	   -moz-transition:opacity 1s; 
	    -ms-transition:opacity 1s; 
	     -o-transition:opacity 1s; 
	        transition:opacity 1s; 
}
.loaded .panel-center p,
.loaded .panel-center h1 { opacity: .78; filter: alpha(opacity=78); }
.loaded .panel-center h3 { opacity: .7; filter: alpha(opacity=70); }

.panel-center-inner { display:table-cell; height:100%; vertical-align:middle; position:relative; z-index:2;  }
.panel-center h1 { font-family:"bebas-neue"; font-size:140px; line-height:128px; font-weight:normal; color:#fff;  padding-bottom:40px; }
.panel-center h3 { font-size:48px; line-height:60px;  font-family: 'eurostile_demi',sans-serif; color:#fff; font-weight:normal; word-spacing:-5px; padding-bottom:20px; }
.panel-center p { font-size:17px; line-height:34px; color:#fff; font-family: 'eurostile', sans-serif; padding-bottom:14px; }
.panel-center a { color:#ff0074; font-family: 'eurostile_demi',sans-serif; }

.panel-client .navigate,
.panel-intro .navigate { width:71px; height:35px; margin-left:-35px; position:absolute; bottom:17px; left:50%; z-index:3; background:url(images/ico-navigate.png) no-repeat 0 0; }

.panel-head {  position:absolute; height:20%; top:0; left:0; width:100%; text-align:center; }
.panel-head .shell { display:table; height:100%; vertical-align:middle; }
.panel-head-inner { display:table-cell; height:100%; vertical-align:middle; }
.panel-head-inner {
	-webkit-transition:padding-top 0.3s; 
	   -moz-transition:padding-top 0.3s; 
	    -ms-transition:padding-top 0.3s; 
	     -o-transition:padding-top 0.3s; 
	        transition:padding-top 0.3s; 
}
.header-expanded .panel-head-inner { padding-top:72px; }
.panel-head h2 { font-family: 'eurostile', sans-serif; font-weight:normal; font-size:34px; }
.panel-head p { font-size:16px; color:#fff; }

.services { position:relative; overflow:hidden; width:100%; height:100%; background-color:#212121; left:0; top:0; }
.services .panel-head { 
	text-align:center; 
	/* background-color:#262626; */
 }
.services .panel-head h2 { color:#d31a6e; }

.service { position:absolute; height:80%; top:20%; left:50%; width:290px; padding:0 60px; text-align:center; color:#fff; }
.service-first { margin-left:-615px; }
.service-second { margin-left:-205px; background-color:#191919;  }
.service-third { margin-left:205px; }

.service-arrow { position:absolute; width:159px; height:60px; background:url(images/services-arrow.png) no-repeat 0 0; z-index:2; }
.service-arrow-1 { left:70%; top:200px; }
.service-arrow-3 { right:20px; bottom:220px; }
.service-arrow-2 { left:-20%; top:200px; }
.service-arrow-2 {
	-webkit-transform:rotate(-30deg); 
	   -moz-transform:rotate(-30deg); 
	    -ms-transform:rotate(-30deg); 
	     -o-transform:rotate(-30deg); 
	        transform:rotate(-30deg); 
}
.service-arrow-3 {
	-webkit-transform:rotateX(180deg) rotate(-48deg); 
	   -moz-transform:rotateX(180deg) rotate(-48deg); 
	    -ms-transform:rotateX(180deg) rotate(-48deg); 
	     -o-transform:rotateX(180deg) rotate(-48deg); 
	        transform:rotateX(180deg) rotate(-48deg); 
}
.service-arrow-4 { bottom:220px; left:20px; }
.service-arrow-4 {
	-webkit-transform:rotate(132deg); 
	   -moz-transform:rotate(132deg); 
	    -ms-transform:rotate(132deg); 
	     -o-transform:rotate(132deg); 
	        transform:rotate(132deg); 
}

.service-img { display:block; margin:64px auto 44px; }
.service h2 { font-family: 'eurostile', sans-serif; font-size:34px; padding-bottom:20px; }
.service p { font-size:17px; line-height:23px;  font-family: 'eurostile', sans-serif; }
.service p strong { font-weight:normal; font-family: 'eurostile_demi', sans-serif; color:#3ac8c0; }
.service-third .service-img,
.service-first .service-img { margin-top:40px; }

.services-mobile { display:none;  }
.services-mobile h2 { font-family: 'eurostile', sans-serif; font-size:34px; line-height:42px; color:#d31a6e; }
.services-mobile h3 { font-family: 'eurostile', sans-serif; font-size:34px; line-height:42px; color:#fff; }

.btn-launch { height:141px; width:164px; background:url(images/btn-launch.png) no-repeat 0 0; position:absolute; bottom:120px; margin-left:-83px; left:50%; }
.btn-launch:hover { background-position:0 bottom; }
.btn-launch span { position:absolute; width:100%; top:160px; left:0; font-size:37px; color:#3ac8c0; text-transform:uppercase; line-height:40px; text-align:center; font-weight:300;  }

.client-video { position:absolute; right:0; bottom:0; width:70%; height:80%; z-index:1; overflow:hidden; }
.client-video-overlay { position:absolute; width:100%; height:100%; cursor:pointer; z-index:2; }
div.client-video { width:70%; height:80%; }
div.client-video div.jp-video { border:0; background:transparent;  }


.client-video .jp-jplayer { background-color:#5d4262; width:150% !important; height:150% !important; left:-25%; top:-25%;  position:absolute; outline:0 none; }
.client-video .jp-gui { display:none !important; }
.client-top { position:absolute; height:45%; width:30%; position:absolute; top:20%; left:0; }
.client-bottom { height:35%; width:30%; position:absolute; bottom:0; left:0; background-color:#3ac8c0; color:#fff; }
.client-bottom h3 { font-size:38px; line-height:48px; color:#fff; }
.client-bottom h3 span { font-weight:100; }
.client-bottom p { padding-bottom:20px; }
.client-bottom .toggle-video { font-size:28px; line-height:36px; color:#fff; }
.client-bottom .toggle-video i { margin-right:6px; }
.client-entry { display:table-cell; height:100%; vertical-align:middle; }
.client-bottom-inner { width:240px; margin:0 auto; height:100%; display:table; vertical-align:middle; }
.client-bottom-inner {
	-webkit-transform:translate(0,100%); 
	   -moz-transform:translate(0,100%); 
	    -ms-transform:translate(0,100%); 
	     -o-transform:translate(0,100%); 
	        transform:translate(0,100%);
-webkit-transition:-webkit-transform 0.3s 0.7s;  
   -moz-transition:-moz-transform 0.3s 0.7s;  
    -ms-transition:-ms-transform 0.3s 0.7s;  
     -o-transition:-o-transform 0.3s 0.7s;  
        transition:transform 0.3s 0.7s;  
}

.panel-client { background:#5d4262;  }
.panel-client .panel-head { background-color:#5d4262; }
.panel-client .panel-head h2 { color:#fff; }

.skrollable-after .client-bottom-inner ,
.skrollable-between .client-bottom-inner {
	-webkit-transform:translate(0,0); 
	   -moz-transform:translate(0,0); 
	    -ms-transform:translate(0,0); 
	     -o-transform:translate(0,0); 
	        transform:translate(0,0); 
}

.panel-testimonials { background-color:#f3f3f3;  }
.panel-testimonials .caroufredsel_wrapper { height:100% !important; }
.tst-entry { width:40%; position:absolute; left:50%; top:130px; }
.tst-entry:before { content:"";  position:absolute; left:-140px;  top:10px; width:124px; height:47px; background:url(images/tst-arrow.png) no-repeat 0 0;  }
.tst-entry p { font-size:25px; line-height:42px; font-family: 'eurostile', sans-serif; color:#3e3e3e; padding-bottom:30px; }
.tst-entry p a { color:#d31a6e;  }
.tst-entry p.author { font-size:31px;  font-family: 'eurostile_demi', sans-serif; }
.tst-entry blockquote { font-size:15px; line-height:23px; padding-left:10px; border-left:1px solid #b4b4b4; color:#2a2a2a; }
.tst-entry blockquote a { color:#2a2a2a; text-decoration:underline; }
.tst-entry blockquote a:hover { text-decoration:none;  }
.tst-image { width:50%; position:absolute; bottom:0; left:0;  }
.tst-next { position:absolute; height:100%; right:0; top:0; background:#3ac8c0 url(images/tst-arrow-right.png) no-repeat center center; width:84px; z-index:2;  }
.tst-slides { list-style:none outside none; height:100% !important; z-index:1;  }
.tst-slide { float:left; width:100%; height:100%; position:relative; overflow:hidden; }

.team { height:100%; }
.team:after { position:absolute; height:80%; left:50%; top:10%; margin-left:-100px;  width:1px; background-color:rgba(229,150,240,0.3); box-shadow:10px 0 10px rgba(0,0,0,0.1); content:''; }
.team:before { position:absolute; width:25%; left:25%; top:50%; margin-left:-100px;  content:""; height:1px; background-color:rgba(229,150,240,0.3); box-shadow: 0 10px 10px rgba(0,0,0,0.1); }
.member-right,
.member-left { position:absolute; height:100%; width:520px; margin-left:-620px; top:0; left:50%; }
.member-right { margin-left:0; height:400%; width:720px; margin-left:-100px; }

.member-image { width:406px; height:406px; overflow:hidden; background:rgb(62,36,87); box-shadow:0 0 0 7px rgba(62,36,87,.33); border-radius:203px; position:absolute; top:50%; left:50%; margin:-203px 0 0 -203px;  }
.member-image img { 
	width:406px; 
	/* height:406px;  */
	position:absolute; 
	left:0; 
	top:0; 
	border-radius:103px;  }

.member-entry { color:#fff; display:table; height:25%; vertical-align:middle; text-align:center;  width:550px; margin:0 auto; }
.member-entry-inner { height:100%; display:table-cell; vertical-align:middle; }
.member-entry h2 { font-size:47px; line-height:53px; color:#fff; font-weight:normal; padding-bottom:20px; }
.member-entry h2 span { display:block; font-weight:100; }
.member-entry p { font-size:20px; line-height:33px; padding-bottom:33px; font-family: 'eurostile', sans-serif; }

/* ==========================================================================
	#Portfolio Page
========================================================================== */

.portfolio .panel-content .shell { width: auto; padding: 0 35px 32px; }

.portfolio .panel-inner { text-align: left; }
.portfolio .panel-inner h1 { color: #fff; }
.portfolio .panel-inner h1 .video-link { font-size: 15px; font-weight: 400; vertical-align: top; color: #fff; }
.portfolio .panel-inner p { font-size: 15px; line-height: 24px; letter-spacing: 0.1em; color: #fff; padding: 0 0 28px 0; }
.portfolio .panel-inner .button { font-size:14px; font-weight:100; letter-spacing:0.1em; }
.portfolio .panel-inner .buttons { padding: 0; }
.portfolio .panel-inner .buttons p { font-size: 16px; line-height: 45px; display: inline-block; width: auto; padding: 0 25px 0 0; letter-spacing:0; }
.portfolio .panel-inner .buttons .button { color: #fff; }
.portfolio .panel-inner .navigate { font-size: 16px; line-height: 22px; color: #fff; font-weight: 300; text-transform: uppercase; text-decoration: none; padding-right: 61px; background: url(images/icon-arrow06.png) no-repeat 100% 50%; position: absolute; bottom: 25px; right: 15px; opacity: .6; }
.portfolio .panel-inner .goto { font-size: 16px; line-height: 22px; color: #fff; font-weight: 300; text-transform: uppercase; text-decoration: none; padding-right: 61px; background: url(images/icon-arrow07.png) no-repeat 100% 50%; position: absolute; bottom: 25px; right: 15px; opacity: .6; }
.portfolio .panel-inner .goto:hover,
.portfolio .panel-inner .navigate:hover { opacity: 1; }

/* ==========================================================================
	#Popups
========================================================================== */

.popup-overlay,
.popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; }

.popup-overlay { background: #200722; opacity: .90; filter: alpha(opacity=90); z-index: 199; }
body > .popup-overlay { display: none; }

.video-active .header { z-index: 1; }

.popup { opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 200; text-align: center; }
.popup {
	-webkit-transition:opacity 0.3s, visibility 0.3s; 
	   -moz-transition:opacity 0.3s, visibility 0.3s; 
	    -ms-transition:opacity 0.3s, visibility 0.3s; 
	     -o-transition:opacity 0.3s, visibility 0.3s; 
	        transition:opacity 0.3s, visibility 0.3s; 
}
.popup.show { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.popup > .close,
.video-holder > .close { width: 27px; height: 27px; position: absolute; right: 26px; top: 16px; background: url(images/icon-close.png) no-repeat center center; z-index: 200; }
.video-holder > .close { right:50px; }

.popup-wrapper { width: 100%; height: 100%; }

.popup-inner { width: 100%; height: 100%; }

.popup img,
.popup .field { display: block; margin: 0 auto; }
.popup img { padding-top: 30px; }
.popup .field { margin-bottom: 44px; }
.popup h1 { font-size: 50px; line-height: 60px; color: #fff; font-weight: 300; padding: 25px 0 20px; }
.popup h2 { font-size: 50px; line-height: 50px; color: #fff; font-weight: 300; position: relative; margin-top: -10px; }
.popup p { font-size: 20px; line-height: 24px; color: #fff; font-weight: 300; padding-bottom: 15px; }
.popup .button { background-color:#150715;  }

.popup-scroll { height: 100%; overflow-x: hidden; overflow-y: scroll; }
.popup-scroll form { padding-bottom: 30px; }

.labels { width: 598px; padding: 24px 0 35px; border-top: 1px solid #f09aba; margin: 0 auto; }
.labels .radio,
.labels .checkbox { width: 141px; padding-left: 11px; position:relative; }
.labels .radio:first-child,
.labels .checkbox:first-child { padding-left: 0; }
.labels label { font-size: 21px; line-height: 25px; color: #fff; font-weight: 300; text-align: center; display: block; padding: 15px 0; border: 1px solid #f09aba; cursor: pointer; }
.labels label input { position:absolute; left:-9999px; }
.labels .checked label { background: #631666; }

.labels .field-error label { color: #f00; border-color: #f00; }

.success-message { display: none; }
.success-message h1 { padding-bottom: 15px; }
.success-message h2 { font-size: 42px; line-height: 51px; font-weight: 300; padding-bottom: 40px; }
.success-message hr { width: 588px; height: 1px; border: 0; margin: 0 auto 42px; background: #ad8c9c; }
.success-message p { font-size: 25px; line-height: 32px; color: #f7c9de; padding-bottom: 30px; font-weight: 200; }
.success-message .social-link { display: inline-block; width: 42px; height: 42px; margin: 0 15px; color: #c9c6c8; background: transparent !important; }
.success-message .social-link:hover { background-color: transparent; }

/* Video Popups */

.popup-video video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#video-player { z-index: 2; }

/* Gallery Popups */
.popup-gallery .caroufredsel_wrapper { height:83% !important;}
.popup-gallery .caroufredsel_wrapper > ul { height:100% !important; top:2%; }

.popup-slideshow { position: relative; height: 100%; overflow: hidden; }
.popup-slideshow .prev-image,
.popup-slideshow .next-image { width: 47px; height: 100%; display: block; position: absolute; top: 0; bottom: 0; background-repeat: no-repeat; background-position: 50% 50%; z-index:2;  }
.popup-slideshow .prev-image { left: 0; background-image: url(images/icon-arrow02.png); }
.popup-slideshow .next-image { right: 0; background-image: url(images/icon-arrow03.png); }

.popup-slideshow ul { height: 100%; list-style: none outside; position: relative; }
.popup-slideshow ul li { float:left; height:100%; }
.popup-slideshow ul li img {  display: block; height:100%; margin: 0 auto ; padding-top:0; width:auto; }

/* ==========================================================================
	#Blog
========================================================================== */

.blog { overflow: auto; }
.blog .header { opacity: 1; filter: alpha(opacity=100); }

.page-top { height: 300px; position: relative; overflow: hidden; }
.page-top img { display: block; position: absolute; z-index: 1; }

.main { line-height: 35px; text-align: center; padding: 40px 0 35px; }
.main p { padding-bottom: 20px; }
.main p.post-meta { color: #b0b0b0; }
.main p img { max-width: 100%; height: auto; display: block; position: relative; margin: 10px auto -10px; }
.main mark { color: #fff; background-color: #b72869; }

.post-video,
.post-image { width: 100%; height: 100%; position: relative; overflow: hidden; }
.post-video iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.tags a { color: #323232; font-style: normal; text-decoration: none; margin: 0 5px; }
.tags a:hover { text-decoration: underline; }

.post-share { padding-top: 38px; border-top: 1px solid #e2e2e2; }
.post-share a { display: inline-block; margin: 0 13px; background-repeat: no-repeat; background-position: 0 0; vertical-align: top; }
.post-share a.comment { width: 65px; height: 46px; background-image: url(images/icon-comment.png); }
.post-share .button { font-size: 13px; line-height: 19px; color: #b72869; font-style: normal; padding: 6px 10px 4px; border-color: #b72869; margin-top: 7px; }

.shares { display: none; vertical-align: top; margin-top: 7px; }
.shares.visible { display: inline-block; }

.older { padding-top: 32px; }
.older a { color: #4d4d4d; font-weight: 600; font-style: normal; }

/* Comments */

.post-actions { width: 500px; margin: 0 auto; display: none; }

#comments,
#respond { padding: 20px 0 30px; }
#comments h3 { font-size: 16px; line-height: 20px; color: #323232; font-weight: 300; padding-bottom: 12px; }
#comments .commentlist { list-style: none outside; }
#comments .commentlist .comment { font-size: 12px; line-height: 14px; color: #323232; text-align: left; padding: 10px; border: 1px solid #bc3673; margin-bottom: 8px; }
#comments .commentlist .comment .comment-author,
#comments .commentlist .comment .comment-meta,
#comments .commentlist .comment .comment-reply { float: left; padding-right: 20px; }
#comments .commentlist .comment .comment-author a,
#comments .commentlist .comment .comment-meta a,
#comments .commentlist .comment .comment-reply a { color: #b72869; text-decoration: none; }
#comments .commentlist .comment .comment-author a:hover,
#comments .commentlist .comment .comment-meta a:hover,
#comments .commentlist .comment .comment-reply a:hover { color: #000; text-decoration: none; }
#comments .commentlist .comment .comment-text { padding-top: 15px; }
#comments .commentlist .comment .children { list-style: none outside; }

#respond h3 { padding-bottom: 20px; }
#respond h3 small { display: none; }
#respond p { width: 45%; float: left; display: inline; padding: 0 0 8px 0; }
#respond p.comment-form-url { float: right; }
#respond p label { font-size: 12px; line-height: 17px; color: #323232; text-align: left; display: block; margin-top: 3px; }
#respond p input,
#respond p textarea { width: 100%; height: 21px; font-size: 12px; line-height: 18px; text-indent: 10px; text-align: left; color: #323232; padding: 0; background: #fff; border: 1px solid #bc3673; display: block; }
#respond .comment-notes { font-size: 12px; line-height: 17px; color: #323232; font-style: italic; width: auto; float: none; display: block; padding: 0 0 22px 0; }
#respond .form-submit,
#respond .comment-form-comment,
#respond .comment-form-author { width: 100%; float: none; display: block; padding: 0 0 8px 0; }
#respond p textarea { height: 136px; }
#respond p input#submit { width: 150px; margin: 0; display: block; color: #bc3673; border-color: #bc3673; }

.mobile-visible { display:none; }
.mobile-hidden {  }



/* ===========================
	#新增修改
============================ */
/* 新增修改 */
img {
	user-drag: none; /* 禁止拖动图片 */
	user-select: none; /* 禁止选中文字 */
	-webkit-user-drag: none; /* 兼容Safari和Chrome */
	-webkit-user-select: none; /* 兼容Safari和Chrome */
	-moz-user-select: none; /* 兼容Firefox */
	-ms-user-select: none; /* 兼容IE和Edge */
}
ul {
    list-style-type: none; /* 去除项目符号 */
    margin: 0;             /* 去除外边距 */
    padding: 0;            /* 去除内边距 */
}
li {
    margin: 0;             /* 如果需要，也可以去除<li>的外边距 */
    padding: 0;            /* 去除<li>的内边距 */
}
.panel-head{
	position: relative;
}
.services ul{
	margin-top: 80px;
	display: flex;
	justify-content: center;
	font-size: 16px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	text-align: justify;
	color: #ffffff;
	line-height: 30px;
	letter-spacing: 0.01px;
}
.services li{
	width: 240px;
	height: 689px;
	padding: 0 20px;
	text-align: center;
	box-sizing: border-box;
}
.services li .tit{
	font-size: 24px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: Bold;
	text-align: center;
	color: #ffffff;
	line-height: 31px;
	letter-spacing: 0.01px;
	margin: 40px 0;
}
.services li p{
	text-align: left;
}
.services li:hover{
	background: linear-gradient(180deg,rgba(0,0,0,0.00), #000000 53%, rgba(0,0,0,0.00));
}
.services .panel-head h2{
	font-size: 36px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: Bold;
	text-align: center;
	color: #ffffff;
	line-height: 47px;
	letter-spacing: 0.03px;
	margin-bottom: 20px;
}
.panel-head p{
	font-size: 20px;
}
.services { 
	background-image: url(../css/images/bg_hx.png);
	background-size: cover;
	background-position: center;

}
.member-entry h2{
	font-size: 46px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: Bold;
	text-align: center;
	color: #ffffff;
	line-height: 61px;
	letter-spacing: 0.06px;
}
.member-entry h2 span{
	font-size: 24px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	text-align: center;
	color: #ffffff;
	line-height: 31px;
	letter-spacing: 0.02px;
	margin-top: 5%;
	margin-bottom: 6%;
}
.member-entry p{
	width: 601px;
	/* height: 384px; */
	font-size: 18px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	text-align: justify;
	color: #ffffff;
	line-height: 32px;
	letter-spacing: 0.01px;
}
/* .nav-footer ul .contactUsLi:hover .contactUs{
	display: block;
} */
.contactUs{
	position: absolute;
	bottom: 55px;
	width: 260px;
	height: 71px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 6px 0px #ababab;
	padding: 18px 24px;
	box-sizing: border-box; 
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	text-align: left;
	color: #1e1e21;
	line-height: 16px;
	letter-spacing: 0px;
}
/* .nav-footer ul .wxsaoma:hover .wxImg{
	display: block;
} */
.wxImg{
	text-align: center;
	position: absolute;
	bottom: 55px;
	width: 142px;
	height: 167px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 6px 0px #ababab; 
	padding: 5px 7px;
	box-sizing: border-box; 
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	color: #1e1e21;
	line-height: 19px;
	letter-spacing: 0.01px;
}
.hidden {
    display: none;
}
.logoImg{
    position: absolute;
    top: -8px;
    left: 2%;
    width: 110px;
}
.logo{
	left: 10%;
}
/* 轮播 */
.carousel {
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.carousel-slide {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
.carousel-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.carousel-slide.active {
	opacity: 1;
	position: relative;
}
.carousel-content {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	padding: 20px;
	border-radius: 10px;
	max-width: 40%;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.carousel-content h1, .carousel-content h2, .carousel-content p, .carousel-content .button {
	display: none;
}
.carousel-slide.active .carousel-content h1,
.carousel-slide.active .carousel-content h2,
.carousel-slide.active .carousel-content p,
.carousel-slide.active .carousel-content .button {
	display: block;
}
.carousel-controls {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}
.carousel-controls span {
	cursor: pointer;
	font-size: 2em;
	padding: 0 20px;
	color: white;
	user-select: none;
}
.carousel-controls span:hover {
	color: #ffcc00;
}

.services .phoneU{
	display: none;
}

/* 第二个页面 */
.tab-content {
	display: none;
  }
  
.tab-content.active {
	display: block;
}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.tab-links{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: end;
	padding-left: 70px;
}
.tab-links .tab-link{
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 1.02rem;
	line-height: 1.02rem;
	border: none;
	border-bottom: 1px solid rgb(255, 255, 255, 0.1);
	background: rgb(0, 0, 0, 0);
	font-size: .18rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 500;
	text-align: justify;
	color: #ffffff;
	letter-spacing: 0.02px;
	padding-left: 60px;
	box-sizing: border-box;
}
.tab-header{
	width: 100%;
	height: 1.02rem;
	line-height: 1.02rem;
	font-size: .2rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: Bold;
	text-align: center;
	color: #ffffff;
	letter-spacing: 0.01px;
	padding-left: 21px;
	box-sizing: border-box;
	text-align: justify;
}
.tab-header span{
	margin-left: 14px;
	margin-right: 30%;
}
.tab-link img{
	display: none;
    position: absolute;
    bottom: 27%;
    left: 8%;
}
.tab-link.active-link img{
	display: block;
}
.tab-links .tab-link:hover{
	width: 130%;
    padding-left: 2rem;
	background: linear-gradient(180deg,rgba(0,0,0,0.00), rgba(0,0,0,0.80));
}
.tab-link.active-link {
	width: 130%;
    padding-left: 2rem;
	background: linear-gradient(180deg,rgba(0,0,0,0.00), rgba(0,0,0,0.80));
}
.tab-content{
	width: 80%;
	height: 100%;
	padding: 60px;
	padding-top: .85rem;
	box-sizing: border-box;
	background-color: #fff;
}
.tab-content .li-item a{
	display: flex;
}
.tab-content .li-item{
	width: 100%;
	/* height: 18%; */
	background: rgba(255,255,255,0.10);
	padding: 12px;
	box-sizing: border-box;
}
.tab-content .li-item:hover{
	box-shadow: 0px 0px 6px 0px rgba(179,179,179,0.50); 
}
.tab-content .li-item img{
	width: 14%;
	height: auto;
	object-fit: cover;
	margin-right: .2rem;
}
.tab-content .li-item:hover .title{
	color: #004bc7;
}
.tab-content .li-item .title{
	min-height: .64rem;
	font-size: .18rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	text-align: left;
	color: #1e1e21;
	line-height: .32rem;
	letter-spacing: 0.01px;
	margin-bottom: .3rem;
}
.tab-content .li-item .bottomTit{
    display: flex;
    justify-content: space-between;
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	text-align: left;
	color: #ababab;
	line-height: 16px;
	letter-spacing: 0.01px;
}
.tab-content .li-item .bottomTit img{
	width: .14rem;
	margin: 0;
	margin-bottom: 2px;
}
.moreBtn{
	cursor: pointer;
	width: 136px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ababab;
	border-radius: 4px;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	text-align: left;
	color: #1e1e21;
	letter-spacing: 0.01px;
	text-align: center;
	margin: 14px auto;
}
#tab0{
	padding: 110px 60px;
	box-sizing: border-box;
}
#tab4{
	/* display: flex; */
	padding: 0;
	background-image: url(../css/images/page2bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.tab0-item{
	position: relative;
	cursor: pointer;
	width: 33.3%;
	height: 100%;
	display: flex;
    flex-direction: column;
	/* padding-top: 15%; */
    justify-content: center;
	overflow: hidden; /* 确保伪元素不溢出 */
}
.tab0-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background-image: inherit;  */
	z-index: 0; /* 确保伪元素在内容后面 */
	transition: backdrop-filter 0.5s ease, -webkit-backdrop-filter 0.5s;
	pointer-events: none; /* 确保伪元素不影响鼠标事件 */
}

.tab0-item:hover::before {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px); /* Safari */
}

.tab0-item .content {
	position: relative; /* 确保内容在伪元素上面 */
	z-index: 1;
}
.tab-bg-1{
	background-image: url(../css/images/bg_sl.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.tab-bg-2{
	background-image: url(../css/images/bg_ai.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.tab-bg-3{
	background-image: url(../css/images/bg_yl.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.tab0-item .title{
	width: 100%;
	height: 1.52rem;
	line-height: 1.52rem;
	text-align: center;
	background: linear-gradient(90deg,#0059dc, rgba(0,89,207,0.00) 99%);
	font-size: .24rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: Bold;
	color: #ffffff;
	letter-spacing: 0.03px;
}
.innerList{
	color: #fff;
}
.innerList .list-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
	width: 100%;
	height: 104px;
	padding: 0 36px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,0.40);

}
.innerList .list-item:hover{
	background: rgb(0, 0, 0, 0.6);
	/* backdrop-filter: blur(5px); */
}
.innerList .list-item:last-child {
	border-bottom: none; /* 或者设置为 0 */
  }
.innerList .intit{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: Bold;
	text-align: center;
	color: #ffffff;
	line-height: 19px;
	letter-spacing: 0.01px;
	margin-bottom: 8px;
}
.innerList .inbody{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: Regular;
	text-align: center;
	color: #ffffff;
	line-height: 16px;
	letter-spacing: 0.01px;
}
.clearfix::before,
.clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.clearfix:after {
  clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/* 默认不显示，且设置初始状态为透明度为0 */
.tab0-item .innerList {
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease-in-out; /* 渐变效果，持续时间0.5秒 */
  }
  
/* 鼠标移入时的样式 */
.tab0-item:hover .innerList {
	display: block;
	opacity: 1;
}
.triangle-down {
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 13px solid black;
}
.headImg{
	width: 100%;
	margin-bottom: .3rem;
}
.tab-inner-js{
	/* width: 870px; */
	height: 100%;
    overflow: auto;
	
	font-size: .16rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;

	text-align: justify;
	color: #1e1e21;
	line-height: 28px;
	letter-spacing: 0.01px;
	padding-right: 50px;
	box-sizing: border-box;
}
.tab-inner-js .title{
	font-size: .20rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.tab-inner-js .ftitle{
	font-size: .18rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}
.tab-inner-js .intitle{
	font-size: .16rem;
	font-weight: bold;
	text-align: left;
	text-indent: 2em;
}
.tab-inner-js p{
	text-indent: 2em;
}
.tab-inner-js p a{
	color: #4285F4;
	text-decoration: underline;
}
.tab-inner-js .ljbm{
	text-align: center;
}

/* 自定义滚动条样式 */
.tab-inner-js::-webkit-scrollbar {
	width: 18px; /* 滚动条宽度 */
}
.tab-inner-js::-webkit-scrollbar-track {
	background: #f1f1f1; /* 滚动条轨道背景 */
	border-radius: 10px; /* 圆角 */
}
.tab-inner-js::-webkit-scrollbar-thumb {
	background: #DFDFDF; /* 滚动条滑块颜色 */
	border-radius: 10px; /* 圆角 */
	border: 5px solid #f1f1f1; /* 滑块和轨道之间的间距 */
}
.tab-inner-js::-webkit-scrollbar-thumb:hover {
	background: #555; /* 滑块悬停颜色 */
}
.tab-inner-js::-webkit-scrollbar-button {
	display: none; /* 隐藏上下两个小三角 */
}
/* 适用于 Firefox 的滚动条样式 */
.tab-inner-js {
	scrollbar-width: thin; /* 设置滚动条宽度 */
	scrollbar-color: #888 #f1f1f1; /* 设置滑块和轨道颜色 */
}
.tab-list-js{
	/* width: 870px; */
	height: 100%;
    overflow: auto;

	box-sizing: border-box;
}
/* 自定义滚动条样式 */
.tab-list-js::-webkit-scrollbar {
	width: 18px; /* 滚动条宽度 */
}
.tab-list-js::-webkit-scrollbar-track {
	background: #f1f1f1; /* 滚动条轨道背景 */
	border-radius: 10px; /* 圆角 */
}
.tab-list-js::-webkit-scrollbar-thumb {
	background: #DFDFDF; /* 滚动条滑块颜色 */
	border-radius: 10px; /* 圆角 */
	border: 5px solid #f1f1f1; /* 滑块和轨道之间的间距 */
}
.tab-list-js::-webkit-scrollbar-thumb:hover {
	background: #555; /* 滑块悬停颜色 */
}
.tab-list-js::-webkit-scrollbar-button {
	display: none; /* 隐藏上下两个小三角 */
}
/* 适用于 Firefox 的滚动条样式 */
.tab-list-js {
	scrollbar-width: thin; /* 设置滚动条宽度 */
	scrollbar-color: #888 #f1f1f1; /* 设置滑块和轨道颜色 */
}

.userImg406{
	height: 406px;
	object-fit: cover;
}
.member-entry p.source{
	text-align: right;
	font-size: 14px;
}
.li-item-div{
	width: 100%;
}





/* ===========================
	#media queries
============================ */



/* homepage second section specific */
@media only screen and ( max-height: 890px ) {
	.header-expanded .panel-head-inner { padding-top:0;  }
	.service h2 { font-size:26px; padding-bottom:15px; }
	.service p { font-size:14px; line-height:19px; } 
	.service-img { margin:20px auto; }
	.service-first .service-img { width:104px; }
	.service-second .service-img { width:124px; }
	.service-third .service-img { width:115px;  }
	
	
	.service-arrow-3 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; bottom:130px; }
	.service-arrow-4 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; bottom:130px; }
	.btn-launch { height:86px; -webkit-background-size:100px 183px; background-size:100px 183px; background-position:center 0; bottom:80px; }
	.btn-launch:hover { background-position:center bottom;  }
	.btn-launch span { top:110px; font-size:36px; font-weight:100; }
}

/* small desctop */
@media only screen and ( max-width: 1200px ) {
	
	.service { width:27%; margin-left:0; padding:0 3%; }
	.service-first { left:0; }
	.service-second { left:33%; width:28%; }
	.service-third { left:67%;  }
	
	.service-arrow-1 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; left:auto; right:-40px;  top:180px;  }
	.service-arrow-2 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; left:-40px; top:180px;  }
	
	.service-first .service-img { width:104px; }
	.service-second .service-img { width:124px; }
	.service-third .service-img { width:115px;  }
	
	.member-left { width:40%; left:0; margin-left:0; }
	.member-right { width:60%; left:40%; margin-left:0; }
	.member-entry { width:auto; padding:0 40px; }
	.member-entry h2 {font-size:40px; line-height:45px; }
	.member-entry p { font-size:17px; line-height:28px; padding-bottom:28px; }
	
	.member-image img,
	.member-image { width:278px; height:278px; border-radius:139px;  }
	.member-image {  margin:-139px 0 0 -139px; }
}


/* tablet landscape */

@media only screen and ( max-width: 1024px ) {
	
	.shell { width:auto; padding:0 15px; }
	
	.logo { width:54px; }
	.logo span { display:none; }
	
	.nav li { padding: 0; }
	.nav li a { padding: 9px 12px; }
	
	.client-bottom,
	.client-top { width:42%; }
	div.client-video { width:58%; }
	.client-bottom-inner { width:auto; padding:0 20px; }
	
	.service h2 { font-size:26px; padding-bottom:15px; }
	.service p { font-size:14px; line-height:19px; }
	
	.tst-entry p { font-size:17px; line-height:35px;  }
	.tst-entry p.author {font-size:22px; }
	.tst-next { display:none !important; }
	
	/*.popup h1 { font-size: 40px; line-height: 50px; padding: 10px 0 15px; }*/
	/*.popup .field { font-size: 27px; line-height: 30px; height: 30px; margin-bottom: 10px; }*/
	.popup-contact .popup-inner { padding-bottom: 0; }
	
	.btn-launch { height:86px; -webkit-background-size:100px 183px; background-size:100px 183px; background-position:center 0; bottom:80px; }
	.btn-launch:hover { background-position:center bottom;  }
	.btn-launch span { top:110px; font-size:36px; font-weight:100; }
	
	.service-img { margin-top:30px; }
	.service-arrow-3 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; bottom:130px; }
	.service-arrow-4 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; bottom:130px; }
	
	div.client-video { background:url(images/temp/client-video.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover;  }
	div.client-video .jp-video { display:none; }
	
	/* from 960 */
	.popup h1 { font-size: 50px; line-height: 60px; padding: 25px 0 45px; }
	.popup .field { font-size: 47px; line-height: 60px; height: 60px; margin-bottom: 44px; }

	.popup-slideshow ul li img { max-width: 80%; height: auto; padding-top: 20%; }
	
	.footer .copyright { display:none; }
	.nav-footer { width:100%; float:none; }
}

/* mobile */
@media only screen and ( max-width: 767px ) {
	
	.header { background-color:rgba(0,0,0,0.19); height:46px; }
	.logo { 
		display: none;
		top:8px; 
		height:30px; 
		width:41px; 
		-webkit-background-size:161px 30px; background-size:161px 30px;
	}
	.nav,
	.logo {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	
	.nav { position:fixed; background-color:#260c2a; width:160px; right:-190px; top:0; bottom:0; padding:50px 10px 0 20px; z-index:1; }
	.nav:before { height:46px; content:''; top:0; left:0; width:100%; background-color:rgba(0,0,0,0.19); position:absolute;  }
	.nav li { float:none; display:block; line-height:50px; padding:0; }
	.nav li a { display:block; float:none; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0; }
	
	.header-not-animated .nav { right:-190px; }
	
	.nav-toggle { display: block; z-index:2; height:46px;  width:46px; }
	.nav-toggle .ico-menu { top:10px; left:10px; }
	.header-not-animated .nav-toggle { display:block; }

	.header-expanded .nav {  right:0; }
	.header-expanded .logo { left:-190px; }
	.header-expanded .panel  { left:-190px; }
	.nav {
		-webkit-transition:right 0.3s; 
		   -moz-transition:right 0.3s; 
		    -ms-transition:right 0.3s; 
		     -o-transition:right 0.3s; 
		        transition:right 0.3s; 
	}
	.logo,
	.panel {
		-webkit-transition:left 0.3s; 
		   -moz-transition:left 0.3s; 
		    -ms-transition:left 0.3s; 
		     -o-transition:left 0.3s; 
		        transition:left 0.3s; 
	}
	
	.homepage.header-expanded .nav-toggle {background-color:#19081c; }
	
	.nav .divider-mobile { display:block; }
	.nav .mail-mobile { display:block; }
	.nav .btn-text-mobile { display:block; }
	.nav .btn-social { text-transform:none;  }
	.nav a i { display:none; }
	
	.panel-intro h1 { font-size:50px; line-height:50px; padding-bottom:20px; opacity: 1; }
	.panel-intro h3 { font-size:25px; line-height:30px; opacity: 1; }
	.panel-intro p { opacity: 1; display:none; }
	.panel-intro p:last-child { display:block; }
	
	.panel-inner .shell { width:auto;  }
	.portfolio .panel-inner h1 { font-size:30px; line-height:35px;   }
	
	.service { display:none; }
	.services { display:table; vertical-align:middle; }
	.services .panel-head { display:none; }
	.services-mobile { display:block; display:table-cell; vertical-align:middle; text-align:center; padding-bottom:160px;  z-index:1;  }
	
	.service-arrow-3 { left:36px;  right:auto; }
	.service-arrow-4 { left:auto;  right:36px; }
	
	
	div.client-video { width:50%; height:100%;  }
	
	.client-top,
	.client-bottom { height:50%; width:50%; }
	.client-top { top:0 }
	.client-bottom h3 { font-size:20px; line-height:22px; }
	.client-bottom h3 img { width:60px; }
	.client-bottom p { font-size:12px; padding-bottom:5px; }
	.client-bottom .toggle-video { font-size:23px; line-height:25px; }
	.client-bottom-inner { padding:0 10px;  }
	
	.tst-entry:before { display:none; }
	.tst-entry { top:54px; width:70%; left:30%; }
	.tst-entry p { font-size:16px; line-height:20px; padding-bottom:10px; }
	.tst-entry p.author { font-size:18px; line-height:21px; }
	.tst-entry blockquote { display:none; }
	
	.team:before,
	.team:after { display:none; }
	
	.member-left { width:35%; }
	.member-right { width:65%; left:35%; }
	
	.member-image img,
	.member-image { width:100px; height:100px; border-radius:50px; }
	.member-image { margin:-50px 0 0 -50px;  }
	
	.member-entry { padding:0 10px; text-align:left;  }
	.member-entry h2 { font-size:22px; line-height:20px; padding-bottom:5px; }
	.member-entry p { 
		font-size:14px;
		line-height: 24px; 
		width: 100%;
		line-height:13px; 
		padding-bottom:10px;
	 }
	
	.panel-client .panel-head { display:none; }

	.panel .buttons { padding: 0 3px 25px 0; }
	.panel .buttons .button { padding: 10px 12px; margin: 0 2px 0 0; }
	
	.panel-client .navigate {display:none; }
	
	.portfolio .panel-content .shell { padding: 0 5px 7px; }
	.portfolio .panel-inner p { width: auto; padding: 0; letter-spacing: 0; }

	.portfolio .panel-inner .buttons p { display: block; }
	.portfolio .panel-inner .buttons .button { margin: 0 6px 0 0; }
	.portfolio .panel-inner .buttons .video-link.mobile-visible,
	.portfolio .panel-inner .navigate { width: 34px; height: 18px; text-indent: -4000px; padding: 0; background-image: url(images/icon-arrow06@2x.png); background-size: 34px 18px; -webkit-background-size: 34px 18px; bottom: 20px; right: 7px; }

	.portfolio .panel-inner .goto { width: 34px; height: 18px; text-indent: -4000px; padding: 0; bottom: 20px; right: 7px; background-image: url(images/icon-arrow07@2x.png); background-size: 34px 18px; -webkit-background-size: 34px 18px; }

	.popup img { width: 37px; height: auto; padding: 18px 0 13px; }
	.popup h1,
	.popup h2 { font-size: 25px; line-height: 27px; padding: 0 0 20px 0; }
	.popup h2 { padding-bottom: 5px; }
	.popup p { font-size: 10px; line-height: 12px; padding-bottom: 5px; }
	.popup .field { font-size: 24px; line-height: 30px; width: 298px; height: 30px; padding: 3px 0 2px; margin-bottom: 10px; }
	.popup-contact .field { margin-bottom: 12%; }
	.popup textarea.field { height: 60px; }
	.popup .labels { width: 300px; padding: 8px 0; }	
	.popup .labels .radio { width: 70px; padding-left: 6px; }
	.popup .labels .radio:first-child { width: 72px; padding-left: 0; }
	.popup .labels .radio label { font-size: 17px; line-height: 20px; padding: 5px; }

	.popup-gallery > .close { width: 28px; height: 28px; top: auto; bottom: 27px; left: 50%; margin-left: -14px; background-image: url(images/icon-close@2x.png); background-size: 28px 28px; -webkit-background-size: 28px 28px; }
	
	.popup-slideshow ul li { height: 80%; }
	.popup-slideshow ul li img { width: 100%; padding-top: 10px; }

	.popup-slideshow .prev-image,
	.popup-slideshow .next-image { width: 17px; height: 33px; top: auto; bottom: 28px; background-size: 17px 33px; -webkit-background-size: 17px 33px; }
	.popup-slideshow .prev-image { background-image: url(images/icon-arrow02@2x.png); left: 10px; }
	.popup-slideshow .next-image { background-image: url(images/icon-arrow03@2x.png); right: 10px; }

	.panel-dark .fullscreen .overlay, 
	.popup-dark #video-player .overlay,
	.panel-purple .fullscreen .overlay { background: rgba(39,3,29,.83); }
	
	.mobile-visible { display:block; }
	.mobile-hidden { display:none; }

	


	/* 修改 */
	.logoImg{
		top: 0;
	}
	.services ul{
		flex-wrap: wrap;
	}
	.member-entry p{
		font-size: 14px;
		line-height: 24px;
	}
	.services li{
		width: 50%;
		height: 450px;
	}
	.services li .tit{
		margin: 20px 0;
	}
	.header{
		height: 70px;
	}
	.nav-toggle{
		width: 70px;
		height: 70px;
	}
	.nav-toggle .ico-menu{
		top: 22px;
		left: 22px;
	}


	/* 人物介绍上下结构 */
	.member-right{
		width: 100%;
		left: 0;
		padding: 0 10px;
		box-sizing: border-box;
	
	}
	.member-entry h2 span{
		margin: 18px 0;
		font-size: 20px;
	}
	.member-entry-inner{
		vertical-align: bottom;
		padding-bottom: 55%;
	}

	.member-image{
		top: 45%;
		margin: -238px 58%;
	}
	.member-image img, .member-image{
		object-fit: cover;
		object-position: 0px 0px;
	}


	.services .pcU{
		display: none;
	}
	.services .phoneU{
		display: block;
	}
	.services .phoneU li{
		width: 100%;
		padding-top: 20%;
	}

	.phoneU li {
		opacity: 0; /* 默认不可见 */
		visibility: hidden; /* 默认不可见 */
		transition: opacity 1s, visibility 0s 1s; /* 添加过渡效果 */
	}
	
	.phoneU li.show {
		opacity: 1; /* 可见 */
		visibility: visible; /* 可见 */
		transition: opacity 1s; /* 添加过渡效果 */
	}
	.userImg406{
		height: 100px;
	}


	/* 第二个页面移动端 */
	.tab-links{
		display: none;
	}
	.tab-content{
		width: 100%;
	}
	.tab0-item{
		width: 100%;
	}
}