@charset "utf-8";
.tou {
  clear: both;
  width: 100%;
  margin: 0 auto;
  height: 100px;


}
.banner {
  height: 500px;
}
.banner ul li {
  height: 500px;
  background-size: cover;
}
.section {
  width: 1250px;
  margin: 0 auto;
  clear: both;display: flex;align-items: center;
}
.logo {
  float: left;
  padding-right: 70px;
}
.logo .logos{ display:block;}
.banben {
	margin-left:50px; width:100px; height:100px; background-color:#0579cb;
  font-size: 12px;background-image:url(../images/shl-b1a.png); background-repeat:no-repeat;background-position:center center; background-size:auto 34px;

}
.banben a{ display:block; width:100%; height:100%;}
.daohang_1{
	flex: 1;display: flex;
  justify-content: space-between;
}
.daohang_1 li{
	float: left;
	padding-left:20px; padding-right:20px;
	text-align: center;
	position: relative;
	display: block;
	height: 100px; box-sizing:border-box;
}

a.font_dh{
	color: #333;
	display:block; font-size:16px;
	line-height:100px;background-image:url(../images/nabg.png); background-repeat:no-repeat;background-position:-90px center;
}
a.font_dh:visited {
	color: #333;
	display:block;
	line-height:100px;font-size:16px;

}
a.font_dh:hover {
display:block;
	line-height:100px;font-size:16px;
	color: #0579cb;
	background-image:url(../images/nabg.png); background-repeat:no-repeat; background-position:center center;
}

.menu_about{
	position:absolute; 
	left:0;
	top:100px;
	display:none;
	z-index:100;min-width: 100%;
	background-color:rgba(255,255,255,0.9); line-height: normal; border-bottom:1px solid #e4e4e4;
}
.menu_about a{
color:#333; font-size:0.95rem;text-wrap: nowrap;
     line-height:1.3;
	display:block;text-align:left; padding-top:8px; padding-bottom:8px; margin-bottom:8px; 
}
.menu_about a:nth-last-child(1){
 margin-bottom:0;
}
.menu_about a:hover{
     line-height:1.3;
	display:block;color:#0579cb;
}
.menu_about .boxs {
  min-width: 100%;
  position: relative;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  z-index: 101;
  display: flex;
}
.menuse{  box-sizing:border-box;
  text-align:left; padding:20px;width: 100%;}
.menuse a{ text-align:center;}


.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;} 

