/*content*/
.content{ text-align:center; margin:60px 0;}
.content img{ max-width:80%; height:auto;}
.content video{ max-width:80%; height:auto;}
.content iframe{ max-width:80%; height:auto;}

/*share_list*/
ul.share_list{ text-align:center; margin-top:40px;}
ul.share_list li{ float:left; width:280px; margin-left:26px; margin-bottom:26px;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:280px; height:190px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; *display:block; border:0 solid #ddd; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
ul.share_list li span{ display:block; padding-top:10px; text-align:center; font-size:14px;}

/*list_img_news*/
ul.list_img_news{ margin-bottom:30px; margin-top:38px; overflow:hidden;}
ul.list_img_news li{ width:580px; height:190px; float:left; padding-top:20px; padding-bottom:20px; margin-left:40px; border-bottom:1px solid #e9e9e9; overflow:hidden;}
ul.list_img_news li:nth-child(2n+1){ margin-left:0;}
ul.list_img_news li:hover{ box-shadow:rgb(233, 233, 233) 0px 0px 10px; border-bottom:0;}
ul.list_img_news li .img{ width:205px; height:145px; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_img_news li .desc{ width:310px; float:left; margin-left:40px;}
ul.list_img_news li span{ font-size:16px; margin:10px 0; display:block; margin-top:20px; line-height:1.6;}
ul.list_img_news li p{ color:#666; line-height:1.8; font-size:14px; margin-top:20px;}

/*dis_news*/
.dis_news{ margin:30px 0 50px 0;}
.dis_news>span{ text-align:center; color:#888; display:block; font-size:14px;}
.dis_news>.desc{ margin-top:40px; line-height:2; font-size:14px; color:#555;}

/*list_pro*/
ul.list_pro{ margin-bottom:30px; margin-top:38px; overflow:hidden;}
ul.list_pro li{ width:580px; float:left; padding-bottom:30px; margin-left:40px; overflow:hidden;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{ width:160px; height:140px; float:left; border:1px solid #ddd; overflow:hidden;}
ul.list_pro li .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_pro li .desc{ width:395px; float:right; margin-left:20px;}
ul.list_pro li span{ font-size:16px; margin:10px 0; display:block; line-height:1.6; border-bottom:1px solid #cdcdcd; padding-bottom:10px;}
ul.list_pro li p{ color:#666; line-height:1.8; font-size:14px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/*list_cases*/
ul.list_cases{ margin:40px 0 50px 0;}
ul.list_cases li{ margin-bottom:40px; overflow:hidden;}
ul.list_cases li .img{ width:400px; height:300px; float:left; overflow:hidden;}
ul.list_cases li .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_cases li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_cases li .desc{ width:800px; float:right; padding:30px; box-sizing:border-box;}
ul.list_cases li span{ font-size:24px; margin:10px 0; display:block; margin-top:20px;}
ul.list_cases li p{ color:#888; line-height:1.8; margin-top:30px; font-size:16px;}
ul.list_cases li i{ display:block; width:148px; height:38px; line-height:38px; background:#395ba7; text-align:center; color:#fff; margin-top:40px; font-style:normal;}
ul.list_cases li:hover{ background:#f5f5f5;}

/*recruit*/
.recruit{ margin-top:30px;}

/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:30px; text-align:center; margin-bottom:60px;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #ddd; padding:10px 12px; margin:0 3px; border-radius:2px;}
.pages a:hover,a.active{ background:#395ba7; color:#fff; border-color:#395ba7;}
.pages span{ border:1px solid #ddd; padding:10px 12px; margin:0 3px; cursor:pointer; border-radius:2px;}
.pages span:hover,span.active{ background:#395ba7; color:#fff; border-color:#395ba7;}

/*media*/
@media (min-width:769px){
.header{ display:none;}
}

/*public*/
@media screen and (max-width:768px){
/*content*/
.content{ margin:20px 0;}
	
/*list_img_news*/
ul.list_img_news{ margin:0; margin-top:-30px;}
ul.list_img_news li{ width:100%; margin-left:0; padding:0; height:auto; margin-bottom:4%; border:0;}
ul.list_img_news li .img{ width:40%; height:100px;}
ul.list_img_news li .img img{ width:100%; height:100%;}
ul.list_img_news li .desc{ width:56%; margin-left:0; float:right;}
ul.list_img_news li span{ margin-top:5px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_img_news li p{ margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list_img_news li:after{ display:block; content:''; height:12px; clear: both; border-bottom:1px solid #eee;}

/*dis_news*/
.dis_news{ margin-top:-10px;}
.dis_news>.desc{ margin-top:20px;}

/*list_pro*/
ul.list_pro{ margin-top:-30px; margin-bottom:0;}
ul.list_pro li{ width:48%; margin-left:4%; margin-bottom:6%; padding-bottom:0;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; height:120px; float:none;}
ul.list_pro li img{ width:100%; height:auto;}
ul.list_pro li .desc{ float:none; width:100%; margin-left:0;}
ul.list_pro li span{ font-size:14px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pro li p{ margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:4; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

/*list_cases*/
ul.list_cases{ margin-top:-40px; margin-bottom:0;}
ul.list_cases li{ margin-bottom:6%;}
ul.list_cases li .img{ width:100%; float:none;}
ul.list_cases li .desc{ width:100%; float:none; padding:0;}
ul.list_cases li span{ font-size:15px;}
ul.list_cases li p{ margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
ul.list_cases li i{ width:120px; margin-top:10px;}

/*share_list*/
ul.share_list{ width:94%; margin:0 auto;}
ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%; height:150px;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:120px;}
ul.share_list li span{padding-top:5px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*form*/
.form{ width:100%; margin-top:20px;}
.form span{ width:100% !important; display:block; margin-bottom:10px; line-height:inherit !important;}
.form input{ width:100% !important; margin:0 !important;}
.form textarea{ width:100% !important; margin:0 !important;}
.form input[type="submit"]{ width:150px !important; height:35px; line-height:35px; background:#395ba7; color:#fff; margin:0 auto !important; display:block; border:0; margin-top:30px !important;margin-bottom:30px !important}

/*recruit*/
.recruit{ width:94%; margin:0 auto; margin-top:20px;}

/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ padding:0px 8px;}
.pages span{ padding:0px 8px;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0;}
}