/*reset css*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;
}

body{line-height:1;
}

ol,
ul{list-style:none;
}

blockquote,
q{quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after{content:none;
}

table{border-collapse:collapse;border-spacing:0;
}

body,
html{
	font-family:Arial,Helvetica,Microsoft JhengHei,"微軟正黑體",sans-serif;font-size:16px;color:#252525;background-color:#fff;
	-webkit-text-size-adjust:100%;
}

header,
section,
footer{width:100%;height:100%;overflow:hidden;
}

iframe{width:100%;height:100%;
}

a,
a:hover,
a:focus{text-decoration:none;color: inherit;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

h1,
h2,
h3,
h4{margin:0;line-height:1.2;font-weight:bold;
}

small{margin-left:6px;font-size:1rem;
}

input[type="button"],
button,input[type="text"],input[type="checkbox"]{
	-webkit-appearance:none;
	border-radius:0;
}
input[type="checkbox"]{
	opacity:0;
}
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
textarea{
	border-radius:0;
}
/*line font*/
@charset "UTF-8";
@font-face {
  font-family: "linefont";
  src:url("../fonts/linefont.eot");
  src:url("../fonts/linefont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/linefont.woff") format("woff"),
    url("../fonts/linefont.ttf") format("truetype"),
    url("../fonts/linefont.svg#linefont") format("svg");
  font-weight: normal;
  font-style: normal;
}


