@charset "gb2312";
html{font-family:"΢ÈíÑźÚ","·ÂËÎ", "ËÎÌå", "ÐÂËÎÌå",Tahoma, Geneva, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

/**
 * Remove default margin.
 */
body {margin: 0;}
/* HTML5 display definitions*/
article,aside,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]){display: none;height: 0;}
[hidden],
template {display: none;}

/* Links*/
a{background-color: transparent;text-decoration:none;outline: 0;}
a:active,a:hover{outline: 0;}

abbr[title] {border-bottom: 1px dotted;}
/* Basic */
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}

/* Forms */
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
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 {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {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-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {  border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}

/* Tables */
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}

/* Base Styles */
* {font-family:"΢ÈíÑźÚ","·ÂËÎ", "ËÎÌå", "ÐÂËÎÌå",Tahoma, Geneva, sans-serif;}
html, body {width: 100%;height: 100%;}
body {background: #FFF;}

/* Grid */
.container {
  position: relative;
  width: 100%;
}

.row {
  position: relative;
  margin: 0 auto;
  font-size: 0px;
  box-sizing: border-box;
}

.col {
  width: 100%;
  margin: 0 10px 20px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 20px;
}
.col.right {
  float: right;
}

/* Typography */
h1, h2, h3, h4, h5, h6, p {
  margin: 0 0 20px 0;
  color: #000;
}

h1 {
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 1px;
}

h2 {
  font-size: 36px;
  line-height: 42px;
  letter-spacing: 1px;
}

h3 {
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 1px;
}

h4 {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0px;
}

h5 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
}

h6 {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0px;
}

p {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px;
}

img {
  width: auto;
  height: auto;
}

/* Media Queries */
@media only screen and (max-width: 739px) {
  .col {width: 94%;margin: 0 3% 20px;}
}
@media only screen and (min-width: 740px) {
  .row {max-width: 720px;}

  .col {margin: 0 5px 10px;}

  /* 24 column grid with 20px columns and 10px gutters */
  .c6 {width: 170px;}

  /* Quarter */
  .c8 {width: 230px;}

  /* Third */
  .c12 {width: 350px;}

  /* Half */
  .c16 {width: 470px;}

  /* Two Thirds */
  .c18 {
    width: 530px;
  }

  /* Three Quarters */
  .c24 {
    width: 710px;
  }

  /* Full */
  .i8, .i10, .i12, .i16 {
    width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 980px) {
  .row {
    max-width: 960px;
  }

  .col {
    margin: 0 10px 20px;
  }

  /* 24 column grid with 20px columns and 20px gutters */
  .c6 {
    width: 220px;
  }

  /* Quarter */
  .c8 {
    width: 300px;
  }

  /* Third */
  .c12 {
    width: 460px;
  }

  /* Half */
  .c16 {
    width: 620px;
  }

  /* Two Thirds */
  .c18 {
    width: 700px;
  }

  /* Three Quarters */
  .c24 {
    width: 940px;
  }

  /* Full */
  .i8 {
    width: 300px;
    margin: 0 auto;
  }

  .i10 {
    width: 380px;
    margin: 0 auto;
  }
  
  .i11 {
    width: 530px;
    margin: 0 auto;
  }

  .i12 {
    width: 460px;
    margin: 0 auto;
  }

  .i16 {
    width: 620px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1340px) {
  .row {
    max-width: 1320px;
  }

  .col {
    margin: 0 10px 20px;
  }

  /* 24 column grid with 35px columns and 20px gutters */
  .c6 {
    width: 310px;
  }

  /* Quarter */
  .c8 {
    width: 420px;
  }

  /* Third */
  .c12 {
    width: 640px;
  }

  /* Half */
  .c16 {
    width: 860px;
  }

  /* Two Thirds */
  .c18 {
    width: 970px;
  }

  /* Three Quarters */
  .c24 {
    width: 1300px;
  }

  /* Full */
  .i8 {
    width: 420px;
    margin: 0 auto;
  }

  .i10 {
    width: 788px;
    margin: 0 auto;
  }
  
  .i11{
    width: 530px;
    margin: 0 auto;
  }

  .i12 {
    width: 788px;
    margin: 0 auto;
  }

  .i16 {
    width: 860px;
    margin: 0 auto;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
  font-family: 'museo_sans500', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 3px;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 48px;
  overflow: visible;
  background: #ffffff;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  background: #ffffff;
}

#cboxLoadingGraphic {
  background: url(images/ajax-loader.gif) no-repeat center center;
}

#cboxLoadingOverlay {
  background: #ffffff;
}

#cboxTitle {
  position: absolute;
  top: -32px;
  left: 13px;
  color: #ffffff;
}

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -48px;
  background: url(images/close-box.png) no-repeat;
  right: 0px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  z-index: 9999;
  position: absolute;
  top: -30px;
  left: 230px;
}

