/*public start*/
* {margin: 0;padding: 0;font-size: 16px;font-family: '微软雅黑';-webkit-tap-highlight-color: rgba(0,0,0,0);/*color: #333333;*/ box-sizing: border-box;}
ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {margin: 0;padding: 0;}
ol, ul, li {list-style: none;padding: 0;margin: 0;}
img {border: none;max-width:100%;vertical-align: middle;}
a {text-decoration: none;border: none;margin: 0;padding: 0;color: #333333;}
input, textarea ,button{outline: 0;resize: none;border: none;_border: 0;margin: 0;padding: 0;background: none;}
select {border: 0;}
input::-webkit-search-cancel-button {display: none;}
input[type=button], input[type=submit], input[type=search], button{ -webkit-appearance: none;}
table, table td {border-collapse: collapse;}
select {border: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: none;}
select::-ms-expand {display: none;}
.clear {clear: both;}
.clearfix::after {content: '';clear: both;display: block;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.wrap {width: 100%;min-width: 1200px;_zoom: 1;position: relative;overflow: hidden;}
.container{width: 1200px;margin: 0 auto;}
/*public end*/
/* header start */
.header{
	position: relative;
}
.header-ding{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
}
.header-cont{
	padding: 29px 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.phone strong{
	display: block;
	color: #0089ab;
	font-size: 30px;
	font-style: italic;
}
.phone strong:before{
	content: "";
	width: 32px;
	height: 32px;
	background: url(../images/phone.png) no-repeat;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: -6px;
}
.nav >ul{
	display: table;
	margin: 0 0 0 auto;
}
.nav >ul >li{
	float: left;
	text-align: center;
	margin-left: 68px;
}
.nav >ul >li >a{
	position: relative;
	display: block;
}
.nav >ul >li >a:before,.nav >ul >li >a:after{
	width: 0;
	height: 1px;
	background: #0089AB;
	content: "";
	position: absolute;
	transition: all .3s;
}
.nav >ul >li >a:before{
	top: -1px;
	left: 0;
}
.nav >ul >li >a:after{
	bottom: 0;
	right: 0;
}
.nav >ul >li >a >span{
	color: #333333;
	font-size: 18px;
	display: block;
	line-height: 22px;
	padding-top: 8px;
	padding-bottom: 2px;
	transition: all .3s;
}
.nav >ul >li >a >small{
	color: #666;
	font-size: 14px;
	display: block;
	font-family:"lint";
	line-height: 22px;
	transition: all .3s;
	padding-bottom: 7px;
}
@font-face {
	font-family:"lint";
	src: url(../fonts/Flexo-Regular.otf);
}
.nav {
	padding-bottom: 70px;
}
.nav >ul >li:hover >a:before,.nav >ul >li:hover >a:after{
	width: 10px;
}
.nav >ul >li:hover >a >small,.nav >ul >li:hover >a >span{
	color: #0089AB;
}

.nav >ul >li.this >a:before,.nav >ul >li.this >a:after{
	width: 10px;
}
.nav >ul >li.this >a >small,.nav >ul >li.this >a >span{
	color: #0089AB;
}
.header-list ul{
	width: 813px;
	margin: 0 0 0 auto;
}
.header-list ul li{
	float: left;
	width: 270px;
	height: 170px;
	padding: 0 20px;
	text-align: center;
	background: rgba(255,255,255,.3);
	margin-left: 1px;
	margin-bottom: 1px;
}
.header-list ul li.header-li{
	background: none;
}
.fa-icon{
	font-style: normal;
	font-size: 18px;
	color: #1d1d1d;
}
@font-face {
	font-family:"ander";
	src: url(../fonts/AndersonSupercar.ttf);
}
.header-list h2{
	padding: 20px 0 10px;
	
}
.header-list h2 span{
	color: #1d1d1d;
	font-size: 48px;
	font-family:"ander";
	position: relative;
	z-index: 99;
	font-weight: 500;
}
.header-list h2 span:after{
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 4px;
	right: -7px;
	z-index: -1;
}
.header-list li small{
	color: #333;
	display: block;
	font-size: 18px;
	font-family:"lint";
	padding-bottom: 5px;
}
.header-list li p{
	color: #333;
	font-size: 16px;
	line-height: 18px;
	font-family:"lint";
	
}
.header-list li:nth-child(3) p{
	letter-spacing: -1px;
}
/* content */
.company{
	margin-top: -100px;
	position: relative;
	z-index: 99;
}
.company-note{
	padding-bottom: 45px;
}
.company-title h4{
	font-weight: 500;
	font-size: 36px;
	color: #fff;
	font-family:"lint";
	padding-bottom: 6px;
}
.company-title h4 span{
	font-size: 24px;
	color: #fff;
	font-family:"lint";
}
.company-text{
	background: #fff;
	padding: 25px 25px 45px;
}
.company-text span{
	color: #666666;
	font-size: 18px;
	line-height: 30px;
	display: block;
	text-indent: 2em;
	padding-bottom: 10px;
	
}
.company-text p{
	color: #666666;
	line-height: 24px;
	font-family:"lint";
	text-indent: 2em;
}
.company-more{
	width: 180px;
	margin-left: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7fc4d5;
	position: relative;
}
.company-more:before{
	content: "";
	width: 0%;
	height: 1px;
	background: #0089ab;
	position: absolute;
	left: 0;
	bottom: -1px;
	transition: all .6s;
}
.company-more:hover small,.company-more:hover span{
	color: #0089ab;
}
.company-more:hover:before{
	width: 100%;
}
.company-more a{
	display: block;
}
.company-more small{
	color: #999999;
	font-size: 14px;
	float: left;
	font-family:"lint";
}
.company-more span{
	float: right;
	color: #999;
	font-size: 14px;
	padding-right: 5px;
}
.company-cont{
	position: relative;
}
.company-lb .gallery-thumbs{
	position: absolute;
	right: 0 !important;
	bottom: 0;
	width: /* 855px */42.53125%;
	padding: 0 30px;
}
.company-lb .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: 0;
}
.company-lb .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: 0;
}
.company-lb .gallery-thumbs .swiper-slide-thumb-active{
	position: relative;
}
.company-lb .gallery-thumbs .swiper-slide-thumb-active:before{
	background: rgba(0,0,0,.5);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
}
.company-lb .swiper-slide-active .company-right{
	opacity: 1;
}
.company-left{
	width: /* 1000px */52.549%;
	/*width: 100%;*/
}
.company-right{
	width: /* 855px */44.53125%;
	opacity: 0;
}
.company-txt{
	width: /* 495px */58.413%;
	text-align: right;
}
.company-txt span{
	display: block;
	color: #333;
	font-size: 30px;
	padding: 75px 0 10px;
}
.company-bg{
	width: 30px;
	height: 1px;
	background: #0089AB;
	margin: 0 0 0 auto;
}
.company-word{
	padding-top: 90px;
}
.company-word p{
	line-height: 30px;
	color: #666666;
	font-size: 18px;
}
/* 技术优势 */
.index-title{
	text-align: center;
}
.index-title span{
	display: block;
	color: #333333;
	/* font-family:"lint"; */
	font-size: 48px;
	line-height: 50px;
	font-family:"weiya";
}
@font-face {
	font-family:"weiya";
	src: url(../fonts/MicrosoftYaHeiUILight.ttf);
}
.index-title img{
	margin-top: -3px;
}
.index-title small{
	display: block;
	color: #ccc;
	font-family:"lint";
	letter-spacing: 4px;
}
.techincal-title{
	padding: 80px 0 40px;
}
.techincal-ul1 .li-techincal-text{
	padding-right: 45px;
}
/*.techincal-ul2 .li-techincal-icon{*/
/*	padding-left: 45px;*/
/*}*/
.techincal-list .li-techincal-icon{
	width: 65px;
	margin-top: 10px;
}
.techincal-list .li-techincal-icon:after{
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/techincal-icon2.png) no-repeat;
	margin-bottom: -17px;
	margin-left: 3px;
}
.techincal-list .li-techincal-text{
	/* width: 470px; */
	width: 455px;
}
.techincal-list .li-techincal-text span{
	display: block;
	color: #333333;
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 8px;
	transition: all .4s;
}
.techincal-list .li-techincal-text p{
	color: #999999;
	font-size: 16px;
	line-height:18px;
	/* letter-spacing: -1px; */
	font-family:"lint";
	transition: all .4s;
}
.techincal-list {
	padding-bottom: 75px;
}
.techincal-list ul{
	float: left;
	width: 600px;
}
.techincal-list ul.techincal-ul2 li{
	border-right: 0;
}
.techincal-list ul li{
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eee;
	min-height: 160px;
}
.techincal-list ul li a{ display:block; padding:25px; }
.techincal-list ul li:hover span{
	color: #0089ab;
}
.techincal-list ul li:hover p{
	color: #73bed1;
}
.techincal-list ul li:last-child{
	border-bottom: 0;
}
/* 10000多个工程案例 strat */
.case{
	background: #f8f8f8;
	padding-bottom: 80px;
}
.case-title{
	padding: 75px 0 40px;
}
.case-list li{
	position: relative;
	width: /* 33.334 */33.28%;
	float: left;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
.case-list li:nth-child(3n+1){
	border-left: 0;
}

.case-list li .img{ width:100%; height:430px; }
.case-list li:hover .case-icon{
	top: -100%;
}
.case-list li:hover .case-ding{
	bottom: 0;
}
.case-icon{
	width: 280px;
	height: 280px;
	background: rgba(0,0,0,.5);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	transition: all .7s;
}
.case-icon span{
	display: block;
	color: #fff;
	font-size: 26px;
	padding: 30px 0 10px;
}
.case-icon p{
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	width: 170px;
	margin: 0 auto;
}
.li-case-icon{
	width: 118px;
	height: 137px;
	margin: 0 auto;
	position: relative;
	
}
.li-case-icon img{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.case-ding{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -100%;
	background: rgba(0,0,0,.7);
	text-align: center;
	transition: all .7s;
}
.case-ding a p{
	line-height: 32px;
	color: #ffffff;
	font-size: 18px;
	
}
.case-ding>a{
	display: block;
	width: 100%;
	height: 100%;
}
.case-ding a small{
	color: #fff;
	display: block;
	padding-top: 5px;
}
.case-text{
	text-align: center;
	padding: 35px 0 15px;
}
.case-text span{
	display: block;
	color: #fff;
	font-size: 16px;
	padding-top: 5px;
}
.case-text p{
	color: #fff;
	font-size: 14px;
}
/* 整体解决方案 */
.solution-list{
	padding-bottom: 75px;
}
.solution-list li{
	float: left;
	text-align: center;
	margin-left: 88px;
	
}
.solution-list li:first-child{
	margin-left: 0;
}
.solution-list span{
	color: #333333;
	font-size: 18px;
	line-height: 24px;
	display: block;
	transition: all .4s;
	padding: 14px 0 6px;
}
.solution-list p{
	color: #999999;
	font-size: 16px;
	font-family: "lint";
	transition: all .4s;
	font-family: "lint";
}
.solution-list .li-solution-icon{
	width: 166px;
	height: 166px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: all .4s;
}
.solution-list li:hover .li-solution-icon{
	border-color: #99cedb;
	 
}
.solution-list li:hover span{
	color: #0089ab;
}
.solution-list li:hover p{
	color: #7fc4d5;
}
.solution-list li:hover .li-solution-icon img{
	-webkit-animation: icon-bounce 0.5s ;
	-moz-animation: icon-bounce 0.5s ;
	-o-animation: icon-bounce 0.5s ;
	animation: icon-bounce 0.5s ;
}
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
/* 90000多平米产研基地 */
.base{
	background: #f8f8f8;
	padding-bottom: 75px;
}
.base-title,.solution-title{
	padding: 75px 0 37px;
}
.base-list li{
	float: left;
	margin-bottom: 12px;
	margin-left: 12px;
	position: relative;
	overflow: hidden;
}
.base-list li:nth-child(5n+1){
	margin-left: 0;
}
.base-list li img{
	transition: all .6s;
}
.base-list li:hover img{
	transform: scale(1.1);
}
.base-text{
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(255,255,255,.85);
	height: 25px;
	line-height: 25px;
	width: 100%;
}
.base-text p{
	color: #333333;
	padding-left: 10px;
}
/* 遍布全国的直属分支机构 */
.country{
	height: 512px;
	background: url(../images/country-bg.png) no-repeat;
	background-size: cover;
}
.country-title{
	padding: 0;
}
/* footer */
.footer{
	background: url(../images/footer-bg.png) no-repeat;
	background-size: cover;
	padding-bottom: 40px;
}
.footer-cont{
	padding: 55px 0 0 0;
}
.footer-phone{
	padding-bottom: 20px;
	padding-left: 60px;
	background: url(../images/footer-phone.png) no-repeat 0px 3px;
}
.footer-phone span{
	display: block;
	color: #fff;
	font-size: 14px;
}
.footer-phone strong{
	color: #fff;
	font-size: 24px;
	font-style: italic;
}
.footer-right{
	width: 570px;
}
.footer-nav{
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(255,255,255,.25);
	margin-bottom: 28px;
}
.footer-nav li{
	float: left;
	margin-left: 20px;
}
.footer-nav li:first-child{
	margin-left: 0;
}
.footer-nav li a{
	color: #fff;
}
.footer-right >p,.footer-right >p a{
	text-align: right;
	color: #fff;
	padding-bottom: 8px;
}
.yh{
	position: relative;
}
.yh .header-cont{
	border-bottom: 1px solid #f2f2f2;
}
.yh .nav{
	padding-bottom: 0px;
}
.n1-h{
	position: relative;
}
.n1-hf{
	width: 1200px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.n1-hf>p{
	position: absolute;
	bottom: 16px;
	padding-left: 31px;
	font-size: 14px;
	color: #fff;
}
.n1-hf>p>a{
	font-size: 14px;
	color: #fff;
}
.n1-top{
	padding: 40px 0;
	background: #f8f8f8;
}
.n1-top>ul{
	display: flex;
	justify-content: center;
}
.n1-top>ul>li{
	display: inline-block;
	margin-right: 60px;
}
.n1-top>ul>li:last-child{
	margin-right: 0;
}
.n1-top>ul>li>a{
	width: 170px;
	height: 45px;
	display: block;
	background: #fff;
	border: 1px solid #eeeeee;
	border-radius: 23px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #333333;
}
.n1-top>ul>li>a:hover{
	background: #0089ab;
	color: #fff;
}
.n1-top>ul>li>a.this{
	background: #0089ab;
	color: #fff;
}
.n1-c{
	padding-top: 40px;
}
h1.title{
	font-size: 30px;
	color: #333333;
	text-align: center;
	font-weight: normal;
	position: relative;
}
h1.title span{ font-size: 30px; }
h1.title:after{
	content: "";
	display: block;
	width: 520px;
	height: 1px;
	background: url(../images/sub1_03.jpg);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
h1.title:before{
	content: "";
	display: block;
	width: 520px;
	height: 1px;
	background: url(../images/sub1_031.jpg);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
.n1-art{
	padding-bottom: 77px;
}
.n1-art>p{
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	padding-top: 39px;
}
.n1-art .img{
	padding-top: 37px;
}
.n1-2-c{
	padding-top: 69px;
	padding-bottom: 43px;
	display: flex;
	flex-flow: wrap;
}
.n1-2-cl{
	width: 290px;
	margin-bottom: 31px;
	margin-right: 13px;
}
.n1-2-cl:nth-child(4n+0){
	margin-right: 0;
}
.n1-2-cl .img{
	width: 286px;
	height: 186px;
	border: solid 2px #eeeeee;
	display: flex;
	align-items: center;
	justify-content: center;
}
.n1-2-cl>p{
	padding-top: 20px;
	font-size: 16px;
	color: #333333;
	text-align: center;
}
.n2-t{
	background: #f8f8f8;
}
.n2-top{
	padding: 50px 0 58px 0;
	display: flex;
}
.n2-tl{
	width: 170px;
	margin-right: 42px;
}
.n2-tl:last-child{
	width: 170px;
	margin-right: 0px;
}
.n2-tl>a{
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
.n2-tl .img{
	width: 168px;
	height: 43px;
	border: solid 1px #e5e5e5;
	border-radius: 23px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.n2-tl>a>p{
	padding-top: 18px;
	padding-bottom: 10px;
	color: #555555;
	font-size: 16px;
	line-height: 10px;
	display: inline-block;
	border-bottom: 1px solid transparent;
}
.n2-tl>a:hover>p{
	border-bottom: 1px solid #0089ab;
}
.n2-tl>a.this>p{
	border-bottom: 1px solid #0089ab;
}
.n2-c{
	padding-top: 41px;
	padding-bottom: 54px;
}
.n2-cArt{
	padding-top: 38px;
}
.n2-cArt>p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
}
.n2-cm{
	width: 1184px;
	/*height: 154px;*/
	border: solid 8px #f2f2f2;
	margin-top: 41px;
	display: flex;
}
.n2-cm .left{
	width: 142px;
	background: #f5f5f5;
	display: flex;
	align-items: center;
}
.n2-cm .left>h1{
	font-size: 26px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	/*line-height: 154px;*/
	width: 100%;
}
.n2-cm .right{
	padding: 0px 28px 40px 119px;
	display: flex;
	justify-content: space-between;
	width: 900px;
	flex-flow: wrap;
}
.n2-cm .right>a{
	display: inline-block;
	margin-top: 40px;
	font-size: 16px;
	color: #666666;
	line-height: 16px;
	margin-right: 50px;
}
.n2-cm .right>a.dute5{
	margin-right: 0;
}
.n2-cm .right>a.this{
	color: #0089ab;
}
.n2-cm .right>a>span{
	width: 13px;
	height: 13px;
	border: 1px solid #cccccc;
	display: inline-block;
	margin-right: 9px;
	position: relative;
	top: 2px;
}
.n2-cm .right>a>span.this:after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	background: #0089ab;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.n2-cb{
	display: flex;
	flex-flow: wrap;
}
.n2-cbl{
	width: 380px;
	margin-top: 48px;
	margin-right: 30px;
}
.n3-img{height:255px;overflow:hidden}
.n3-img img{ min-height:255px; }
.n2-cbl:nth-child(3n+0){margin-right: 0;}
.n2-cbl .img{
	width: 378px;
	height: 352px;
	border: solid 1px #eeeeee;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.n2-cbl .img>img.i{
	position: absolute;
	left: 72px;
	top: 0;
}
.n2-cbl .img>img:first-child:hover{
	animation: 1s pulse;
}
.layanjing{
	background: #f8f8f8;
	padding-bottom: 20px;
}
.n2-cbl .layanjing>p{
	padding-top: 21px;
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.n2-cbl .layanjing>a{
	width: 150px;
	line-height: 35px;
	display: block;
	text-align: center;
	color: #999999;
	border-radius: 18px;
	margin-top: 26px;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
}
.n2-cbl:hover .layanjing>p{
	color: #0089ab;
}
.n2-cbl:hover .layanjing>a{
	background: #0089ab;
	color: #fff;
}
.page{
	display: flex;
	justify-content: center;
	padding-top: 50px;
}

.n2-cbl .img{ height: 252px; overflow: hidden;}
.n2-cbl .img img{ min-height: 252px; }
.n2-cbl .img>img.i { min-height: auto; }

.page>a{
	display: inline-block;
	width: 38px;
	height: 38px;
	border: solid 1px #e9e9e9;
	line-height: 38px;
	text-align: center;
	color: #aaaaaa;
	margin-right: 6px;
	border-radius: 4px;
}
.page>a:last-child{
	margin-right: 0;
}
.page>a:hover{
	background: #0089ab;
	color: #fff;
}
.page>a.this{
	background: #0089ab;
	color: #fff;
}
.n21-ct{
	display: flex;
}
.n21-ct .left{
	width: 568px;
	margin-right: 20px;
}
.n21-ct .left .img{
	width: 568px;
	height: 380px;
	border: solid 1px #eeeeee;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.n21-ct .left .img>img.i{
	position: absolute;
	left: 92px;
	top: 0;
}
.n21-ct .right{
	background: #eeeeee;
	width: 610px;
	/*height: 382px;*/
}
.n21-ct .right .font{
	padding-left: 20px;
	padding-right: 30px;
}
.n21-ct .right>h1{
	font-size: 24px;
	color: #0089ab;
	padding: 21px 0 17px 20px;
	border-bottom: 2px solid #fff;
	font-weight: normal;
}
.n21-ct .right .font>p{
	font-size: 16px;
	line-height: 22px;
	/*padding-top: 36px;*/
	color: #666666;
}
.n21-ct .right .font>p>h1{
	font-size: 16px;
	line-height: 22px;
	color: #666666;
	font-weight: 200;
}
.n21-ct .right .font>p>span{
	color: #333333;
}
.n21-m1{
	padding-top: 39px;
	display: flex;
}
.n21-m1>a{
	width: 100%;
	line-height: 51px;
	background: #313131;
	text-align: center;
	color: #fff;
	font-size: 20px;
	display: inline-block;
}
.n21-m1>a:hover{
	background: #0089ab;
}
.n21-m2{
	border: 1px solid #eeeeee;
	padding: 29px 17px 20px 14px; 
	margin-bottom: 79px;
}
.n21-m2>h1{
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 15px;
}
.n21-m2>p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	padding-bottom: 40px;
}
.n21-m3{
	background: #f8f8f8;
}
.n21-m3c{
	padding: 39px 0 52px 0;
}
.n21-m3c .title{
	display: flex;
	justify-content: space-between;
	padding-bottom: 18px;
}
.n21-m3c .title>h1{
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	line-height: 24px;
}
.n21-m3c .title>h1>span{
	font-size: 24px;
}
.n21-m3c .title>a{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.n21-m3cb{
	display: flex;
}
.n3-top{
	background: #f8f8f8;
	height: 125px;
}
.n3-tc{
	display: flex;
	align-items: center;
	height: 100%;
}
.n3-tc>a{
	font-size: 16px;
	color: #333333;
	display: block;
	width: 133px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #eeeeee;
	border-radius: 18px;
	background: #fff;
	margin-right: 30px;
}
.n3-tc>a:hover{
	background: #0089ab;
	color: #fff;
}
.n3-tc>a.this{
	background: #0089ab;
	color: #fff;
}
.n3-c{
	padding-top: 44px;
	padding-bottom: 80px;
}
.n3-cc{
	display: flex;
	flex-flow: wrap;
}
.n4-c{
	padding-top: 45px;
}
.n4-c>h1{
	font-size: 30px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 20px;
}
.n4-c>p{
	font-size: 14px;
	color: #999999;
	padding-bottom: 22px;
	border-bottom: 1px solid #eeeeee;
}
.n4-c>p>span{
	font-size: 14px;
	color: #999999;
	margin: 0 20px;
}
.n4-ca{
	padding-top: 21px;
	padding-bottom: 80px;
}
.n4-ca>p{
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	/*padding-bottom: 40px;*/
}
.n4-ca .img{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.n4-ca .img>p{
	font-size: 18px;
	color: #333333;
	text-align: center;
	width: 100%;
	padding-top: 21px;
	padding-bottom: 40px;
}
.n4-ca .img1{
	display: flex;
	justify-content: center;
	flex-flow: wrap;
}
.n4-ca .img1>p{
	font-size: 18px;
	color: #333333;
	text-align: center;
	width: 100%;
	padding-top: 21px;
	padding-bottom: 40px;
}
.n4-cab{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 40px;
}
.n4-cab>a{
	font-size: 16px;
	color: #999999;
}
.n4-cab>a:hover{
	color: #0089ab;
}
.n4-cab>a.m{
	width: 200px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #0089ab;
	border-radius: 23px;
}
.n31-f{
	display: flex;
}
.n5-c{
	padding-top: 44px;
}
.n5-cc{
	padding-top: 38px;
	padding-bottom: 40px;
}
.row{
	display: flex;
}
.row>h1{
	width: 415px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: #0089ab;
	border-right: 1px solid #e5e5e5;
}
.row>ul{
	width: 264px;
	border-right: 1px solid #e5e5e5;
	display: block;
}
.row>ul>li{
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	background: #0089ab;
	position: relative;
}
.row>ul>li>img{
	margin-left: 5px;
	cursor: pointer;
}
.row>ul>li>ul{
	position: absolute;
	top: 110%;
	left: 0;
	background: #fff;
	width: 188px;
	right: 0;
	margin: 0 auto;
	border-radius: 10px;
	border: 1px solid #eeeeee;
	display: none;
	max-height: 500px;
}
.row>ul>li>ul>li{
	padding-left: 15px;
	text-align: left;
}
.row>ul>li>ul>li>h1{
	text-align: center;
	font-size: 18px;
	color: #0089ab;
	text-decoration: underline;
	line-height: 38px;
}
.row>ul>li>ul>li>a{
	font-size: 16px;
	color: #555555;
	line-height: 24px;
}
.row>ul>li>ul>li>a>span{
	width: 12px;
	height: 12px;
	border: 1px solid #dcdcdc;
	position: relative;
	display: inline-block;
	margin-right: 8px;
}
.row>ul>li>ul>li>a>span:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 6px;
	height: 6px;
	/*background: #aaaaaa;*/
}
.row>ul>li>ul>li>a:hover>span{
	border: 1px solid #a0a0a0;
}
.row>ul>li>ul>li>a:hover>span:after{
	background: #626262;
}
.rows{
	border: 1px solid #e5e5e5;
}
.rows:nth-child(2n+0){
	background: #e5f3f6;
}
.rows>a{
	display: flex;
}
.rows>a>p{
	font-size: 18px;
	line-height: 37px;
	color: #555555;
	text-align: center;
	width: 264px;
	border-right: 1px solid #e5e5e5;
}
.rows:nth-child(2n+0)>a>p{
	border-right: 1px solid #f6f9f9;
}
.rows>a>p:first-child{
	width: 415px;
}
.n4-tc>a{
	width: 170px;
	line-height: 45px;
	margin-right: 60px;
}
.n6-c{
	padding-top: 40px;
	padding-bottom: 121px;
}
.n6-c>p{
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}
.n6-c .img{
	padding-top: 42px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.il{
	width: 380px;
}
.il>h1{
	height: 79px;
	background: #f8f8f8;
	text-align: center;
	line-height: 79px;
}
.n5-tc{
	justify-content: center;
}
.n5-tc>a:last-child{
	margin-right: 0;
}
.n7-c{
	padding-top: 39px;
	padding-bottom: 80px;
}
.n7-ct{
	display: flex;
	justify-content: space-between;
	padding-bottom: 41px;
}
.n7-ctl{
	width: 380px;
}
.n7-ctl>h1{
	margin-top: 20px;
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	padding-bottom: 10px;
	font-weight: normal;
	height:48px; overflow: hidden;
}
.n7-ctl>p{
	font-size: 16px;
	line-height: 20px;
	color: #999999;
}
.n7-ctl:hover>h1{
	color: #0089ab;
}
.n7-ctlb{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
a.jiantou{
	background: url(../images/n5-3.png);
	width: 36px;
	height: 36px;
	display: block;
}
.n7-ctlb>span{
	font-size: 14px;
	color: #aaaaaa;
}
.n7-ctl:hover .n7-ctlb>a.jiantou{
	background: url(../images/n5-4.png);
}
.n7-cbl{
	padding: 42px 0;
	border-bottom: 1px solid #eeeeee;
	display: flex;
}
.n7-cbl:first-child{
	padding: 42px 0;
	border-top: 1px solid #eeeeee;
}
.n7-cbl .left{
	padding: 0 21px;
	border-right: 1px solid #eeeeee;
}
.n7-cbl .left>h1{
	font-size: 48px;
	color: #0089ab;
	font-weight: normal;
	line-height: 50px;
	padding-top: 31px;
}
.n7-cbl .left>h2{
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	line-height: 24px;
}
.n7-cbl .right{
	padding-left: 50px;
	width: 1100px;
	cursor: pointer;
}
.n7-cbl .right>h1{
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	padding-bottom: 16px;
	font-weight: normal;
}
.n7-cbl:hover .right>h1{
	color: #0089ab;
}
.n7-cbl .right>p{
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	padding-bottom: 19px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.n7-cbl .right .bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.n7-cbl .right .bottom>p{
	font-size: 14px;
	color: #bbbbbb;
}
.n7-cbl:hover .right .bottom>a{
	background: url(../images/n5-4.png);
}
.n8-c{
	padding-top: 36px;
	padding-bottom: 80px;
}
.n8-cm1{
	padding-top: 36px;
}
.n8-cm1>h1{
	font-size: 24px;
	color: #0089ab;
	padding-bottom: 18px;
}
.n8-cm1c{
	background: #f0f0f0;
	border: solid 1px #cccccc;
	display: flex;
	padding-top: 27px;
	padding-bottom: 10px;
}
.n8-cm1cl{
	width: 600px;
	padding-left: 40px;
}
.n8l1{
	display: flex;
	align-items: flex-start;
	margin-bottom: 54px;
}
.n8l1:last-child{
	margin-bottom: 0;
}
.n8l1>img{
	margin-right: 21px;
}
.n8l1>p{
	font-size: 18px;
	color: #666666;
	line-height: 22px;
}
.n8l1>p.jc24{
	font-size: 24px;
}
.n8l2>p.p1{
	width: 200px;
}
.n8-cm1cr{
	width: 600px;
	padding-left: 40px;
}
.n8l3a{
	display: flex;
}
.n8l3{
	display: flex;
	align-items: flex-start;
}
.n8l3:first-child{
	margin-right: 50px;
}
.n8l3>img{
	margin-right: 36px;
}
.n8l3r>p{
	text-align: center;
	padding-top: 14px;
	color: #666666;
	font-size: 14px;
}
.n8r1{
	display: flex;
	align-items: flex-start;
	margin-bottom: 51px;
}
.n8r1>img{
	margin-right: 21px;
}
.n8r1p>p{
	font-size: 18px;
	line-height: 34px;
	color: #333333;
}
.n8r1p>p:last-child{
	font-size: 16px;
	color: #666666;
}
.lxwm{
	padding-top: 111px;
}
.lxwm .top{
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
}
.lxwm .top .list{
	width: 318px;
	padding-bottom: 16px;
	border-bottom: 1px solid #bfbfbf;
}
.lxwm>h2{
	padding-top: 39px;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 15px;
}
.lxwm>textarea{
	width: 100%;
	height: 159px;
	border: 1px solid #bfbfbf;
}
.lxwm>p{
	font-size: 14px;
	color: #ff0000;
	text-align: center;
}
.lxwm>input{
	width: 100%;
	line-height: 40px;
	text-align: center;
	background: #0089ab;
	border-radius: 3px;
	font-size: 16px;
	color: #ffffff;
	margin-top: 29px;
}

@media screen and (max-width:1560px) {
	.case-ding a p{
		font-size: 14px;
		line-height: 22px;
	}
	.case-text img{
		height: 60px;
	}
}

@media screen and (max-width:1440px) {
	.case-ding a p{
		font-size: 14px;
		line-height: 22px;
	}
	.case-text img{
		height: 60px;
	}
}


.gg{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pic{
	position: relative;
	z-index: 99999;
	width: 500px;
}
.close {
	position: absolute;
	/*top: -30px;*/
	bottom: -50px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 50px;
	height: 50px;
}
.honor_top{
	margin-bottom: 20px;
}
.honor_top>ul{
	display: flex;
	justify-content: center;
}
.honor_top>ul li{
	margin-right: 50px;
}
.honor_top>ul>li>a {
	width: 170px;
	height: 45px;
	display: block;
	background: #fff;
	border: 1px solid #eeeeee;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #333333;
}
.honor_top>ul>li>a.this {
	background: #0089ab;
	color: #fff;
}
.honor_top>ul>li:last-child {
    margin-right: 0;
}

.div600{width:100%;margin:0 auto}
.flex{display:flex;justify-content:space-between;align-items:center}
.flex2{display:flex;justify-content:center;align-items:center}
.wap-header{position:relative;display:none}
.wap-header-top{position:absolute;left:0;top:0;width:100%;z-index:999; padding: 20px 0 0;}
.wap-phone{margin-right:10px}

.muen-dowm{position:absolute;top:60px;right:-100%;z-index:9999;background:#fff;width:140px;height:100%;transition:all .6s}
.muen-dowm li{line-height:45px;border-bottom:1px solid #ddd}
.muen-dowm li a{display:block;padding-left:20px;font-size:16px}
.muen-bg{position:absolute;left:-100%;top:60px;background:rgba(255,255,255,.4);z-index:9999;width:100%;transition:all .6s;height:100%}
.wap-phone{position:relative}
.phone-mun{position:absolute;top:100%;left:-80px;text-align:center;width:200px;display:none;transition:all .6s}
.phone-mun span{font-size:16px;line-height:40px;background:rgba(255,255,255,.5);display:block;margin-top:10px}

.banner{position:relative}
.ny1-top{height:100px;position:relative;padding-top:0;display:flex;align-items:center;}
.wap-n1-hf{position:absolute;bottom:0;left:0}
.wap-n1-hf>p{position:absolute;bottom:5px;padding-left:20px;font-size:12px;color:#fff}
.wap-n1-hf>p>a{font-size:12px;color:#fff}

.wap-message {display: none;}

.wap-lxwm{display:flex;justify-content:center;flex-flow:wrap;padding-bottom:25px}
.wap-lxwm .top .list{width:100%;padding-bottom:16px;border-bottom:1px solid #bfbfbf;margin-bottom:32px}
.wap-lxwm .top .list label{font-size:24px;line-height:32px}
.wap-lxwm .top .list input{line-height:32px;font-size:22px}
.wap-lxwm>h2{font-size:24px;font-weight:400;padding-bottom:20px;text-align:center}
.wap-lxwm>textarea{width:100%;height:187px;border:1px solid #bfbfbf;margin-bottom:23px;font-size:22px}
.wap-lxwm>p{font-size:20px;color:red;text-align:center;width:100%}
.wap-lxwm>input{width:150px;line-height:35px;text-align:center;background:#0089ab;border-radius:3px;font-size:16px;color:#fff;margin-top:20px}

.wap-footer{background:url(../images/footer-bg.png) no-repeat;background-size:cover; display: none; padding:15px 0;}
.wap-footer-cont{display:flex;justify-content:space-between;padding-top:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.15); margin-bottom: 15px;}
.wap-footer .footer-logo{ padding-top: 5px; display: block; }
.wap-footer-phone{padding-left:35px;background:url(../images/footer-phone.png) no-repeat 0 2px ; background-size: 20%; }
.wap-footer-phone span{display:block;color:#fff;font-size:14px}
.wap-footer-phone h3{color:#fff;font-size:16px;font-style:italic}
.wap-footer-bottom{text-align:center;padding:10px 0;}
.wap-footer-bottom p,.wap-footer-bottom p a{color:#fff;line-height:20px;font-size: 12px;}

.n2-mod{border:solid 4px #f2f2f2;padding:15px;margin:20px 0 20px 0; display: none;}
.n2-mod>h1{font-size:16px;color:#333;font-weight:400;text-align:center}
.n2-mc{display:flex;padding-top:20px;flex-flow:wrap}
.n2-mcl{width: 23%; margin-right: 2%;}
.n2-mcl:nth-child(4n){margin-right:0}
.n2-mcl>a>h1{font-size:12px;color:#222;padding-top:10px;position:relative;padding-bottom:10px; font-weight: normal;}
.n2-mcl>a>h1.this:after{content:"";display:block;width:34px;height:2px;background:#0089ab;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}

.wap-pro{ display: none; }
.n2-cm1{padding:0}
.n2-cm1 .img{display:flex;border:solid 1px #eee;justify-content:center;align-items:center}
.n2-cm3{display:flex}
.n2-cm3>a:first-child{ flex:1; display:inline-block;font-size:16px;line-height:38px;background:#a0a0a0;text-align:center;color:#fff}
.n2-cm3>a:last-child{ flex:1;display:inline-block;font-size:16px;line-height:36px;border:solid 1px #0089ab;text-align:center;color:#000}

.n21-m2{ margin-bottom: 0; }

.wap-index{ display: none; }
.index-list ul{display:flex;flex-wrap:wrap}
.index-list ul li{height:90px;width:33.333%;background:#0089ab;text-align:center;position:relative;border-bottom:1px solid rgba(255,255,255,.4)}
.index-list ul li.index-li{background:0 0}
.index-list ul li:before{content:"";height:100%;width:1px;background:rgba(255,255,255,.4);position:absolute;right:0;top:0}
.index-list ul li h2{font-weight:500;padding:20px 0 5px; font-size: 14px;}
.index-list ul li span{color:#fff;font-size:26px;font-family:Ander}
@font-face{font-family:Ander;src:url(../fonts/AndersonSupercar.ttf)}
.index-list ul li i{font-style:normal;color:#fff;font-size:16px}
.index-list ul li small{color:#fff;font-size:14px}
.wap-company,.wap-index{background:#f8f8f8}
.wap-company{ display: none;}

.wap-index-title{padding-bottom:20px}
.wap-index-title span{display:block;font-family:yahei;color:#333;font-size:24px;line-height:35px}
.wap-index-title small{display:block;color:#ccc;font-size:14px;font-family:Flexo}

@font-face{font-family:Flexo;src:url(../fonts/Flexo-Regular.otf)}
.wap-company-text span{display:block;line-height:25px;font-size:16px;color:#666;text-align:justify;margin-bottom:20px}
.wap-company-text p{color:#666;font-size:16px;line-height:25px;font-family:Flexo;text-align:justify}
.wap-company .company-left{width:100%;}
.wap-company .company-right{width:225px;display:none}
.wap-company-txt{text-align:right;margin-top:10px}
.wap-company-txt span{display:block;color:#333;font-size:20px}
.company-word{margin-top:60px}
.company-word p{color:#666;font-size:18px;line-height:30px}
.company-bg{height:2px;width:44px;background:#74bdcf;margin:18px 0 0 auto}
.wap-company-cont{padding-bottom:105px;position:relative;margin-top:25px}
.wap-company-lb .gallery-thumbs{position:absolute;bottom:0;left:0;width:100%}
.wap-company-lb .gallery-thumbs .swiper-slide{width:136px;height:98px;box-sizing:border-box;position:relative}
.wap-company-lb .gallery-thumbs .swiper-slide-thumb-active{position:relative}
.wap-company-lb .gallery-thumbs .swiper-slide-thumb-active:before{background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;left:0;top:0;content:"";display:none}
.wap-company-lb .gallery-thumbs .swiper-slide>img.img{position:absolute;top:0;left:0;display:none}
.wap-company-lb .gallery-thumbs .swiper-slide-thumb-active>img.img{}
.wap-company-lb .gallery-thumbs .swiper-slide-thumb-active img{border:1px solid #0089ab;}

.sy-jjj{margin-top:21px}
.sy-jjj>h1{text-align:center;font-size:14px;color:#333;width:50%}
.sy-j2>p{width:100%;padding-top:10px;font-size:12px;line-height:36px;color:#666}
.sy-jjj{display:flex;justify-content:center;align-items:center}
.sy-jjj>img{width:25%}

.index-tits span{display:block;font-family:yahei;color:#333;font-size:24px;line-height:35px}
.index-tits small{display:block;font-size:14px;color:#666;font-family:Flexo}

.wap-techincal{ display: none; }
.wap-techincal .techincal-title{padding:40px 0 10px}
.wap-techincal-list{padding-bottom:35px}
.wap-techincal-list li{border-bottom:1px solid #e5e5e5}
.wap-techincal-list li:last-child{border-bottom:0}
.wap-techincal-list li a{display:flex;justify-content:space-between;padding:20px 0}
.wap-techincal-list .li-techincal-icon{width:60px;margin-top:5px;position:relative}
.wap-techincal-list .li-techincal-icon:after{content:"";display:inline-block;position:absolute;right:0;top:19px;background:url(../images/techincal-icon2.png) no-repeat;width:23px;height:23px;}
.wap-techincal-list .li-techincal-icon img{ width: 20px; }
.wap-techincal-list .li-techincal-text{width:510px}
.wap-techincal-list .li-techincal-text span{display:block;color:#333;font-size:16px;padding-bottom:5px}
.wap-techincal-list .li-techincal-text p{color:#999;font-size:14px;line-height:20px;font-family:Flexo}


.wap-case{background:#f8f8f8;padding-bottom:20px; display: none;}
.case-title{padding:50px 0 30px}
.li-case-txt span{display:block;font-size:24px;line-height:28px}
.li-case-txt p{color:#666;font-size:14px;line-height:28px}
.wap-case-list{ display: flex; flex-wrap: wrap; margin-top: 20px;}
.wap-case-list .sy-cl{ flex:0 0 49%; margin-right: 2%; margin-bottom: 2%; position:relative;  }
.wap-case-list .sy-cl:nth-child(2n){ margin-right: 0; }
.wap-case-list .sy-clp{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5)}
.wap-case-list .sy-clp>h1{text-align:center;font-size:14px;color:#fff; position: relative; z-index: 99; font-weight: normal; }
.wap-case-list .sy-clp>p{text-align:center;font-size:12px;color:#fff;position: relative; z-index: 99;}
.wap-case-list .sy-clp .img{display:flex;justify-content:center;margin-top:20px;}
.wap-case-list .sy-clp .img img{height:40px}

/*.wap-case-list li a{display:flex}*/
/*.wap-case-list li:nth-child(odd) .li-case-txt img{margin-left:15px}*/
/*.wap-case-list li:nth-child(even) .li-case-txt img{margin-right:15px}*/
/*.wap-case-list li:nth-child(odd) .li-case-text .li-case-icon{margin-right:20px}*/
/*.wap-case-list li:nth-child(even) .li-case-text .li-case-icon{margin-left:20px}*/
/*.li-case-text{width:300px;display:flex;justify-content:center;align-items:center}*/
/*.li-case-icon{margin-left:20px}*/

.wap-solution{ display: none; }
.wap-solution-list{ margin-top: 25px; }
.wap-solution-list ul{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:5px}
.wap-solution-list li{flex:0 0 30%; text-align:center;margin-right:2%;margin-bottom:20px}
.wap-solution-list li:nth-child(3n){margin-right:0}
.li-solution-text span{display:block;padding:12px 0 8px;font-size:14px}
.li-solution-text p{color:#999;font-family:Flexo;font-size:12px}
.li-solution-icon{border:1px solid #b1dbe5;border-radius:50%;width:100px;height:100px;margin:0 auto}

.wap-base{background:#f8f8f8; display: none;}
.wap-base-lb{position:relative;padding-bottom:90px}
.wap-base-lb .swiper-pagination{margin-bottom:40px}
.wap-base-lb .swiper-pagination-bullet{width:8px;height:8px;opacity:1;outline:0;vertical-align:middle;background:#c5e4ec;text-align:center}
.wap-base-lb .swiper-pagination-bullet-active{width:10px;height:10px;background:#0089ab}
.div-swiper{position:relative}
.div-swiper span{position:absolute;display:block;line-height:30px;width:100%;text-indent:1em;bottom:0;left:0;background:rgba(255,255,255,.85);color:#333;font-size:12px}

.wap-country{background:url(../images/country-pic1.png) no-repeat;background-size:cover;padding-bottom:180px; display: none;}
.wap-country-txt{width:330px}
.wap-country-txt a{color:#000;font-size:24px;line-height:36px}
.wap-country-txt a:before{content:"/";color:#000;font-size:24px;display:inline-block;margin:0 2px}
.wap-country-txt a:nth-child(5n+1):before{content:none}


@media screen and (max-width:768px){
  .wrap{ max-width: 640px; min-width: 320px;width: 100%; margin: 0 auto;overflow: hidden; position: relative; }
  .div600{padding: 0 15px;}
  .container{ width: 100%; padding: 0 15px; }
  .wap-header{ display: block; }
  .header{ display: none; }

  .n1-top{ padding: 15px 0; }
  .n1-top>ul{ flex-wrap: wrap; }
  .n1-top>ul>li {display: inline-block; margin-right: 2%; margin-bottom: 2%; flex:0 0 32%;}
  .n1-top>ul>li:nth-child(3n){ margin-right: 0; }
  .n1-top>ul>li>a{width:auto;height:auto;border-radius:20px;line-height:40px;font-size:14px;}
  .n1-top>ul>li>a.this { border: 1px solid #0089ab;color: #0089ab; background: #FFF;}
  

  h1.title{ margin:25px 0; display: flex; justify-content: center; align-items: center;}
  h1.title i{ width: 30px; height: 1px; background: #0089ab; }
  h1.title span{ margin:0 10px; font-size: 18px; }
  h1.title:before{display: none;}
  h1.title:after{display: none;}
  .n1-art{ padding-bottom: 30px;}
  .n1-art>p{font-size:16px;color:#333;line-height:25px;padding-top:0}
  .n1-art img{ max-width:100%; height:auto!important;}
  .honor_top>ul>li{ flex:1; }
  .honor_top>ul>li>a {width: auto; height: 35px; line-height: 35px; font-size: 11px;}

  .n1-2-cl{ flex:0 0 48%; width: auto; margin-right: 3%; margin-bottom: 15px;}
  .n1-2-cl:nth-child(2n){ margin-right: 0; }
  .n1-2-cl .img { width: 100%; height: 120px;}
  .n1-2-cl>p { padding-top: 5px; font-size: 12px;}

  .n3-top{ height: auto; padding-bottom: 30px; }
  .n3-tc { flex-wrap: wrap; }
  .n3-tc>a{ flex:0 0 31.333%; margin-right: 3%; font-size: 14px; margin-top: 15px;}
  .n3-tc>a:nth-child(3n){ margin-right: 0; }
  .n3-tc>a.this { background: #FFF;color: #0089ab; border-color: #0089ab;}

  .n2-c{ padding-bottom: 15px; }
  .n2-cbl{width:49%;margin-top:10px;margin-right:2%}
  .n2-cbl:nth-child(3n+0){margin-right:2%}
  .n2-cbl:nth-child(2n){margin-right:0}
  .n3-img{ height: 120px; }
  .n3-img img{ min-height: 120px; }
  .n2-cbl .layanjing{ padding-bottom: 10px; }
  .n2-cbl .layanjing>p { padding-top: 10px; font-size: 13px;}
  .n2-cbl .layanjing>a { line-height: 25px; font-size: 12px; margin-top: 5px;}
  .n2-cbl .img{ width: 100%; height: 120px; overflow: hidden;}
  .n2-cbl .img img{ min-height: 120px; }
  .n2-cbl .img>img.i { height: 25px; left: 30px; }

  .n4-c>h1{ text-align: center; font-size: 22px; font-weight: normal; }
  .n4-c>p{ text-align: center; }

  .n31-f .n2-cbl:nth-child(3){ display: none; }
  .n5-cc{ padding-top: 0; }
  .row>h1{ font-size: 12px; }
  .row>ul>li {font-size: 12px;}
  .rows>a>p { font-size: 12px; line-height: 22px; }
  .row>ul>li>ul{ right: 0; left: auto; width: 150px; }
  .row>ul>li>ul>li>h1 {font-size: 12px;line-height: 25px;}
  .row>ul>li>ul>li>a {font-size: 12px; line-height: 25px;}

  .n7-ctl:nth-child(2),.n7-ctl:nth-child(3){ display: none; }

  .n7-c{ padding-top: 0;  padding-bottom: 30px;}
  .n7-cbl{ padding: 20px 0; }
  .n7-cbl:first-child { padding: 20px 0; }
  .n7-cbl .left { padding: 0 20px 0 0;}
  .n7-cbl .left>h1 { color: #333;font-size: 42px;line-height: 50px; padding-top: 15px;}
  .n7-cbl .left>h2 { font-size: 12px;}
  .n7-cbl .right { padding-left: 0;}
  .n7-cbl .right>h1 { font-size: 15px; padding-bottom: 5px; line-height: 20px;}
  .n7-cbl .right>p { font-size: 13px; line-height: 18px; padding-bottom: 0px;}
  .n7-cbl .right .bottom>p {font-size: 12px;}
  a.jiantou {background-size: 100%; width: 25px; height: 25px;}

  .n4-ca{ padding-top: 0; }
  .n4-ca img{ max-width: 100%!important; height: auto!important; }
  .n4-tc>a {line-height: 35px;}

  .wap-message {display: block;}
  .n8-c{ display: none;  padding-top: 36px; padding-bottom: 20px;}
  .n8-cm1{padding-top: 0px;}
  .n8-cm1>h1{font-size: 18px; text-align: center; font-weight: normal;}
  .n8-cm1cl {padding-left: 10px;}
  .n8l3r>p {font-size: 12px; padding-top: 5px;}
  .n8l1{ margin-bottom: 25px; }
  .n8l1>img { width: 25px; margin-right: 10px;}

  .n8r1{ margin-bottom: 15px; }
  .n8r1>img {width: 25px; margin-right: 10px;}
  .n8r1p>p { font-size: 14px; line-height: 25px;}
  .n8r1p>p:last-child { font-size: 13px;}

  .wap-lxwm .top .list label {font-size: 16px;line-height: 25px;}
  .wap-lxwm>h2 { font-size: 16px;}
  .wap-lxwm>p {font-size: 12px;}

  .wap-footer{ display: block;}
  .footer {display: none;}

  .n2-top{ flex-wrap: wrap; }
  .n2-tl{ flex:0 0 32%; margin-right: 2%; margin-top:4%;}
  .n2-tl:nth-child(3n){ margin-right: 0; }
  .n2-tl .img{width:100%;height:43px;border-radius:23px}
  .n2-tl .img img{ height: 50%; }
  .n2-tl>a>p{padding-top:10px;padding-bottom:5px;font-size:12px}
  .n2-tl>a.this>p{ border-bottom:none;color: #0089ab;}
  .n2-tl>a.this>.img{ border-color: #0089ab;}

  .n2-cArt{padding-top: 0;}

  .n2-cm{ display: none; }
  .n2-mod{ display: block;}

  .n21-ct{display: none;}
  .wap-pro{ display: block; }

  .wap-index{ display: block; }
  .company{ display: none; }
  .wap-company{ display: block;}

  .techincal{ display: none; }
  .wap-techincal{ display: block; }

  .case{display: none;}
  .wap-case{display: block;}

  .solution{ display: none; }
  .wap-solution{ display: block; }

  .base{ display: none; }
  .wap-base{ display: block;}

  .country{display: none;}
  .wap-country{display: block;}

  .country-title{ display: none; }



 

}