@charset "utf-8";
* { margin: 0; padding: 0 }
html { font-size:16px; } 
body { font: 16px/1.5 PingFangSC-Medium,PingFang SC,'Microsoft YaHei',tahoma,arial,simsun,宋体;color:#333333;overflow-x:hidden;}
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; color: #000000; }

/*demo样式，后面要删除-begin*/
.imgdemo{background: lightgray;display: flex;align-items: center;}
.imgdemo600-300{width: 37.5rem;height:18.75rem; }
.imgdemo1200-400{width: 75rem;height:25rem;}
.imgdemo p{font-size: 2rem !important;color: #FFFFFF !important;}
/*demo样式，后面要删除-end*/

@font-face {
  font-family: 'iconfont';  /* project id 2044211 */
  src: url('//at.alicdn.com/t/font_2044211_jciiudresb.eot');
  src: url('//at.alicdn.com/t/font_2044211_jciiudresb.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2044211_jciiudresb.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2044211_jciiudresb.woff') format('woff'),
  url('//at.alicdn.com/t/font_2044211_jciiudresb.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2044211_jciiudresb.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.margT78{margin-top: 4.875rem;}
.margB19{margin-bottom: 1.1875rem !important;}
.margB90{margin-bottom:5.625rem;}
.txttips{font-size: 0.875rem;margin-bottom: 0px;}
.centerline{position: absolute;width: 22.75rem;height: 1px;background: #4FB1B2;left: 50%;margin-left: -11.375rem;opacity:.3;}
.bannertext{	
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bannertext p{margin-bottom: 0;line-height: 4.0625rem;}
.businessDiv .row,.exampleDiv .row{margin-left: 0;margin-right: 0}
.mobtel{display: none !important;}

/*头部*/
.navdiv{height: 4.875rem;background: #FFFFFF;opacity: 0.9;box-shadow: 0 0 8px rgba(0, 0, 0, .3);border-bottom: 1px solid #cccccc;}
header{ width:100%;line-height:4.875rem; overflow:hidden;z-index:100;}
.logo{ float:left;}
.logo img{width: 9.5625rem;}
#mnav {width:100%; margin:auto }
.navlist a{ color: #000000;display: flex;height: 100%;justify-content: center;position: relative;}
.navlist a span{ display: none;height: 0.3125rem;width: 3.8125rem;background: #39D9DB;position: absolute;bottom: 0px;}
.navlist a.active,#mnav a:hover{color:#39D9DB;}
.navlist a.active>span,#mnav a:hover span{display: block;}
#mnavh{ display:none;width:1.875rem; height:4.875rem; float:right; text-align:center; padding:0 0.3125rem;margin-right: 0.1875rem;margin-bottom: 0px;}
.navlist{ float:left;margin-bottom: 0px;position: relative;}
.navlist li{ float:left; display:inline-block; padding: 0 0 0 5.25rem; font-size:1rem;}

.navlist.float-right a{position: relative;}
.navlist .showdot{ width: 5rem;position: absolute;bottom: 0px;left: 50%;margin-left: -2rem;}
.navlist .showdot i { position: absolute; bottom: 1rem; width: .5rem; height: .5rem; animation: bounce_fountainG 1.2s linear infinite; border-radius: 50%; background: #09F; }
.navlist .showdot i:first-child { right: 4.5625rem; animation-delay: .4s; background: #09F; }
.navlist .showdot i:nth-child(2) { right: 3.75rem; animation-delay: .6s; background: #3c0; }
.navlist .showdot i:nth-child(3) { right: 2.8125rem; animation-delay: .8s; background: #f60; }
.navlist .showdot i:nth-child(4) { right: 1.875rem; animation-delay: 1s; background: #34aadc; }
.navlist .showdot i:nth-child(5) { right: 0.9375rem; animation-delay: 1.2s; background: #ff2d55; }
@keyframes bounce_fountainG { 0% {transform:scale(1);}100% {transform:scale(.3);}}

#lermorelogin{display: none;}


.navicon { display: block; position: relative; width: 1.875rem; height: 0.3125rem; background-color: #000000;top:50%; margin-top:-0.15625rem }
.navicon:before, .navicon:after { content: ''; display: block; width: 1.875rem; height: 0.3125rem; position: absolute; background: #000000; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -0.625rem; }
.navicon:after { margin-top: 0.625rem; }
.open .navicon { background:none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 1.875rem; height: 0.3125rem; position: absolute; background: #000000;  }

/*轮播图*/
.container-swiper{padding-right: 0px;padding-left: 0px;margin-top: 4.875rem;position: relative;}
.carousel-inner img {width: 100%;height: 100%;}
.carousel-control-prev,.carousel-control-next{display: none;}
.container-swiper:hover .carousel-control-prev,.container-swiper:hover .carousel-control-next{display: flex;}

/*业务展示*/
.businessDiv{padding: 4.375rem 0px 0px;}
.businessDiv p{padding: 0px}
.businessDiv .businessimg{display: flex;justify-content: center;align-items: center;}
.businessDiv .businessimg img{width: 5.125rem;height: 5.125rem;border-radius: 50%;}
.businessDiv .business-title{padding: 2.8125rem 0px 2.625rem;font-size: 1.25rem;}
.businessDiv .business-txt{text-align: left;font-size: 0.875rem;}
.businessDiv .txttips{padding-bottom: 4.375rem !important;}
.businessDiv .centerline{top: -2.3125rem;}
/*首页成功案例/首页业务展示*/
.exampleDiv{padding: 3.125rem 0px;}
.exampleDiv h2,.businessDiv h2{color: #4FB1B2;font-size: 1.625rem;font-weight: 500;text-align: center;margin-bottom: 1.25rem;}

.exampleDiv .example{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 6.25rem;overflow: hidden;border: 1px solid #8d9196;margin-bottom:0.625rem;}
.exampleDiv .example img{height: 5rem;transition: all 0.5s;border-radius: 0.5rem;}
.exampleDiv .example img:hover{transform: scale(1.1);transition: all 0.5s;}
.exampleDiv .example p{padding: 0.625rem 0rem 1.75rem;margin-bottom: 0px;font-size: 1.125rem;width: 20.9375rem;text-align: left;}
.exampleDiv .txttips{padding-bottom: 3.75rem !important;}
.exampleDiv .centerline{top: -2rem;}

/*成功案例页面*/
.studyblock{padding-top: 2.5rem;}
.studyblockfirst{padding-top: 2.125rem;}
.studyblock .studytitle{color: #333333;font-size: 1.125rem;font-weight: 500;line-height: 1.5625rem;margin-bottom: 0.4375rem;}
.studyblock .studydate{font-size: 0.75rem;font-weight: 400;color: #666666;line-height: 1.5625rem;margin-bottom: 1rem;}
.studyblock .study-content-title{font-size: 1rem;margin-bottom: 1rem;}
.studyblock .study-content{color: #333333;font-size: 0.875rem;line-height: 1.5625rem;margin-bottom: 2.5rem;text-indent: 2em;}
.studyblock .examplebox{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.studyblock .examplebox .exampleboxitem{display: inherit;justify-content: center;align-items: center;flex-wrap: wrap;width: 32.5rem;}
.studyblock .examplebox .imagebox{width: 37.5rem;height: 18.75rem;display: flex;justify-content: center;}
.studyblock .examplebox .imagebox img{width: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, .3);border-radius: 0.3125rem;}
.studyblock .examplebox .exampleboxitem .imagebox{width: 32.5rem;height: auto;}

.studyblock .examplebox .mobdemo{width:23.4375rem;margin:0px 0.9375rem;}
.studyblock .examplebox .mobdemo img{width:100%;box-shadow: 0 0 0.5rem rgba(0, 0, 0, .3)}
.studyblock .examplebox p{width: 100%;text-align: center;color: #333333;font-size:0.875rem;margin-bottom: 0px;margin-top: 1.1875rem;}

/*行业方案页面*/
.industrypage{padding-left: 0px;padding-right: 0px;}
.industrypage .because-bg:nth-child(2n){background: #F8F8F8;}
.industryDiv{padding-bottom: 4.375rem;padding-top: 4.375rem;}
.industryDiv .showline{position: relative;padding: 1.875rem 0px;}
.industryDiv .blocktitle{color: #4FB1B2;font-size: 1.625rem;font-weight: 500;text-align: center;}
.industryDiv .titletips{text-align: center;margin: 0;padding-top: 1.875rem;color: #4FB1B2;}
.industryDiv .contenttxt{display: flex;justify-content: flex-start;align-items: center;}
.industryDiv .contenttxt .row{margin-left: 0;margin-right: 0;}
.industryDiv .contenttxt .industrycontentleft{width: 22.5rem;margin-left: auto;margin-right: auto;}
.industryDiv .leftimg{width: 100%;height: 15.625rem;}

.industryDiv .industrycontent{display: flex;flex-wrap: wrap;align-items: center;padding-left: 2.1875rem;flex:1;}
.industryDiv .industrycontentleft{padding-right: 2.1875rem;padding-left: 0rem;}
.industryDiv .industrycontent p{color: #333333;font-size: 0.875rem;margin-bottom: 0px;}

/*关于我们*/
.aboutpage{padding-left: 0px;padding-right: 0px;}
.about-show .about-title{padding: 2.8125rem 0px 2.625rem;font-size: 1.25rem;}
.about-show .aboutimg{display: flex;justify-content: center;align-items: center;}
.about-show .aboutimg img{width: 5.125rem;height: 5.125rem;border-radius: 50%;}
.aboutpage .because-bg:nth-child(2n){background: #F8F8F8;}
.aboutDiv{padding-bottom: 4.375rem;padding-top: 4.375rem;}
.aboutDiv .showline{position: relative;padding: 1.875rem 0px 4.375rem;}
.aboutDiv .blocktitle{color: #4FB1B2;font-size: 1.625rem;line-height:1.625rem;font-weight: 500;text-align: center;}
.aboutDiv .contenttxt{display: flex;justify-content: flex-start;align-items: center;}
.aboutDiv .contenttxt .row{margin-left: 0;margin-right: 0;}
.aboutDiv .contenttxt .aboutcontentleft{width: 22.5rem;margin-left: auto;margin-right: auto;}
.aboutDiv .leftimg{width: 100%;height: 15.625rem;box-shadow: 0 0 8px rgba(0, 0, 0, .3)}
.aboutDiv .aboutcontent{display: flex;flex-wrap: wrap;align-items: center;padding-left: 2.1875rem;flex:1;}
.aboutDiv .aboutcontent p{color: #333333;font-size: 0.875rem;margin-bottom: 0px;line-height: 1.8;text-indent: 2em;}
.aboutDiv .aboutcontent p:first-child{margin-bottom: 1rem;}
.aboutDiv .aboutcontent p>span{font-size: 1.625rem;padding-right: 0.3125rem;color: #4FB1B2;}

.aboutDiv .about-txt{text-align: center;font-size: 0.875rem;}
.contenttxtleft{display: inherit;flex: 1;flex-wrap: wrap;}
.contenttxtleft div{width: 100%;display: inherit;align-items: center;justify-content: flex-start;margin: 1rem 0rem;padding: 0 15px;}
.contenttxtleft .iconfont{color: #39D9DB;font-size: 2.25rem;margin-right: 1rem;}
.pctel>a,.mobtel>a{color: #ff6c00;font-size: 1.125rem;font-weight: bold;}

/*图片动画效果*/
.businessimg img,.aboutimg img{-webkit-transition: all 1s;transition:All 1s ease; -moz-transition:All 1s ease;-o-transition:All 1s ease;}
.businessimg img:hover,.aboutimg img:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.leftimg{transition: all 0.5s;border-radius: 0.5rem;}
.leftimg:hover{transform: scale(1.1);transition: all 0.5s;}
/*底部*/
.container-footer{padding-right: 0px;padding-left: 0px;color: #FFFFFF;background: #317373;font-size:0.875rem;}
.footer-top{padding-top:2.5rem;}
.footer-top .row div{margin-bottom: 2.5rem;}
.footer-top a{color:#FFFFFF;font-size:0.875rem;}
.footer-bottom{text-align:center;display: flex;justify-content: center;align-items: center;padding-bottom:2.5rem;}
.footer-bottom p{color:#FFFFFF;margin: 0;padding: 0}
.footer-bottom p span{margin-left:1.0625rem}
.footer-bottom p span.police-icon{display:inline-block;width:1.5625rem;height:1.25rem;background:url("/images/beian.png") no-repeat;vertical-align:top}

.foot-botc {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    font-size: 0.875rem;
    color: #94a1b2;
    line-height: 180%;
    clear: both
}
.foot-botc a{color:#94a1b2;}
.botcDiv{width:100%;margin:0 auto; padding:0.625rem 0;}
.botcDiv a{display:inline-block;text-decoration:none;height:1.25rem;line-height:1.25rem;padding: 0 .625rem;}
.botcDiv a img{float:left;}
.botcDiv a p{float:left;height:1.25rem;line-height:1.25rem;margin: 0px 0px 0px 0.3125rem; color:#94a1b2;}

/* for 768px or less */
@media screen and (max-width: 1200px) {
	.studyblock .examplebox{justify-content: center !important;}
	.studyblock .examplebox .exampleboxitem{width: 90%;}
	.studyblock .examplebox .exampleboxitem .imagebox{width: 100%;}
}
@media screen and (max-width: 1000px) {
	nav{
		width: 100%;
		height: auto;
		background: rgba(0,0,0,0.5);
		position: fixed;
		z-index: 999;
		top: 4.875rem;
		bottom: 0;
		left: 0;
		right: 0;
		display:none;
	}
	.navlist{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		background:#FFFFFF;
		width:55%;
		border-top: 1px solid #ccc;
	}
	
	.navdiv{opacity: 1;}
	header{background: #FFFFFF;/*box-shadow: 0 0 0.5rem rgba(0, 0, 0, .3);*/}
	#mnav { width: 100%; overflow: hidden }
	#mnavh { display: block; margin-top:-1px;/*原因是hearder底部有1px边框*/}
	.navlist li { float: none; display: block; padding: 0px; width: 100%; text-align: center }
	.navlist.float-right,.navlist a.active>span, #mnav a:hover span{display: none;}
	#map{width: 100% !important;}
	.navlist.float-right,.pctel{display: none !important;}
	#lermorelogin,.mobtel{display: inherit !important;}
	.aboutDiv .aboutcontent{padding-left:15px;padding-right:15px;}
	.studyblock .examplebox .mobdemo img{margin-bottom: 0.9375rem;}
}
@media screen and (max-width: 960px) {
	
	.industryDiv,.aboutDiv{padding-top: 1.875rem;padding-bottom: 1.875rem;}
	.industryDiv .contenttxt,.aboutDiv .contenttxt{flex-wrap: wrap;}
	.industryDiv .contenttxt .industrycontentleft,.aboutDiv .contenttxt .aboutcontentleft{width: 22.5rem;display: inherit;justify-content: center;margin-bottom: .625rem;}
	.industryDiv .industrycontent{padding-left: 15px;padding-right: 15px;}
	.bannertext p{font-size: 1rem;line-height: 1.8;}
	.aboutDiv .showline{padding:1.875rem 0rem;}
}
@media screen and (max-width: 650px){
	.businessDiv{ padding: 1.25rem 0px 0px;}
	.exampleDiv{padding: 0px;}
	.centerline{width:auto;margin-left:0;left:15px;right:15px;}
}
@media screen and (max-width: 435px) {.industryDiv .contenttxt .industrycontentleft{padding-left: 0;padding-right: 0}}
@media screen and (max-width: 350px) {
	.exampleDiv .example img{width:100%;height:auto;}
}