/*index*/
.inpro{ margin-bottom:10px; overflow:hidden;}
.inleft{ width:54%; padding-right:15px;}
.inright{ width:46%;padding-left:15px;}
.main-content h1{width:100%; text-align:left; color:#888d8e; margin:0px; margin-bottom:15px;}
.main-index h1{ border-bottom:4px solid #666666; margin-bottom:20px; }
.main-index p:first-child{ padding-top:20px;}
.main-index p{ padding:20px 0; color:#646464; margin:0px;}
.main-content p{color:#646464; margin:0px;}
.main-content img{ width:100%;}
.main-content .incon{ margin:20px 0;}
.main-content .incon img{ width:100%;}
.main-banner{ margin-bottom:20px;}
.inyuangong .inyg{ display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex; 

-webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row; 
  flex-direction:row;
  -moz-box-pack:space-between;
 -webkit-justify-content: space-between;
  -moz-justify-content: space-between-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
justify-content:space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap:wrap;

}

.inyuangong .inyg li{ width:47%;}
.inpro ul {
display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex; 
-webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row; 
  flex-direction:row;
 -webkit-justify-content: space-between;
  -moz-justify-content: space-between-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
justify-content:space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap:wrap;
}
.inpro ul li { width:47%; margin-top:-10px;}
.inpro h2{ color:#888d8e; margin:0px; font-weight:100; padding:3.2px 0;}
.ingl{ width:45%;}
@media screen and (max-width:767px){
.main-content{ padding:0 15px;}
.main-content img{ width:auto;}
.inleft{ width:100%; padding:0px;}
.inright{ width:100%; padding:0px;}
.inyuangong .inyg li{ width:100%;}
.inpro ul li{ width:100%;}
.ingl{ width:100%;}
.xban{ width:100%; overflow:hidden;}
}


.incon li a:hover{text-decoration:none; color:#3542aa;}
/*index结束*/
/*about开始*/
.aboutpl{ margin-left:30px;}
.aboutnav{ width:20%; margin-top:20px; margin-bottom: 20px;}
.aboutnav ul li{ border-bottom:1px solid #cecece}
.aboutnav ul li a{ color:#373535; padding:4px 0; display:block;}
.aboutnav ul li a:hover{color:#3542aa; text-decoration:none;}
.aboutnav ul li.active a{color:#3542aa;}
.aboutnav ul li ul li:last-child{ margin-bottom: 10px; }
.aboutnav ul li ul li{ background: #efefef; border-bottom: 1px solid #fff;}
.aboutnav ul li ul li a{ color: #000; padding-left: 10px; }

.aboutcon{ width:77%;  margin-top:20px;}
.aboutlist{ overflow:hidden; margin-bottom:30px;}
.aboutlist ul li{ height:130px; background-size:cover; margin-bottom:10px;}
.aboutlist ul li a{ width:51%; display:block;background:#3542aa; color:#fff; font-size:20px; height:100%; padding-left:10px; padding-top:87px;}
.aboutlist ul li a:hover{text-decoration:none;}
.aboutlist ul li:first-child+li a{background:#666666;}
.aboutlist ul li:first-child+li+li+li a{background:#666666;}
@media screen and (max-width:767px){
.aboutnav{display:none;}
.aboutcon{ width:100%;}	
.aboutlist ul li a{ font-size:1.35em; line-height:18px;}
.aboutpl{ margin-left:0px;}

}
/*about结束*/
/*我们的历史开始*/


#main{width:95%; min-height:600px; margin:0 auto;  background:#fff; -moz-border-radius:12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px; border-radius:12px; position:relative; padding:0 50px; margin-left:5%;}
h2.top_title{margin:4px 20px; padding-top:15px; padding-left:20px; padding-bottom:10px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#a84c10; background:url(../images/arrL.gif) no-repeat 2px 14px}
#timeline {width: 100%;overflow: hidden;margin: 0px auto;}
#dates {width: 100%;height: 60px;overflow: hidden; position: relative;background: url('../img/dot.gif') left 45px repeat-x;}
#dates li {list-style: none;float: left;width: 100px;height: 53px;font-size: 20px;text-align: center;background: url('../img/biggerdot.png') center bottom no-repeat;}
#dates li:hover{ background:url(../img/biggerdot_hover.png) no-repeat center bottom;}
#dates a {line-height: 38px;padding-bottom: 20px; color:#999999;}
#dates a:hover{ color:#3441aa; text-decoration:none;}
#dates .selected {font-size: 20px; color:#3441aa; list-style:none; text-decoration:none;}
#issues {width: 100% !important;overflow: hidden; height:600px;}	
#issues li {width: 100%;list-style: none;float: left;background:#f1f1f1; position:absolute; top:100px; left:0px; display:none;}
#issues li h1 {color: #ffcc00;font-size: 42px;margin: 20px 0;text-shadow: #000 1px 1px 2px;}
#issues li{font-size: 14px;margin-right: 70px; font-weight: normal;line-height: 22px; padding:30px;min-height:300px; border-bottom:20px solid #3441aa; width:100%;}
#issues li img{width:100%;}
#issues li.selected{ display:block !important;}
#prev{ position:absolute; left:13px; top:14px; z-index:9;}
#next{ position:absolute; right:13px; top:14px; z-index:9;}
.MYLISHI h2{ margin-left:5%; color:#9b9fa0;}
@media screen and (max-width:767px){
	#main{padding:0px;}
	#dates .selected{font-size:16px;}
	#dates li{font-size:14px;}
	#prev{ position:absolute; left:-0px; top:14px; z-index:9;}
#next{ position:absolute; right:-0px; top:14px; z-index:9;}
}

/*我们的历史结束*/

/*企业文化开始*/
.aboutcon{min-height:300px;}
.aboutnr{ color:#666666; }
.aboutnr span{ font-size:18px; color:#636363; display:block; padding:20px 0; font-weight:800;}
.conlist{width:100%; overflow:hidden; margin-top:20px; margin-bottom:80px;}
.conlist ul li{ width:32%; margin-right:2%; float:left; margin-bottom: 30px;}
.conlist ul li a:hover{ text-decoration:none;}
.conlist ul li:nth-child(3n){ width:32%; margin-right:0%;}
.conlist ul li img{width:100%;}
.conlist ul li span{display:block; background:#3542aa; color:#fff; font-size:14px; min-height:50px; line-height:2rem; padding:1rem;}
.conlist ul li:nth-child(2n) span{ background:#666666; height:26px; overflow:hidden}
.conlist p{ color:#fff;}

.xban{ margin-top:15px; position:relative;}
.xban span{position:absolute; bottom:15px; left:10px; color:#fff; font-size:18px;}
/*企业文化结束*/

/*社会责任*/
.aboutnr{ margin-bottom:5%;}
.respon{ margin-top:20px; width:765px; margin-bottom:50px;}
.responban{ background:url(../images/zr_03.jpg) no-repeat; height:198px; width:765px;  color:#333; padding:20px 0 30px 206px; border-bottom:30px solid #3542a8; font-size:14px; line-height:26px;}
.responban h3{ font-size:36px; }
.responlist ul li img{border:solid 1px #a4a3a3;}
.responlist ul{    outline: solid 1px #d1d1d1; padding: 24px 24px 1px; position: relative; width: auto; -moz-box-shadow: 0 0 15px #d1d1d1; -ms-box-shadow: 0 0 15px #d1d1d1; -o-box-shadow: 0 0 15px #d1d1d1; -webkit-box-shadow: 0 0 15px #d1d1d1; box-shadow: 0 0 15px #d1d1d1; overflow:hidden;}
.responlist ul li{ width:33.3333%; float:left; padding:5px; position:relative;}
.responlist ul:before {
    background: #888;
    content: "";
    display: block;
    height: 58px;
    left: 0;
    position: absolute;
    right: 0;
top: 0;}
.responlist ul li h4{ font-size:14px; color:#666;}
.responlist ul li p{padding-top:0px; display:none;}

.respon_crlist{ padding-left:25px;}
.respon_crlist span{ padding:0px; background:url(../images/dd.jpg) no-repeat left center; padding-left:10px; line-height:28px; font-size:12px; color:#666666; font-weight:normal;}
.main-content .respon_crlist p:first-child{ padding:0px;padding-left:10px; }


.activelist{ margin-bottom:5%;}
.activelist ul li{ padding-bottom:3%; margin-top:3%; overflow:hidden;}
.activelist .activeimg{ float:left; width:25%;}
.activelist .activeimg img{width:100%;}
.activelist .activecon{ float:left; margin-left:5%; width:70%;}
.activelist .activecon h3{ margin-top:0px; font-size:22px; color:#888d8e;}

/*社会责任结束*/
/*客户*/

.kehu .kehujianjie{background:#e5e9ea; padding:3%;}
.kehu .kehujianjie h3 { margin-bottom:20px;}
.kehu .kehujianjie h3 span{ font-size:16px;}
.kehu .kehujianjie p{ font-size:16px; color:#666666; line-height:30px;}
.kehulisttit{ background:#666666; padding:2% 5%; margin:10px 0; font-size:20px; color:#fff;}
.kehulisttit a{ float:right;}
.kehulxiala{ position:relative; height:auto; padding:3% 2%; width:96%; display:none;}

/*客户结束*/

/*产品能力*/
.prolist{ margin:3% 0; overflow:hidden;}
.prolist ul li{ width:32%; float:left; background:#3542aa; position:relative; margin-bottom:15px; margin-right:2%;}
.prolist ul li:nth-child(2n){ background:#666666;}
.prolist ul li:nth-child(3n){ margin-right:0px;}
.prolist ul li:nth-child(5){display:none;}
.prolist ul li:nth-child(6){ background:#3542aa;}

.prolist ul li img{ width:55%; float:right;}
.prolist ul li:hover .prolistbg{display:block; transition:all 0.5s;}
.prolist ul li a{ color:#fff; display:block; overflow:hidden;}
.prolist ul li span{position:absolute; bottom:10px; left:15px; font-size:16px; max-width:36%;}
.prolistbg{ background:url(../images/tm.png) repeat; display:none; position:absolute; width:100%; height:100%;}
.productshow{  width:100%; float: left; }
.productshow .bs-slider{ margin: 0 auto; }
.productshow .carousel-inner>.item>img{ max-height: 187px; }
.productshow  .indicators-line > .carousel-indicators{ bottom: -60px; top: auto;  background: #858585; width: 100% !important; padding:0 40%;height: 50px; right: 0%; }
.productshow  .indicators-line > .carousel-indicators li{ margin-top:20px; }
.productshow .contnair{ overflow: inherit !important; }
.productshow .bs-slider{overflow: inherit;}
.productshow  .slide-text p{ font-size: 14px; }
.productshow .carousel-inner .item img{  border-bottom: 10px solid #666666;}
.productshow .bs-slider .bs-slider-overlay{ background: none;   }
.pcon{ margin-bottom: 100px; }
.productshow_list{ float: right; width: 35%; }
.productshow_list ul li{ margin-bottom: 20px; }
.productshow_list ul li:nth-child(2n) span{ background: #666666; }
.productshow_list ul li img{ width: 100% }
.productshow_list span{ background: #3542aa; color: #fff; display: block; width: 100%; height: 50px; line-height: 2em; padding:1em; font-size: 14px; }
.productshow_list ul li a:hover{ text-decoration: none; }
.yglist{width:100%; overflow:hidden; margin-top:20px; margin-bottom:80px;}
.yglist ul li{ width:48%; margin-right:4%; float:left; margin-bottom: 30px;}
.yglist ul li a:hover{ text-decoration:none;}
.yglist ul li:nth-child(2n){ width:48%; margin-right:0%;}
.yglist ul li img{width:100%;}
.yglist ul li span{display:block; background:#3542aa; color:#fff; font-size:14px; min-height:50px; line-height:2rem; padding:1rem;}
.yglist ul li:nth-child(2n) span{ background:#666666;}


/*员工*/
.yzlist{ margin-bottom: 50px; overflow: hidden; }
.yzlist ul li{padding-bottom: 30px; margin-top: 30px; overflow: hidden; width: 100%; border-bottom: 1px solid #cccdbb;}
.yzlist .yzlist_img{ float: left; width: 30%; }
.yzlist .yzlist_info{ float: right; width: 68%; }
.yzlist .yzlist_info p{ background: url(../images/dian.jpg) no-repeat left 10px; padding-left: 10px; color: #666; line-height: 24px;  }
.yzlist .yzlist_info h1{ font-size: 20px;  margin-bottom: 20px;}

.yzlist .yzlist_yginfo{ float: right; width: 68%; }
.yzlist .yzlist_yginfo p{ color: #666; line-height: 24px; margin-top: 0px;  }
.yzlist .yzlist_yginfo h1{ font-size: 20px; }

/*联系我们*/

.contacts{overflow: hidden; width: 100%; margin-top: 30px;}
.contacts ul{ width: 258px; margin:0 auto; }
.contacts ul h3{color: #666666; font-weight: bold; }
.contacts ul p{ line-height: 24px; }
.contacts_map{ margin: 50px 0; }
.contacts_map img{ width: 100%; }

/*职业发展*/
.jobstnr{ margin-bottom:0px;}
.joinnr{ margin-bottom:20px;}
.jobs ul li span{ min-height: 100px; }

.joinlist ul li a{ width: 35%; background:#3542aa url(../images/bt.png) no-repeat 95% 105px;}
 .joinlist ul li:first-child+li a{ background:#666 url(../images/bt.png) no-repeat 95% 105px;}
.joinlist ul li:first-child+li+li+li a{ background:#666 url(../images/bt.png) no-repeat 95% 105px;}



 /*常见问题*/
 .faq{ padding-left: 16px;  overflow: hidden; margin-bottom: 50px;}
 .faq ol{ padding: 0px; margin: 0px; }
 .faq ol li{list-style:inherit;}
  .faq ol .faq_info{ margin-top: 20px;  margin-bottom: 20px; display: none;}
   .faq ol li a{ text-decoration: none; }
   .jobstnr>a{ }
   .kaion{padding-left: 0px; display: block;  margin-bottom: 10px; margin-top: 10px;}



   .jobshow{ overflow: hidden; margin-bottom: 50px; margin-top: 20px;}
/*我在宇遨*/
.imyuao{ background: #efeeef; margin-top: 20px; margin-bottom: 50px; overflow: hidden;}
   .imyuao_info{ padding: 20px; overflow: hidden;}
   .imyuao_info img{ float: left; width:170px; padding-right: 10px; padding-bottom: 10px; }
   .imyuao_info p{ color: #3b3b3b; line-height: 22px;font-size: 12px; }
    .imyuao_info span{ color: #3b3b3b; text-align: left; }
    .imyyuao_img{ background: #deddde;  padding: 20px; overflow: hidden;}
    .imyyuao_img ul li{ float: left; width: 32%; margin-right: 2%; }
    .imyyuao_img ul li:nth-child(3){ margin-right: 0px; }
    .imyyuao_img ul li img{ width: 100%; }
    .imyuao_list{ overflow: hidden; width: 100%; padding: 20px;}
    .imyuao_list ul li{ float:  left; width: 23%;  margin-right: 2.5%; margin-bottom: 20px;}
    .imyuao_list ul li:nth-child(4n){ margin-right: 0px; }
    .imyuao_list ul li img{ width: 100%; }

    /*空缺职位*/
    .nojobs{ overflow: hidden; width: 100%; margin-top: 20px; margin-bottom: 50px; }
    .job_search{ width: 25%; float: left; }
    .job_list{ float: right; width: 68%; }
    .job_list ul li{ padding-left: 10px; background: #f1f1f1; height: 25px; line-height: 25px;}
    .job_list ul li:nth-child(1){background: #666666; color: #fff; font-weight: bold;}
    .job_list ul li:nth-child(2n){background: #fff; }
    .job_list ul li a{ color: #666; }
     .job_list ul li a:hover{text-decoration: none;}
    .job_search .form-horizontal .form-groups{ margin-left: 0px; margin-right: 0px; margin-bottom: 5px; }
    .job_search .form-horizontal .form-group{ margin-left: 0px; margin-right: 0px; margin-bottom: 5px; }
    .job_search .form-horizontal .form-groups select{ width: 100%; height: 20px; outline-style: none; }
    .form-groups label{ width: 100%; display: block;  color: #737373; font-weight: bold; margin-bottom: 1px;}
    .job_search .radio-inline+.radio-inline,.job_search .checkbox-inline+.checkbox-inline{ margin-left: 5px; }
    .disblock{ display: block; width: 100%;  color: #737373; font-weight: bold; margin-bottom: 0px;}
    .job_search .form-horizontal a{ background: #3542aa; color: #fff; width: 50px;display: block; height: 30px; text-align: center; line-height: 30px; text-decoration: none; font-weight: bold; margin-top: 10px; }
    .job_search .form-horizontal span{ color: #3542aa; margin-bottom: 5px; font-weight: bold; font-size: 14px; display: block; line-height: 1; }
    

    /*在校生发展机会*/
    .student ul li{ width: 23%; }
    .student ul li:nth-child(3){ width: 23%; margin-right: 2%; }
    .student ul li:nth-child(4){ width: 23%; margin-right: 0%; }
    .conlist ul li span{ padding:0.5em 1em; line-height: 1.7em; min-height: 72px; }
    @media(max-width: 768px){

      .aboutnr img{ width: 100%; }
      .student ul li{ width: 48% }
      .student ul li:nth-child(2){ margin-right: 0px; }
      .student ul li:nth-child(3){ width: 48%; margin-right: 2%; }
      .student ul li:nth-child(4){ width: 48%; margin-right: 0%; }

      .conlist ul li{ width: 48%; }
      .conlist ul li:nth-child(3){ width: 48%; }
      .yzlist .yzlist_img{ width: 100% }
      .yzlist .yzlist_yginfo{ width: 100%; }
      .yzlist .yzlist_yginfo h1{ font-size: 16px; margin-top: 5px; }
      .yzlist .yzlist_yginfo p{ margin-top: 5px; }
      .yzlist .yzlist_info{ width: 100%; }
      .yzlist .yzlist_info h1{ font-size: 16px; margin-top: 5px; margin-bottom: 5px; }
      .yzlist .yzlist_info p{ margin-top: 5px; }
      .productshow{ width: 100%; }
      .productshow_list{ width: 100%; display: none; }
      .pcon{ margin-bottom: 50px; }
      .contacts ul{ width: 100%; }
	  .prolist ul li{ width:100%;}
	  .respon{ width:100%;}
	  .respon .responban{ width:100%; padding:10px 0px;}
	  .responlist ul li{ width:100%;}
	  .responban h3{ font-size:28px !important;}
	  .prolist ul li:hover .prolistbg{display:none; transition:all 0.5s;}
	  .indicators-line  .carousel-indicators{display:block !important;}

    }