[data-icon]:before{font-family:"linefont" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before{
	font-family:"linefont" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

.icon-line:before{
	content:"\ab";
}

/*owl-carousel dots*/
.owl-controls{text-align:center; padding-top:20px;}
.owl-dots{display:inline-block;}
.owl-dot{width:10px;height:10px;background-color:#e1e1e1;display:inline-block;border-radius:50% 50%;margin:0 6px;behavior:url(../css3pie/PIE.htc);}
.owl-dot.active{background-color:#919191;}

/*loading*/
#loadPage{position:fixed;width:100%;height:100%;z-index:1000;background-color:#f7f7f7;top:0;}
.spinner {
  width: 60px;
  height: 60px;
  position: absolute;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #83c8ea;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  behavior:url(../css3pie/PIE.htc);
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
}
/*header*/
#main{
	position:relative;
}
.dorianWrap{
	text-align:center;
	height:70px;
	background-color:#000;
}
.blackCircle{
	display:inline-block;
	width:100%;
	max-width:163px;
	border-radius:50% 50%;
	padding:13px 0;
	background-color:#000;
	z-index:10;
	position:absolute;
	top:0;
	margin: auto;
	left:0;
	right:0;
	text-align:center;
	height:112px;
	margin-top:-13px;
	behavior:url(../css3pie/PIE.htc);
}
.blackCircle img{
	margin-top:15px;
}
.mainImg{
	width:100%;
	height:calc(100vh - 70px);
	max-height:100%;
	min-height:500px;
	/*background-image:url('../img/main.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover; */   
}
.mainImg::before{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
/*	background-color:rgba(64,102,138,0.4);*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f426789,endColorstr=#7f426789); 
	max-height:100%;
	z-index:1;
}
.mainBgIE{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f426789,endColorstr=#7f426789);
}
.mainImg img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	opacity:0;
	-webkit-transition:all 1s;
	transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	/*vertical-align:bottom;*/
}
.mainImg img.active,.mainInfo.active{
	opacity:1;
}
.mainInfo{
	left:0;
	right:0;
	margin:auto; 
	background-color:rgba(64,102,138,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9f426789,endColorstr=#9f426789); 
	color:#fff;
	position:absolute;
	width:100%;
	max-width:892px;
	top:calc(50% - 64px);
	text-align:center;
	line-height:2;
	padding:36px 0;
	z-index: 2;
	opacity:0;
	-webkit-transition:all 1s;
	transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
}

.mainInfo h1{
	font-size:3.125rem;
	font-weight:500;
}
.mainInfo p{
  font-size:1.125rem;
}
.moblieButton{
	display:none;
}
/*menu*/
#menu{
	background-color:#000; 
	top:0;
	width:100%;
	z-index:3;
	height:70px; 
}

.menuList{
	width:calc(49% - 41px);
	height:100%;
	display:inline-block;
	text-align:center;
}
.menuList li{
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	font-size:1rem;
    line-height:70px;
    width:20%;
	position:relative;
}
.menuList li a{
	color:#fff;
	display:inline-block;
	width:100%;
	height:100%;
}
.menuList li a:hover{
	color:#83c8ea;
}
.showMenu:hover .hideMenu,.hideMenu:hover{
	display:block;
}

.hideMenu{
	position:absolute;
	top:70px;
	left:0;
	display:inline-block;
	background-color:#000;
	display:none;
	width:100%;
}

.social-icons{
	position:absolute;
	top:0;
	right:0;
}
.social-icons li{
	display:inline-block;
	width:35px;
	height:36px;
	text-align:center;
	margin-top:15px;
}
.social-icons li:nth-child(3n+2){
	margin:0 12px; 
}
.social-icons li a{
	width:100%;
	height:100%;
	border-radius:50% 50%;
	border:1px solid #5f5f5f;
	color:#5f5f5f;
	font-size:1.188rem;
	line-height:35px;
	vertical-align:middle;
	behavior:url(../css3pie/PIE.htc);
}
.social-icons li a:hover{
	border-color:#83c8ea;
	color:#83c8ea; 
}

.mediahome:before{
	content:"";
	display:inline-block;
	width:100%;
	height:100%;
	background-image:url('../img/icon.png');
	background-size:17px;
	background-repeat:no-repeat;
	background-position:center;
}
a.mediahome:hover:before{
	background-image:url('../img/icon_a.png');
}
.downMenu{
	position:absolute;
}
.fixTop{
	position:fixed!important;
}
.fixTopMenuBar{
	width:100%;
	position:fixed;
	top:0;
	z-index:20;
}

.close{
	display:none;
}
/*title*/
.titleContent{
	display:inline-block;
	margin-bottom:40px;
	width:100%;  
}
.titleContent hr{
	width:100%;
	max-width:226px;
	float:left;
	height:100%;
	position: relative;
	top:9px;
	border: 0;
    border-top: 1px solid rgb(141, 181, 217);
}
.titleContent h2{
	font-size:1.625rem;
	display:inline;
	position:relative;
	color:#2a4359;
}
.titleContent h2:before{
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	background-color: #8db5d9;
	transform:rotate(45deg);
	margin-right:17px;
	vertical-align:middle; 
}
/*middleContent,.fullContent*/
section{
	padding:95px 0; 
}
.mainContent{
	padding-top:180px;
}
.fullContent{
	width:100%;
	text-align:center;
}
.fullContent-101{
	width:calc(100% - 101px);
	text-align:center;
	margin:auto;
}
.padding-offset-8{
	padding-left:8%;
}
.contBox-offset-8{
	margin-left:8%;
}
.middleContent{
	position:relative;
	max-width:1166px;
	margin:0 auto;
	width:calc(100% - 40px);
	vertical-align:middle;
	text-align:center;
	/*overflow:hidden;*/
	/*background-color:antiquewhite;*/
}
.blueContent{
	background-color:#dae8f3;
}
.grayContent{
	background-color:#efefef;
}
.whiteContent{
	background-color:#fff;
}
.whiteContent .titleContent h2{
	color:#000;
}
.blackContent{
	background-color:#000; 
}
.darkBlueContent{
	background-color:#3a6286;

}
.blueBgContent{
	background-size:36px;
	background: linear-gradient(
      rgba(218, 232, 243 , 0.8), 
      rgba(218, 232, 243 , 0.8)
    ),
    url('../img/bg.jpg');
}

.blackContent .titleContent h2,.darkBlueContent .titleContent h2{
	color:#fff;
}
/*content*/
.contBox{
	display:inline-block;
	box-sizing:border-box;
	vertical-align:middle;
	-webkit-transition:all 1s;
	transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
}
div.contBox-top{
	vertical-align:top;
	position:relative;
}
.contBox-15{
	width:15%;
}
.contBox-20{
	width:20%;
}
.contBox-25{
	width:25%;
}
.contBox-30{
	width:30%;
}
.contBox-35{
	width:35%;
}
.contBox-40{
	width:40%;
}
.contBox-46{
	width:46%;
}
.contBox-48{
	width:48%;
}
.contBox-50{
	width:50%; 
}
.contBox-50 img{
	max-width:512px;
}
.contBox-55{
	width:55%;
}

.contBox-60{
	width:60%;
}
.contBox-70{
	width:70%;
}
.contBox-80{
	width:80%;
}

.contBox-offset-5{
	margin-left:5%;
}
.contBox-offset-2{
	margin-left:2%;
}

.contBox h3,.contBox p,.contBox a,.contBox h4{
	text-align:left;
	line-height:1.5;
}
.contBox h3{
	font-size:1.125rem;
	color:#445b71;
}
.contBox img{
	width:100%;
}
.contBox .date{
	color:#91b7da;
	padding-top:8px; 
	padding-bottom:13px;
	border-bottom:1px solid  #91b7da;
	margin-bottom:18px; 
}
.contBox .info{
	color:#908d8c;
	max-width:673px;
	line-height:1.5;
	font-weight:bold;
	width:95%;
}
/*CONTENT EFFECT CLASS*/
.sideLeft,.sideRight,.sideTop,.sideBottom{
	position:relative;
}
.sideLeft{
	left:-800px;
}
.sideRight{
	left:1000px;
}
.sideTop{
	top:-800px;
}
.sideBottom{
	top:800px;
}
.sideShow{
	opacity:1;
}
/*read more*/
.readMore{
	max-width:110px; 
	color:#000;
	border-bottom:1px solid #000;
    font-size: .875rem;
}
.readMore:hover{
	opacity:0.6;
}
.readMore i {
	border:1px solid #000;
	border-bottom:0; 
	padding: 7px 6px;
    margin-right: 5px;
}

/*breadcrumb*/
.breadCrumbs{
	width:100%;
	text-align:left;
	margin-bottom:59px;
	position:relative;
}
.breadCrumbs:after{
	content:"";
	display:inline-block;
	border-top:1px solid  #91b8dc;
	vertical-align:middle;
	width:100%;
	position:absolute;
	top:0;
	margin-top:12px;
	left:0;

}
.breadCrumbs a{
	color:#2a4359;
	font-weight:bold;
	position:relative;
	z-index: 1;
	background-color:#fff; 
}
.breadCrumbs.blue a{
	background:#dae8f3;
}

.breadCrumbs a:first-child:before{
	display:none;
}
.breadCrumbs a:nth-child(n+1):before{
	content:"\00bb";
	color:#848484;
	font-size:22px;
	margin:0 7px; 
}
.breadCrumbs a:last-child{
	color:#848484;
	padding-right:10px;
}

/*mainNews*/

#mainNews .readMore{
	border-color:#445b71;
	color:#445b71;
	margin-top: 12px;
	font-weight:600;
    font-size: .875rem;
    text-align: left;
    max-width: 130px;
    float: right;
    border-bottom: 0px;
}
.mainNewsImg{
	max-width:411px;
	min-width:254px;
}

 .mainNewsInfo{
	margin-left:4%;
}
.mainNewsInfo .date{
	position:absolute;
	width:100%;
	top:19px;
}

.mainNewsInfo h3{
	margin-bottom:45px;
}
/*service*/
.serviceWrap{
	width:100%;
}
.serviceBox{
	display:inline-block;
	box-sizing:border-box;
	border:2px solid #dce6ef;
	text-align:left;
	padding:0 2% 0;
	margin-bottom:33px; 
	color:#325a7e;
	line-height:65px;
	position:relative;
	/*width:47%;*/
	width:100%;
	float:left;
}
.serviceBox:hover{border:2px solid #445b71;}
.serviceBox:nth-child(odd){
	margin-right:4%; 
}
.serviceBox i{
	position: absolute;
    line-height: 65px;
    vertical-align: middle;
}
.serviceInfo{
	display:inline-block;
	vertical-align:middle;
	margin-left: 10px;
}
.serviceInfo li{display: inline-block;vertical-align: middle;}
.serviceInfo h4{margin-right: 10px;}
.serviceInfo h4 img{max-width: 80px;max-height: 80px;}
h3.serviceEn{
	color:#908d8c;
	font-weight:200;
    font-size: .913rem;
}
.blueline{
	color:#8db5d9; 
}
.blueline:before{
	content:"";
	display:inline-block;
	width:28px;
	border-top:1px solid #8db5d9;
	height:0;
	vertical-align:middle;
	margin-right:10px;   
}
.serviceItemContent{
	float:left;
	margin-bottom: 20px; 
}
.moblieService{
	display:none;
}
/*aboutUs*/
#aboutUs .readMore{
	margin-top:10%;
    float: right;
    border-bottom: 0px;
}
#aboutUs .readMore i{
	border: 0px;
    margin-right: 0px;
}
.aboutInfo{
	margin-left:2%;
}
.aboutInfo a{
	color: inherit;
}

/*aboutpage*/
section.aboutPageContent{
	padding:51px 0; 
}
.aboutHeader{
	padding-bottom:50px;
}
.aboutPageWrap{
	margin-bottom:50px;
	float:left;
}

.aboutUsInfo .blueline{
	margin:2px 0;
}
.aboutPageInfo{
	margin-top:5%;
}
.aboutPageInfo p{
	color:#8e8b8b;
	font-size:0.999rem;
}

.aboutPageBox{
	position:relative;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.aboutPageBox img{
	max-width:411px;
	position:relative;
	z-index:2;
}
.aboutPageBox:after{
	content:"";
	display:block;
	position:absolute;
	width:89%;
	height:100%;
	border:1px solid #91b8dc;
	top:15px;
	min-width:221px;
}
.floatRight.aboutPageBox:after{
	left:-21px;
}
.floatLeft.aboutPageBox:after{
	left:15%;
}
.aboutImg{
	max-width:411px;
	float:left;
}
/*artistNews*/

.artistpic_pc{width: 1150px;height: 460px;overflow: auto;display: block;margin: 0 auto;position: relative;overflow: hidden;}
.artistpic_pc li{text-align: left;width: 230px;height: 230px; float: left;position: absolute;box-sizing: border-box;display: block;overflow: hidden;}
.artistpic_pc li:hover span{display: block;}
.artistpic_pc li:nth-child(1){left: 0; top: 0;}
.artistpic_pc li:nth-child(2){left: 230px; top: 0;}
.artistpic_pc li:nth-child(3){width: 460px;height: 460px; left: 460px; top: 0;}
.artistpic_pc li:nth-child(4){left: 920px; top: 0;}
.artistpic_pc li:nth-child(5){left: 0; top: 230px;}
.artistpic_pc li:nth-child(6){left: 230px; top: 230px;}
.artistpic_pc li:nth-child(7){left: 920px; top: 230px;}


.artistpic_pc div{position: relative;overflow: hidden;}
.artistpic_pc div span{position: absolute;bottom: 0px;padding: 1rem;background-color:rgba(64,102,138,0.8);color: #fff;line-height: 1.5;width: 100%;box-sizing: border-box;display: block;display: none;max-height: 140px;overflow: hidden;}
.artistpic_pc img{width: 100%;}


.artistpic_pc_4{width: 460px;height: 460px;overflow: hidden;}
.artistpic_pc_1,.artistpic_pc_2,.artistpic_pc_3,.artistpic_pc_5,.artistpic_pc_6,.artistpic_pc_7{width: 230px;height: 230px;overflow: hidden;}





.newsType{
	margin-bottom:35px; 
	text-align:left;
}
.newsTypebox{
	display:inline-block;
	padding:11px 18px;
	box-sizing:border-box;
	border:1px solid #8db5d9;
	margin-right:8px;
	color:#fff;
	text-align:center;
	margin-left:1px;	
}
.newsContent{
	width:100%;
	height:100%;
}
.newsTypebox:hover,.newsTypebox:focus{
	background-color:#8db5d9;
	color:#000;
}
.newsWrap{
	box-sizing:border-box;
	width:50%;
	height:100%;
	display:inline-block;
	vertical-align:top;
	float:left;
	overflow:hidden;
	max-height:579px; 
}
.newsbox{
	display:inline-block;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	float:left;
	transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-moz-transition:all 1s;
}
.newsWrap .newsbox{
	opacity:0;
}
.hideBox{
	opacity:0;
}
.newsWrap .activeBox{
	opacity:1!important;
}
#newsBox2{
-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;
}
#newsBox3{
-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;
}
#newsBox4{
-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s;
}
#newsBox5{
-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s;
}
#newsBox6{
-webkit-animation-delay:5s;-moz-animation-delay:5s;-o-animation-delay:5s;animation-delay:5s;
}
/*.newsbox a{
	display:block;
	width:100%;
	height:100%;
}*/
.newsbox:hover .newsInfo{
	bottom:0; 
}
.newsBox-50{
	height:100%;
	max-height:18em;
}
.newsInfo{
	width:96%;position:absolute;bottom:-200px;color:#fff;background-color:rgba(64,102,138,0.8);line-height:1.5;padding:21px 30px 21px 10px;font-size:1rem;text-align:left;transition:all 1s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;padding-right:3%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9f426789,endColorstr=#9f426789); 
}
.newsBox-25-rectangle,.newsBox-25{
	margin-top:-1px;
}
.newsBox-25-rectangle,.newsBox-25{
	width:50%;
}

