﻿
/*PicList002146 */
.PicList002146{ padding: 3% 0 0;}
.PicList002146 li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.PicList002146 li:nth-child(4n){ margin-right:0;}
.PicList002146 li a{ display:block; position:relative;}
.PicList002146 li h3,
.PicList002146 li h5{ margin:0; text-align:center; font-size:14px; font-weight:normal;}
.PicList002146 li figure{ padding-bottom:77%;}
.PicList002146 li h3{ border:1px solid #e8e8e8; border-top-width:3px; border-top:none; padding:2% 0; text-align: center; line-height:30px; position:relative;}

.PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:#0C3794; z-index:10; transition:0.3s; color:#fff; }
.PicList002146 li a:hover .hover{ opacity:1;}
.PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);}

.PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;}
.PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;}
.PicList002146 li .hover i{ display:block;  height:2px; background:#fff; width:30px; margin:10px auto;} 
.PicList002146 li .hover p{ font-size:12px; line-height:20px; margin:0; max-height:60px; overflow:hidden;}
@media(max-width:1366px){
.PicList002146 li h3,
.PicList002146 li .hover h5{ font-size:16px;}
}
@media(max-width:1366px) and (min-width:1001px){
.PicList002146 li .hover img{ width:70px; height:70px;}
.PicList002146 li .hover p{ height:40px;}
}
@media(max-width:1000px){
.PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;}
    .Menu002204 nav .tru{position: static}
    .Menu002204 nav .tru1{display: ; position: static}
    .Menu002204 nav ul li{float: left;width: 48%;text-align: center;margin: 0 1% 2% 1%;}
    .Menu002204 nav ul{padding-left: 0}
}
@media(max-width:640px) and (min-width:376px){
.PicList002146 li .hover img{ width:50px; height:50px;}
.PicList002146 li .hover p{ height:40px;}
}
@media(max-width:480px){
.PicList002146 li h3,
.PicList002146 li .hover h5{ font-size:14px;}
.PicList002146 li .hover h5{ line-height:20px; max-height:40px;}
}
@media(max-width:375px){
.PicList002146 li{ float:none; width:auto;} 
}