#cboxNext {
  z-index: 9999;
  position: absolute;
  top: -30px;
  left: 30px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

/* Colours - name variables as colours based on each site for ease of use. */
/* MIXINS - Create suitable mixins based on the design for each site. */
/***************************/
/* DEFAULTS                */
/***************************/
/* first for IE 4�8 */

body {
  background: white;
}

h1 {
  margin: 0;
}

h2 {
  margin: 0;
}

h3 {
  margin: 0;
}


.sitelang {
  display: none;
}

.container {
  z-index: 10;
}

/***************************/
/* HEADER                  */
/***************************/
/***************************/
/* NAVIGATION              */
/***************************/
.navigation {
  width: 100%;
  height: 125px;
  z-index: 100;
  background: #3b2213;
  color: #FFF;
  /* border-bottom:1px solid $jayaLightBrown; */
  position: absolute;
  top: 0px;
  left: 0px;
}
.navigation{
  width: 100%;
  height: 125px;
  z-index: 100;
  background: none;
  color: #FFF;
  position: absolute;
  top: 0px;
  left: 0px;
  background:#000;
}
.navigation .logo a {
  position: absolute;
  top: 22px;
  left: 45px;
  width: 184px;
  height: 79px;
  background: url(imageslogo.png) no-repeat 50% 50%;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
}
.navigation1 .logo1 a {
  position: absolute;
  top: 22px;
  left: 45px;
  width: 184px;
  height: 79px;
  background: url(imageslogo1.png) no-repeat 50% 50%;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
}
.navigation1 .logo2 a{
  background: url(imageslogo.png) no-repeat 50% 50%;}
  
.navigation1 .logo3 a{
  background: url(imageslogo.png) no-repeat 50% 50%;}
.crumb{
  position: absolute;
  top: 30px;
  left: 240px;
  font-size:14px;
  color:#333;
  padding:55px 0 0;
}