.newsbox.newsBox-25-rectangle img{
	position:relative;
	right:50%;
	width:200%;
}
.newsbox img{
	width:100%;
	vertical-align:bottom;
	box-sizing:border-box;
}
.moblieNews{
	display:none;
}

/*video*/
.videoContent .videoBox{
	width:98%;
}
.videoBox{
	width:48%;
	position:relative;
	display:inline-block;
	text-align:left;
    vertical-align: top;

}

.videoBox iframe{
	width:100%;
	height:100%;
	min-height:280px;
}
.modelVideo:first-child{
	margin-right:2%;
}
/*.videoBox:nth-child(2n){
	margin-left:3%; 
}*/
.videoBox h3{
	color:#3a6286;
	padding:6px 0 20px; 
    height: 40px;
    overflow: hidden;
}

/*Testimonials*/
#Testimonials{
	padding:0;
}
#Testimonials .titleContent{
	position:absolute;
	margin-top:5%; 
}

#Testimonials .contBox{
	text-align:left;
}
.TestimonialsTitle{ 
	margin-bottom: 2%;
    padding-top: 30%;
    font-size:1.125rem;
}
.TestimonialsInfo,.TestimonialsImg{
	opacity:0;
}
.TestimonialsImg{
	width:50%;
	max-width:740px;
	max-height:558px;
	line-height: 0;
	padding-left:3%;  
}

.contBox .logo{
	max-width:108px;
	margin-top:48px;
	float:left;  
}

.tagList a{
	color:#fff;line-height:0;
}
.tagList{
	text-align:left;
	margin-bottom:40px;
}
.tagList.white{
	border-bottom:1px solid #fff;  
}
.tagList.blue{
	border-bottom:1px solid #416888;
}
.tagList li{
	display:inline-block;
	padding:10px 24px;
	font-size:1.125rem;
	color:#fff;
}
.tagList.white li.active{
	border:1px solid #fff;
	border-bottom:0;
	background-color:#2568a4;
}
.tagList.blue li.active{
	background-color:#486b89;
	color:#fff;
	font-weight:bold; 
}
.formbox{
	text-align:left;
	vertical-align:middle;
	margin-bottom:40px;
	width:100%;
	display:inline-block;
	position:relative;
	/*float:left;*/
}
div.marginFormbox-12{
	margin-bottom:12px;
}
div.marginFormbox-15{
	margin-bottom:15px;
}
.formbox textarea,.formInput{
	width:100%;
	background-color:#dcdddd;
	border:0;
	font-weight: bold;
    color: #000;
    font-size:1rem; 
    font-family: inherit;
    text-indent:7px;
    line-height:2;
}
.formbox textarea{
	box-sizing:border-box;
	height:100%;
	min-width:100%; 
}
.formInput{
	height:35px;
}

.CAPTCHA{
	max-width:160px;
	height:37px; 
	float:left;
}
.CAPTCHABox{
	margin-left:20px;
	margin-right:20px;
	height:40px;	
}
.CAPTCHABox img{
	max-width:119px;
	height:37px;
	box-sizing:border-box;
}
.CAPTCHABox,.reload{
	max-width:112px;
	display:inline-block;
	vertical-align:middle;
}
.reload{
	padding-bottom:5px;
	border-bottom:1px solid #8db5d9; 
}

