﻿

.about-wrap, .news-wrap, .con-box, .pro-wrap, .message-box {
  padding-top: 0px;
  padding-bottom: 50px;
  width:100%;
  overflow:hidden;

}

.about-box .main,  .news-wrap .main, .con-box .main {
  padding:0px 0px;
  background: #fff ;
  margin: 0 auto;
     font-size: 14px;
  line-height: 28px;
  color: #666;


}
.pro-wrap{ background: #f5f5f5 ;}
 .news-wrap .main, .pro-wrap .main , .message-box .main{ margin-top: 50px;}
 .message-box{background: url(bg_mess1.jpg) no-repeat center;
 overflow:hidden;height:600px;}
 
 
 .c-title{padding-left:24px;background:url(tibg.png) 0px 10px no-repeat;width:724px;height:40px;line-height:40px;margin:12px auto;border:1px dashed #d8d8d8;}
 .c-title h3{display:none;padding-bottom:15px;font-size:18px;color:#1ab4a0;    text-transform: uppercase;line-height:25px;}
.Current{float:left;font-size:14px;}


@media only screen and (max-width: 1170px) {
	.about-box, .news-wrap, .con-box, .pro-wrap {
	padding-top: 0px;
  padding-bottom: 50px;
  width:98%;
  padding:1%;
  float:right;
  overflow:hidden;

}
.about-box .main, .news-wrap .main, .con-box .main {
  padding:0px 0px;
  background: #fff ;
  margin: 0 auto;
     font-size: 12px;
  line-height: 25px;
  color: #666;


}
	.c-title, .Current{display:none}
	}





.about-wrap .group, .duty-wrap .group {
  padding: 4.8% 0 6.5%;
  background: #f5f5f5;
  font-size: 14px;
  line-height: 2;
  color: #777;
  text-align: center;
}
.about-wrap .group .detail {
  width:100%;
  padding-top: 3%;
  margin: 0 auto;
  text-align: left;
  font-size:14px;
}
.about-wrap .group .detail h2 {
  font-size: 20px;
  line-height: 2;
  color: #000;
  margin-bottom: 7px;
}
.about-wrap .group .detail a {
  display: inline-block;
  width: 136px;
  border: 1px solid #035cac;
  background: #035cac;
  margin-top: 4.6%;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  transition: all 0.5s;
}
.about-wrap .group .detail a:hover, .duty-wrap .group .detail a:hover {
  background: #f5f5f5;
  color: #035cac;
}
@media only screen and (max-width: 980px) {
  .about-wrap .group, .duty-wrap .group {
    padding: 9% 0 13%;
  }
  .about-wrap .group .detail, .duty-wrap .group .detail {
    width:96%;
    padding-top: 6%;
  }
}


.about-wrap .mission{
  padding: 5.2% 0 2.8%;
  background: url(bg_bg05.jpg) no-repeat center;
  background-size: cover;
}
.about-wrap .mission .scroll-box{
  width: 73.5%;
  height: 348px;
  margin: 1.4% auto 1.8%;
  font-size: 14px;
  line-height: 26px;
  color: #666;
  text-align: center;
}
.about-wrap .mission .scroll-box .scroll{
  left: 0;
  top: 0;
  width: 100%;
}
.about-wrap .mission .scroll-box h2{
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 2;
  color: #000;
}
.about-wrap .mission .btns {
  height: 29px;
  text-align: center;
}
.about-wrap .mission .btns span {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(prev02.png) no-repeat;
  margin: 0 8px;
  cursor: pointer;
}
.about-wrap .mission .btns span.down{
  background-image: url(next02.png);
}

.about-wrap .mission .detail{
	text-align:center}
.about-wrap .mission .detail p{margin-bottom:30px;}
.about-wrap .mission .detail p strong{font-size:20px;}

@media only screen and (max-width: 980px) {
  .about-wrap .mission{
    padding: 10% 0;
    background-image: url(bg_bg06.jpg);
  }
  .about-wrap .mission .scroll-box{
    width: 100%;
    height: auto;
  }
  .about-wrap .mission .scroll-box .scroll {
    position: relative;
  }
  .about-wrap .mission .btns{
    display: none;
  }
}

.about-wrap .honor, .duty-wrap .honor {
  padding: 3.3% 0 4.3%;
}
.about-wrap .honor{
  border-bottom: 1px solid #e0e0e0;
}
.about-wrap .honor.bggray, .duty-wrap .honor.bggray {
  background: #f5f5f5;
}
.about-wrap .honor .tips, .duty-wrap .honor .tips {
  font-size: 14px;
  line-height: 2;
  color: #666;
  text-align: center;
}
.about-wrap .honor .list, .duty-wrap .honor .list {
  margin-top: 5%;
}
.about-wrap .honor li, .duty-wrap .honor li {
  position: relative;
  overflow: hidden;
  padding-bottom: 5.5%;
  margin-bottom: 2.5%;
}
.about-wrap .honor li a{
  display: block;
}
.about-wrap .honor li img, .duty-wrap .honor li img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  box-reflect: below 0 -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.2) 94%, rgba(255, 255, 255, 0.4) 96%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0.8) 100%);
}
.about-wrap .honor .btn, .duty-wrap .honor .btn {
  text-align: center;
}
.about-wrap .honor .btn a, .duty-wrap .honor .btn a {
  display: inline-block;
  width: 136px;
  background: #035cac;
  border: 1px solid #035cac;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  transition: all 0.5s;
}
.about-wrap .honor .btn a:hover, .duty-wrap .honor .btn a:hover {
  background: none;
  color: #035cac;
}
@media only screen and (max-width: 980px) {
  .about-wrap .honor, .duty-wrap .honor {
    padding: 6% 0 8%;
  }
  .about-wrap .honor .w1200, .duty-wrap .honor .w1200 {
    width: 100%;
  }
  .about-wrap .honor li a, .duty-wrap .honor li a {
    display: inline-block;
    width: 90%;
    margin: 0 5%;
  }
}










