@charset "utf-8";

/*-- 首页 --*/
.I-title{text-align:center;}
.I-title .t1{line-height:58px;font-size:40px;font-weight:600;}
.I-title .t2{line-height:35px;font-size:16px;color:#666666;}
.I-title.It2 .t1{color:#fff;}
.I-title.It2 .t2{color:#cbcbcb;}


/*首页*/
.i_product_bg {
  background-color: #f5f5f5;
  overflow: hidden;
  padding-bottom: 2.5%;
}
.i_product_bgwhite {
  background-color: #fff;
  overflow: hidden;
  padding-bottom: 2.5%;
}
.i_title {
  margin-top: 5%;
  margin-bottom: 4%;
  overflow: hidden;
  text-align: center;
}
.i_title h2 {
  overflow: hidden;
  font-weight: bold;
  color: #000000;
  letter-spacing: -3px;
  text-transform: uppercase;
  font-family: Arial;
}
.i_title p {
  background: url(../img/i_bg1.png) center bottom no-repeat;
  color: #000000;
  padding-bottom: 15px;
}
.nproduct_list2 {
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 8px;
}
.nproduct_list2 ul li {
  float: left;
  width: 32.1%;
  margin-left: 0.5%;
  margin-right: 1%;
  overflow: hidden;
  margin-bottom: 1.5%;
  text-align: center;
  background-color: #fff;
}
.nproduct_list2 ul li:nth-child(3n+0) {
  margin-right: 0;
}
.nproduct_list2 ul li img {
  display: inline-block;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  vertical-align: middle;
}
.nproduct_list2 ul li .imgs {
  width: 100%;
  overflow: hidden;
}
.nproduct_list2 ul li h2 {
  font-weight: normal;
  color: #666;
  line-height: 36px;
  height: 36px;
  text-align: center;
  overflow: hidden;
  padding-left: 2%;
  padding-right: 2%;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
  margin-bottom: 1%;
  font-size: 18px
}
.nproduct_list2 ul li .ms {
  font-size: 24px;
  color: #333;
  font-weight: 500;
}
.nproduct_list2 ul li .cs {
  background-color: transparent;
  width: 130px;
  height: 30px;
  display: block;
  margin-top: 10px;
  border: 1px solid #7d7d7d;
  line-height: 30px;
  color: #333;
  text-align: center;
  box-sizing: content-box;
  margin-bottom: 15px
}
.nproduct_list2 ul li .text {
  padding: 15px 0;
}
.nproduct_list2 ul li p {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  color: #929292;
  font-size: 14px;
  padding-left: 2%;
  padding-right: 2%;
  max-width: 90%;
  margin: 0 auto;
}
.nproduct_list2 ul li em {
  display: block;
  color: #ee697e;
  font-size: 14px;
  margin-top: 10px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}
.nproduct_list2 ul li label {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-top: 5px;
}
.nproduct_list2 ul li:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.nproduct_list2 ul li:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  transition: all 0.3s;
}
.nproduct_list2 ul li:hover h2 {
  color: #0044DC;
}

@media screen and (max-width: 780px) {
	

  .nproduct_list2 ul li {
    width: 100%;
  }
  .nproduct_list2 ul li:nth-child(3n+0) {
    margin-right: 1%;
  }
  .nproduct_list2 ul li:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .nproduct_list2 ul li p {
    font-size: 13px;
  }
 
}
@media screen and (max-width: 480px) {
  .nproduct_list2 ul li p {
    font-size: 12px;
  }
}

.index_1{
	background: #f8f8f8;
	padding-bottom: 50px;
}
.layout{
	max-width: 1600px;
	margin: 0 auto;
}
.title{
	text-align: center;
	padding: 50px 0;
}
.title h3{
	font-size: 40px;
	color: #222222;
	text-transform: uppercase;
	line-height: 54px;
}
.title p{
	font-size: 24px;
	color: #666666;
	position: relative;
	padding: 0 65px;
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
}
.title p:before,
.title p:after{
	width: 50px;
	height: 1px;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.5px;
	background: #e5e5e5;
}
.title p:after{
	left: auto;
	right: 0;
}
.index_1 .video{
	width: 50.75%;
	position: relative;
}
.index_1 .video b{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6) url(../images/play.png) center no-repeat;
	background-size: 86px;
}
.index_1 .w{
	width: 44.687%;
}
.index_1 .w h3{
	font-size: 28px;
	color: #222222;
	line-height: 48px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index_1 .w p{
	font-size: 14px;
	color: #222222;
	filter:alpha(opacity=70);   
	-moz-opacity: 0.7;   
	-khtml-opacity: 0.7;   
	opacity: 0.7; 
	text-transform: uppercase;
	line-height: 28px;
	overflow: hidden;
	margin-top: 15px;
}
.index_1 .w li{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 14px;
	color: #434343;
	margin-top: 6%;
}
.index_1 .w li i{
	display: block;
	width: 56.45%;
	margin: 0 auto;
}
.index_1 .w li h4{
	font-size: 14px;
	color: #434343;
	line-height: 42px;
}
.index_1 .w .lbtn{
	display: inline-block;
	vertical-align: top;
	padding: 0 30px;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	color: #FFFFFF;
	background: #164e98;
	margin-top: 3%;
}

.index_3{
	background: url(../images/bg1.jpg) center no-repeat;
	background-size: cover;
	padding-bottom: 50px;
}
.index_3 li{
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
}
.index_3 li .box{
	position: relative;
	overflow: hidden;
}
.index_3 li .box a{
	display: block;
}
.index_3 li .bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg2.png) center bottom no-repeat;
	background-size: cover;
	z-index: 1;
}
.index_3 li .w{
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 90%;
	margin-left: -45%;
	background-size: auto;
	text-align: center;
	color: #FFFFFF;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
	z-index: 2;
}
.index_3 li .w h3{
	width: 100%;
	font-size: 22px;
	line-height: 40px;
	padding-bottom: 3%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index_3 li .w p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 2%;
	display: none;
}
.index_3 li .w span{
	vertical-align: top;
	font-size: 14px;
	border: 1px #FFFFFF solid;
	padding: 0 5%;
	line-height: 38px;
	margin-top: 3%;
	display: none;
}
.index_3 li .box a:hover .w{
	bottom: 50%;
	-webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.index_3 li .box a:hover h3{
	display: block;
	padding: 0;
}
.index_3 li .box a:hover p{
	display: block;
}
.index_3 li .box a:hover span{
	display: inline-block;
}
.index_3 li .box a:hover .bg{
	background: rgba(0,163,239,.8);
}
.index_3 li .mt{
	margin-top: 4%;
}
.index_3 li:last-child{
	margin-right: 0;
}
 .index_3 .more{
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	width: 148px;
	background: #164e98;
	margin: 3% auto 0;
}
.index_3 .more a{
	display: block;
	color: #FFFFFF;
}



@media screen and (max-width:1600px){

	.index_1 .w p{
		margin-top: 10px;
	}
	.index_1 .w li{
		margin-top: 30px;
	}
	.index_1 .w li h4{
		line-height: 32px;
	}
	.index_1 .w .lbtn{
		margin-top: 10px;
	}

	.title{
		padding: 40px 0;
	}
	.title h3{
		font-size: 36px;
		line-height: 48px;
	}
	.title p{
		font-size: 22px;
		line-height: 36px;
	}
}

@media screen and (max-width:1400px){
	.layout2{
		padding: 0;
	}
	.index_1 .w p{
		margin-top: 10px;
		height: 120px;
		overflow: hidden;
	}
	.index_1 .w h3{
		font-size: 24px;
		line-height: 40px;
	}
	.index_1 .w li i{
		width: 50%;
	}
	.index_1 .w li{
		margin-top: 15px;
	}
	.index_1 .w .lbtn{
		margin-top: 20px;
		line-height: 36px;
		padding: 0 20px;
	}
	.index_3 li .w h3{
		font-size: 18px;
		line-height: 34px;
	}
	.index_3 li .w p{
		margin-top: 0;
		line-height: 20px;
	}
	.index_3 li .w span{
		line-height: 28px;
	}
	
	}


@media screen and (max-width:1200px){.index_1{
		padding-bottom: 30px;
	}
	.index_1 .w p{
		height: 198px;
		overflow: hidden;
	}}@media screen and (max-width:1000px){.index_1 .w{
		margin-top: 20px;
		padding: 0 10px;
	}
	.index_1 .w h3{
		font-size: 16px;
		line-height: 26px;
	}
	.index_1 .w p{
		font-size: 12px;
		line-height: 22px;
	}
	.index_1 .w .lbtn{
		line-height: 30px;
		display: block;
		margin: 20px auto 0;
	}
	.index_1{
		padding-bottom: 20px;
	}
	.index_3 li{
		width: 100%;
		margin-right: 0;
	}
	.index_3 li .box{
		margin-top: 20px;
	}
	.index_3 li .w h3{
		font-size: 14px;
		line-height: 24px;
	}
	.index_1 .video{
	width: 100%;
	
}.index_1 .w {
    width: 100%;
} .index_3 .more{
	
	width: 100%;
	
}.index_3 img {
    vertical-align: middle;
    width: 100%;
}
	}


/*案例*/
	.clear {
		zoom: 1;
	}

	.zoom-img {
		overflow: hidden;
	}

	.zoom-img .img {
		overflow: hidden;
	}

	.zoom-img img {
		transition: all .5s;
	}

	.zoom-img:hover img {
		transform: scale(1.05);
		-ms-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		-moz-transform: scale(1.05);
	}

.solu {
		padding: 60px 0 25px;
		background-color: #eeeeee; overflow:hidden;width:100%;
	}
.solu-list{
		padding-top:50px;
		
	}
	.solu-list .column {
		float: left;
		width: 32%;
		margin-right: 1.33%;
		margin-bottom: 60px;
		background-color: #ffffff;
		transition: all .3s;
	}

	.solu-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.solu-list .img {
		position: relative;
	}

	.solu-list .suspend {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%);
		transform: translateX(-50%);
	}

	.solu-list .text {
		padding: 40px 50px 35px;
		text-align: center;
	}

	.solu-list .name {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 22px;
	}

	.solu-list .words {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
		height: 84px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.solu-list .more {
		display: inline-block;
		font-size: 16px;
		color: #00a7d3;
		border: 1px solid #00a7d3;
		padding: 11px 36px;
		border-radius: 20px;
		margin-top: 25px;
		transition: all .3s;
	}

	.solu-list .column:hover {
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	}

	.solu-list .column:hover .more {
		color: #ffffff;
		background-color: #00a7d3;
	}


	@media only screen and (max-width:1440px) {.solu-list .name {
			font-size: 20px;
		}}
		
	@media only screen and (max-width:1024px) {
		.solu-list .column {
			width: 32%;
			margin-right: 2%;
		}

		.solu-list .column:nth-child(3n) {
			margin-right: 0;
		}}

/*广告图*/
.slick1 {width:100%; margin:auto; position:relative;clear:both;background:#000;}
.slick1 div {}
.slick1 div a { background-position:center center; background-repeat:no-repeat; display:block; text-align:center; position:relative;}
.slick1 div a img { display: block;width:100%; height:auto;}
.mbanner { display:none;}
.mbanner img { display: block;width:100%; height:auto;}


 

/*首页内容*/
.imain{ width:100%;overflow:hidden;margin:auto; clear:both; position:relative; background-repeat:no-repeat; background-position:center  bottom; position:relative; clear:both;}
.imain_content {width:1200px;margin:auto;}
.title { text-align:center; color:#666;}
.title h1{ font-size:36px;font-family:"方正兰亭纤黑_GBK",Arial; text-transform:uppercase;}
.title h2{ font-size:36px; font-weight:bold;}




.hotproduct { padding:50px 0; overflow:hidden;}
.hotproduct * { display:block; overflow:hidden; font-size:14px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.hotproduct li{ border:#e5e5e5 1px solid; padding:10px; float:left; margin-right:4px;text-align:center;}
.hotproduct li a.hpimg{}
.hotproduct li a img{ width:275px; height:220px;}
.hotproduct li a h1{ font-size:16px; text-align:center;padding:20px 0px 10px 0px ;text-transform:uppercase; font-family:"方正兰亭纤黑_GBK","微软雅黑",'Microsoft YaHei'}
.hotproduct li a:hover h1{color:#164e98;}
.hotproduct li i { background:#CCC; height:1px; width:30px;}
.hotproduct li span {padding:20px 0px 10px 0px; }
.hotproduct li span h4{padding:0px 0px 10px 0px;}
.hotproduct li span a{ border:#CCC 1px solid; padding:10px 9px;border-radius:5px; margin-right:4px; float:left;}
.hotproduct li span a:hover {color:#fff; background:#164e98;}
.hotproduct li a.more{padding:20px 0px ;}
.hotproduct li a.more:hover {color:#164e98;}
.hotproduct li:hover {border:#164e98 1px solid; box-shadow:0px 1px 20px 0px #ccc;}

.ibg1 { height:600px; background:url(../upload/ibg1.jpg)  center top  no-repeat;}


.advantagel {margin-top:110px;width:37%;float:left;position:relative;}
.btitle {  height:150px;padding:20px 50px 20px 0px;color:#FFF; background:url(../images/kuang.png) right top no-repeat; float:left; }
.btitle h2{font-size:48px; font-weight:bold;}
.btitle h2 i{background:#fff; height:1px; width:40px; display:inline-block; vertical-align: middle; opacity:0.5;}
.btitle h1{font-size:30px; text-transform:uppercase;font-family:"方正兰亭超细黑简体",Arial;}
.advantagetxt {clear:both; font-size:16px; line-height:24px; color:#dc8565; opacity:0.8; font-family:Georgia, "Times New Roman", Times, serif; }
.advantagetxt h1 { font-size:22px; padding-bottom:20px;color:#fff;}
.advantagetxt .more { padding:6px 20px; background:#de9e86; font-size:14px;color:#fff;} 
.advantagetxt .more:hover {color:#164e98;background:#fff;}
.advantager { width:55%;padding:5% 4% 5% 4%; margin-top:30px;background:#FFF; float:left;}
.advantager  * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.advantager li {float:left;}
.advantager li img{}
.advantager li h3{ font-weight:bold; font-size:20px;}
.advantager li i{ background:#CCC; height:1px; width:30px; margin:30px 0px 20px 0px;}
.advantager li span{ font-size:14px; line-height:24px; color:#666;}
.advantager li:hover h3 {color:#164e98;}
.advantager li:hover span {color:#000;}
.adv1 { width:45%; margin-bottom:50px; padding-right:5%;}
.adv2 { width:45%; margin-bottom:50px; padding-left:5%;}
.adv3 { width:45%; padding-right:5%;}
.adv4 { width:45%; padding-left:5%;}


.brandil *,.brandir * { display:block; overflow:hidden;}
.brandil { float:left; width:46%; position:relative;}
.brandimg { position: absolute; left:4%; top:0; z-index:3; width:96%; height:630px; overflow:hidden;}
.brandimg img { display:block;}
.brandimgbg { background:#e5e8ef;width:82%; height:330px;float:left; margin-top:4%;}
.brandir { float:left; width:50%; padding-left:4%;text-align:left}
.ctitle { padding:30px 30px 20px 0px;color:#666;  float:left; }
.ctitle h2{font-size:40px; font-weight:bold;}
.ctitle h2 i{background:#999 height:1px; width:40px; display:inline-block; vertical-align: middle; opacity:0.5;}
.ctitle h1{font-size:30px; text-transform:uppercase;font-family:"方正兰亭超细黑简体",Arial;}
.brandirtxt {clear:both; font-size:14px; line-height:24px; color:#666;}
.brandirtxt .more { margin-top:10px;padding:6px 20px; background:#164e98; font-size:14px;color:#fff; float:left; clear:both;} 
.brandirtxt .more:hover {color:#fff;background:#ff7744;}

.ibg2 { background:#fff}

.wp{width:100%;max-width:1200px;margin:0 auto}
.m-timerg1{padding:66px 0 76px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.ul-list3{margin:0 -37px;font-size:0;overflow:hidden}
.ul-list3 li{display:inline-block;vertical-align:top;width:25%}
.ul-list3 .con{margin:0 37px;text-align:center}
.ul-list3 .icon1{display:block;width:60px;height:60px;background-repeat:no-repeat;background-position:center center;margin:0 auto 14px}
.ul-list3 .num{font-size:50px;color:#fff;line-height:52px;margin-bottom:8px;font-family:Arial;font-weight:700}
.ul-list3 .num em{font-weight:700}
.ul-list3 p{font-size:16px;color:rgba(255,255,255,.6)}



.m-inforg1{padding:84px 0 15px;overflow:hidden}
.m-inforg1 .g-tit-m{margin-bottom:22px}
.m-inforg1 .ul-lkg1{margin-bottom:25px}
.ul-lkg1{text-align:center;font-size:0;position:relative}
.ul-lkg1 li{display:inline-block;vertical-align:middle}
.ul-lkg1 a{display:block;min-width:160px;height:42px;line-height:40px;border:1px solid #e5e5e5;font-size:16px;color:#7a7a7a;margin:0 7px;background-color:#fff;position:relative;z-index:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.ul-lkg1 li.hover a,.ul-lkg1 li:hover a{background-color:#164e98;color:#fff}
.ul-lkg1:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background-color:#e5e5e5}
.m-inforg1 .con{overflow:hidden}
.m-inforg1 .m-hotg1{float:left;width:580px}
.m-hotg1:hover .pic img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.m-hotg1{position:relative;overflow:hidden}
.m-hotg1 .pic{padding-top:58.2%;height:0;position:relative;overflow:hidden}
.m-hotg1 .pic img{position:absolute;left:0;top:0;width:100%;/*height:100%;*/-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.m-hotg1 .mask{position:absolute;left:0;top:0;right:0;bottom:0}
.m-dateg1{float:left;padding:10px 16px;background-color:#164e98;text-align:center}
.m-dateg1 span{display:block;color:#fff;font-family:Arial}
.m-dateg1 .day{font-size:40px;line-height:46px;font-weight:700}
.m-dateg1 .year{font-size:14px;line-height:24px}
.m-hotg1 .txt{/*position:absolute;left:0;right:0;bottom:0;*/padding:35px 0px 17px;font-size:14px;/*color:#fff;*/line-height:24px;/*background-color:rgba(0,0,0,.7)*/}
.m-hotg1 .txt h4{font-size:18px;/*color:#fff;*/line-height:30px;max-height:60px;font-weight:400;margin-bottom:6px;overflow:hidden}
.m-hotg1 .txt p{white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.m-hotg1:hover .txt p { color:#444;}
.m-hotg1:hover .txt,.m-hotg1:hover .txt h4 { color:#164e98;}
.m-inforg1 .slider-lt1{float:right;width:574px;overflow:hidden}
.slider-lt1 .item{outline:0}
.ul-list2{padding-bottom:23px;margin-top:-20px;overflow:hidden}
.ul-list2 li{padding:20px 0 19px;border-top:1px solid #f0f0f0;overflow:hidden}
.ul-list2 li:first-child{border-top:none}
.ul-list2 li:hover .m-dateg1{background-color:#164e98}
.ul-list2 li:hover h4 a{color:#164e98}
.ul-list2 .m-dateg1{background-color:#ccc;margin-right:20px;padding-bottom:16px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.ul-list2 .m-dateg1 .year{line-height:18px}
.ul-list2 .txt{font-size:13px;color:#666;line-height:24px;padding-top:2px;overflow:hidden}
.ul-list2 h4 a{display:block;outline:0;font-size:18px;color:#333;line-height:28px;padding-bottom:5px;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.ul-list2 .txt p{max-height:48px;overflow:hidden}





@media only screen and (max-width:1699px){
.ul-list1 li:hover .inner{top:15%}
}
@media only screen and (max-width:1499px){

	.m-pop .inner{height:400px}
}
@media only screen and (max-width:1366px){
.wp{width:98%}
.m-pop .inner{height:400px}
.m-pop .con{padding-bottom:30px}
.m-ban h3{padding-top:0;top:50%;transform:translateY(-50%)}
.m-case .g-tit-m,.m-case2 .m-case .g-tit-m,.m-char .g-tit-m,.m-eval .g-tit-m,.m-flow .g-tit-m,.m-mode .g-tit-m,.m-pm .g-tit-m,.m-proc .g-tit-m,.m-proj .g-tit-m,.m-rcnt .g-tit-m,.m-rcnt2 .m-rcnt .g-tit-m .m-case .g-tit-m,.m-scene .g-tit-m,.m-scene .g-tit-m锛� .m-mode .g-tit-m,.m-sp .g-tit-m,.m-sys .g-tit-m,.m-sys3 .m-sys .g-tit-m,.m-tch .g-tit-m,.m-tenet .g-tit-m{padding:40px 0}
.slick-news .pic{/*padding-top:28.1%*/}
.m-cong1 .info{padding-left:0;text-align:center}

.ul-list1 li:hover .inner{top:5%}
.ul-lkg2{margin:0}
}
@media only screen and (max-width:1199px){
.m-txtg3 .info{padding-left:20px;text-align:center}
.wp-us{width:auto;padding:0 10px}
.m-pri .g-tit-m,.m-tra4 .m-tra .g-tit-m,.m-why .g-tit-m{padding:30px 0}
.m-tra4 .m-tra .g-tit-m span{padding-top:0}
.m-tra4 .m-tra .txt{width:85%;margin-left:8%}
.m-pri,.m-tra4 .m-tra{padding-bottom:50px}
.ul-why li:nth-child(1) .con{padding:30px}
.ul-why li:nth-child(2) .con{padding:60px 30px 30px}
.ul-why li:nth-child(3) .con{padding:60px 30px 30px}
.ul-why li:nth-child(4) .con{padding:60px 30px 30px}
.ul-why .right{float:right}
.ul-why li{overflow:hidden}
.slick-news .pic{padding-top:35.1%}
.m-s-news{padding:30px 0 10px}
.slick-news{padding-bottom:30px}
.m-news{padding:30px 0}
.ul-news{padding-bottom:20px;margin:0 -5px -30px}
.ul-news .con{margin:0 5px}
.slick-news .desc{line-height:1.5;height:90px}
.ul-eval2{margin:0 -5px -10px;padding:10px 0 20px}
.ul-eval2 li{margin-bottom:10px}
.ul-eval2 li .con{padding:0 5px}
.m-eval2{padding:30px 0}
.m-tra,.m-tra2 .m-tra,.m-tra3 .m-tra{padding:40px 0}
.m-tra .pic{width:80%;padding-top:45%;margin-left:9%}
.m-tra .txt{width:80%;margin-top:20px}
.ul-proc li{padding:20px 0}
.ul-proc li .con{padding:0 20px}
.m-proc{background:0 0}
.m-sys,.m-sys2 .m-sys,.m-sys3 .m-sys{height:530px}
.m-case,.m-eval,.m-proc{padding-bottom:30px}
.slick-rcnt .item{padding:0 5px}
.slick-rcnt{padding:0 10px 58px}
.m-case,.m-case2 .m-case,.m-char,.m-rcnt{padding-bottom:30px}
.m-camp{padding:40px 0}
.m-pm,.m-sp{padding-bottom:0}
.m-rcnt2 .m-rcnt{padding-bottom:30px}
.ul-team li .con{padding:30px 30px 50px}
.m-pop .con{width:60%;margin-top:50px;padding:30px}
.ul-honr{margin:0 -5px;padding-bottom:30px}
.ul-honr .con{padding:0 5px}
.ul-honr li{margin-bottom:30px}
.m-honr{padding-top:30px;padding-bottom:50px}
.m-ban{height:380px}
.ul-char{margin-bottom:-15px}
.ul-char li{width:33.33%;margin-bottom:15px}
.m-cas .ul-cas{padding:40px 0}
.m-cas{padding-bottom:50px}
.m-cus{padding:40px 0}
.m-team{padding:50px 0}
.ul-team{padding-bottom:10px}

.box-link{position:relative;top:0}
.sub1{width:auto;padding:30px 0}
.sub1 dd{width:25%}
.hd-r{display:none}

.m-prog1{padding-top:30px}
.ul-list1 li{width:50%}
.ul-list1 li:hover .inner{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.m-inforg1{padding:30px 0}
.m-inforg1 .m-hotg1{float:none;margin:0 auto 20px}
.m-inforg1 .slider-lt1{float:none;margin:0 auto}
.m-timerg1{padding:30px 0}
.ul-list3{margin:0 -10px}
.ul-list3 .con{margin:0 10px; background:none;}
.m-servg1{padding:30px 0}
.ul-list4{margin:0 0 -20px}
.ul-list4 li{width:25%}
.fd-top{display:none}
.ul-list1{margin:0 10px}
.row-2g .col-l{width:66%}
.row-2g .col-r{width:30%}
.g-followg1 h3{padding-left:20px}
.m-txtg2 .ul-list5{padding:50px 0}
.m-meg1{padding:30px 0}
.m-meg1 h4{margin-bottom:15px}
.m-joing1{margin-top:30px;padding:20px}
.m-joing1 .txt{width:78%}
.m-joing1 .txt h3{font-size:24px;line-height:34px;margin-bottom:15px}
.box-t1 .con{margin-bottom:20px;padding:0 30px}
.box-t1{padding-bottom:30px}
.box-t1 .tit{padding:15px 30px}
.m-txtg3{padding:30px 0}
.m-txtg3 .con{padding:20px 0}
.row-2w{padding-top:30px}
.row-2w .col-r{width:64%}
.m-cong2 .tit2{padding:15px 26px;margin-top:0}
.m-cong2 .inner{padding-bottom:30px}
.m-cong2 .inner .t1{padding:15px 0}
.row-2g{padding-top:30px}
.m-cong1.g2{padding-bottom:30px}
.m-cong1 .g-followg1{margin-bottom:20px}
.m-cong1.g2 h1{font-size:24px;line-height:34px}
.m-cong2 .info{padding:20px 0}
.m-cong2.g2 .tit2{padding:15px 26px}
.m-cong2.g3{padding-bottom:20px}
.ul-picg2{padding-top:15px}
.m-inforg1 .m-hotg1,.m-inforg1 .slider-lt1{width:80%}


.box-list{padding:20px 0 70px}
.ul-detial-g1{padding:20px 0}
/*!鎼滅储鍒楄〃 end*/
}
@media only screen and (max-width:959px){
.ul-char{padding:0 10px}
.ul-eval2 li .txt{padding:20px}
.ul-camp .tit{font-size:18px}
.ul-sys li:nth-child(8) .con{padding-top:20px}
.ul-char li .con{padding:0 3px}
.slick-news .txt{height:auto}
.slick-news .txt .inner{padding:20px}
.slick-news .tit a{font-size:16px}
.slick-news .desc{height:62px}
.slick-news .date{padding:5px 0}
.slick-news .pic{padding-top:31.5%}
.ul-news .txt .tit a{font-size:16px}
.ul-news .txt{height:auto}
.m-ban h3:after{height:3px;bottom:-10px}
.ul-imgtxt3{margin:0}
.ul-imgtxt3 li{width:50%}
.ul-imgtxt3 .con{padding:0 10px}
.ul-flow{margin:0}
.ul-flow li{width:50%}
.ul-flow li .con{padding:0 40px}
.ul-tenet li{width:50%;margin-bottom:20px}
.m-tenet{height:auto}
.m-case,.m-case2 .m-case,.m-char,.m-eval,.m-flow,.m-mode,.m-proc,.m-proj,.m-rcnt,.m-rcnt2 .m-rcnt .m-case,.m-scene,.m-tch,.m-tenet{padding-bottom:20px}
.ul-tenet{margin:0}
.ul-tenet li .con{padding:20px 40px;margin:0 10px}
.m-case .g-tit-m,.m-case2 .m-case .g-tit-m,.m-char .g-tit-m,.m-eval .g-tit-m,.m-flow .g-tit-m,.m-mode .g-tit-m,.m-pm .g-tit-m,.m-proc .g-tit-m,.m-proj .g-tit-m,.m-rcnt .g-tit-m,.m-rcnt2 .m-rcnt .g-tit-m,.m-scene .g-tit-m,.m-sp .g-tit-m,.m-sys .g-tit-m,.m-sys3 .m-sys .g-tit-m,.m-tch .g-tit-m,.m-tenet .g-tit-m{padding:20px 0}
.slick-eval{padding:0 10px 30px}
.slick-eval .item .con,.ul-eval2 li .con{padding:10px 5px}
.m-sys,.m-sys2 .m-sys,.m-sys3 .m-sys{height:auto;padding-bottom:10px}
.ul-sys li .con{padding-bottom:20px}
.m-case .slick-case,.m-scene .slick-case{padding:0 10px 48px}
.slick-case .item{padding:0 5px}
.ul-sp{margin:0 -10px}
.ul-sp li .con{margin:0 5px}
.ul-pm{margin:0 -10px}
.ul-pm li .con{padding:0 10px}
.m-cas{padding-bottom:30px}
.ul-cas li{margin-bottom:20px}
.ul-cas li .con{margin:0 10px}
.m-cas .ul-cas{margin:0 -6px -20px;padding:20px 0}
.ul-cas li .txt{padding:10px}
.slick-case .tit a,.ul-cas .tit a{font-size:16px}
.m-ban{height:320px}
.m-ban h3{font-size:28px}
.g-tit-m{font-size:24px;line-height:34px}
.ul-flow li:nth-child(1):after,.ul-flow li:nth-child(2):after,.ul-flow li:nth-child(3):after{display:none}
.ul-tenet .icon{width:120px;height:120px}
.ul-sys li{width:33.33%}
.slick-tch{padding-bottom:40px}
.m-case .slick-case,.m-scene .slick-case{padding-bottom:36px}
.m-tra .txt .tit{font-size:24px;line-height:34px}
.m-tra .txt .desc{padding-top:15px}
.m-tra,.m-tra2 .m-tra,.m-tra3 .m-tra{padding:30px 0}
.ul-proc li{width:33.33%}
.ul-proc .ico{width:100px;height:100px}
.slick-eval .item .pic,.ul-eval2 li .pic{width:120px;height:120px}
.ul-camp{margin-bottom:-20px}
.ul-camp li{width:50%;margin-bottom:20px}
.ul-pm li{margin-bottom:30px}
.m-eval2{padding:10px 0 20px}
.m-team{padding:30px 0}
.ul-team{padding-bottom:20px;margin-bottom:-20px}
.ul-team li{margin-bottom:20px}
.ul-team li .txt{padding-left:40px}
.ul-team li .con{padding:20px}
.m-pop .tit h3{font-size:18px;line-height:28px}
.m-pop .tit p{font-size:15px}
.m-pop .tit-pop h4{font-size:15px;line-height:36px}
.m-pop .tit-pop{height:36px}
.ul-honr{padding-bottom:10px}
.ul-honr .tit a{font-size:14px;line-height:24px}
.m-s-news{padding-top:20px}
.ul-news{margin-bottom:-15px}
.ul-news li{margin-bottom:15px}
.m-tra4 .m-tra .g-tit-m span,.ul-pri .tit,.ul-why .txt .tit{font-size:18px}
.m-prog1{padding-top:20px}
.m-txtg1{padding:0 10px;margin-bottom:15px}
.ul-list1 h3{font-size:18px;line-height:28px}
.m-inforg1{padding:20px 0}
.m-inforg1 .g-tit-m,.m-inforg1 .ul-lkg1{margin-bottom:15px}
.m-timerg1{padding:20px 0}
.ul-list3{margin-bottom:-20px}
.ul-list3 li{width:50%;margin-bottom:20px}
.ul-list3 .num{font-size:32px;line-height:42px}
.m-servg1{padding:20px 0}
.m-servg1 .m-txtg1{margin-bottom:15px}
.ul-list4 li{width:50%}
.m-inforg1 .g-tit-m,.m-txtg1 .g-tit-m{padding:0}
.ul-lkg2 a{padding:15px 10px}
.row-2g{padding-top:30px}
.row-2g .col-l,.row-2g .col-r{float:none;width:auto}
.row-2g .col-r{margin-bottom:30px}
.m-cong1{padding-bottom:30px}
.m-cong1 h1{font-size:22px;line-height:32px}
.m-cong1 .info span{margin:0 15px}
.m-cong1 .inner{padding:20px 0}
.m-txtg2 .ul-list5{padding:30px 0}
.ul-list5{margin:0 -10px -20px}
.ul-list5 li{margin-bottom:20px}
.ul-list5 .con{margin:0 10px}
.m-meg1{padding:20px 0}
.m-meg1 h3{padding:0}
.m-joing1{margin-top:20px;padding:15px}
.m-joing1 .txt{font-size:14px;line-height:24px}
.m-joing1 .txt h3{font-size:16px;line-height:26px;margin-bottom:10px}
.m-joing1 .pic{width:120px;height:120px}
.m-sog1{padding:15px}
.box-t1{padding-bottom:20px}
.box-t1 .first{padding-left:10px}
.box-t1 .tit{padding:15px}
.box-t1 .con{padding:0 15px;margin-bottom:15px}
.m-dlg1 dt{font-size:14px;line-height:24px}
.m-txtg3{padding:20px 0}
.m-txtg3 h1{font-size:24px;line-height:34px;margin-bottom:15px}
.m-txtg3 .info .g-shareg1,.m-txtg3 .info span{margin:0 10px}
.m-txtg3 .info .num{margin-right:10px}
.m-txtg3 .con h4{padding:10px 20px}
.row-2w{padding-top:20px}
.row-2w .col-l,.row-2w .col-r{float:none;width:auto}
.row-2w .col-l{margin-bottom:20px}
.g-slideg2 .tit{padding:15px}
.g-slideg2 .tit h3{font-size:18px;line-height:28px}
.m-dlg2 dt{padding:15px}
.m-dlg2 dt h4{font-size:14px;line-height:24px}
.m-dlg2 dd{padding:15px 10px}
.m-cong2{padding-bottom:30px}
.m-cong2 .tit2{font-size:18px;line-height:28px;padding:10px 20px}
.m-cong2 .tit2:before{height:20px;margin-top:-10px}
.m-cong2 .inner{padding-bottom:10px}
.m-cong2 .inner h4{padding:10px 15px}
.m-cong2.g1{padding-bottom:10px}
.m-cong2 .info{padding:15px 0;line-height:30px}
.m-cong2 .info em{font-size:16px}
.m-cong2 .info span{margin:0 10px}
.m-cong2 h2{font-size:17px;line-height:27px}
.m-cong2.g2 .tit2{padding:10px 20px}
.ul-picg1{overflow:hidden}
.ul-picg1 li{width:50%;float:left}
.ul-picg1 .hot{margin:0 10px}
/*!鎼滅储鍒楄〃*/
.box-list{padding:10px 0 50px}
.ul-detial-g1{padding:10px 0}
.ul-detial-g1 li{padding:15px 0}
/*!鎼滅储鍒楄〃 end*/
}
@media only screen and (max-width:767px){
.xl_kfbar { display:none;}
.wp{width:95%}
.ul-cas li{width:100%}
.m-txtg3 .info{padding-left:0}
.m-pri .g-tit-m,.m-tra4 .m-tra .g-tit-m,.m-why .g-tit-m{padding:20px 0}
.m-tra4 .m-tra .txt .desc{line-height:1.5;display:block}
.m-pri,.m-tra4 .m-tra{padding-bottom:25px}
.ul-pri li{width:100%;margin-bottom:15px}
.ul-pri li .con{border-right:1px solid #9faabf;padding-top:22px;height:240px}
.ul-why li:nth-child(even) .left,.ul-why li:nth-child(odd) .left{width:100%}
.ul-why li:nth-child(even) .right,.ul-why li:nth-child(odd) .right{width:100%}
.ul-why li:nth-child(odd) .right{padding-left:0}
.ul-why li .con{height:auto}
.ul-why .txt dl dd{font-size:14px;line-height:1.5}
.ul-why .txt .desc,.ul-why .txt dl{padding-top:10px}
.ul-why .txt .desc{line-height:1.5}
.ul-why li:nth-child(1) .con{padding:20px}
.ul-why li:nth-child(2) .con{padding:20px}
.ul-why li:nth-child(3) .con{padding:20px}
.ul-why li:nth-child(4) .con{padding:20px}
.ul-why li:nth-child(1) .pic,.ul-why li:nth-child(2) .pic,.ul-why li:nth-child(3) .pic,.ul-why li:nth-child(4) .pic{width:80px;height:80px;margin:0 auto}
.ul-why li:nth-child(even) .con{position:relative}
.ul-why li:nth-child(even) .con .txt{padding-top:75px}
.ul-why li:nth-child(even) .pic{position:absolute;top:20px;left:50%;transform:translateX(-50%)}
.slick-news .pic{width:100%;padding-top:0}
.slick-news .txt{width:100%}
.ul-news li{width:50%;margin-bottom:10px}
.ul-news .txt{padding:10px}
.m-s-news{padding-bottom:8px}
.slick-news .more{margin:27px auto 0}
.ul-eval2 li{width:100%;margin-bottom:0}
.ul-sys li{width:50%}
.ul-camp li{width:50%;margin-bottom:15px}
.ul-camp li .con{margin:0 5px}
.m-camp{padding:20px 0}
.ul-pm li{margin-bottom:30px;width:50%}
.ul-pm .pic{width:100px;height:100px}
.m-team{padding:20px 0}
.ul-team li{margin-bottom:15px}
.ul-camp .tit{font-size:16px;padding-bottom:60px}
.ul-sp .tit{font-size:16px;margin-top:0}
.ul-sp .desc{line-height:1.5;height:auto;margin-top:0}
.ul-sp li{margin-bottom:15px;width:50%}
.ul-sp li .con{padding:15px 10px;height:230px}
.ul-pm .txt{padding-top:62px;height:auto;margin-top:-50px}
.ul-pm .txt .tit{font-size:16px}
.ul-pm .txt .desc{font-size:14px;margin-top:0}
.ul-camp .more{bottom:15px}
.ul-camp .ico{margin-top:16px}
.m-pop .con{width:90%}
.m-pop .tit h3{font-size:18px}
.m-pop .inner{height:284px}
.m-pop .tit p{font-size:14px}
.m-pop .ul-txt li{line-height:1.5}
.m-ban{height:220px}
.m-ban h3{font-size:18px}
.m-ban h3:after{bottom:-10px}
.g-tit-m{font-size:16px;line-height:26px}
.ul-imgtxt3 .txt .tit a{font-size:16px}
.ul-imgtxt3 .txt p{font-size:14px}
.ul-imgtxt3 .txt{padding:15px 10px}
.ul-flow .tit{font-size:15px;margin:5px 0}
.m-case,.m-flow,.m-proj,.m-scene,.m-tenet{padding-bottom:0}
.ul-imgtxt3 li{width:100%;margin-bottom:15px}
.ul-flow li{width:100%;height:auto;margin-bottom:15px}
.ul-tenet .tit a{margin:10px 0;font-size:16px;line-height:1.2}
.ul-tenet .desc{line-height:1.5;max-height:100%;display:block}
.ul-tenet li{width:100%}
.ul-tenet li .con{padding:20px}
.ul-tenet .icon{width:70px;height:70px;-webkit-background-size:70%;background-size:70%}
.slick-case .item{padding:0 20px}
.slick-case .tit a,.ul-cas .tit a{line-height:1.2;height:auto;font-size:16px}
.slick-case .txt,.ul-cas .txt{padding:15px 20px}
.m-case .slick-case,.m-rcnt2 .m-rcnt .slick-rcnt,.slick-rcnt,.slick-tch{padding-bottom:40px}
.slick-eval{padding-bottom:30px}
.m-case,.m-case2 .m-case,.m-eval,.m-rcnt,.m-rcnt2 .m-rcnt,.m-scene,.m-tch{padding-bottom:10px}
.m-mode .ul-imgtxt3 .txt p{padding-bottom:5px}
.m-mode .ul-imgtxt3 .txt{padding-bottom:15px}
.ul-flow .desc{display:block;max-height:999px}
.m-tra .txt{width:86%;padding-top:0}
.m-tra .txt .desc{font-size:14px;padding-top:5px}
.slick-eval .item h4,.ul-eval2 li h4{font-size:16px}
.ul-char li{width:100%;margin-bottom:15px}
.ul-proc li{width:50%}
.ul-char .txt{height:auto;padding-top:50px}
.ul-char .txt .desc{padding-top:5px;display:block}
.ul-team li .offer{padding-bottom:20px;font-size:14px}
.ul-team li .offer:after{bottom:5px}
.ul-team li .desc{line-height:1.5;display:block}
.ul-team li .skill{display:block;overflow:visible;white-space:normal;padding-top:5px}
.ul-team li .tit a{font-size:16px}
.ul-honr li{width:100%;margin-bottom:10px}
.ul-honr .tit{padding-top:10px}
.ul-honr .tit a{font-size:16px}
.m-honr{padding:20px 0}
.ul-sys .tit a{font-size:14px;line-height:24px}
.m-tra,.m-tra2 .m-tra,.m-tra3 .m-tra{padding:20px 0}
.m-tra .pic{margin:0 auto;float:none}
.m-tra .txt{margin:30px auto 0;float:none}
.m-tra .txt .tit{font-size:16px;line-height:26px}
.ul-proc .tit{font-size:14px;line-height:24px;padding-top:15px}
.ul-char .txt .tit{font-size:15px;line-height:25px}
.slick-rcnt .pic .txt1{font-size:16px}
.slick-rcnt .pic .txt2 .tit{font-size:16px;line-height:26px}
.slick-rcnt .date,.slick-rcnt .local{font-size:14px}
.slick-rcnt .date span,.slick-rcnt .local span{font-size:15px}
.slick-case .slick-dots li,.slick-eval .slick-dots li,.slick-news .slick-dots li,.slick-rcnt .slick-dots li,.slick-tch .slick-dots li{margin:0 5px}
.slick-case .desc,.ul-cas .desc{display:block;height:auto}
.m-cus .ul-list4{padding-bottom:15px}
.m-cus{padding:20px 0}
.slick-eval .item .desc,.ul-eval2 li .desc{display:block;height:auto}
.ul-team li .pic{float:none;margin:0 auto}
.ul-team li .txt{padding-left:0}
.m-pop .con .g-close,.m-pop .con .p-next,.m-pop .con .p-prev{top:100%;left:0;width:40px;height:40px}
.m-pop .con .p-prev{left:46px}
.m-pop .con .p-next{left:92px}
.slick-news .desc{display:block;height:auto}
.m-tra4 .m-tra .g-tit-m span,.ul-pri .tit{font-size:15px}
.ul-pri p{font-size:14px}
.ul-why .txt .tit{font-size:16px}

.ul-lkg1{margin-bottom:-10px}
.ul-lkg1:after{display:none}
.ul-lkg1 li{display:block;margin-bottom:10px}
.m-inforg1 .m-hotg1{width:auto}
.m-dateg1 .day{font-size:18px;line-height:28px}
.m-hotg1 .txt h4{font-size:16px;line-height:26px;max-height:52px}
.m-inforg1 .slider-lt1{width:auto}
.ul-list2 li{padding:15px 0}
.ul-list2 .txt{padding-top:0}
.ul-list2 h4 a{font-size:16px;line-height:26px}
.ul-list2{padding-bottom:15px}
.ul-list3 .num{font-size:18px;line-height:28px}
.ul-list3 p{font-size:14px}
.slider-lt2{padding-bottom:30px}
.slider-lt2 .slick-dots li{margin:0 5px}
.ul-list1 .inner{padding:0 10px}
.fd-copy{padding:10px;font-size:12px;line-height:22px}
.m-txtg1{font-size:14px;line-height:24px;padding:0 12px}
.m-txtg1 br{display:none}
.ul-lkg1 a{margin:0}
.ul-list1{margin:0 12px -10px}
.ul-list1 li{float:none;width:auto;margin-bottom:10px}
.row-2g{padding-top:20px}
.m-cong1{padding-bottom:20px}
.m-cong1 .top{padding-bottom:15px}
.m-cong1 h1{font-size:18px;line-height:28px;margin-bottom:10px}
.m-cong1 .inner{padding:15px 0;font-size:14px;line-height:24px}
.g-followg1{height:auto}
.g-followg1 h3{float:none;font-size:18px;line-height:28px;padding:0;text-align:center;margin-bottom:10px}
.g-followg1 .r{float:none;width:60%;margin:0 auto;padding-right:0}
.g-followg1 .txt{float:none;text-align:center;padding-top:0;margin-bottom:10px}
.g-followg1 .pic{margin:0 auto;float:none}
.g-lkg1{padding-right:0}
.g-lkg1 .g-returng1{position:relative;top:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);margin:15px auto 0}
.m-cong1 .g-followg1{margin-bottom:15px}
.g-followg1 .txt h4{font-size:14px;line-height:24px}
.g-lkg1 .item a,.g-lkg1 .item span{font-size:14px}
.g-returng1{width:120px;height:46px;line-height:44px;font-size:14px}
.m-txtg3 .g-returng1{font-size:14px}
.m-slideg1{padding:15px}
.m-slideg1 h3{font-size:16px;line-height:26px;padding-bottom:10px}
.row-2g .col-r{margin-bottom:20px}
.ul-lkg2{display:none}
.m-txtg2 .ul-list5{padding:20px 0}
.ul-list5{margin-bottom:-15px}
.ul-list5 li{float:none;width:auto;margin-bottom:15px}
.ul-list5 li:nth-child(even){float:none;width:100%}
.ul-list5 .con{padding-left:50px;-webkit-background-size:40px auto;background-size:40px auto}
.m-formg1 .item{float:none;width:auto;margin-bottom:15px}
.m-formg1 .con{float:none}
.m-formg1 .btn{float:none;display:block;margin:10px auto 0}
.m-formg1 .con .item.i2{width:170px}
.m-meg1 h3{margin-bottom:10px;font-size:16px;line-height:26px}
.m-meg1 h4{font-size:14px;line-height:24px}
.m-joing1 .txt{float:none;width:auto;margin-bottom:10px}
.m-joing1 .pic{float:none;margin:0 auto}
.m-sog1 .tit{display:block;margin-right:0;line-height:26px;margin-bottom:10px}
.m-formg2{padding-right:88px;width:90%}
.m-formg2 .inp{width:100%}
.m-formg2 .btn{width:88px;font-size:14px}
.box-t1{overflow-x:auto}
.con-txt{width:600px}
.m-dlg1 dt{padding:12px 0}
.m-dlg1 dd{padding:15px}
.m-dlg1 dd .item{margin-bottom:10px}
.m-dlg1 dd .apply{margin-top:15px}
.pages li{display:none}
.pages .pages-next,.pages .pages-prev,.pages li.on{display:block}
.m-txtg3 h1{font-size:18px;line-height:28px;margin-bottom:10px}
.m-txtg3 .con{font-size:14px;line-height:24px}
.m-txtg3 .con h4{margin-bottom:15px;font-size:15px}
.m-txtg3 .con .item{margin-bottom:15px}
.m-cong1.g2 h1{font-size:18px;line-height:28px;margin-bottom:10px}
.m-cong1 .info span{margin:0 5px}
.m-cong1.g2 .info .date{margin-right:5px}
.m-cong2{padding-bottom:20px}
.m-cong2 .tit{padding-bottom:10px;margin-top:0}
.m-cong2 h1{font-size:18px;line-height:28px;margin-bottom:10px}
.m-cong2 .info{padding:10px 0}
.m-cong2 .info span{font-size:14px}
.m-cong2 .info em{font-size:15px}
.m-cong2 .inner .t1{font-size:14px;line-height:24px}
.m-cong2 .tit .g-shareg1{position:relative;top:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);text-align:center}
.g-shareg1 .bdshare-button-style0-16 .bds_more,.g-shareg1 .bdshare-button-style0-16 a{display:inline-block;vertical-align:middle;float:none}
.m-cong2.g2 .inner{padding:15px 0}
.g-slideg2 .tit h3,.m-cong2 .tit2{font-size:16px;line-height:26px}
.ul-picg2 li{width:50%}
.ul-picg2 .t2{padding:15px}
.ul-picg1 li{float:none;width:auto}

/*!鎼滅储鍒楄〃*/
.box-list{padding-bottom:30px}
.ul-detial-g1 li{padding:10px 0;line-height:24px}
.ul-detial-g1 h3 a{font-size:16px;line-height:26px;margin-bottom:6px}
/*!鎼滅储鍒楄〃 end*/
}
@media only screen and (max-width:479px){
.m-case .slick-case,.m-rcnt2 .m-rcnt .slick-rcnt,.m-scene .slick-case,.slick-rcnt,.slick-tch{padding-bottom:30px}
.slick-eval{padding-bottom:20px}
.ul-char .pic{width:60px;height:60px}
.m-case .g-tit-m,.m-case2 .m-case .g-tit-m,.m-char .g-tit-m,.m-eval .g-tit-m,.m-flow .g-tit-m,.m-mode .g-tit-m,.m-proc .g-tit-m,.m-proj .g-tit-m,.m-rcnt .g-tit-m,.m-scene .g-tit-m,.m-sys .g-tit-m,.m-sys3 .m-sys .g-tit-m,.m-tch .g-tit-m,.m-tenet .g-tit-m{padding:10px 0}
.m-tra .txt{width:89%}
.ul-proc .ico{width:100px;height:100px}
.ul-proc .ico:after{left:-10px;top:-10px}
.slick-eval .item .tit:before,.ul-eval2 li .tit:before{top:110px}
.slick-case .item,.slick-rcnt .item{padding:0}
.slick-rcnt .info{padding:10px 5px}
.slick-rcnt .local{margin-left:5px}
.m-case,.m-case2 .m-case,.m-eval,.m-rcnt,.m-rcnt2 .m-rcnt,.m-scene,.m-tch{padding-bottom:8px}
.ul-pm li{width:auto;float:none;margin-bottom:10px}
.ul-pm .pic{width:90px;height:90px}
.ul-pm .txt{margin-top:-50px;padding-bottom:20px}
.ul-sys li{width:100%}
.ul-sys li .con{padding-bottom:0}
.m-pop .con{padding:10px;width:96%}
.m-pop .tit{padding-bottom:10px}
.ul-news li{width:100%}
.m-news{padding-top:10px}
.m-ban{height:180px}
.ul-camp li,.ul-sp li{float:none;width:auto}
.ul-sp li .con{height:auto}
.ul-sp .desc{display:block}
.ul-news .txt .desc,.ul-pm .txt .desc{display:block;height:auto}

.ul-picg2 li{float:none;width:auto}
.ul-list5 span{display:block}
}










.title1  { text-align:center; color:#666;}
.title1 h1{ font-size:30px;font-family:"方正兰亭纤黑_GBK",Arial; text-transform:uppercase;}
.title1 h2{ font-size:30px; font-weight:bold;}


.inews4 {padding:50px 0; overflow:hidden;}
.inews4 * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.inews4 a{ background:#FFF; padding:10px; float:left; margin-bottom:20px; margin-right:20px;}
.inews4 a img{ float:left; width:200px; height:150px;}
.inews4 a span{float:left; width:530px; height:150px;padding-left:30px;padding-right:10px; }
.inews4 a span h2{ font-size:18px; font-weight:bold;color:#000; padding-top:10px;}
.inews4 a span h4{ font-size:12px;color:#999; padding-top:5px;}
.inews4 a span h5{ font-size:14px;color:#666; padding:10px 0 15px 0;}
.inews4 a span h6{ font-size:14px;}
.inews4 a:hover {background:#e94609;}
.inews4 a:hover span *{ color:#FFF;}




.tab_main {overflow:hidden;position: relative;}
.tab{overflow:hidden; background:rgba(0,25,97,0.8); width:350px; position:absolute; left:50%; margin-left:-600px; top:0px; z-index:4;}
.tab * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.tab li{display:block; padding:10px 0px 10px 30px; border-bottom:#1c2a52 1px solid; cursor:pointer; position:relative;}
.tab li a { display:none;width:35px; height:35px; position:absolute; right:5%; top:50%; margin-top:-17.5px; z-index:4; background:url(../images/pnext1.png) center no-repeat; border:#FFF 1px solid;border-radius:100px; opacity:0.5;}
.tab li span { padding:8px 0px 8px 40px; color:#FFF; background:url(../images/add.png) left center no-repeat; background-size:10%;}
.tab li span h3{ font-size:16px;}
.tab li span h4{ font-size:12px; text-transform:uppercase; opacity:0.5;}
.tab li h5 {color:#FFF;font-size:12px;opacity:0.7;}
.tab li:hover span h3{color:#e94609; }
.tab li.on { border-left:#164e98 4px solid;}
.tab li.on span{ background:url(../images/add1.png) left center no-repeat;background-size:10%;}
.con{  margin:auto;position:relative;clear:both; }

.fmap { height:450px;}



/******
.tab li{display:block; padding:10px 0px 24px 30px; border-bottom:#1c2a52 1px solid; cursor:pointer; position:relative;}
.tab li a { display:none;width:35px; height:35px; position:absolute; right:5%; top:50%; margin-top:-17.5px; z-index:4; background:url(../images/pnext1.png) center no-repeat; border:#FFF 1px solid;border-radius:100px; opacity:0.5;}
.tab li span { padding:11px 0px 11px 50px; color:#FFF; background:url(../images/add.png) left center no-repeat;}
.tab li span h3{ font-size:16px;}
.tab li span h4{ font-size:14px; text-transform:uppercase; opacity:0.5;}
.tab li h5 {color:#FFF;font-size:14px;opacity:0.7;}
.tab li:hover span h3{color:#e94609; }
.tab li.on { border-left:#164e98 4px solid;}
.tab li.on span{ background:url(../images/add1.png) left center no-repeat;}
.con{  margin:auto;position:relative;clear:both; }
******/








/* 适应屏 */
@media screen and (max-width: 1440px) {
	



}
@media screen and (max-width: 1280px) {


	
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 860px) {


.slick1 {overflow:hidden;}
.slick1 div a {}
.slick1 div a img { display:none;}
.slick1 .slick-dots { bottom:5px;}
.mbanner { display:block !important;}
.mbanner img {display:block !important;}
.imain_content {width:96%;}
.hotproduct li{ border:#e5e5e5 1px solid; padding:10px; float: none; margin-right:0px; margin-bottom:20px;}
.hotproduct li a img{ width:100%; height: auto;}

.ibg1 { background:#000!important; height:auto!important;} 
.advantagel {margin-top:0px;width:90%;padding:10% 5%;float: none; background:#be3e0f;}
.advantager { width:90%;padding:10% 5%; margin-top:0px;float: none;background:#fff;overflow:hidden;}

.btitle { height:120px;padding:40px 50px 20px 0px;background:url(../images/kuang.png) right top no-repeat; float: none;}
.btitle h2{font-size:38px; font-weight:bold;}
.btitle h2 i{background:#fff; height:1px; width:40px; display:inline-block; vertical-align: middle; opacity:0.5;}
.btitle h1{font-size:18px; text-transform:uppercase;font-family:"方正兰亭超细黑简体",Arial;}

.advantager { width:90%!important;padding:10% 5%!important; margin-bottom:30px;float: none; text-align:center;}
.adv1 { width:100%; margin-bottom:30px; padding-bottom:30px; padding-right:0px; border-bottom:#CCC 1px solid;}
.adv2 { width:100%; margin-bottom:30px; padding-bottom:30px; padding-left:0px;  border-bottom:#CCC 1px solid;}
.adv3 { width:100%; margin-bottom:30px; padding-bottom:30px; padding-right:0px; border-bottom:#CCC 1px solid;}
.adv4 { width:100%; margin-bottom:30px; padding-bottom:0px; padding-left:0px;}
.advantager li {float: none;}
.advantager li img{ margin:auto;}
.advantager li h3{ font-weight:bold; font-size:20px;}
.advantager li i{ background:#CCC; height:1px; width:30px; margin:30px auto 20px  auto;}

.brandil { float: none; width:100%; }
.brandimg { position: relative; left: auto; top: auto; width:90%; padding:5%;height:auto; overflow:hidden;background:#e5e8ef; }
.brandimg img { display:block; width:100%; height:auto;}
.brandimgbg { display:none;}
.brandir { float: none; width:90%; padding-left:0; padding-top:0%;margin:auto; text-align:left}
.ctitle { padding:40px 0px 20px 0px;color:#666;  float: none; }
.ctitle h1 { font-size:18px;}
.ctitle h2{font-size:30px; font-weight:bold;}
.brandirtxt .more { margin-top:40px;float:left; clear:both;} 


.inews4 a{ background:#FFF; padding:10px; float: none; margin-bottom:20px; margin-right:0px;}
.inews4 a img{ float: none;width:100%; height: auto;}
.inews4 a span{float:none; width:90%; height: auto;padding:5%;}


.tab{ background:rgba(0,25,97,0.8); width:100%;left:0; margin-left:0px; top:0; }
.tab li{ padding:10px 0px 10px 5%;}
.tab li a { display: block;}
.con{ padding-bottom:0px; background:#f4f4f4; }
.fmap { height:460px; overflow:hidden;}




	
}


.research4 {
  padding: 100px 0;
}
.research4  p{
 width:50%; text-align:center; margin:0 auto; font-size: 16px;
  font-weight: 100;
  line-height: 30px; padding-top:20px;
}
.research4 .swiper {

  margin-top: 50px;
}

.research4 .swiper .swiper-container {
  padding: 10px 0 20px;
}

.research4 .swiper .swiper-slide {
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.research4 .swiper .swiper-slide:hover {
  box-shadow: 4px 7px 20px 0px rgba(15, 41, 76, 0.1);
}

.research4 .swiper .swiper-slide h6 {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 100;
  line-height: 30px;
  color: #666666;
  text-align: center;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

.research4 .swiper .swiper-slide:hover h6 {
  color: #00aa76;
}

.research4 .swiper .prevButton {
  -webkit-transform: translateY(-48px);
  -moz-transform: translateY(-48px);
  -ms-transform: translateY(-48px);
  -o-transform: translateY(-48px);
  transform: translateY(-48px);
}

.research4 .swiper .nextButton {
  -webkit-transform: rotate(180deg) translateY(48px);
  -moz-transform: rotate(180deg) translateY(48px);
  -ms-transform: rotate(180deg) translateY(48px);
  -o-transform: rotate(180deg) translateY(48px);
  transform: rotate(180deg) translateY(48px);
}
  @media (max-width: 768px) {
	  
	 .research4  p{
 width:80%; 
} 
	  }
	  

.profile-wh {width: 100%;padding-top:50px; padding-bottom:100px;  background-color: #f8f9fd;overflow:hidden; }
.profile-wh-list {width: 100%;margin-top: 52px;}
.profile-wh-list ul{margin: -2% 0 0 -1%;}
.profile-wh-list li{width: 19%;margin: 2% 0 0 1%;float: left;box-shadow: 0 0 15px rgba(0, 0, 0, .1);padding-top: 44px;text-align: center;background: #fff;height: 300px;transition: all .4s ease;}
.profile-wh-list li:hover{transform: translateY(-10px);}
.profile-wh-listwd {margin-top:38px;}
.profile-wh-listwd h5{font-size: 22px;color: #333;margin-bottom: 36px;}
.profile-wh-listwd p{font-size: 16px;line-height: 26px;color: #888; padding-left:10PX; padding-right:10PX;}
@media all and (max-width:1151px) {
    /* 1024 × (600/768) */

   
    .profile-wh-list li {width: 24%;}


}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	  .profile-wh {padding: 50px 0;}
    .profile-wh-list {margin-top: 40px;}
    .profile-wh-list ul{margin: -2% 0 0 -2%;}
    .profile-wh-list li {width: 31.333%;margin: 2% 0 0 2%;}}
	@media all and (max-width:640px) {
		  .profile-wh-list ul {margin: -4% 0 0;}
    .profile-wh-list li {width: 100%;margin: 4% 0 0;height: 300px;padding-top: 30px;}
    .profile-wh {padding: 30px 0;}
    .profile-wh-listwd h5 {font-size: 20px;margin-bottom: 18px;}
    .profile-wh-listwd {margin-top: 24px;}}
	
	
	
	.service-list{width: 100%; }
.service-list ul{margin-left: -2%;}
.service-list li{width: 31.3333%;float: left;margin-left: 2%;position: relative;border: 1px solid #eee; background:#f6f6f6; margin-bottom:20px;}
.service-list li a{display: block;width: 100%;}
.service-img{width: 100%;overflow: hidden;height: 254px;}
.service-img img{width: 100%;height: 100%;object-fit: cover;transition: all .6S ease-in-out;}
.service-wd{width: 100%;border: 1px solid #eee;border-top: none;padding: 34px 40px 48px;}
.service-wd span{font-size: 14px;color: #888;display: block;font-family: 'GothamBook';}
.service-wd h6, .service-wd h1{font-size: 22px;color: #333;line-height: 34px;margin: 24px 0 16px;transition: all .4s ease;height: 68px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.service-wd p{font-size: 14px;color: #999;line-height: 28px;height: 56px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.service-list li a:hover .service-img img{transform: scale(1.04);}
.service-list li a:hover .service-wd h6{color: #1f5dcb;}
.service-list li a:hover .service-wd h1{color: #1f5dcb;}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	   .service-list li {width: 48%;margin-top: 44px;}}
	   @media all and (max-width:640px) {
		    .service-list ul {margin-left: 0;}
    .service-list li {width: 100%;margin-top: 24px;}}