.reload a{
	color:#8db5d9;
}
.reload:hover,.reload:hover a{
	color:#fff;
	border-color:#fff; 
}
.mapWrap{
	margin-left:4%; 
}
.mapWrap iframe{
	top:0;
	height:372px;
}
.formSubmit{width:100%;background:#000;color:#fff;text-align:center;line-height:1.5;border:0;height:36px;font-size:1rem;font-weight:bold;cursor:pointer;-webkit-appearance:none;font-family:inherit;}
.formSubmit:hover{background-color:#c2c2c2;}

/*footer*/
footer{
	color:#fff;
	padding:80px 0 41px; 
}
footer .footerLogo{
	max-width:80px;
	float:left;
}
footer .contBox-70{
	width:70%;
	max-width:658px;
}
.footerContactList,.footerlinkList{
	display:inline-block;
	text-align:left;
}
.footerContactList{
	width:84%;
	float:left;
	margin-left:2%;
}
.grayWord::before{
	content:"/";
	color:#fff;
	margin:0 3px;
}
.numberContact span:first-child{
	margin-right:30px;
}

.footerContactList li{
	margin-bottom:13px; 
}
.footerContactList li a{
	color:#fff;
}
.footerlinkList{
	border-left:1px solid #fff;
	line-height:35px;
	vertical-align:top;
	height:137px;
	padding-left:4%;  
}
.footerlinkList:first-child{
	margin-right:2%; 
}
.footerlinkList li{
	vertical-align:top;
}
.footerlinkList  li a{
	color:#fff;
	display:inline;
}
.footerlinkList  li a:hover{
	color:#83c8ea;
}
.copyRight{
	color:#ababab;
	margin-top:44px; 
}
.hiddenItem{
	display:inline;
}
.footerlinkList  li .hiddenItem{
	margin-left:5px; 
}
/*join*/
section.pageContent{
	padding-top:0; 
}

.formWrap{
	text-align:left;
	clear: both;
}
.formWrap input,.formWrap textarea{
	background-color:#fff; 
}
.labelArrow{
	padding-left:20px;
	line-height:1.5;
	position:relative;
}
.labelArrow:before{
	content:"";
	display:inline-block;
	border-left:12px solid #8bb0db;
	border-top: 6.5px solid transparent;
	border-bottom: 6.5px solid transparent;
	position:absolute;
	left:0px;
	top:3px; 
}
.formWrap label{
	color:#3a6286;
	margin-bottom:13px;
	font-weight:bold;
	margin-right:1%;
	display:block;  
}
.formWrap select{width:100%;height:35px;font-size:1rem;appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none;/* Safari and Chrome */font-family:inherit;position:relative;border:0;font-weight:bold;padding-left:19px; color:#898e93;background-color: #fff;}
.formWrap select::-ms-expand{display:none; /*ie select arrow remove*/}
.selectWrap{position:relative;width:100%;background-color:#fff;}
.selectWrap::after{content:"";border-top:10px solid #898e93;border-right:10px solid transparent;border-left:10px solid transparent;display:inline-block;position:absolute;right:11px;top:0;margin-top:15px;}
.formbox-48{
	width:48%;
}
.formbox-48:nth-child(even){
	margin-left:4%; 
}
.formbox-30{
	width:30%;
}
.formbox-30:nth-child(odd){
	margin:0 5% 15px;
}
.formbox-25{
	width:21%;
	margin-right:5.3%;
}
.formbox-25:last-child{
	margin-right:0;
}
.formNote{
	color:#898e93;
	margin-right:2%;
	font-weight:bold;
}
.uploadBtn{
	width:100%;
	border:0;
	background-color:#7f9bd6;
	color:#fff;
	text-align:center;
	line-height:28px;
	vertical-align:middle;
	font-size:inherit;
	max-width:281px;
	font-weight:bold;
	font-family:inherit;
	margin-top:5px;
	margin-left:2%; 
}
.uploadFile{
	display:none;
}
label.uploadFileLabel{
	display:inline;
	color: #898e93;
    margin-right: 2%;
    font-weight: bold;
}
p.fileInfo{
	position:absolute;
	bottom:-20px;
	text-align:center;
	width:100%;
}
.formInfo{
	position:relative;
	height:167px;
	padding:25px 28px;
	background-color:#fff;
	margin-bottom:20px;
	font-weight:bold;   
}
.personRule{
	overflow-y:auto;
	height:169px;
	line-height:1.5;
	color:#898e93;
	padding:0 10px;
}
.formScroll::-webkit-scrollbar {
    width: 5px; 
}
 
.formScroll::-webkit-scrollbar-track { 
    background-color:#dadbe1;
}
 
.formScroll::-webkit-scrollbar-thumb {
    background-color:#82a1d8;
}

.checkBoxContent label:before{
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:20px;
	background-color:#fff;
	position:absolute;
	left:0;
}
[type="checkbox"]:checked + label:before{
	content:"✓";
	text-align:center;
	line-height:1;
}
.checkBoxContent{
	position:relative;
}
.checkBoxContent label{
	color:#898e93;
	margin-left:35px;
	line-height:1.5;
}
/*.formCheckBox:checked +*/
.CAPTCHAwrap{
	margin-top:48px;
	margin-bottom:70px; 
}

#joinSubmit{
	max-width:535px;
}
/*modelPage*/
.searchContent{
	display:inline-block;
	position:absolute;
	right:0;
	bottom: 123px;
	text-align:right;

}
.searchInput{
	color:#b7b2b2;
	font-weight:bold;
	font-size:1rem;
	line-height:26px;
	border:2px solid #91b8dc;
	box-sizing:border-box;
	text-indent:9px;
	height:32px;
}
.searchBtn{
	border:0;
	width:31px;
	height:32px;
	background-color:#91b8dc;
	color:#fff;
	float:right;
	position:relative;
	right:4px;
	cursor:pointer;
}
.searchDDL {
	position: absolute;
	top: 32px; left: 1px;
	width: 100%;
	display: none;
}
.searchDDL li {
	line-height: 20px;
	border-bottom: 1px solid #91b8dc;
	border-left: 1px solid #91b8dc;
	border-right: 1px solid #91b8dc;
	color: #ccc;
	width: 90%;
	text-align: left;
	padding: 5px;
    width: 80%;
    background-color: #fff;
    text-indent: 6px;
}
.searchDDL li a{color: inherit;}
.modelBox{
	position:relative;
	display:inline-block;
	text-align:left;
	box-sizing:border-box;
	margin-bottom:2%;
	width:100%;
}
.modelBox img{
	width:100%;
	border:1px solid #000;
	box-sizing:border-box;
}
.modelBox-20{
	width:20%;
}

.modelBox-23 {
	width:23%;
	margin-right:2%;
	float:left;
	/*max-width:270px;*/
}

.modelBox:nth-child(4n){
	margin-right:0;
}
.modelDataList li{
	color:#fff;
	margin-bottom:10px; 
}
.modelDataList li span{
	color:#6cd2ff;
	margin-right:18px; 
}

.modelInfo{
	width:100%;
	position:absolute;
	background-color:rgba(42, 67, 89, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f426789,endColorstr=#7f426789); 
	box-sizing:border-box;
	padding:5% 5% 1%;
	display:none;
}
.modelInfo h2{
	font-size:2rem;
	margin-bottom:35px; 
	color:#fff;
    margin: 1.5rem 0;
}
.modelInfo h3{color: #eee;line-height: 1.5;}
.moblieModelList .modelInfo h2{
	line-height:2;
}
.modelInfo.full{
	height:100%;
	min-height:250px;
	border:6px solid #2a4359;
	top:0;
	text-align:center;
}
.modelInfo .readMore{
	position:absolute;
	bottom:18px;
	right:25px;
	
}
.modelInfo .readMore i{
	margin-right: 5px;
}
.modelInfo .readMore,.modelInfo .readMore i{
	color:#fff;
	border-color:#fff;
}
.modelBox:hover .modelInfo{
	display:block;
}
.moreModelBtn{
	border:2px solid #2a4359;
	color:#2a4359;
	background-color:transparent;
	line-height:2;
	font-weight:bold;
	font-family:inherit;
	cursor:pointer;
	font-size:inherit;
	width:221px;
}
.moreModelBtn:hover{
	opacity:0.6;
}
.moblieModelList,.modelArrowContent{
	display:none;
}
.modelDataBox{
	display:inline-block;
	vertical-align:top;
	width:100%;
	float:left;
}
/*.modelDataBox:first-child{
	width:30%;
	margin-right:4%;
	max-width:185px;
}*/
.mainModelImg{
	width:47.5%;
	margin-right:2%;
}
.modelPhotoBoxInfo{
	width:97%;
	position:absolute;
	bottom:5px;
	padding:16px 5px 20px;
	background:rgba(0,0,0,0.9);
	color:#fff;
	display:none;
	box-sizing:border-box;
	word-break:break-all;
	line-height:1.5;
}
.modelPhotoBox{
	width:47%;
	display:inline-block;
	box-sizing:border-box;
	margin-bottom:10px;
	position:relative;
	background:#fff;
}
.moreModelBox:hover .modelPhotoBoxInfo{
	display:block;
}
.modelPhotoSlide{
	display:inline-block;
	position:relative;
}
.modelPhotoSlide{
	width:50%;
}
.modelPhotoWrap{
	width:100%;
	margin:auto;
}
.modelPhotoBox:nth-child(odd){
	margin-right:10px;
}
.modelDataImg{
	padding:6px;
	color:#fff;
	box-sizing:border-box;
	/*border:1px solid #8ea7be;*/
	
}
.modelDataImg img{
	width:100%;
}
.mainModelImg{
	background-color:#fff;
	border: 2px solid #98afc4;
	position:relative;
	padding:4px;
}
.mainModelImg img{
	box-sizing:border-box;
	vertical-align:bottom;
	border: 2px solid #bbd3e9;
}
.modelInfo.half{
	width:calc(100% - 11px);
    text-align: left;
    bottom: 5px;
    color: #fff;
    line-height: 1.5;
    padding: 21px 10px;
    left: 0;
    right:0;
    margin:auto;
    display: block;
}
.modelInfo.half h2{
	margin-bottom:0;
	line-height:1.5; 
}

.modelNameList{
	font-size:25px;
	text-align:left;
	color:#0c2546;
	position:relative;
	font-weight:bold;
	margin-bottom:22px;
	word-break:break-all;
}
.modelNameList:before{
	content:"";
	display:inline-block;
	width:8px;
	background:linear-gradient(45deg,#527595 25%,#fff 0 ,#fff 50%,#527595 0,#527595 75%, #fff 0);
	background-size:8px 8px;
	position:absolute;
	height:100%;
}
.modelNameList li{
	margin-bottom:4px;
	padding-left:25px;
}
.modelDataList{
	border-top:1px solid #527595;
	padding-top:19px;
}

.modelDataBox .modelDataList li{
	text-align:left;
	color:#98a0a8;
	font-weight:bold;
	padding-left:55px;
	/*text-indent:30px;*/
}
.modelDataBox .modelDataList span{
	color:#527595;
	display:inline-block;
	position:absolute;
	left:0; 
}
.modelPhotoArrow{
	position:absolute;
}
.moreModelBox{
	display:inline-block;
/*	width:22%;*/
	width: 86%;
	background-color:#fff;
	box-sizing:border-box;
	margin-right:2%;
	position:relative;
	padding: 4px;
	max-width:277px;
}

.moreModelBox:last-child{
	margin-right:0;
}
.moreModelBox .modelDataImg{
	padding:2px;
}
.moreModelBox img{
	width:100%;
	box-sizing:border-box;
	vertical-align:bottom;
	border:1px solid #bbd3e9;
}
.modelName{
	width:calc(100% - 10px);
	height:calc(100% - 9px);
	top:4px;
	position:absolute;
	background:rgba(0,0,0,0.6);
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	font-size:1.5rem;
	box-sizing:border-box;
	left:5px;
	display:none;
}
.modelName span{
	display:block;
	margin-top:50%;
	margin-bottom:5px;
}
.moreModelBox:hover .modelName{
	display:block;
}
.modelWorkContent{
	text-align:left;
	color:#898e93;
	line-height:1.5; 
    height: 300px;
    vertical-align: bottom;
    margin-bottom: 50px;
    overflow: auto;
}
.modelWorkContent .labelArrow{
	color:#3a6286;
	font-weight:bold;
}
.moreWorkInfo{
	border:2px solid #91b8dc;
	border-right:0;
	border-top:0;
	position:relative;
	padding-left:25px;
	padding-bottom:25px;
	margin-top:20px;
}
.moreWorkInfo:after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:-10px;
	right:-1px;
	border-left:12px solid #91b8dc;
	border-bottom:10px solid transparent;
	border-top:10px solid transparent;
}
.TestimonialsBox{
	display:inline-block;
	text-align:left;
	vertical-align:top;
	width:70%;
}
.TestimonialsBox:nth-child(even){
	width:28%;
	float:left;
	margin-right:2%;
}
.TestimonialsBox h4{
	color:#3a6286;
	margin-bottom:32px;
}

.contBox .TestimonialsBox img{
	margin-top:0;
}
.sliderArrowContent{
	position:absolute;
	width:100%;
	top:46%;
	z-index:2;
}
.Arrowleft{
	float:left;
}
.ArrowRight{
	float:right;
}
.loadMoreModel{
	position:relative;
	z-index:1;
	width:98%;
	margin:auto;
}
.arrowBtn{
	display:inline-block;
	cursor:pointer;
	font-size:29px;
}
.blueArrow{
	color:#5f81a0;
	font-size:27px;
	width:107%;
	right:-4%;
}
.whiteArrow{
	color:#fff;
}
.blackArrow{
	color:#fff;
	width:100%;
	margin:auto;
}

button.moblieBtn{
	display:block;
	margin:auto;
}
.blackArrow .arrowBtn{
	background:#000;
	padding:5px 8px;
}
.moreModelBox.moreModelBox-15{
	/*width:15%;*/
	width:93%;
	margin-right:1%;
	cursor:pointer;
}
.moreModelBox.moreModelBox-15:last-child{
	margin-right:0;
}
.subscribeBar{
	position:fixed;
	min-width:390px;
	top:20%;
	right:-395px;
	background-color:#3a6286;
	color:#fff;
	z-index:10;
}
.subscribeBar.active{
	right:0;
}
.subcribeBtn{
	width:50PX;
	position:absolute;
	background-color:#3a6286;
	right:100%;
	text-align:center;
	padding:14px 5px;
	cursor:pointer;
}
.subcribeBtn:before{
	content:"";
	display:inline-block;
	position:absolute;
	border-top:12px solid #000;
	border-right:13px solid transparent;
	position:absolute;
	top:0;
	left:0;
}
.subcribeBtn h2{
	width:16px;
	margin:5px auto;
	font-size:1rem;
}
.subcribeContent,.mangerContent{
	padding:15px 25px;
}
.en{
	color:#a8c8e5;
}

.modelSubcribeList{
	background-color:#b1bfcb;
	border-radius:3px;
	padding:14px 22px;
	margin-top:19px; 
}
.modelSubcribeList li{
	margin-bottom:15px;
	max-height:50px;
}
.subcribeContent span{
	font-size:1.438rem;
	margin:0 7px;
}
.modelSubcribeList h2{
	color:#0d2646;
	margin-bottom:8px;
}
.mangerContent{
	background-color:#091e3a;
}
.mangerContent h2{
	font-size:1.188rem;
	color:#fff;
	margin-bottom:16px;
}
.mangerContactList li,.mangerContactList a{
	color:#91b8dc;
}
.mangerContactList li{
	margin-bottom:8px;
}
.mangerContactList span{
	display:inline-block;
	padding:4px 6px;
	background-color:#91b8dc;
	color:#091e3a;
	min-width:64px;
	text-align:center;
	margin-right:6px; 
}
.igshare{
	max-width:161px;
}
.igshare img{
	width:100%;
}
/*moreWorkContent*/
#moreWorkContent{
	padding:0;
}
#moreWorkContent .titleContent{
	position:absolute;
	margin-top:5%;
}
/*blog and news*/

.labelContent{
	vertical-align:top;
	margin-left:2%;
	max-width:300px;
	text-align:left;
}
.labelContentBorder{
	border:1px solid #527595;
	border-left:0;
	border-top:0;
	padding-bottom:23px;
	padding-right: 18px;
}
.labelContent .blogBox{
	background-color:#fff;
	max-width:280px;
	padding:18px;
	margin-top:23px;   
}
.labelContent .blogBox img{
	border:1px solid #527595; 
}
.labelContent .blogInfo h2{
	font-size:1.125rem;
	color:#000;
	padding:18px 0 27px; 
}
.blogWrap{
	text-align:left;
}
.blogBox{
	width:100%;
	display:inline-block;
	box-sizing:border-box;
    vertical-align: top;
    margin-bottom: 1rem;
}
.blogBox img{
  width:100%;
  box-sizing:border-box;
}
.blogBox-30{
	width:32%;
}
.blogBox-30:nth-child(3n+2){
	margin:0 2%; 
}
.otherBlogList a:nth-child(3n+2){
	margin:0 2%; 
}
.blogBox-30 .blogInfo{
	padding:0 14px;
}
.blogBox-30 img{
	border:1.5px solid #527595;
}
.mainBlogBox{
	border:1px solid #848484;
	padding:18px; 
	position:relative;
	background-color:#fff;
    margin-bottom: 1rem;
}
.mainBlogBox .readMore,.mainBlogBox .readMore i{
	color:#c3c2c2;
	border-color:#c3c2c2;
}
/*news*/
.newsImg{
	box-shadow:1px 1px 2px;
}

.blogInfo{
	color:#848484;
	text-align:left;
	line-height:1.5;
	margin-top:10px;
}
.blogInfo span{display: block;}
.blogInfo h2{
	color:#527595;
	display:inline-block;
/*    height: 2.3rem;*/
    overflow: hidden;
}
.mainBlogBox .blogInfo h2{
	font-size:1.438rem;
}
.mainBlogBox .blogInfo span{
	display:inline-block;
	border:1px solid #000;
	border-top:0;
	border-bottom:0;
	line-height:44px;
	vertical-align:middle;
	padding:0 12px;
	margin-right:1%;
	margin-bottom:2%; 
}
.blogInfo p{
	padding:25px 0;
	font-weight:400;
}
.blogImg{
	border:4px solid #527595;
}
.readMoreContent{
	width:100%;
	height:35px;
	position:relative;
}
.readMoreContent .readMore{
	position:absolute;
	right:0;
}
.blueReadMore{
	width:100%;
	color:#fff;
	background-color:#527595;
	line-height:2;
	margin-top:10PX;
	word-spacing:2px;
	text-align:center; 
}
.blueReadMore:hover{
	opacity:0.6;
}
.pageCountContent div{
 	display:inline-block;
 	font-weight:bold;
}
.pageNumber a{
	padding:13px;
}
.pageBtn{
  padding:10px;
}
.pageBtn,.pageNumber a{
	border:1px solid #527595;
	color:#527595;
}
.pageBtn:hover,.pageNumber a:hover,.labelBox:hover{
	background-color:#527595;
	color:#fff; 
}
.diamondLabel{
	margin:20px 0 0;
	border-bottom:1px solid #527595;
	padding-bottom:15px;

}
.diamondLabel:before{
	content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #527595;
    transform: rotate(45deg);
    margin-right: 17px;
    vertical-align: middle;
    text-align:left;
}
.labelWrap{
	border:1px solid #527595;
	border-left:0;
	border-top:0; 
	padding-top:20px;
	padding-right:10px;
}
.labelBox{
	display:inline-block;
	padding:5px 4%;
	color:#686868;
	border:1px solid #686868;
	margin-bottom:16px;
	margin-right:8px;
	font-size:0.938rem;  
}
.socialBox{
	width:100%;
	display:block;
	line-height:2;
	color:#848484;
	word-spacing:12px;
	padding-bottom:20px;
}
.socialBox i{
	font-size:1.25rem;
}
.socialBox:hover{
	color:#527595;
}
.blogMainTitle{
	margin-bottom:30px; 
}
.blogMainTitle h2{
	font-size:1.438em;
	color:#527595;
	position:relative;
	vertical-align:middle;
	margin-bottom:30px;
	/*line-height:51px;*/
}
.blogMainTitle span{
	font-size:0.938rem;
	color:#91b8dc;
	text-align:left; 
}
.titleLine{
	padding-left:20px;
	line-height:1.5;
}
.titleLine:before{
	content:"";
	display:inline-block;
	width:8px;
	background:linear-gradient(45deg,#527595 25%,#fff 0 ,#fff 50%,#527595 0,#527595 75%, #fff 0);
	background-size:8px 8px;
	height:100%;
	left:0;
	position:absolute;
	/*min-height:52px;*/
	margin-right:18px;
	
}
.titleSociallist{
	float:right;
	position:relative;
	bottom:9px;
}
.titleSociallist li{
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:50% 50%;
	background-color:#527595;
	line-height:2;
	text-align:center;
}
.titleSociallist li a{
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
}
.newsLabelContent{width:100%; text-align:left;margin-top:32px;margin-bottom:18px;}
.newsLabelContent a{display:inline-block;color:#fff;padding:7px 6px;background-color: #527595;font-weight:bold;margin-top:6px;margin-right:2px;}
.newsLabelContent a:hover{opacity:0.6;}
@media screen and (max-width:1191px){

	.newsBox-25-rectangle{
		max-width:50%;
	}
	.modelBox-23{
		max-width:23%;
	}
	/*aboutPage*/
	.aboutUsInfo{
		padding-left:2%;
	}
    
.artistpic_pc{width: 1000px;height: 400px;}
.artistpic_pc li{width: 200px;height: 200px;}
.artistpic_pc li:nth-child(1){left: 0; top: 0;}
.artistpic_pc li:nth-child(2){left: 200px; top: 0;}
.artistpic_pc li:nth-child(3){width: 400px;height: 400px; left: 400px; top: 0;}
.artistpic_pc li:nth-child(4){left: 800px; top: 0;}
.artistpic_pc li:nth-child(5){left: 0; top: 200px;}
.artistpic_pc li:nth-child(6){left: 200px; top: 200px;}
.artistpic_pc li:nth-child(7){left: 800px; top: 200px;}
    
    
    
}
@media screen and (max-width:1035px) {
	/*service*/
	.serviceItemContent{
		float:inherit;
		width:100%;
	}
	

}
/*pad layout*/
@media screen and (max-width:1024px) {
	.middleContent,.fullContent{
		width:calc(100% - 41px);
	}
	#menu{
		overflow:hidden;
	}
	#menu,.fixTopMenuBar{
		
		height:48px;
	}
	.downMenu{
		position:relative;
		height:44px;
	}
	.mainImg{
		height: calc(100vh - 44px);
	}
	.blackCircle{
		max-width:167px;
		padding:0;
		margin-top:-55px;
		height:167px;
	}
	.blackCircle img{
		width:40%;vertical-align:bottom;margin-top:37%;
	}
	#menu.active{
		height:100%;
		padding-bottom:20px;
		display:inline-block;
		overflow:auto;
	}
	

	.social-icons{
		 position:relative;
	}
	.menuList,.menuList li{ 
		width:100%;
	}
	.menuList li{
		line-height:43px;
	}
	.menuList:first-child{
		margin-top:110px; 
	}
	.hideMenu{
		position:static;
		/*display:block;*/
	}
	.dorianWrap{
		height:44px;
	}
	.moblieButton{height:60px;width:60px;display:block;position:absolute;right:0;color:#fff;text-align:center;font-size:2rem;cursor:pointer;margin-top:7px;font-weight:100;z-index:1;}

	.newsInfo{
		font-size:0.8rem;
		width:95%;
	}
	/*index*/
	.responImg {
	    min-width: 274px;
	}
	.mainNewsInfo{
		float:inherit;
	}
	/*Testimonials*/
	#Testimonials .fullContent,#moreWorkContent .titleContent{
		width:100%;
	}
	#Testimonials .titleContent,#moreWorkContent .titleContent{
		position:static;
	}
	#Testimonials .contBox{
		padding:0;
		width:100%;
	}
	#Testimonials .middleContent{
		width:100%;
	}
	#Testimonials .TestimonialsInfo {
	    width: calc(100% - 41px);
	    margin: auto;
	    float: inherit;
	}
	.TestimonialsTitle{
		padding-top:2%;
		padding-bottom:2.5%;
	}
	.TestimonialsImg{
		margin-left:0;
		max-width:100%;
		max-height:100%;
		width:100%; 
	}
	.contBox .logo{
		margin-bottom:45px; 
	}
	.aboutPageInfo{
		margin-top:0;
	}
	.footerContactList li a{
		text-align:center;
		color:#a7a3a3;
	}

	/*grayWord*/
	.grayWord{
		width:100%;
		display:block;
		color:#a7a3a3;
		margin-top:11px;
		margin-bottom:16px;
		
	}
	.grayWord:before{
		display:none;
	}
	

