@import "1.css";
@import "2.css";
@import "3.css";
@import "4.css";
div,a{outline:none;}
ul,li{ padding:0; margin:0; list-style:none;}
.container{ padding:0px 0px;}
.my-relative{
  position: relative;
}
.blockimg{ display:block; width:100%;}
.my-absolute{
  position: absolute;
}
.navspace{ height:40px; display:none;}
.text-indent{text-indent: 2em;}
.line-150{line-height: 150%;}
body{font-family: "raleway","msyh",'微软雅黑';}
.my-width80{width:80%;}
.my-width-100{width: 100%;}
.my-color-white{color: #FFFFFF;}
.my-margin-center{margin: 0 auto;}
.my-font18{font-size: 18px;}
.my-font20{font-size: 20px;}
.my-margin-top30{margin-top:30px;}
.my-margin-top50{margin-top:50px;}
.my-margin-top60{margin-top:60px;}
.my-margin-top100{margin-top:100px;}
.my-pad-top30{padding-top:30px;}
.margin-right30{margin-right:30px;}
#logo-img:hover{zoom:1.02;}
/*导航*/
.navbar-default .navbar-nav>li{
  text-align: center;
}
.navbar{ font-family:"wsyh","微软雅黑";}
.nav .on{ font-weight:bold; transform:scale(1.2);}
.nav a:hover{font-weight:bold; transform:scale(1.2);}
.nav .on:hover{ transform:scale(1)}
.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-default .navbar-nav>li>a:hover{color:#fff;}
.bg-navbar-color{background-color:#008CD7; }
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 500px;
}
.navbar-fixed-top{ border-width:0;}
.navbar-default .navbar-collapse{ border-top:none;box-shadow:none;-webkit-box-shadow:none;}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #FFFFFF;
}

 .navbar-brand a:nth-of-type(1) img{ width:80px; margin-top:-15px;}
  .navbar-brand a:nth-of-type(2) img{ display:none; width:138px; margin-top:-10px;}
  
  .bg-navbar-color .navbar-brand a:nth-of-type(1) img{  display:none;}
  .bg-navbar-color .navbar-brand a:nth-of-type(2) img{display:block; }

.navbar-default .navbar-toggle {
  border:0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
   background-color:transparent;
}
#changeicon img{
  height:14px;
}
/*公司愿景p*/
.info-p{
 color:#565656;
}


/*轮播*/
.carousel-indicators{ bottom:3%;}
#myCarousel .carousel-indicators li{margin:0px 3%;}

.en .info-p{ line-height:160%;}
.prosbox{}
.prosbox img{ display:block; width:60%; margin:15px auto -5px;}
.contactafter{ margin-bottom:-30px;}
.rongzibefore{ margin-top:-10px;}
.rongziafter{ margin-bottom:-10px;}

/**/
#team{
  position: absolute;
  width:100%;
  z-index: 100;
}
#team-info{
  position: relative;
}
#team-info li{ position:relative;}
#team-info .mark-logo{ position:absolute; width:7%; right:30px; top:6px;}
#team-info .row{
  margin-top: 10px;
}
#info-area{
  width:100%;
  
  top:0;
  left: 0;
}
#team-info #member-info{
  visibility: hidden;
  display: block;
}

#yukai-info,
#yangming-info,
#huangchang-info,
#fangyi-info{
  display: none;
}
#yukai-info{
  display: block;
}
p{ text-indent:0;}


#products{ overflow:hidden;}
.glyphicon-chevron-left,.glyphicon-chevron-right{ background:url(../images/pc/slidearrleft.png) no-repeat; background-size:contain; }
.glyphicon-chevron-right{ transform:rotate(180deg)}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ width:50px; height:50px; margin-top:-25px;}
.carousel-control{ transition:all 0.3s;}
.carousel-control:focus{ opacity:0.5;}
.carousel-control:hover{ opacity:0.9; transform:scale(1.1);}
.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{ content:" ";}
.productsbox{ text-align:center;}
.productsbox img{ display:block; margin:0 auto; max-width:60%;}
.productsbox div:last-child{ padding-top:0px;}
.main-p{
  color:rgb(90,90,90);
  line-height: 160%;
  text-indent:0;
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  -moz-column-gap:2em;
  -webkit-column-gap:2em;
  column-gap:2em;
}
.mainpgap{ height:18px; display:inline-block; width:180px;}


/*//招募计划*/
.zhaomu-p{font-size: 1.2em;
  margin-top:2em;
  line-height: 1.8em;
}

.gap{
  height: 2em;
}
.team-parent{bottom:-100px;height:200px;padding-top:25px;}
.sm-team-photo{width:810px;}
.sm-team-photo div{width:200px;float:left;}