.row h3{color:#0C3794;margin-bottom:15px;border-bottom:1px solid #0C3794;padding-bottom:15px;font-size:18px;font-weight:bold;}
.row h3 span{display: block;width:3px;background:#0C3794;display:inline-block;height:auto;margin-right:5px;}
.bdblack{background:#666;}
.ctbox p{padding-left:50px;height:32px;line-height:32px;border-bottom:1px dashed #dedede;margin-bottom:15px;padding-bottom:40px;color:#666;font-size:16px;}
.ctbox p.a1{background:url(../images/i3.png) no-repeat left top;}
.ctbox p.a2{background:url(../images/i4.png) no-repeat left top;}
.ctbox p.a3{background:url(../images/i1.png) no-repeat left top;}
.ctbox p.a4{background:url(../images/i5.png) no-repeat left top;}
.ctbox p.a5{background:url(../images/i6.png) no-repeat left top;}
.ctbox p.a6{background:url(../images/i8.png) no-repeat left top;}
.ctbox p.a7{background-position:0px -192px;}
.ctbox p.a8{background-position:0px -255px;}

.ctbox{margin: auto; clear: both; overflow: hidden; position: relative;}
.ab_contact h3.noline{border-bottom:0px!important;}
.probase{margin-bottom:35px;}
.bgbox1{background:#f5f5f5;color:#666;padding:70px 20px;text-align:center;font-size:18px;min-height:176px;}
.bgbox2{background:#f5f5f5;color:#666;padding:60px 80px;text-align:left;font-size:18px;min-height:176px;}
.bgbox1:hover,.bgbox2:hover{background:#0C3794;color:#fff;}
.col-md-6{ width:50% }


@media(max-width:870px){
.col-md-6{ width:100% }
.ctbox p{ height: auto; margin-top: 15px; padding-bottom: 0px;}
}










/*在线留言*/
.feedback01 { padding: 36px 0;background: #f7f7f7;color: #333;}
.feedbacktips em { color: #0061b0;}
.feedback1 {  border-top: 1px solid #ddd; padding: 3% 5%;margin-top: 2%;}
.feedback1 ul li {  padding-bottom: 3%;}
.feedback1 ul li:nth-child(2n) {float: initial;}
.feedback1 ul li label {display: block; padding-top: 6px;}
.feedbacklabel { display: block;}
.feedbacklabel em {color: #0061b0;margin-right: 8px;}
.feedbacktext {width: 100%; height: 35px; border: 1px solid #ddd;  padding-left: 12px;background: #fff;}
.feedbackarea { width: 100%; height: 126px;border: 1px solid #ddd; background: #fff; padding: 12px;}
.feedback1 ul li.lastfeedback {width: 100%;}
.feedbackbtn { text-align: center;}
.feedbackbtn input { width: 100%;   height: 35px; background: #0061b0; font-size: 18px;  color: #fff; line-height: 35px;  cursor: pointer;
    margin-bottom: 3%;}
.feedbackbtn input.feedbackrebtn {background: #0061b0;}
.feedbackcode { border: 1px solid #ddd; width: 100%;height: 38px;background: #fff; position: relative;}
.feedbackcode input { width: 100%;height: 36px;}
.feedbackcodeimg { display: block;  position: absolute;  top: 0px; right: 0;}
.feedbackcodeimg img { display: block; width: 83px;height: 36px;}
.feedbacktips{text-align: center;}

/**/
@media (min-width: 768px){
  .feedback1 ul li { width: 42%; float: left;}
    .feedback1 ul li:nth-child(2n) {float: right;   }
    .feedbackarea {height: 232px; }
    .feedbackbtn input {width: 119px;margin-bottom: 0;}
    .feedbackbtn input.feedbackrebtn { margin-left: 20px; }
    .feedbackcode { width: 217px; }

}


/*在线留言*/




/*成功案例列表*/
.solutioblist a { display: block; }
.solutioblist { padding: 30px 0 10px; }
.solutioblist ul li { margin-bottom: 20px; }
.solutioblist ul li .content p.img { overflow: hidden; overflow: hidden; }
.solutioblist ul li .content p.img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.solutioblist ul li .content p.img img { display: block; width: 100%; margin: 0 auto; }
.solutioblist ul li .content p.text { font-size: 16px; color: #666666; line-height: 28px; text-align: center; margin-top: 5px; }





@media (min-width: 768px) {
    .solutioblist { overflow: hidden; }
    .solutioblist ul { margin: 0 -10px; }
    .solutioblist ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
    .solutioblist ul li .content p.text { height: 28px; line-height: 28px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
    .solutioblist ul li:hover p.text { color: #008cd6; }
      
}

@media (min-width: 1199px) {
    .solutioblist { padding: 40px 0 16px; }
    .solutioblist ul { margin: 0 -47.5px; }
    .solutioblist ul li { padding: 0 47.5px; }
    .solutioblist ul li .content p.text { margin-top: 27px; }
    
    
}

/*成功案例*/




/*荣誉*/
.albumlistweb a { display: block; }
.albumlistweb { padding: 30px 0 10px; }
.albumlistweb ul li { margin-bottom: 30px; }
.albumlistweb ul li .content p.img { overflow: hidden; overflow: hidden; border: solid 1px #ccc; }
.albumlistweb ul li .content p.img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.albumlistweb ul li .content p.img img { display: block; width: 100%; margin: 0 auto; }
.albumlistweb ul li .content p.text { font-size: 16px; color: #666666; line-height: 28px; text-align: center; margin-top: 5px; }





@media (min-width: 768px) {
    .albumlistweb { overflow: hidden; }
    .albumlistweb ul { margin: 0 -10px; }
    .albumlistweb ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
    .albumlistweb ul li .content p.text { height: 28px; line-height: 28px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
    .albumlistweb ul li:hover p.text { color: #008cd6; }
      
}

@media (min-width: 1199px) {
    .albumlistweb { padding: 40px 0 16px; }
    .albumlistweb ul { margin: 0 -20px; }
    .albumlistweb ul li { padding: 0 20px; }
    .albumlistweb ul li .content p.text { margin-top: 27px; }
    
    
}

/*荣誉*/


/*hzhb*/
.albumlishzhb a { display: block; }
.albumlishzhb { padding: 30px 0 10px; }
.albumlishzhb ul li { margin-bottom: 30px; }
.albumlishzhb ul li .content p.img { overflow: hidden; overflow: hidden; border: solid 1px #ccc; }
.albumlishzhb ul li .content p.img img { padding: 10px; -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.albumlishzhb ul li .content p.img img { display: block; width: 100%; margin: 0 auto; height: 200px;}
.albumlishzhb ul li .content p.text { font-size: 16px; color: #666666; line-height: 28px; text-align: center; margin-top: 5px; }





@media (min-width: 768px) {
    .albumlishzhb { overflow: hidden; }
    .albumlishzhb ul { margin: 0 -10px; }
    .albumlishzhb ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
    .albumlishzhb ul li .content p.text { height: 28px; line-height: 28px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
    .albumlishzhb ul li:hover p.text { color: #008cd6; }
      
}

@media (min-width: 1199px) {
    .albumlishzhb { padding: 40px 0 16px; }
    .albumlishzhb ul { margin: 0 -20px; }
    .albumlishzhb ul li { padding: 0 20px; }
    .albumlishzhb ul li .content p.text { margin-top: 27px; }
    
    
}

/*荣誉*/








/*招聘*/
.auto{ margin:0 auto;}
.auto_1200{ max-width:1200px;}

.TextList001652{ padding: 3% 0 1%;}
.TextList001652 .list_ul,
.TextList001652 .job_ol{ overflow:hidden; clear:both;}
.TextList001652 .job_ol li,
.TextList001652 .list_ul li{ list-style:none; float:left; width:25%; text-align:center;}
.TextList001652 .job_ol li{ background-color:#ac2329; color:#fff; line-height:3em;}
.TextList001652 .list{ border-bottom:1px solid #ebebeb;}
.TextList001652 .job_info{ display:none;}
.TextList001652 .job_info p{ margin: 7px 0;}
.TextList001652 .list_ul{ cursor:pointer;font-size:14px;}
.TextList001652 .list_ul li{ padding:1em 0;}
.TextList001652 .list_ul li:nth-child(5) a{ border:1px solid #ededed; border-radius:5px; display:inline-block; padding:0 7%; line-height:1.8em;}
.TextList001652 .list_ul li:nth-child(5) a:hover{  background-color:#ac2329;color:#fff;}
.TextList001652 .job_info{padding:2% 5% 2%;} 
@media(max-width:640px){
.TextList001652 .job_ol li,
.TextList001652 .list_ul li{width:25%;}
.TextList001652 .job_ol li:nth-child(4),
.TextList001652 .list_ul li:nth-child(4){ display:block;}
}
@media(max-width:1200px){.auto_1200{ padding:0 2%;}}
/*招聘*/