/*pad layout*/
	.modelBox-23 {
		width:30%;
		max-width:100%;
	}
	.modelBox:nth-child(4n){
		margin-right:2.4%;
	}
	.modelBox:nth-child(3n){
		margin-right: 0;
	}
	.moreModelBtn{
		clear: left;;
	}
	.blueArrow{
		width:115%;
		right:-8%;
	}
	.mainModelImg{
		width:44%;
	}
	.modelPhotoSlide{
		width:45%;
	}
	/*news page*/
	#newsPage .contBox-70,.mainblogContent .contBox-70{
		width:100%;
	}
	
	.labelContent{
		width:100%;
		max-width:100%;
		margin-left: 0;
	}
	
	.labelContent .blogBox{
		max-width:100%;
	}
	.labelContentBorder{
		padding-right:8px;
	}
	.labelContent .blogBox{
		max-width:30%;
		margin-right:4%;
	}
	.labelContent .blogBox:last-child{
		margin-right:0;
	}
	.blogBox-30{
		width:47%;
	}
	div.blogBox-30:nth-child(2n){
		margin-left:4.8%;
	}
	.blogBox-30:nth-child(3n+2){
		margin:0 auto;
	}
	/*footer*/
	footer{
	 text-align:center;
	 padding: 49px 0 41px;
	}
	.footerContactList, .footerlinkList{
		text-align:center;
		height:auto;
		float:inherit;
	}
	footer .floatLeft{
		float:inherit;
	}
	footer .footerLogo{
		float:inherit;
		display:block;
		margin:auto;
	}
	footer .contBox{
		width:100%;
	}
	.footerContactList{
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #fff;
		padding-bottom:19px;
		max-width:277px;
		line-height:1.5; 
	}
	.footerlinkList{
		width:100%;
		padding:0;
		border-left:0;
	}
	.footerlinkList:first-child{
		margin-top:42px; 
	}
	.footerlinkList .hiddenItem{
		display:none;
	}