.sm-team-photo img{border: 3px solid #FFFFFF;width:150px;height:150px;}
#btn-yuanzheng{ transition:all 0.2s;}
#btn-yuanzheng:hover{ }
#chuangshituandui{ margin-bottom:10px;}
.info-p .lan{ color:#008cd6;}
.btnjoinabox{ position:absolute; top:65%; width:100%;}
.btnjoina{ display:block; margin:0 auto; width:16%; background-image:url(../images/pc/btn_joins.png); background-repeat:no-repeat; background-size:cover; background-position:0px 29%; }
.btnjoina:hover{ background-position:0px 90%;}
.en .btnjoina{ background-position:0px 0;}
.en .btnjoina:hover{ background-position:0px 61%;}



.footer{

  color: #ffffff;
  background-color: #008CD7;
}
.footer img{
  vertical-align: middle;
}
/*回到顶部*/
#returntop{
  position:fixed;
  z-index: 100000;
}
.carousel-indicators li{ width:10px; height:10px;}
.carousel-indicators .active{ width:10px; height:10px;}
#team-info .col-xs-10{ width:85.5%;}
.btnjob{ top:65%;}

.photo-bg img{ position:absolute; opacity:0;}
.photo-bg img:first-child{ opacity:1;}
.photo-bg img:last-child{ position:relative;}

.title1{ margin-bottom:1px;}
.title2{font-size:1.3em;
   margin-bottom:12px;
    color:#5a5a5a;
  }
  
.threetxt{
-moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  -moz-column-gap:2em;
  -webkit-column-gap:2em;
  column-gap:2em;	
	}
.navbar-default .navbar-nav > li > a {
    padding-left: 18px;
    padding-right: 18px;
    color: #FFFFFF;
    line-height: 52px;
    font-size: 16px;
	padding-top:0;
	padding-bottom:0;
  }
  .navbar-default .navbar-nav > li > a:focus{ color:#fff; outline:none;}
.nav li{}

.en .navbar-default .navbar-nav > li > a{ font-size:15px;}

.photos a{ position:relative; width:60px; height:60px; transform:scale(1); margin:0 80px; border-radius:50%; overflow:hidden; outline:none; transition:all 0.5s; display:inline-block;  border:2px solid rgba(0,0,0,0);}
.photos a.on{ transform:scale(1.6); border:2px solid #008cd6;}
.photos a:hover{ transform:scale(1.6);}
.photos img{ width:100%; display:block;}
.photos a:after{ position:absolute; width:100%; height:100%; background:#fff; content:" "; left:0px; top:0px; display:block; opacity:0.5; transition:all 0.5s; border-radius:50%;}
.photos a.on:after{ opacity:0;}
.photos a:hover:after{ opacity:0;}
.photos a.on img{}
  
.contactbox .col-sm-4:nth-of-type(2){ display:inline;}
.contactbox .col-sm-4:nth-of-type(2) img{ margin-right:4px;}
.contactbox .col-sm-4:nth-of-type(4){ display:none;}

.gap{ clear:both;}
.contactbox img{ width:30px;}
.techbeforebox{ margin-top:-88px;}
.en .techbeforebox{ margin-top:-90px; clear:both;}
.contactbeforebox{ margin-top:-30px; clear:both;}
.techbeforebox :nth-of-type(1){ display:block;}
.techbeforebox :nth-of-type(2){ display:none;}
.en .techbeforebox :nth-of-type(1){ display:none;}
.en .techbeforebox :nth-of-type(2){ display:block;}
.techbeforegap{ height:1px;}
.en .col-md-4{ text-align:justify;}
.techafterimg{ margin-bottom:-75px;}
.teamermore{ display:none;}
.main-p{ display:block;}

.teamermore{ width:30%; margin:0 auto; background-image:url(../images/pc/btn_teammore.png); background-repeat:no-repeat; background-size:cover; background-position:0px 0px;}
.en .teamermore{ background-position:0px 30%;}
.teamermore:hover{ background-position:0px 59%;}
.en .teamermore:hover{ background-position:0px 90%;}



.contbox{ text-align:center;}
.contbox img{ width:22px;}
.footlogo{ width:118px; margin:15px auto -10px; display:block;}

.navin{ width:918px; margin:0 auto;}


.totop{ width:50px; background:url(../images/pc/btn_top_nomal.png) no-repeat center bottom;  background-size:100%; height:60px; position:fixed; right:20px; bottom:110px; display:none;outline:none;}
.totop:hover{ opacity:1; background-image:url(../images/pc/btn_top_hover.png); }
.en .totop{background-image:url(../images/pc/btn_top_nomal_en.png);}
.en .totop:hover{ opacity:1; background-image:url(../images/pc/btn_top_hover_en.png); }
   
.column2{-moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  -moz-column-gap:2em;
  -webkit-column-gap:2em;
  column-gap:2em;}   

.teamimg{ display:block; width:100%;}

@media screen and (max-width:1280px) and (min-width:769px){
	.container{ width:81%;}
	
}
@media screen and (max-width:1380px) and (min-width:1200px){
	body .techbeforebox{ margin-top:-72px; } 
	
}