.inside-title, .about-wrap .title, .duty-wrap .title, .projects-wrap .tips .title, .bases-wrap .title {
  text-align: center;
  font-size: 30px;
  line-height: 36px;
  color: #777;
  text-transform: uppercase;
}
.inside-title p, .about-wrap .title p {
  margin-bottom: -5px;
}
.inside-title p.fz, .about-wrap .title p.fz {
  font-size: 20px;
  line-height: 28px;
}
.inside-title span, .about-wrap .title span{
  position: relative;
  display: inline-block;
  padding: 0 35px;
  font-size: 22px;
  line-height: 36px;
  color: #035cac;
}
.inside-title span:before, .about-wrap .title span:before, .duty-wrap .title span:before, .projects-wrap .tips .title span:before, .bases-wrap .title span:before, .inside-title span:after, .about-wrap .title span:after, .duty-wrap .title span:after, .projects-wrap .tips .title span:after, .bases-wrap .title span:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 17.5px;
  width: 27px;
  height: 1px;
  background: #c8c8c8;
}
.inside-title span:before, .about-wrap .title span:before {
  left: 0;
}
.inside-title span:after, .about-wrap .title span:after {
  right: 0;
}
.inside-title.white, .about-wrap .white.title{
  color: #fff;
}
.inside-title.white span, .about-wrap .white.title span {
  color: #fff;
}
.inside-title.white span:before, .about-wrap .white.title span:before{
  background: #fff;
  opacity: 0.8;
}

.piclist ul li{width:30%;padding:0.5%;border:1px #ccc dotted;margin:1%;float:left;
}
.piclist ul li img{width:100%}
.piclist ul li  .time{
	text-align:center}