.artistpic_pc{width: 750px;height: 300px;}
.artistpic_pc li{width: 150px;height: 150px;}
.artistpic_pc li:nth-child(1){left: 0; top: 0;}
.artistpic_pc li:nth-child(2){left: 150px; top: 0;}
.artistpic_pc li:nth-child(3){width: 300px;height: 300px; left: 300px; top: 0;}
.artistpic_pc li:nth-child(4){left: 600px; top: 0;}
.artistpic_pc li:nth-child(5){left: 0; top: 150px;}
.artistpic_pc li:nth-child(6){left: 150px; top: 150px;}
.artistpic_pc li:nth-child(7){left: 600px; top: 150px;}

}

@media screen and (max-width:768px){
	section{
		padding:46px 0;
		position:relative; 
	}
	div.contBox{
		width:100%;
	}
	
	.breadCrumbs{
		margin-bottom:20px;
	}
	/*header*/
	.mainInfo{
		bottom: 0;
	    top: initial;
	    text-align: left;
	    vertical-align: bottom;
	    padding:18px 14px 12px;
	}
	.mainInfo h1{
		font-size:1.813rem;
	}
	.mainInfo p{
		font-size:0.938rem;
	}
	.mainNewsInfo .date{
		position:static;
		top:0;
		padding-bottom:4px;
		border-width:2px;
	}
	.mainNewsInfo h3{
		margin-bottom:10px; 
	}
	.mainNewsImg{
		max-width:100%;
	}
	/*about*/
	.aboutInfo{
		padding-left:0;
		padding-top:29px;
		margin-left: 0;
	}
	/*video*/
	.videoWrap{
		display:inline-block;
	}
	.videoBox{
		width:100%;
		min-height:auto;
		margin-bottom:43px;
	}
	.videoBox:nth-child(2n){
		margin-left:0;
	}
	.mapWrap {
    	margin-left:0;
    	margin-top:35px;
	}
	.videoBox iframe{
		height:100%;
	}
	
	/*service*/
	.serviceItemContent{
		min-width:200px;
	}
	.moblieService{
		display:block;
	}
	.serviceBox{
		width:100%;
	}
	.serviceBox:nth-child(odd){
		margin-right:0;
	}
	/*mainNews*/
	#mainNews .fullContent{
		width:100%;
	}
	#mainNews .mainNewsInfo{
		margin:auto;
		margin-top:40px; 
	}
	/*artistNew*/
	#newsPage{
		padding-bottom:0;
	}
	
	.newsType{
		text-align:center;
	}
	.newsTypebox{
		min-width:73px;
		margin:0 2px 14px; 
	}
	.newsWrap{
		display:none;
	}
	.moblieNews{
		display:block;
		width:100%;
		margin:auto;
	}
	.moblieNews .titleContent{
		margin-top:40px;
		margin-bottom:0;
	}
	.moblieNews .titleContent h2{
		font-size:1.688rem;
	}
	.contBox-offset-2,.contBox-offset-8,.contBox-offset-5{
		margin-left:0;
	}
	.mainBlogBox.blogMainPageBox{
	  background-color:#fff;
	  padding:17px;
	}
	.blogMainPageBox .titleLine{
		padding:0;
	}
	.blogMainPageBox .titleLine:before{
		content:none;
	}
	/*floatRight ,floatLeft*/
	.floatRight,.floatLeft{
		float:none;
	}
	/*aboutPage*/

	.aboutPageBox img{
		max-width:90%;
	}
	.aboutPageBox:after{
		max-width:90%; 
	}
	.aboutUsInfo{
		margin-top:20px;
		padding-left:0;
	}
	.aboutPageInfo{
		margin-top:42px; 
	}
	.aboutPageInfo p{
		width:100%;
	}
	.aboutPageInfo p{
		padding:0;
	}
	.floatRight.aboutPageBox:after{
		left:0;
	}
	.floatLeft.aboutPageBox:after{
		left:10%;
	}
	.aboutImg{
		max-width:100%;
	}
	/*Testimonial*/
	#Testimonials{
		padding-top:45px;
	}
	.titleContent hr{
		max-width:90px;
	}
	.newsInfo{
		width:100%;
		position:relative;
		bottom:0;
		background-color: #90b6d9;
		color:#000;
		font-size:1rem;
		padding:21px 0;
		text-indent:10px;
		text-align:center;
	}
	.arrowsBtnContent{
		text-align:center;
		padding-top:34px;
		clear:both;
		max-width:212px;
		margin:auto; 
	}
	.arrowsBtn{
		width:100px;
		line-height:35px;
		vertical-align:middle;
		display:inline-block;
		border:1px solid #90b6d9;
		box-sizing:border-box;
		color:#fff;
		cursor:pointer;
		font-size:1.438rem;
	}
	#arrowLeft{
		margin-right:5px; 
	}
	#arrowRight{
		margin-left:5px;
	}
	.arrowsBtn:hover{
		background-color:#90b6d9;
	}
	.TestimonialsBox h4{
		font-size:1.125rem; 
	}
	/*news_list*/
	div.blogBox-30:nth-child(2n),.blogBox-30:nth-child(3n+2){
		margin:43px auto auto;
	}
	.blogBox-30 img{
		border:0;
		box-shadow:1px 2px 2px   #b0c3d0;
	}
	/*contact*/
	.CAPTCHABox{
		margin:0 3%;
	}
	/*breadCrumbs*/
	.breadCrumbs:after{
		content:none;
	}
	/*join*/
	
	.formbox{
		margin-bottom:20px;
	}
	.formbox-48:nth-child(even){
		margin-left:0; 
	}
	.formbox-30{
		margin-bottom:15px;
	}
	.formbox-30:nth-child(odd){
		margin:0 0 15px;
	}
	.formbox-48,.formbox-25,.formbox-30{
		width:100%;
	}
	.formbox-25 input,.selectWrap{
		width:calc(100% - 75px); 
	}
	.uploadBtn{
		width:75%;
	}
	p.fileInfo{
		position:static;
		max-width:323px;
	}
	/*model*/
	section.modelContent{
		padding-top:20px; 
	}
	.searchContent{
		bottom:-70px;
		left:0;
		right:0;
		margin:auto;
		text-align:center;
		width:100%;
		position: static;
		height:100%;
	}
	.searchInput{
		width:88%;
		max-height:28px;
	}
	.searchBtn{
		position:absolute;
		right:4%;
		/*line-height:25px;*/
		width:100%;
		height:100%;
		max-width:30px;
		max-height:28px;
		float:none;
		top:0px;
		box-sizing:border-box;
	}
    
