@charset "utf-8";
*{ box-sizing:border-box; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none;}
*:focus { outline: none; }
html {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%;}
body {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	font-family: "微软雅黑",microsoft yahei;
	color: #333;
	background-color: #EFEFEF;
}
body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ padding:0; margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { height: 0; }
[hidden], template {  display: none; }
a {  background-color: transparent; text-decoration:none; }
a:hover{text-decoration:underline;}
a:active,a:hover {  outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn {  font-style: italic;}
mark {  color: #000;  background: #ff0;}
small {  font-size: 80%; }
sub,sup {  position: relative;  font-size: 75%;  line-height: 0;}
img {  border: 0;vertical-align: middle;}
svg:not(:root) {  overflow: hidden;}
figure {  margin: 1em 40px;}
hr {  height: 0;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;   box-sizing: content-box; }
pre {  overflow: auto;}
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit; }
button { overflow: visible; }
[role='button']:focus{outline: 0;}
button,select {  text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer; }
button[disabled], html input[disabled] {  cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {  padding: 0;  border: 0; }
input {  line-height: normal; outline:none;}
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {  height: auto; }
input[type="search"] {  -webkit-box-sizing: content-box;     -moz-box-sizing: content-box;    box-sizing: content-box;  -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; }
input[type="text"]{-webkit-appearance: none;}
input[type="checkbox"]{ -webkit-appearance:checkbox;}
input[type="radio"]{ -webkit-appearance:radio;}
fieldset {  padding: .35em .625em .75em;  margin: 0 2px;  border: 1px solid #c0c0c0;}
legend {  padding: 0;  border: 0; }
textarea {  overflow: auto; outline:none;-webkit-appearance: none;}
optgroup {  font-weight: bold; }
table { border-spacing: 0;  border-collapse: collapse;}
td,th {  padding: 0; }
*{margin: 0; padding: 0; box-sizing: border-box;}
.home_container{margin: 0 auto; max-width: 1200px;}
.row{width: 103%; float: left; margin: 10px -1.5%;}
.item_name{padding: 20px 0px; line-height: 200%; font-weight: normal; text-align: center}
/*= common css to all effects =*/
.single-member{ float: left;  background-color: #fff; text-align: center; position: relative;}
.single33{width: 377px; margin: 15px 1.3%;}
.single25{width: 280px; margin: 15px 1.12%;}
.member-image img{max-width: 100%; vertical-align: middle;}
h2 {
  font-size: 2.4rem; 
}
h4 {font-size: 22px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
h5 {font-size: 18px; font-weight: 300; margin: 5px 0 15px; line-height: 22px;text-transform: uppercase;}
p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-color: #4ffd4e; background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
.wx_img{ width:1200px;margin:20px auto;text-align:center;background:#fff}
.wx_img img{width:50%;}
.PayUrl{display:none}

/*= common css to all effects end =*/

.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}

.main{max-width:1200px; margin:40px auto;}
.title{font-size:24px; margin:30px 0; text-align: center;}

.w-imgText{ overflow:hidden;}
.w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;}
.w-imgText .item{ position:relative;}
.w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.w-imgText .img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;*height:100%; }
.w-imgText .textB{ line-height:1.7;}
.w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.w-imgText .text_x{ position:relative; z-index:1;}
.w-imgText .igt_page{ text-align:center; display:none; z-index:5;}
.w-imgText .igt_page .swiper-pagination-bullet{ border-radius:0; -webkit-border-radius:0; width:1em; height:5px; background:#999; opacity:0.5;}
.w-imgText .igt_page .swiper-pagination-bullet-active{ background:#f80; opacity:1;}

.w-imgText3{position:relative;}
.w-imgText3 .item{ padding-left:1px;}
.w-imgText3 .img{ width:70%; position:relative; overflow:hidden;}
.w-imgText3 .img .imgSize{ height:410px;}
.w-imgText3 .img img{max-width:100%;transition:transform 0.5s; -webkit-transition:transform 0.5s; }
.w-imgText3 li:hover .img img{ transform:scale(1.02); -webkit-transform:scale(1.02);}
.w-imgText3 .textB{ position:absolute; left:70%; right:0; top:0; bottom:0;padding:20px 30px; }
.w-imgText3 .text_x{padding:20px 30px 80px; position:absolute; left:0; top:0;right:0; bottom:0; }
.w-imgText3 .textB .bg_x{ background:#383736;}
.w-imgText3 .text_x .tt_h{font-size:24px; color:#FFF; line-height:1.5; margin-bottom:0.5em;}
.w-imgText3 .text_x p{color:#add7ef;}
.w-imgText3 .text_x .btn_x{display:inline-block; *display:inline; *zoom:1; position:absolute; right:20px; bottom:30px; line-height:2.6; padding:0 2em; border:1px solid #aaa; color:#aaa; text-decoration:none;border-radius: 3px;}
.w-imgText3 .text_x .btn_x:hover{color:#383736;}
.w-imgText3 .igt_btn{ position:absolute; z-index:9; left:70%; margin-left:-55px; bottom:40px; width:110px; height:50px;}
.w-imgText3 .igt_btn .igt_prev,.w-imgText3 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:55px; height:50px; background:rgba(0,0,0,0.15);}
.w-imgText3 .igt_btn .igt_prev{ left:0;}
.w-imgText3 .igt_btn .igt_next{ right:0;}
.w-imgText3 .igt_btn .igt_prev:before,.w-imgText3 .igt_btn .igt_next:before{ content: ''; position:absolute; width:10px; height:10px; text-align:center; top:50%; margin-top:-5px; left:50%; margin-left:-5px;}
.w-imgText3 .igt_btn .igt_prev:before{background:url(images/prev2.png) no-repeat center;}
.w-imgText3 .igt_btn .igt_next:before{background:url(images/next2.png) no-repeat center;}
.w-imgText3 .igt_btn .igt_prev:hover,.w-imgText3 .igt_btn .igt_next:hover{background-color:#22e7e0;}
.w-imgText11{position:relative;}
.w-imgText11 .item{ padding-left:1px;}
.w-imgText11 .img{ width:100%; position:relative; overflow:hidden;}
.w-imgText11 .img .imgSize{ height:235px;}
.w-imgText11 .img img{max-width:100%;transition:transform 0.5s; -webkit-transition:transform 0.5s; }
.w-imgText11 li:hover .img img{ transform:scale(1.02); -webkit-transform:scale(1.02);}
.w-imgText11 .textB{ position:absolute; left:70%; right:0; top:0; bottom:0;padding:20px 30px; }
.w-imgText11 .text_x{padding:20px 30px 80px; position:absolute; left:0; top:0;right:0; bottom:0; }
.w-imgText11 .textB .bg_x{ background:rgba(0,0,0,0);}
.w-imgText11 .text_x .tt_h{font-size:24px; color:#FFF; line-height:1.5; margin-bottom:0.5em;text-shadow: 2px 2px 2px #111;}
.w-imgText11 .text_x p{color:#FFF;text-shadow: 1px 1px 1px #000; }
.w-imgText11 .text_d{max-width: 285px;max-height: 85px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.w-imgText11 .text_x .btn_x{display:inline-block; *display:inline; *zoom:1; position:absolute; right:120px; bottom:30px; line-height:2.6; padding:0 2em; border:1px solid #666; color:#666; text-decoration:none;border-radius:5px}
.w-imgText11 .text_x .btn_x:hover{background-color:#22e7e0;}
.w-imgText11 .igt_btn{ position:absolute; z-index:9; left:70%; margin-left:-55px; bottom:40px; width:110px; height:50px;}
.w-imgText11 .igt_btn .igt_prev,.w-imgText11 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:55px; height:50px; background:rgba(0,0,0,0.15);}
.w-imgText11 .igt_btn .igt_prev{ left:0;}
.w-imgText11 .igt_btn .igt_next{ right:0;}
.w-imgText11 .igt_btn .igt_prev:before,.w-imgText11 .igt_btn .igt_next:before{ content: ''; position:absolute; width:10px; height:10px; text-align:center; top:50%; margin-top:-5px; left:50%; margin-left:-5px;}
.w-imgText11 .igt_btn .igt_prev:before{background:url(images/prev2.png) no-repeat center;}
.w-imgText11 .igt_btn .igt_next:before{background:url(images/next2.png) no-repeat center;}
.w-imgText11 .igt_btn .igt_prev:hover,.w-imgText11 .igt_btn .igt_next:hover{background-color:#22e7e0;}
/*= effect-8 css =*/
.effect-8{max-height: 380px; min-height:380px; overflow: hidden;  perspective: 800px;}
.effect-8 h3{line-height: 35px;}
.effect-8 .member-image{position: absolute; bottom: 0; width: 100%; transition: 0.4s; z-index: 1;}
.effect-8 .member-image img{width: 100%; transition: 0.4s; height: 100%;}
.effect-8 .more-info{height: 208px; transition: 0.4s; overflow: hidden; position: relative; background-color: #fff;}
.effect-8:hover .member-image{transform: rotateX(82deg); transform-origin: center bottom 0; transition: 0.4s;}
.effect-8 .btn_gm{width: 196px; font-size: 1.8rem; color: #333; text-align: center; line-height: 46px; border: #888 1px solid; border-radius: 10px; margin-left: -100px; position: absolute; bottom: 88px; left: 50%; z-index: 200; cursor:pointer;font-weight:bold;background:rgba(255,255,255,0.2); }
.effect-8 .btn_gm:hover {
  background: #22e7e0; color: #fff;text-decoration: none;
}
/*= effect-3 css =*/
.effect-3{max-height: 300px; min-height: 300px; overflow: hidden;}
.effect-3 h3{padding-top: 7px; line-height: 33px;}
.effect-3 .member-image{border-bottom: 5px solid #383736; transition: 0.4s; height: 212px; width: 100%; display: inline-block; float: none; vertical-align: middle;}
.effect-3 .member-info{transition: 0.4s;}
.effect-3 .member-image img{width: 70%; vertical-align: bottom;}
.effect-3 .social-touch{background-color: #383736; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s; color:#fff}
.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 50px 50px; height: 81px; display: inline-block; overflow: hidden; width: 109px; transition: 0.4s;}
/*= effect-3 css end =*/
/*= effect-8 css end =*/
@media (max-width:1200px){
    .title{ padding-left:15px;}
}
@media (max-width:860px){
   .w-imgText .igt_page{ display:block;}
	.w-imgText .igt_btn{ display:none;}
	.w-imgText1 .item{ padding-bottom:0;}
	.w-imgText1 .img{ width:100%;}
	.w-imgText1 .textB{ position:relative; width:100%;padding:1.2em 4% 1.5em;}
	.w-imgText1 .igt_btn{ width:auto; left:0; right:0; top:50%; margin-top:-60px;}
	.w-imgText2 .img{ width:100%; float:none;}
	.w-imgText2 .textB{ position:relative; width:100%;padding:1.2em 4% 1.5em;}
	.w-imgText2 .igt_btn{ width:auto; left:0; right:0; top:50%; margin-top:-60px;}
	.w-imgText3 .img{ width:100%; float:none;}
	.w-imgText3 .textB{ position:relative; left:0;padding:1.2em 4% 1.5em;}
	.w-imgText3 .text_x3{ padding:0; position:relative ;}
    .w-imgText3 .text_x .btn_x{ position:relative; bottom:0; left:0; margin:1.5em 40% 0; width:115px;}
	.w-imgText3 .igt_btn{ width:auto; left:0; margin-left:0; right:0; top:50%; margin-top:-60px;}
	.w-imgText4 .textB{ position:relative; width:100%; left:0;padding:1.2em 4% 2em;}
	.w-imgText4 .igt_btn{ width:auto; left:0; right:0; top:50%; margin-top:-60px;}
	.li-div .w-imgText4 .igt_page{ width:auto; left:0; text-align:center; bottom:0.5em;}
	.w-imgText5 .img{ width:100%; float:none;}
	.w-imgText5 .textB{ position:relative; left:0;padding:1.2em 4% 1.5em;}
	.w-imgText5 .igt_btn{ width:auto; left:0; right:0; top:50%; margin-top:-60px;}
	.w-imgText5 .textB .text_x{ top:0; transform:none; -webkit-transform:none;}
	:root .w-imgText5 .textB .text_x{ top:0;}
   .row{width: 100%; margin: 10px 0;}
	.team-members{text-align: center;}
	.single-member{float: none; display: inline-block; vertical-align: bottom; }
   .effect-8{width: 640px; }
   .effect-3{width: 303px; }
   .effect-3 .member-image{width: 95%; }
  .wx_img{ width:640px;margin:20px auto;text-align:center;background:#fff}
  .wx_img img{width:70%;}
  .w-imgText11{display:none}
  .PayUrl{  display:block;width:100%;margin:20px auto;text-align:center;background:#fff;padding:10px 0 10px 0;}
  .PayUrl a.bt_pay{display:inline-block;width:160px;line-height:2.6; padding:0 2em; border:1px solid #22c7ff; color:#fff; border-radius: 5px;text-decoration:none;font-size:18px; background:#22c7ff}
  .PayUrl a.bt_pay:hover{color:#add7ef;background:#383736}
  .PayUrl a.bt_tel{display:inline-block;width:160px;line-height:2.6; padding:0 2em; border:1px solid #383736; color:#add7ef; border-radius: 5px;text-decoration:none;font-size:18px; background:#383736}
  .PayUrl a.bt_tel:hover{color:#fff;background:#22c7ff}
  
}
@media (max-width:767px){
    .w-imgText3 .img .imgSize{ height:auto; padding-bottom:55%;}
	.w-imgText5 .img .imgSize{ height:auto; padding-bottom:50%;}
}
@media (max-width:640px){
	.w-imgText .igt_page .swiper-pagination-bullet{height:2px;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
	.w-imgText1 .igt_btn .igt_next, .w-imgText1 .igt_btn .igt_prev,.w-imgText3 .igt_btn .igt_next, .w-imgText3 .igt_btn .igt_prev{ width:2.5em; height:2.5em;}
	.w-imgText1 .text_x .tt_h,.w-imgText2 .text_x .tt_h,.w-imgText3 .text_x .tt_h,.w-imgText4 .text_x .tt_h,.w-imgText5 .text_x .tt_h{font-size:130%;}
}