.honorlistpic li{width:43%;padding:1%;border:1px #ccc dotted;margin:2%;float:left;}
.honorlistpic li img{width:100%}

.about-box strong{    
   font-size: 15px;
    color: #1ab4a0;}

.about-box .main h5{font-size:20px;color:#1ab4a0;line-height:40px;
font-weight:normal}
.gshj{padding-top:0px;margin-top:20px;border-top:0px #ddd dotted}
.gshj img{padding-left:40px;}
@media only screen and (max-width: 980px) {
.piclist ul li{width:43%;padding:1%;border:1px #ccc dotted;margin:2%;float:left;}
.piclist ul li img{width:100%}
.about-box strong{    
   font-size: 12px;
    color: #1ab4a0;}
}
.pro-wrap .main2 {
	width:100%;
padding:0px;
  margin: 0 auto;
   border-radius:10px;
     font-size: 15px;
  line-height: 28px;
  background:#fff;
  color: #333;

}
.pro-wrap .ul_list_pic li{width:348px;margin-right:15px;margin-bottom:30px;float:left;padding:15px 15px 10px 15px;background:#fff;
position:relative;
text-align:center;}
.pro-wrap .ul_list_pic li.img{background:#fff;width:100%;border:#ddd 0px dotted;
}
.pro-wrap .ul_list_pic li .img>img{width:348px;height:240px;}
.pro-wrap .ul_list_pic li:nth-child(3n){margin-right:0%}
.pro-wrap .ul_list_pic p{font-size:16px;color:#061e40;line-height:40px;padding-top:10px;}
.i-p-hover2{background:#ffd966;width:346px;height:238px;
position:absolute;top:16px;left:16px;
z-index:9999;
opacity:0.9;
display:none;
animation:fadeIn 0.7s;
text-align:center;line-height:218px;
}
.i-p-hover2>img{width:44px;height:44px;}

@media only screen and (max-width: 1170px) {
	.pro-wrap .ul_list_pic li{background:#fff;margin-bottom:20px;width:30.33%;margin:0.5%;padding:1%;
text-align:center;
overflow:hidden}
.pro-wrap .ul_list_pic li .img{background:#fff;width:100%;padding:0%;border:#ddd 0px dotted;
}	
.pro-wrap .ul_list_pic li .img img{width:100%;height:auto;}
.pro-wrap .ul_list_pic li .time{font-size:12px;}
.pro-wrap .ul_list_pic li:hover .img{margin-right:0px;border:#1ab4a0 0px dotted;
position:relative}
.pro-wrap .ul_list_pic li:nth-child(3n){margin-right:0px;}

.pro-wrap .ul_list_pic li img{width:97%;height:auto;border:#ddd 0px dotted;padding:1%}
}



@media only screen and (max-width: 768px) {	
.pro-wrap .main2 {
	width:100%;
padding:0px;
  margin: 0 auto;
   border-radius:0px;
     font-size: 15px;
  line-height: 28px;
  background:#fff;
  color: #333;

}
.pro-wrap .ul_list_pic li{background:#fff;margin-bottom:20px;width:47%;margin:0.5%;padding:1%;
text-align:center;
overflow:hidden}
.pro-wrap .ul_list_pic li .img{background:#fff;width:100%;padding:0%;border:#ddd 0px dotted;
}

.pro-wrap .ul_list_pic li:hover .img{margin-right:0px;border:#1ab4a0 0px dotted;
position:relative}
.pro-wrap .ul_list_pic li:nth-child(3n){margin-right:0px;}

.pro-wrap .ul_list_pic li img{width:97%;height:auto;border:#ddd 0px dotted;padding:1%}


.pc_list ul li{margin-bottom:20px;width:46%;margin:0% 2%;
text-align:center;float:left;
overflow:hidden;font-size:12px;}
.pc_list ul li:nth-child(2n){margin-right:0px;}
.pc_list ul li img{width:100%;border:0px #ccc dotted}

}












.show_product{margin-top:20px; width:100%;padding:20px 0px}

.show_left{width:450px; height:384px; text-align:center;float:left;margin-left:20px;
position:relative}
.show_left .img{ padding:0px; margin-bottom:10px;border:0px solid #ccc;
text-align:center}
.show_left .img img{border:0px;width:450px;height:310px;}
.show_left .img_go{}
.show_left .img_go span{width:4px; height:48px; background:url(icon5.gif) no-repeat 0 center; float:left;}
.show_left .img_go span.spanR{width:4px; height:48px; background:url(icon5.gif) no-repeat -5px center; float:right;}
.show_left .img_go .gallery{width:348px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;}
.show_left .img_go .gallery ul{width:auto;}
.show_left .img_go .gallery li{float:left; width:68px; margin:0 2px;}
.show_left .img_go .gallery li img{width:66px; height:56px; display:block; border:1px solid #ccc;}
.show-right{width:600px; float:left;font-size:14px;margin-left:50px;
z-index:1}
.show-right ul li{display:block;line-height:40px; padding:0px;width:100%;border-bottom:#ddd 1px dashed;z-index:1}
.show-right ul li b{color:#0168b7;font-size:26px;line-height:60px;z-index:1}
.show-right li span{font-weight:bold; color:#777;z-index:1}
.show-right .eqmail{padding-top:30px;}
.show-right .eqmail a{background:#f17b00;display:block;padding:5px 10px;width:150px;
text-align:center;color:#fff;
border-radius:5px}
.show-right .eqmail a:hover{background:#0168b7}

.show_q_body{line-height:32px;color:#666;font-size:14px;background:#fff;padding:20px;
overflow:hidden}
.show_q_body h1{font-size:16px;font-weight:bold;margin-bottom:10px;
    height: 50px;
    line-height: 50px;
    background: #f6f6f6;
    position: relative;}
	.show_q_body h1 b{background:#0168b7;color:#fff;display:block;width:150px;
	text-align:center}
.show_q_body table{margin:20px 0px 10px;line-height:25px;
border-collapse:collapse;}
.show_q_body table td{border:#ccc 1px solid;}
.show_q_body .showfont{padding:20px;}


@media only screen and (max-width: 769px) {	
.show_product{margin-top:20px; width:96%;margin:0 auto;}
.show_left{width:100%; height:auto; text-align:center;float:none;margin:0 auto;margin-left:0px;}
.show_left .img img{border:0px;width:100%;height:auto}
.show_left .img_go .gallery{width:80%; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;}
.show-right ul li b{color:#0168b7;font-size:22px;line-height:60px;z-index:1}
.show-right{width:95%; float:right;font-size:14px;padding-left:5%}
.show-right .eqmail{padding-top:30px;display:none}
.show_q_body {font-size:12px;line-height:25px;padding:20px 0px;}
.show_q_body h1{font-size:14px;font-weight:bold;margin-bottom:10px;
    height: 50px;
    line-height: 50px;
    background: #f6f6f6;
    position: relative;}
.show_q_body table{margin:0px;line-height:25px;
border-collapse:collapse;font-size:10px;}
.show_q_body table td{bfont-size:10px;}
}



.con-box .main {
	position:relative;
  width: 100%;
  padding: 50px 10px 50px 0px;

  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  float:left;
}

.con-box  .main h2 {
font-size: 20px;
line-height:40px;

    color: #1bb4a0;
	
	letter-spacing:0px;

}
.con-box .mapbox{

  width:700px;
  height:270px;
  float:left;
  border:#ddd 1px dotted;padding:10px;

}
.con-box .map{
  width:700px;
  height:270px;


}


@media only screen and (max-width: 980px) {	
.con-box .mapbox{

  width:100%;
  height:270px;
  float:left;
  border:#ddd 1px dotted;padding:1px;

}
.con-box .map{
  width:100%;
  height:270px;


}
}


.con-box  .text h2 {
font-size: 20px;
line-height:40px;

    color: #0168b7;
	
	letter-spacing:0px;

}

.con-box .text{
	float: left;
    width: 50%;
	margin-bottom:50px;
}

.con-box .text50{
	float: left;
    width: 33%;
	margin-bottom:50px;
}
	

.con-box .text .txt{
	width:80%;
    font-size: 14px;
    color: #666;
    line-height: 2;
    margin-bottom: 25px;}
.con-box .text .txt em{width:30px;padding-rgiht:15px; display:block;float:left;}

@media only screen and (max-width: 1170px) {
	.con-box .text{
	float: left;
    width: 50%;
	margin:0 auto;
	height:200px;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
}
.con-box .text .txt{width:80%;}		
}

@media only screen and (max-width: 768px) {	
.con-box .text{
	float: left;
    width: 98%;
	margin:0 auto;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
}
.con-box .text .txt{width:100%; margin-bottom: 25px}

.con-box .text50{
	float: left;
    width: 100%;
	margin-bottom:50px;
}
		
}

.ul_list_article li {
	width:100%;
  height:50px;
  line-height:40px;
    font-size: 14px;
  border-bottom:#ddd 1px dashed;

}
.ul_list_article li span{float:right;}
.ul_list_article li a {
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 40px;
  color: #666;
}
.ul_list_article li a:hover {
color:#f27a00
}



.ul_list_article_zh li {
	width:100%;
  float: left;
  height:auto;
  padding: 10px;
  background:#fff;
  
  margin-bottom: 20px;
  color:#666;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}

.ul_list_article_zh li .time{
 font-size:12px;
  color: rgba(122, 122, 122, 0.8);
  padding:10px 0px;
}
.ul_list_article_zh li .more{ 
font-size:12px;
  color: rgba(122, 122, 122, 0.8);
  padding-top:20px;}
.ul_list_article_zh li img{float:left;width:200px;height:157px;margin-right:30px;}
.ul_list_article_zh li a {
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 30px;
  color: #333;
}
.ul_list_article_zh li:hover {
  border-color: #fa6551;
  background: #f4f4f4;
  color:#1ab4a0;
}

@media only screen and (max-width: 768px) {	
.ul_list_article li {

  height:auto;
  line-height:25px;
  padding:10px 0px;


}
.ul_list_article li span{float:none;padding-right:10px}
.ul_list_article li a {

  line-height: 25px;

}
.newscontent img{max-width:100%}
}




.newsinfo-wrap h2 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  font-size: 16px;
  color: #000;
  text-align: center;
  font-weight:bold;
}
.newsinfo-wrap .info {

 text-align: center;
  font-size: 12px;
    margin-bottom: 30px;
border-bottom: 1px solid #dcdcdc;
}

.newsinfo-wrap .intro {
  padding-bottom: 148px;
  font-size: 14px;
  line-height: 28px;
  color: #666;
}

.arc_link{font-size:12px;}


.ul_list_case li{width:25%}


.map99{
	width:1920px;
	height:768px;
	border:#ccc solid 1px;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;

}
.map_bg{
	position:relative;
}
.contact_notice{
	width:390px;
	height:380px;
	position:absolute;
	right:360px;
	top:200px;
	background-color:#fff;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.MN_h{
	width:240px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	
}
.MN_p1{
	color:#333;
	font-size:18px;
	margin-bottom:24px;
	margin-top:30px;
	
}
.MN_p2{
	color:#808080;
	font-size:12px;
	
}
.MN_p2 table tr{
	height:24px;
}


.jobimg{float:left;width:512px;margin-right:30px;}
.jobtxt{width:530px;float:left;}
.jobtxt strong{font-size: 18px;
    color: #1ab4a0;}
.jobtxt p{font-size: 14px;padding-bottom:20px;margin-bottom:20px;border-bottom:#f1f1f1 1px solid;}


.talent-wrap {
  margin-top: 0px;
  background-color: #f5f5f5;
padding:5px 0 50px;
}
.talent-wrap .navbox {
  width: 100%;
}
.talent-wrap .navbox a {
  float: left;
  display: block;
  width: 50%;
  line-height: 68px;
  font-size: 20px;
  text-align: center;
  color: #666;
  background-color: #ededed;
}
.talent-wrap .navbox a:hover {
  color: #0164bc;
}
.talent-wrap .navbox a.hover {
  background-color: #0164bc;
  color: #fff;
}
.talent-wrap .list {
  margin-top: 57px;
}
.talent-wrap .list ul, .talent-wrap .list li {
  width: 95%;
  margin:0 auto;}
.talent-wrap .list li {
  margin-bottom: 2px;
}
.talent-wrap .list .titbox {
  width: 91%;
  padding: 20px 4.5%;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  position: relative;
}
.talent-wrap .list .tit {
  font-size: 16px;
}
.talent-wrap .list .butn {
  display: inline-block;
  padding-right: 50px;
  background: url("ico_03.png") no-repeat right center;
  cursor: pointer;
  font-size: 14px;
}
.talent-wrap .list .butn:hover {
  color: #026dcc;
}
.talent-wrap .list .sub-cont {
  width: 100%;
  margin-bottom: 15px;
  background-color: #fff;
  display: none;
}
.talent-wrap .list .top-tit {
  width: 91%;
  background-color: #696969;
  height: 70px;
  line-height: 70px;
  cursor: pointer;
  padding-left: 4.5%;
  padding-right: 4.5%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.talent-wrap .list .top-tit .ico {
  display: inline-block;
  width: 25px;
  height: 13px;
  background: url("ico_04.png") no-repeat center;
  margin-top: 28px;
}
.talent-wrap .list .top-tit .name {
  color: #fff;
  font-size: 16px;
}
.talent-wrap .list .top-tit .f20 {
  font-size: 20px;
    color: #fff;
}
.talent-wrap .list .cont-wrap {
  width: 91%;
  padding: 0 4.5%;
}
.talent-wrap .list .tabbox {
  padding-top: 42px;
  padding-bottom: 37px;
  border-bottom: 1px solid #dfdfdf;
}
.talent-wrap .list .tabbox td {
  color: #333;
}
.talent-wrap .list .tabbox .tt {
  font-size: 14px;
  color: #666;
}
.talent-wrap .list .info {
  border-bottom: 1px solid #dfdfdf;
  padding-top: 20px;
  padding-bottom: 36px;
  font-size:14px;line-height:30px;
}
.talent-wrap .list .info .word {
  display: block;
  margin-top: 10px;
  line-height: 26px;
  font-size: 14px;
}
.talent-wrap .list .info .boxs {
  width: 40%;
}
.talent-wrap .list .info .left {
  padding-right: 10%;
  border-right: 1px solid #f2f2f2;
}
.talent-wrap .list h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
  color: #333;
}
.talent-wrap .list .bot-hand {
  padding-top: 36px;
  padding-bottom: 30px;
}
.talent-wrap .list .bot-hand .apply {
  display: block;
  width: 158px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #026dcc;
  border-radius: 2px;
  padding: 0;
  margin: 0;
}
.talent-wrap .list .bot-hand .btn {
  display: inline-block;
  font-size: 14px;
  color: #999;
  line-height: 40px;
  padding: 0 0 0 26px;
  margin: 0 0 0 20px;
  float: right;
  height: 40px;
}
.talent-wrap .list .bot-hand .a1 {
  background: url("ico_06.png") no-repeat left center;
}
.talent-wrap .list .bot-hand .a2 {
  background: url("ico_07.png") no-repeat left center;
}
















.page {
  margin-top: 20px;
  text-align: center;
}
@media only screen and (max-width: 980px) {
	.page{display:none}
	}
.pages {
  position: relative;
  border-top: 1px solid #dcdcdc;
  padding-top: 20px;
  font-size: 13px;
  line-height: 24px;
  color: #888;
}
.pages a {
  display: inline-block;
  color: #888;
}
.pages a:hover {
  color: #1295df;
}
.pages a.back {
  position: absolute;
  right: 0;
  top: 50px;
}