.searchDDL {
	position: static;
	margin-left: 6%;
}
	.modelDataBox{
		margin-top:50px;
		margin-bottom:31px;
	}
	.modelInfo.half{
		padding:16px 0 0;
	}
	.modelInfo .half h2{
		font-size:1.438rem;
		color:#2a4359;
	}
	.modelDataList{
		border:0;
	}
	.modelDataList li span{
		color:#3a6286;
		font-weight:400;
		margin-right:11px;
	}
	
	.moblieModelList{
		display:block;
		position:relative;
	}
	.modelBox{
		max-width:396px;
		margin:auto;
		width:75%;
	}
	.moreModelBox img{
		outline: #fff groove 3px;
	}

	.moreModelBox{
		background-color:transparent;
	}
	.moreModelBox .modelDataImg{
		background-color:#fff;
	}
	
	.modelBox-23{
		max-width:400px;
		float:none;
		width:81%;
	}

	.modelInfo{
		position:relative;
		display:block;
		border:0;
		background-color:transparent;
	}
	.modelDataList li{
		color:#898e93;
	}
	.modelInfo h2{
		color:#0d2646;
		font-size:1.438rem;
	}

	.modelArrowContent{
		color:#fff;
		font-size:1.563rem;
		position:absolute;
		width:100%;
		display:block;
		/*max-width:500px;*/
		left:0;
		right:0;
		margin:150px auto;
	}
	.modelArrowContent div{
		background:#91b8dc;
		cursor:pointer;
		width:31px;
		height:31px;
		vertical-align:middle;
		text-align:center;
		padding-top:7px;
		display:table-row;
	}
	.modelArrowContent.blackArrowBtn div{
		background-color:#000;
		color:#fff;
	}
	.modelArrowleft{
		float:left;
	}
	.modelArrowRight{
		float:right;
	}
	.modelInfo .readMore, .modelInfo .readMore i{
		color:#3a6286;
		border-color:#3a6286;
		right:0; 
	}
	.moreModelBtn{
		display:none;
	}
	.modelInfo.full{
		border:0;
		min-height:150px;
	}
	.moreModelBox{
		width: 81%;
    	max-width: 400px;
	}
	.moreInfo{
		margin-top:16px;
		color:#fff;
		font-size:1.188rem;
		font-weight:bold;
	}
	.moreWorkInfo{
		border:0;
		padding:0;
	}
	.moreWorkInfo::after{
		content:none;
	}
    .modelWorkContent{height: auto;overflow: hidden;}
	.modelWorkContent .labelArrow{
		font-size:1.188rem;
	}
	.modelWorkContent .moreWorkInfo{
		margin-bottom:29px;
	}
	#moreWorkContent .contBox-30 img{
		vertical-align:bottom;
	}
	/*blog and news*/
	
	.mainBlogBox{
		border:0;
		padding:0;
		background-color:#efefef;
	}
	.mainBlogBox .readMoreContent,.blogBox-30 ,.pageCountContent,.mainblogContent .labelContent{
		width:calc(100% - 41px);
	}
	.mainBlogBox .readMoreContent,.mainBlogBox .blogInfo{
		margin:20px;
	}
	.mainBlogBox .readMore, .mainBlogBox .readMore i{
		color:#848484;
		border-color:#848484;
	}
	.mainBlogBox .blogInfo span{
		color:#91b8dc;
		border-color:#91b8dc;
		margin-bottom:14px;
	}
	.newsImg{
		box-shadow:none;
	}
	
	.mainblogContent .blogWrap{
		text-align:center;
	}
	.labelContentBorder{
		border:0;
		padding-right:0;
		width: 95%;
		max-width:450px;
   		margin: auto;
	}
	.blogBox-30{
		margin-top:43px;
		border:1px solid #848484;
		padding:15px;
	}
	.labelContent .blogBox{
		max-width:100%;
	}
	.pageCountContent{
    	margin:43px auto;
	}
	div.moreNewscontent{
		background-color:#fff;
		max-width:100%;
		margin-top: 52px;
	}
	.moreNewscontent .modelArrowContent{
		margin:200px auto;

	}
	.mainblogContent{
		max-width:100%;
		width:100%;
	}
	div.pageNumber{
		display:none;
	}
	#prevPage{
		float:left;
	}
	#nextPage{
		float:right;
	}
	.pc-content{
		display:none;
	}
	
	.TestimonialsBox{
		width:100%;

	}
	.borderLineContent{
		border-bottom:1px solid #000;
		margin-bottom:10px;
	}
	.TestimonialsBox:nth-child(even){
		float:initial;
		width:100%;
		max-width:100%;
		margin-top:36px;
	}
	/*aside*/
	.subcribeContentWrap{
		position:relative;
		overflow-y:auto;
		height:80vh;
	}
	.subcribeContentWrap::-webkit-scrollbar{
		display:none;
	}
	.subscribeBar{
		top: 18%;
    	min-width:100px;
    	max-width:280px;
		right: -280px;
	}
	.subcribeBtn{
		right:98%; 
	}
	.modelSubcribeList{
		padding:7px 10px;
		margin-top:8px;
	}
	.modelSubcribeList li{
		margin-bottom:10px;
	}
	
	.modelName{
		position:relative;
		display:block;
		top:0;
		left:0;
		background-color:transparent;
		word-spacing:10px;
	}
	.modelName span ,.modelName p{
		margin-top:15px;
		display:inline-block;
	}
    .artistpic_pc{display: none;}
}
@media screen and (max-width:410px){
	#CAPTCHA{
		width:56%;
		max-width:230px;
	}
	.CAPTCHAwrap{
		max-width: 362px;
	}
	.CAPTCHABox{
		margin-right:0;
		margin-left:2%;
	}
	.reload{
		margin-top:10px;
		float:right;
	}
	
}
@media screen and (max-width:380px){
	.newsType{
		margin:0 auto 35px;
		text-align:left;
		width:90%; 
	}
}
/*keframe*/

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@-moz-keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/*show and hide animate*/
@-webkit-keyframes newsBoxShow{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes newsBoxShow{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes newsBoxShow{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@keyframes newsBoxShow{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
}