.crumb a{color:#333;}
.crumb a:hover{color:#000;}
.crumb1{color:#fff}
.crumb1 a{color:#fff}
.crumb1 a:hover{color:#fff}


.crumb2{color:#a7805a}
.crumb2 a{color:#a7805a}
.crumb2 a:hover{color:#a7805a}


.navigation .navburger {
  position: absolute;
  top: 32px;
  right: 35px;
  width: 36px;
  height: 36px;
  background: url(../_2016_img/navburger.png) no-repeat 50% 50%;
  cursor: pointer;
}

/***************************/
/* CONTENT                 */
/***************************/
.pretitle {
  font-family: ScalaWebPro, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #d1bfb3;
  text-align: center;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display:none;
}

.title {
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
  font-weight: 400;
  font-size: 21px;
  /*line-height: 27px;27px*/
  color: #94694c;
  text-align: center;
  margin-bottom: 35px;
  text-transform: uppercase;
  letter-spacing: 0;
  width:100%;
  height:auto;
  overflow:hidden;
  /*background:url(imagestitle.png) center center no-repeat;*/
}
.title1{/*background:url(imagestitle1.png) center center no-repeat;*/}
.title1 img{width:50%;display:block;margin:0 auto;height:auto;}
.title1 span{display:none;}

.i11 .title{
	background:none;
	line-height:22px;
	font-size:20px;
	color:#000;
	margin-bottom:20px;
	width:auto;
	height:auto;
}

.subtitle {
  font-family: ScalaWebPro, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #d1bfb3;
  text-align: center;
  text-transform: uppercase;
}

.content-body h1, .content-body h2, .content-body h3, .content-body h4, .content-body p, .content-body strong, .content-body em, .content-body ul li, .content-body ol li, .content-body a, .content-body span {
  font-family: ScalaWebPro, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #736968;
  text-align: left;
  letter-spacing: ;
}
.content-container.intro .content-body p{
	font-family:"΢ÈíÑźÚ";
	text-align:justify;
	color:#333;
}
.content-body h3 {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  padding-top: 20px;
}
.content-body p{text-align:justify;color:#333;}

.links {
  margin-top: 50px;
  text-align: center;
}
.links .linkbox {
  margin: 10px 0;
}
.links .linkbox a {
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  background: url(../_2016_img/arrow.png) no-repeat top 10px right 18px #000;
  padding: 8px 20px;
  display: inline-block;
}
.links .linkbox a:hover {
  background-color: #333;
}

.content-container {
  padding: 50px 0;
}
.content-container.intro {
  background: #fff;
}
.content-container.intro .content-body h1, .content-container.intro .content-body h2, .content-container.intro .content-body h3, .content-container.intro .content-body h4,  .content-container.intro .content-body strong, .content-container.intro .content-body em, .content-container.intro .content-body ul li, .content-container.intro .content-body ol li, .content-container.intro .content-body a, .content-container.intro .content-body span {
  font-family: ScalaWebPro, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
.content-container.content {
  background: white;
}

/***************************/
/* TWO COLUMN BLOCK        */
/***************************/
.two-column-block {
  padding: 0 0 50px;
  background:#ebebeb;
}
.two-column-block .row {
  padding-top: 50px;
  display: flex;
}
.two-column-block .row:before {
  content: '';
  width: calc(100% - 20px);
  border-top: 1px solid #000;
  margin: 0 auto;
  position: absolute;
  top: 0px;
  left: 10px;
}
.two-column-block .tcb-col {
  flex: 1;
  position: relative;
}
.two-column-block .tcb-col .i10 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.two-column-block .tcb-image {
  overflow: hidden;
}
.two-column-block .tcb-image .image-fix {
  position: relative;
  float: right;
  right: 50%;
  font-size: 0;
}
.two-column-block .tcb-image .image-fix img {
  right: -50%;
  position: relative;
  width: auto;
  height: 100%;
}

/***************************/
/* JAYA DOTS               */
/***************************/
.kolorock-dots {
  width: 10px;
  height: 11px;
  margin: 0 auto 25px;
  background: url(imageskolorock-dot.png) no-repeat;
  display:none;
}

.i12 .kolorock-dots {
  width: 45px;
}

/***************************/
/* SITE LINKS              */
/***************************/
.site-links{
	height:auto;
	overflow:hidden;
	background:#757575;
}
.site-links .col {
  text-align: center;
  margin: 30px 10px;
}
.site-links .col a {
  width: 110px;
  margin: 0 50px;
  display: inline-block;
}
.site-links .col a span{
	display:block;
	text-align:center;
	font-size:20px;
	text-decoration:none;
	color:#fff;
}
.site-links .col a span span{
	font-size:14px;
	text-decoration:none;
}
.site-links .col .logo-name {
  margin-top: 20px;
}

/***************************/
/* FOOTER                  */
/***************************/
.footer {
  width: 100%;
  height: 120px;
  z-index: 100;
  background: #000;
  color: #FFF;
}
.footer .footer-logo {
  width: 244px;
  height: 56px;
  position: absolute;
  top: 22px;
  left: 45px;
}
.footer .footer-links {
  width: 100%;
  text-align: center;
  line-height:24px;
  color:#fff;
}
.footer .footer-links p {
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #fff;
  text-decoration: none;
  text-align:center;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-12px;
  width:100%;
}
.footer .footer-links p.address {
  color: white;
  display: block;
}
.footer .footer-links p.address span {
  margin-left: 15px;
}
.footer .footer-links > a {
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  display: inline-block;
  color: #d1bfb3;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 15px;
  display: none;
}

/***************************/
/* ROTATOR                 */
/***************************/
.rotator-full {
  height: 100%;
  font-size: 0px;
  z-index: 5;
}

.rotator-standard {
	padding:30px 0;background:#ebebeb;
  width: 100%;
  font-size: 0;
}
.rotator-standard .rotator-image{
	background-size:100% 100%;
}

.rotator-full .row {
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.rotator-full-short .row {
  max-width: 100%;
  height: 100%;
  width: 100%;
}

.rotator-standard .row {
  height: 100%;
  width: 100%;
}

.rotator {
  height: 100%;
  display: inherit;
  position: relative;
  z-index: 1;
}

.rotator .rotatorText {
  display: none;
}

.rotator .rotatorBullets {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 55px;
  z-index: 100;
  display: none;
  height: 9px;
  margin: 0px auto;
  text-align: center;
}

.rotator-standard .rotator .rotatorBullets {
  bottom: 30px;
}

.rotator .rotatorBullets ul {
  padding: 0px;
  margin: 0px;
}

.rotator .rotatorBullets ul li {
  width: 14px;
  height: 14px;
  background: url(imagescog.png) no-repeat;
  display: inline-block;
  margin-right: 8px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
}
.rotator .rotatorBullets ul li:first-child {
  margin-left: 10px;
}
.rotator .rotatorBullets ul li.selected {
	background: url(imagescog1.png);
  opacity: 1;
}

.rotatorNav {
  position: absolute;
  z-index: 90;
  color: #FFF;
  cursor: pointer;
  display: none;
}

.rotatorPrev {
  top: 45%;
  left: 40px;
  text-indent: -9999px;
  width: 23px;
  height: 33px;
}

.rotatorNext {
  top: 45%;
  right: 40px;
  text-indent: -9999px;
  width: 23px;
  height: 33px;
}

.rotator-image {
  background: #381809;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 5;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: none;
  top: 0px;
  left: 0px;
}

.rotator-full .rotator-image {
  height: calc(100% - 125px);
  top: 125px;
}
.rotator-full .rotator-screen {
  background: #381809;
  position: absolute;
  width: 100%;
  height: calc(100% - 125px);
  overflow: hidden;
  z-index: 8;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  top: 125px;
  left: 0px;
}
.rotator-full .rotator-screen .cover {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.rotator-full .rotator-screen .cover h1, .rotator-full .rotator-screen .cover p {
  display: none;
  position: absolute;
  width: 100%;
  left: 0%;
  top: 45%;
  text-align: center;
  text-transform: uppercase;
}
.rotator-full .rotator-screen .cover h1 {
  font-family: ScalaWebPro, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #f9f8f8;
  opacity: 0.7;
  margin-top: -40px;
  letter-spacing: 3px;
}
.rotator-full .rotator-screen .cover p {
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
  font-weight: 300;
  font-size: 38px;
  line-height: 44px;
  color: white;
  letter-spacing: 5px;
}


.teamBox{overflow:hidden;_zoom:1;padding:90px 0 0;max-width:1550px;margin:0 auto;}
.content{min-width:740px;max-width:1450px;margin:0 auto;overflow:hidden;_zoom:1;}
.teamBox ul{padding:20px 20px 0;overflow:hidden;_zoom:1;}
.teamBox ul li{width:30%;height:620px;float:left;display:inline;overflow:visible;}
.teamBox ul li.line{width:5%;height:620px;float:left;display:inline;background:url(imagesline.png) center repeat-y;}
.teamBox ul li .div1,.teamBox ul li .div2,.teamBox ul li .div3{height:620px;margin:50px 0 0;max-width:339px;margin:0 auto;position:relative;}
.teamBox ul li div img{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:339px;
	height:auto;
	position:relative;
}
.teamBox ul li .info{position:absolute;top:0;background:#000;font-size:12px;line-height:20px;color:#999;text-align:left;overflow:hidden;display:block;}
.teamBox ul li .info .text{position:absolute;top:0;left:0;padding:20px 30px;}
.teamBox ul li .info .text div{font-size:11px;line-height:18px;font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.teamBox ul li .info .text div{font-size:10px;line-height:17px;}
}

.teamBox ul li div.div1 img{z-index:2;}
.teamBox ul li .div1 .info1{z-index:1;}
.teamBox ul li div.div2 img{z-index:2;}
.teamBox ul li .div2 .info2{z-index:1;}
.teamBox ul li div.div3 img{z-index:2;}
.teamBox ul li .div3 .info2{z-index:1;}
.teamBox ul li div h2{font-size:18px;color:#333;padding:30px 0 5px;}
.teamBox ul li div p{font-size:13px;line-height:22px;color:#333;width:100%;max-width:339px;margin:0 auto;}
.team_jianjie{margin:0 auto;clear:both;padding:20px 30px;overflow:hidden;_zoom:1;}
.team_jianjie img.img1{width:100%;clear:both;}
.team_jianjie div{width:40%;float:left;}
.team_jianjie div h2{font-size:18px;color:#333;padding:10px 30px 0 0;}
.team_jianjie div p{font-size:13px;color:#333;line-height:22px;text-align:justify;padding:0 30px 0 0;}	
.teampics{margin:0 auto;clear:both;padding:0 30px 20px;overflow:hidden;_zoom:1;height:262px;}
.teampics div{float:left;width:32%;height:262px;margin-right:2%;}
.teampics div:last-child{margin-right:0;}
.teampics div img{display:block;width:100%;height:auto;margin-bottom:5px;}
.teampics div a{color:#333;}
.teampics div a:hover{color:#000;}

/***
    caseBanner Style------------------------------------------------------------------
***/
.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */


.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;

}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 100%;
	height: 114px;
	margin: 0;
	top: 50%;
	left: 0;
}

.cbp-bicontrols span {
	float: left;
	width: 37px;
	height: 114px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	
}

span.cbp-bipause:before {
	
}

span.cbp-binext{
	background:url(imagesnext.png) no-repeat;
	opacity:0.5;
}

span.cbp-biprev {
	background:url(imagesprev.png) no-repeat;
	margin:0 0 0 20px;
	opacity:0.5;
}

.cbp-bicontrols span.cbp-binext {
	float: right;
	margin:0 20px 0 0;
}
span.cbp-biprev:hover{opacity:1;}
span.cbp-binext:hover{opacity:1;}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}


#menubg,#artbg,#interviewbg{position:relative;width:0;left:0;top:50%;background:#000;height:2px;opacity:0.9;margin-top:0;}

.menu{width:460px;height:210px;position:absolute;top:50%;left:50%;margin:-35px 0 0 -230px;display:none;font-size:14px;color:#fff;}
.menu a{color:#fff;}
.menu a:hover{color:#fff;}
.menu ul,.menu ul li{list-style:none;padding:0;margin:0;float:left;display:inline;width:100%;}
.menu .d1,.menu .d2,.menu .d3{float:left;display:inline;line-height:26px;font-size:14px;}
.menu .d1{width:120px;color:#fff;}
.menu .d2{width:73px;color:#999;position:relative;top:0;}
.menu .d2 ul li a{color:#999;cursor:default;}
.menu .d2 ul li a:hover,.menu .d2 ul li.cur a,.menu .d2 ul li.cur a:hover{color:#fff;}
.menu .d3{width:210px;height:130px;position:relative;margin-top:0;}
.menu .d3 .scrollbox{width:230px;height:130px;overflow:hidden;position:relative;}
.menu .d3 ul{position:absolute;top:0;left:0;opacity:0;}
.menu .d3 ul li{height:auto;line-height:26px;}
.menu .d3 ul li a{color:#999;}
.menu .d3 ul li a:hover{color:#fff;}
.menu .d3 .top{width:210px;height:20px;background:url(imagestop.png) 30% center no-repeat;position:absolute;top:-20px;left:0;}
.menu .d3 .bottom{width:210px;height:20px;background:url(imagesbottom.png) 30% center no-repeat;position:absolute;bottom:-24px;left:0;}

.interviewbox{width:100%;height:380px;position:absolute;top:50%;left:0;margin:-135px 0 0;display:none;font-size:14px;color:#fff;}
.vediobox{width:530px;height:380px;position:absolute;top:50%;margin-top:-190px;left:10%;}
.newsbox{width:530px;height:380px;position:absolute;top:50%;margin-top:-190px;right:10%;}
.vediobox h2,.newsbox h2{font-size:16px;color:#fff;}
.vediobox ul,.vediobox ul li{list-style:none;padding:0;margin:0;}
.vediobox ul{padding:20px 0 0;}
.vediobox ul li{width:237px;height:auto;float:left;display:inline;margin-right:25px;}
.vediobox ul li:last-child{margin-right:0;}
.vediobox ul li img{display:block;width:237px;height:141px;margin:0 0 10px;}
.vediobox ul li a{color:#fff;}
.vediobox ul li a:hover{color:#999;}
.newsbox ul,.newsbox ul li{list-style:none;padding:0;margin:0;}
.newsbox ul li{height:auto;line-height:20px;overflow:hidden;padding:0 0 13px;color:#fff;font-size:14px;}
.newsbox ul li a{color:#fff;}
.newsbox ul li a:hover{color:#999;}
.newsk{margin:15px 0 0;width:95%;height:320px;overflow:hidden;overflow-y:scroll;_zoom:1;}
.newsinfobox{margin:0 auto;width:1000px;height:380px;}
.newsinfobox h2{font-size:20px;color:#fff;text-align:center;line-height:24px;margin-bottom:10px;}
.newsinfobox div.newstime{font-size:12px;color:#666;text-align:center;}
.newsinfobox div.newsinfo{margin:15px 0 0;padding:10px 20px 10px 0;height:280px;overflow:hidden;overflow-y:scroll;_zoom:1;text-align:justify;line-height:22px;color:#c9c9c9;}
.newsinfobox div.newsinfo1{margin:15px auto 0;width:700px;height:400px;overflow:hidden;overflow-y:hidden;}
.newsinfobox div.newsinfo1 #video{position:relative;z-index: 100;width:700px;height:400px;}
.newsinfobox div.newsinfo2{margin:15px auto 0;width:740px;height:450px;overflow:hidden;overflow-y:hidden;}
#v_player_cctv{width:740px;height:450px;}

.contactBox{position:relative;width:95%;height:95%;margin:0 auto;padding:0;top:0;left:0;}
.contactLeft{position:absolute;width:430px;height:220px;top:50%;margin-top:-110px;right:10%;font-size:14px;line-height:21px;color:#3b2213;z-index:2; white-space:nowrap}
.contactLeft h2{font-size:18px;padding:0;margin:0;margin-bottom:10px;line-height:24px;}
.contactLeft h3{font-size:15px;font-family:Arial, Helvetica, sans-serif;font-weight:lighter;padding:0;margin:0;margin-top:10px;}
.contactLeft span{font-size:15px;font-family:Arial, Helvetica, sans-serif;}
.contactLogo{width:569px;height:242px;position:absolute;top:50%;left:8%;margin-top:-121px;}

.navigation2{background:none;}

.artlist{position:absolute;top:50%;left:50%;width:1000px;height:300px;margin:-128px 0 0 -500px;background:none;display:none;}
.artlist ul,.artlist ul li{padding:0;margin:0;list-style:none;}
.artlist ul{width:100%;}
.artlist ul li{float:left;display:inline;width:25%;height:300px;overflow:hidden;text-align:center;color:#a7805a;}
.artlist ul li img{display:block;margin:8px auto 10px;width:85%;
	-webkit-box-shadow:0 0 8px #000;  
-moz-box-shadow:0 0 8px #000;  
box-shadow:0 0 8px #000; transition: 0.3s;-webkit-transition: 0.3s;};
.artlist ul li a span{color:#a7805a;font-size:14px;line-height:24px;}
.artlist ul li:hover a span{color:#fff;}
.artlist ul li a:hover span{color:#fff;}
.artlist ul li.hover img{
	-webkit-box-shadow:0 0 8px #a7805a;  
-moz-box-shadow:0 0 8px #a7805a;  
box-shadow:0 0 8px #a7805a; }


.artBox{overflow:hidden;_zoom:1;width:100%;padding:110px 0 0;margin:0 auto;}/*max-width:1550px;*/
.artBox .content{width:100%;min-width:none;max-width:none;}
.artImglist{margin:0 45px;overflow:hidden;_zoom:1;height:80%;background:#f5f4f3;}/*450px*/
.imgbox{margin:20px 0 0;width:100%;height:80%;overflow:hidden;overflow-y:scroll;_zoom:1;}/*410px*/
.imgbox a{float:left;display:inline;width:22.5%;margin:0 5px 20px 20px ;height:40%;overflow:hidden;}
.imgbox a img{width:100%;height:auto;}

.apply{width:1000px;margin:0 auto;}
.apply_array{border:0;padding:0;width:250px;float:left;height:300px;text-align:center;color:#a7805a;}
.apply_array img{display:block;margin:8px auto 10px;width:85%;
	-webkit-box-shadow:0 0 8px #000;  
-moz-box-shadow:0 0 8px #000;  
box-shadow:0 0 8px #000; transition: 0.3s;-webkit-transition: 0.3s;};
.apply .hover img{
	-webkit-box-shadow:0 0 8px #a7805a;  
-moz-box-shadow:0 0 8px #a7805a;  
box-shadow:0 0 8px #a7805a; }

.apply_array a span{color:#a7805a;font-size:14px;line-height:20px;}
.apply_array a:hover span{color:#fff;}
.apply_array a:hover img{-webkit-box-shadow:0 0 8px #a7805a;  
-moz-box-shadow:0 0 8px #a7805a;  
box-shadow:0 0 8px #a7805a;}
.apply_nav{position:relative;width:1000px;float:left;height:300px;overflow:hidden}
.apply_w{position:absolute;margin-top:0;width:1000px;float:left;left:0px}
.apply .img_l{position:absolute;top:50%;left:5%;cursor:pointer;z-index:1;width:22px;height:31px;background:url(imagesleft.png) no-repeat;margin-top:-35px;opacity:0.5;}
.apply .img_r{position:absolute;top:50%;right:5%;cursor:pointer;z-index:1;width:22px;height:31px;background:url(imagesright.png) no-repeat;margin-top:-35px;opacity:0.5}
.apply .img_l:hover{opacity:1;}
.apply .img_r:hover{opacity:1;}


/***************************/
/* MEDIA QUERIES           */
/***************************/
@media only screen and (min-width: 340px) {
  .rotator-standard {
    height: 220px;
  }
  
  
  
 }
 @media only screen and (min-width: 360px) {
  .rotator-standard {
    height: 230px;
  }
  
 

 }
@media only screen and (min-width: 740px) {
  .rotator-standard {
    height: 326px;
  }

  .site-links .col div {
    width: 100%;
    margin-bottom: 50px;
  }

  .two-column-block .tcb-col {
    min-height: 315px;
  }
}
@media only screen and (min-width: 980px) {
  .rotator-standard {
    height: 468px;
  }

  .two-column-block {
    height: 410px;
  }
  .two-column-block .tcb-image .image-fix img {
    height: 360px;
  }
  .two-column-block .tcb-col {
    min-height: 360px;
  }
  .two-column-block.tcb-left .tcb-image {
    position: absolute;
    left: 0px;
  }
  .two-column-block.tcb-left .tcb-content {
    position: absolute;
    right: 0px;
  }
  .two-column-block.tcb-right .tcb-image {
    position: absolute;
    right: 0px;
  }
  .two-column-block.tcb-right .tcb-content {
    position: absolute;
    left: 0px;
  }

  .site-links .col div {
    width: auto;
    margin-bottom: 0;
    display: inline-block;
  }
}
@media only screen and (min-width: 1340px) {
  .rotator-standard {
    height: 592px;
  }

  .two-column-block {
    height: 365px;
  }
  .two-column-block .tcb-image .image-fix img {
    height: 315px;
  }
  .two-column-block .tcb-col {
    min-height: 315px;
  }
}
@media only screen and (max-width: 979px) {
  /* TABLET ONLY */
  .two-column-block .row {
    display: block;
  }

  .two-column-block .tcb-col {
    display: block;
    flex: inherit;
    width: 94%;
  }

  .two-column-block .tcb-image {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 740px) {
  /* MOBILE PHONE ONLY */
  .mob-hide {
    display: none;
  }

  .navigation .logo a {
    left: 50%;
    transform: translateX(-50%);
  }

  .two-column-block .tcb-image .image-fix {
    float: none;
    right: 0px;
  }
  .two-column-block .tcb-image .image-fix img {
    right: 0px;
    height: auto;
    width: 100%;
  }
  .two-column-block .tcb-col .i10 {
    position: relative;
    top: 0px;
    left: 0px;
    transform: none;
  }

  .content-container.content {
    padding: 0;
  }

  .site-links .col a {
    margin: 0 0 20px;
  }

  .footer .footer-links p {
    max-width: 100%;
  }

  .footer {
    height: 200px;
  }

  .footer .footer-links p.address {
    display: inline-block;
  }
  .footer .footer-links p.address span {
    display: block;
    margin-top: 4px;
  }
}


@media only screen and (min-width:360px) and (max-width: 640px) {
.teamBox{max-width:640px;min-width:360px;}
.teamBox .content{max-width:640px;min-width:360px;}
.teamBox ul li{width:100%;float:none;display:block;height:auto;}
.teamBox ul li .div1, .teamBox ul li .div2, .teamBox ul li .div3{height:auto;}
.teamBox ul li div h2{padding:10px 0 5px;}
.teamBox ul li.line{width:100%;float:none;display:block;background:url(imagesline1.png) center repeat-x;height:50px;}
.teamBox ul li .info{display:none;}
.team_jianjie{padding:0 10px 30px;}
.teampics{padding:0 10px 20px;height:auto;}
.teampics div{width:100%;height:auto;float:none;display:block;margin-right:0;margin-bottom:30px;height:auto;}


.artBox{padding:130px 0 0;}
.crumb3{top:60px;left:44px;}
.artBox .content{min-width:360px;max-width:640px;}
.imgbox a{width:27%;height:22%;margin:0 0 10px 10px ;}

.menu{margin:-35px 0 0 -180px;width:360px;}
.menu .d3{width:110px;}
.menu .d3 .scrollbox{width:110px;}
.menu .d3 .bottom,.menu .d3 .top{width:110px;}

.interviewbg{height:;}
.vediobox{max-width:620px;min-width:340px;width:auto;left:45px;margin-top:-100px;}
.vediobox ul li{width:40%;margin-right:5%;}
.vediobox ul li img{width:100%;height:auto;}
.newsbox{max-width:620px;min-width:340px;width:auto;left:45px;margin-top:170px;}
.newsbox ul li{width:90%;}
.interviewbox{margin:-55px 0 0}
.newsinfobox{width:90%;}
.newsinfobox div.newsinfo1{margin:15px auto 0;width:100%;height:400px;overflow:hidden;overflow-y:hidden;}
.newsinfobox div.newsinfo1 #video{position:relative;z-index: 100;width:360px;height:200px;margin:0 auto;}
.newsinfobox div.newsinfo2{width:360px;margin:0 auto; text-align:center;}
#v_player_cctv{width:360px;height:200px;margin:0 auto;}

.contactLogo{width:90%;height:auto;position:static;margin:150px auto 0;}
.contactLogo img{width:100%;height:auto;}
.contactLeft{position:static;width:90%;height:auto;margin:20px auto;font-size:14px;line-height:21px;color:#3b2213;z-index:2; white-space:normal; word-break:break-all;}
}