/*关于我们*/
.about_box{ width:100%; height:198px; }
.contact_us{ width:100%; height:255px; }
.brand_introduction{ width:1200px; height:675px; }
.brand_concept{ width:1200px; height:675px; }
.blog_banner{ width:100%; height:370px;  }
.about_box h1{  line-height:60px; margin-top:185px; font-size:34px;  }
 
.mian_tab.navbg{ position:absolute; z-index:999999; }
.mian_tab{ width:100%; /*background:url(images/about_line.jpg) repeat-x left bottom; */border-bottom:1px solid #e9e9e9; overflow:hidden;    clear:both;}
.mian_tab ul{ width:100%; text-align:center; margin:0 auto; overflow:hidden; }
.mian_tab ul li{ display:inline; text-align:center; }
.mian_tab ul li a{ font-size:16px; line-height:62px; color:#333; display:inline-block;   margin:0 40px;border-bottom:3px solid #fff;}
.mian_tab ul li a:hover{ color:#24b727; border-bottom:3px solid #24b727; }
.mian_tab ul li a.current{ color:#24b727; border-bottom:3px solid #24b727; }

















.main_about{ width:1200px; overflow:hidden; padding-top:22px;}
.main_about1{ width:100%; overflow:hidden; padding-top:52px;}
.who{ width:100%; margin:0px auto; overflow:hidden; text-align:left;}
.who h1{ font-size:28px; color:#333; text-align:center; margin-top:15px;padding-bottom: 5px;
    padding-top: 10px;}
.who p{   margin:10px 10px 10px 10px; overflow:hidden;  line-height:30px;  font-size:14px;   margin-top:10px; }
.main_about .bottom{ width:1180px; margin:70px auto 90px auto; overflow:hidden;}
.main_about1 .bottom{ width:1180px; margin:70px auto 90px auto; overflow:hidden;}
.main_about .bottom dl{ width:31%; margin:0 1.1%; float:left; text-align:center; }
.main_about1 .bottom dl{ width:31%; margin:0 1.1%; float:left; text-align:center; }
.main_about .bottom dl dd{ margin-bottom:10px;}
.main_about1 .bottom dl dd{ margin-bottom:10px;}
.main_about .bottom dl dt h2{ font-size:18px; line-height:32px; color:#333;}
.main_about1 .bottom dl dt h2{ font-size:18px; line-height:32px; color:#333;}

.project_gray{ background:#f6f6f6; overflow:hidden; padding-bottom:60px;}
 
.project{ width:1230px; overflow:hidden; margin:60px auto 0px auto;}
.project .title{ width:100%; text-align:center;}
.project .title h1{ font-size:28px; color:#333; line-height:35px; margin:15px 0; }
.project .title span{ font-size:16px; color:#666;}
.project_con{ width:100%; overflow:hidden; clear:both; margin:50px auto;} 
.project_con dl{ width:380px; float:left; font-size:14px;  margin:15px;  overflow:hidden; color:#333; line-height:26px;}
.project_con dl dd{ height:240px; margin-bottom:12px; padding:1px; transition:box-shadow 218ms; } 
.project_con dl dd:hover{background-color:#ccc; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12); }
.project_con dl dd a{ display:block; width:100%; height:100%;}
.project_con dl dt a{ margin-right:25px; display:inline-block; line-height:24px; color:#333;}
.project_con dl dt a:hover{ color:#24b727;}



.path{ background:#f6f6f6; overflow:hidden; text-align:center; padding-top:10px;}
.path h1{ font-size:28px; color:#333; line-height:30px; }
.path .pic{ margin:50px auto;}

.team_box{  padding-top:80px; overflow:hidden;}
.team{ width:1200px; margin:0px auto;  lear:both;  overflow:hidden;  }
.team h1{ text-align:center; font-size:28px; line-height:30px; margin-bottom:30px; color:#333;}
.team .top{ width:995px; margin:0 auto;}
.team .top p{ font-size:14px; line-height:28px;   text-align:left;}

.team_con{ width:100%; clear:both; overflow:hidden; margin:50px auto; }
.team_con .left_cor{ width:66.6%; float:left;}
.team_con .left_cor .boxgrid{ width:50%; height:220px; border:1.5px solid #fff; float:left; overflow: hidden; position: relative;  box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;   background-position:center top;   }
.team_con .left_cor .boxgrid img{ position:absolute; top: 0; left: 0; border: 0; }
.team_con .left_cor .boxgrid .cover{ position: absolute; background:#000; height:220px; width:100%; 
opacity: .7; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.team_con .left_cor .boxgrid .cover { top:220px; left: 0;}
.team_con .left_cor .boxgrid .cover h3{ font-size:14px; color:#fff; line-height:40px; text-align:left; margin-left:15px;}

.team_con .right_cor{ width:33.3%; float:right; margin-top:1px; }
.team_con .right_cor .boxgrid{ width:100%; height:438px; overflow: hidden; position: relative; background-position:center top ;  }
.team_con .right_cor .boxgrid img{ position:absolute; top: 0; left: 0; border: 0; }
.team_con .right_cor .boxgrid .cover1{ position:absolute; background:#000; height:438px; width:100%; 
opacity: .7; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.team_con .right_cor .boxgrid .cover1 { top:438px; left: 0;}
.team_con .right_cor .boxgrid .cover1 h3{ font-size:14px; color:#fff; line-height:40px; text-align:left; margin-left:15px;}


.demand_box{ width:100%;  overflow:hidden; border-top:1px solid #e9e9e9; padding-top:80px; margin-top:20px;} 
.demand  h1{ text-align:center; font-size:28px; line-height:35px; margin-bottom:20px; color:#333;}
.demand_table{ width:685px; margin:20px auto; overflow:hidden;}
.demand_table .row{ width:100%; clear:both;  margin:0 auto;}
.demand_table label{ position:relative;  float:left;  margin:20px 15px 0 15px; display:block; }
.demand_table label span{ position:absolute; left:10px; top:10px; font-size:14px; color:#999;}
.demand_table .txt{ border:1px solid #d9d9d9; padding:10px; background:#fff;}
.demand_table .txt:focus{ border:2px solid #24b727; padding:9px; background:#fff;}
.demand_table .txt.w1{ width:290px; height:20px; line-height:20px; font-size:14px;}
.demand_table .txt.w2{ width:631px; height:116px; line-height:20px; font-size:14px;}
.demand_table .btn{ float:left; border:0; background:#24b727; border-radius:2px; width:170px; padding:0 11px;  height:50px; cursor:pointer; text-align:center; font-size:16px; color:#fff; margin-left:15px; margin-top:20px;}
.demand_table .row .btn:hover{ background:#049707;}
.demand_table .row p.xin{ color:#666; line-height:50px; font-size:14px; float:right;  margin-top:20px;  margin-right:15px;}
.demand_table .row p.xin a{ color:#24b727;}
.demand_table .row p.xin a:hover{ text-decoration:underline;}
.demand_bottom{ width:655px; margin:70px auto; overflow:hidden; }
.demand_bottom h2{ font-size:20px; line-height:30px; color:#333;}
.demand_bottom .con{ width:100%; overflow:hidden; margin-top:10px;}
.demand_bottom .con ul{ float:left; font-size:14px; color:#333; line-height:32px;}
.demand_bottom .con .xinwe{ width:320px; float:right; margin-top:12px;}
.demand_bottom .con .xinwe dl{ text-align:center; font-size:14px; color:#333; float:left; margin-left:30px;}
.demand_bottom .con .xinwe dl dd{ margin-bottom:10px;}
.demand_bottom .con ul i{ background:url(images/icon.png) no-repeat; width:19px; height:16px; display:inline-block; margin-right:15px; vertical-align:-4px;}
.demand_bottom .con ul i.j1{ background-position:0 -114px;}
.demand_bottom .con ul i.j2{ background-position:-27px -114px;}
.demand_bottom .con ul i.j3{ background-position:-51px -114px;}
.demand_bottom .con ul i.j4{ background-position:-85px -114px;}
.demand_bottom .con ul i.j5{ background-position:-112px -114px;}
.demand_bottom .con ul a{ color:#24b727; margin-left:10px;}
.demand_bottom .con ul a:hover{ text-decoration:underline;}

  
 
 @media screen and (max-width:1000px){
 .about_box{ width:100%;}
  .contact_us{ width:100%;height: 555px;}
  .brand_introduction{ width:100%; height:1080px; }
.brand_concept{ width:100%; height:1080px; }
.public{ width:760px;}
.mian_tab ul li a{ margin:0 30px;}
.who{ width:90%;}
.team .top{ width:90%;}


.mian_tab{ display:none;}
.service1 .title h1{ margin-top:0;}
.who  h1{ margin-top:0;}
}


@media screen and (max-width:760px){
	 .contact_us{ width:100%;height: 233px;}
	 .brand_introduction{ width:100%; height:428px; }
.brand_concept{ width:100%; height:428px; }
	.main_about{ width:98%; overflow:hidden; padding-top:22px;}
	.public{ width:470px;}
	.about_box{ width:100%;}
	.who h1{ font-size:24px; margin:5px 0;}
	}
 
 
 @media screen and (max-width:470px){
	 .about_box{ width:100%; }
     .contact_us{ width:100%;height:199px;}
	 	 .brand_introduction{ width:100%; height:264px; }
.brand_concept{ width:100%; height:264px; }
	 .main_about{ width:98%; overflow:hidden; padding-top:22px;}
	  .main_about .bottom{ margin:40px auto 10px auto;}
      .main_about .bottom dl{ margin:10px auto 35px auto;}
	  .about_box h1{ font-size:22px; line-height:45px;}
	  
.who{ width:100%;}
.who p{ padding:0 22px; margin-top:15px; line-height:24px; }

.team .top{ width:100%;}
.team .top p{ padding:0 22px; margin-top:15px; line-height:24px;}

.main_about .bottom{ margin:40px auto 10px auto;}
.main_about .bottom dl{ margin:10px auto 35px auto;}
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}
}