.cplistt{ width:239px; height:297px; background:#f7f7f7;-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ -webkit-transition: .8s; margin-right:18px; margin-left:18px;text-align:left; -moz-box-shadow:2px 2px  5px #ccc; -webkit-box-shadow:2px 2px 5px #ccc; box-shadow:2px  2px 5px #ccc;margin-bottom:20px; margin-top:20px}
.cplistt h2{ font-size:20px; color:#000; padding-top:15px; padding-bottom:10px; padding-left:20px; padding-right:20px; text-align:center; line-height:20px;}
.cplistt h3{ font-size:15px; color:#333333;padding-left:20px; padding-right:20px;text-align:center;}
.cplistt h4{ font-size:14px; color:#cbcbcb;padding-bottom:10px; padding-left:20px; padding-right:20px;}
.cplistt h2 a{ color:#000}

.cplistt:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px); -o-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition: .8s;-moz-transition:.8s;-o-transition: .8s; background:#0579cb}
.cplistt:hover h2,.cplistt:hover h3,.cplistt:hover h4{ color:#fff!important}


.hdyear {
  padding: 20px 0;
  box-sizing: border-box;
}
.hdyear .su7 {
  margin-left: 6px;
  border-left: 1px solid #C6CEE1;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  color: #191B1D;
  box-sizing: border-box;
}
.hdyear .su7 .xio1 {
  border-radius: 24px;
  width: 24px;
  height: 24px;
  background: #0BC270;
  border: 6px solid #D5E3FF;
  margin-left: -12px;
  box-sizing: border-box;
}
.hdyear .ml {
  margin-left: 30px;
  flex: 1;
  margin-bottom: 50px;box-sizing: border-box;
  padding: 20px 30px;
  background-color: #f5f5f5;
  border-radius: 15px;margin-top: -25px;
}
 /*.hdyear .su7:nth-last-child(1) {
	border-left: 0;
  }*/
 .hdyear .su7:nth-last-child(1)  .ml{margin-bottom: 0;} 
.hdyear .histit1{color: #0BC270;
  padding-bottom: 15px;
  font-size: 24px;}
.hdyear .histit2{padding-bottom: 15px;
  font-size: 20px;
  color: #0070c0;
  }
.hdyear .histit3{color: #666;}


.w1300 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;padding-bottom: 20px;
}
.w1300 a{position: relative;transition: all .5s;display: flex;align-items: center;justify-content: center;height: 40px; line-height:40px;
  width: 14.6666%;
  background-color: #f2f7fb;
  margin: 1% 1% 0 1%;
  box-sizing: border-box;border-radius: 5px;text-align: center;
  font-size: 14px;overflow: hidden;

  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
.w1300 a:hover,.w1300 a.on{color: #fff;
  background-color: #1977ca;}

.list {
  width: 100%;flex-wrap: wrap;
  display: flex;
}

.project-item {
	box-sizing:border-box;
  width: 25%; padding:25px;

}
.project-item .pic-div {
  cursor: pointer;border: 1px solid #1977ca;
  border-radius: 5px;
  width: 100%;
  position: relative;padding: 80px 30px;
  box-sizing: border-box;
  background-image:url(../images/jjh2.jpg); background-repeat:no-repeat;background-position:center; background-size:cover;background-size: 90%;
}
.project-item .pic-div .kf1 {
  text-align: center; color:#1977ca;
  font-size: 50px;border-bottom: 1px solid #1977ca;padding-bottom: 30px;font-family: arial;font-weight: bold;
}
.project-item .pic-div .kf2 {
  text-align: center; color:#1977ca;
  font-size: 20px;padding-top: 16px;
}

.wenda .news-title {
	  CURSOR: pointer; clear:both;  padding-right:10px; box-sizing:border-box; font-weight:bold;color: #2c3e50;
}

.wenda .news-title .expand {
	BACKGROUND: url(../images/kcxz1.png) no-repeat ; width:100%;  font-size:1.1rem;box-sizing:border-box; background-position:left center;padding-left: 30px;padding-bottom: 10px;
  padding-top: 10px;background-size: auto 8px;
}

.wenda .news-title .contract {
	BACKGROUND: url(../images/kcxz.png) no-repeat  ;width:100%;  font-size:1.1rem;box-sizing:border-box;background-position:left center;padding-left: 30px;padding-bottom: 10px;
  padding-top: 10px;background-size: auto 8px;
}
.wenda .news-padding {padding: 5px 20px; clear:both; font-size:1rem; line-height:26px; box-sizing:border-box; 
}

.news-padding:nth-child(1)
{ display:block}

.wstt{width:164px;height: 164px; overflow:hidden!important; text-align:center;vertical-align:middle; background:#f2f2f2;border-radius: 50%; margin:0 auto;margin-top: 30px;}
.wstt img{cursor: pointer; width:100%;transition: all 0.6s; height:100%;object-fit: cover;}
.wstt img:hover{   transform: scale(1.4);}

.dfd{
  padding: 10px 75px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-color: #8fc9cb;
  display: table;
  margin: 0 auto;
    margin-bottom: 0px;
  border-radius: 25px;
  margin-bottom: 15px;
  color: #fff;
}
.fanhui ul{
  display: flex;
  justify-content: space-between;
}
.fanhui ul li {
  width: 33.33%!important;
}

.tompc {
  width: 100%;
  position: relative; padding-top:30px; padding-bottom:20px;
}
.tompc1 {
  width: 1220px; margin:0 auto; display:flex;justify-content: space-between;
}
.tompcitem{ width:23%; text-align:center;
  box-sizing: border-box;line-height: 1.5;background-color: #f7f7f7;
  padding: 40px;
  border-radius: 10px;}
.tompcitem:nth-child(4){ border-right: none;}
.icoto {
  padding-bottom: 10px;
}
.ai_card1{padding-top: 20px;color: #000;
font-size: 32px;
text-align: center;
font-weight: normal; font-weight:bold;}

.ai_card1 span{ color:#01994c;}
.ai_card2{padding-top: 25px;
font-size: 18px;
text-align: center;
padding-bottom: 40px; line-height:30px;}

.project {
  width: 100%;  padding-bottom:20px;
  background: #f6f6f6;
}

/*图片左右滚动*/
.hl_main5_content{
	width: 100%;
  margin: 0 auto;margin-top: 20px;
  clear: both; position:relative;
box-sizing: border-box;overflow: hidden;
}

.hl_main5_content1{width:100%; overflow:hidden;}
.hl_main5_content1 ul{width:100%; overflow:hidden;display: flex;}
.hl_main5_content1 ul li{float: left;width: 32.3333%;min-width: 32.3333%; margin-right: 0.5%;margin-left: 0.5%;}

.hl_main5pic {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
}
.hl_scrool_leftbtn{width:45px;height: 80px;  background:url(../images/lio1.png) no-repeat center center;  cursor:pointer; position:absolute; left:3px; 
border-radius: 0 4px 4px 0;background-color: #fff;opacity: 0.5; top:50%; margin-top:-40px; z-index:10;}

.hl_scrool_rightbtn{width:45px;height: 80px;  background:url(../images/lio.png) no-repeat center center;  cursor:pointer; position:absolute; right:3px; 
border-radius: 4px 0 0 4px;background-color: #fff;opacity: 0.5; top:50%; margin-top:-40px; z-index:10;}
.hl_scrool_leftbtn:hover , .hl_scrool_rightbtn:hover{opacity: 1; }
.homepicpub {
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  position: relative;
}
.homepictit {
  font-size: 0.9rem;
  color: #666;
  line-height: 28px;
  margin-top: 10px;
  overflow: hidden;
  height: 28px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
}
.cpsec1 {
    width: 100%;
height: 100%; overflow:hidden;position: absolute;
}
.cpsec1 img {
    width: 100%;height: 100%; object-fit: cover;
}
.piccover{object-fit: cover!important;}
.cpsec1:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.cpsec1::after {
  background: rgba(15,17,17,.03);
  border-radius: 4px;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;left: 0;
}
.nycishan1 {
  width: 100%;
  margin: 0 auto;
  background: url(../images/00012.jpg) center no-repeat;
  height: 350px;
}
.nycishan2 {
  width: 100%;
  margin: 0 auto;
  background: url(../images/00013.jpg) center no-repeat;
  height: 350px;
}
.nycishan3 {
  width: 100%;
  margin: 0 auto;
  background: url(../images/00014.jpg) center no-repeat;
  height: 350px;
}
.nycishan4 {
  width: 100%;
  margin: 0 auto;
  background: url(../images/00015.jpg) center no-repeat;
  height: 350px;
}
.nycishan5 {
  width: 100%;
  margin: 0 auto;
  background: url(../images/00016.jpg) center no-repeat;
  height: 350px;
}
.mbdh{ display:none;}
.mbfor{display:none;}

.inlistflex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.infoss {
  width: 31.3333%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-right: 3%;
  margin-top: 10px;
  transition: all .3s;
  border-radius: 6px;
  overflow: hidden;
}
.infosspub {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  position: relative;
}
.cdptext {
  padding: 13px 13px 20px 13px;
}
.infosstext1 {
  font-size: 1.3rem;
  color: #0c3962;
  font-weight: 600;
  text-align: center;
}
.infosstext2 {
  font-size: 20px;
  text-align: center;
  color: #666;
  margin-top: 13px;
}
.infoss:nth-child(3n) {
  margin-right: 0;
}
.infoss:hover { background-color: #FFF;
  box-shadow: 0 0 20px 0 rgba(72,72,72,.2);
}

@media screen and (max-width: 768px) {
	.mbdh{ display: block;}
 .mbfor{display:block;}
.tou { display:none;}
.banner {
  height: 160px!important;
}
.banner ol {
  bottom: 10px;
}
.banner ul li {
  height: 160px!important;
}
.nymain {
  width: 100%;
}
.ai_card1 {
  padding-top: 0;
  font-size: 22px;
}
.ai_card2 {
  padding-top: 15px;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
}
.tompc1 {
  width: 100%;
  box-sizing: border-box;flex-wrap: wrap;
}
.tompcitem {
  width: 48%;
  background-color: #f7f7f7;
  padding: 40px 10px;margin-top: 15px;
}
.tompcitem p {
  font-size: 14px;
}
.tompc {
  padding-top: 0;
  padding-bottom: 0px;
}
.hl_main5_content1 ul li {
  width: 99%;
  min-width: 99%;
  margin-right: 0.5%;
  margin-left: 0.5%;
}
 .nymain {
    width: 100%;
    padding: 40px 15px;
    box-sizing: border-box;
  }
  .nyright {
  width: 100%;
}
#homin img{
  float: none!important;
  width: 150px!important;
  height: 150px!important;
  margin: 0 auto!important;
  clear: both;
  display: block;
  margin-bottom: 15px!important;
}
.foota {
  width: 100%;
}
.did{ display:none}
.dtd{ float:none; padding-left:15px; padding-right:15px;}
.banquan {
  line-height: 26px;
  padding: 15px;
}
.zzb07tail {
  display: block;
}
.nycishan1 , .nycishan2 , .nycishan3 , .nycishan4 , .nycishan5 {
  height: 120px;
  background-size: cover;
}
.weizhi {
  display: none;
}
.natop h2 {
  height: 50px;
  line-height: 50px;
}
.rara img{ max-width:100%!important; height:auto!important;margin: 0 auto 20px auto!important;float: none!important; display:block}
.cplistt {
  width: 90%;
}
.nybt {
  margin-top: 0;margin-bottom: 0;padding: 10px;line-height: 26px;
  height: auto;
}
.zzcc table tr{display: flex;
  flex-wrap: wrap;
}
.zzcc table tr td{ width:100%;padding-top: 20px;}
.neirong table td {
  padding-left: 0;
}
.fanhui ul {
  flex-wrap: wrap;
}
.w1300 a {
  width: 48%;margin: 2% 1% 0 1%;
}
.n_txt {
  width: auto;
}
.n_img {
  display: none;
}
.w1300 {
  padding-bottom: 20px!important;
}
.list {
  flex-wrap: wrap;
}
.project-item {
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
}
.infoss {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  margin-right: 3%;
  margin-top: 10px;
  transition: all .3s;
  border-radius: 6px;
  overflow: hidden;
}


	
}
