/*顶部导航*/
.topbar { height: 50px;line-height:50px;min-width:980px;z-index: 9999;position: fixed;width: 100%;}
.rgba01{background: rgba(0,0,0,0);}
.rgba11{background: rgba(0,0,0,1);}
/*.logo{float:left;margin-left:70px;}*/
.logo { float: left;width: 200px; height: 38px;overflow: hidden;margin: 10px 200px 0 115px;}
.logo a {display: block; width: 100px; height: 30px; background: url(../img/logo.png) no-repeat;}
.top_list {position: absolute; right: 50px;}
.listDiv {width: 130px; height:55px;float: left;color: #fff;}
.listDiv a{color:#fff;font-size:14px;}
.listDivlinebox{width:100px; height:1.5px;}
.listDivline{border:1.5px solid #DDDDDD;margin-left:25px;}
.listDiv label{display:block;width:100px;height:30px;margin: 10px 0 7px 25px; text-align: center;line-height: 30px;}
.labelback{background: rgba(221,221,221,0.2);}
.triangle-down { width: 0;height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid #fff; position: relative;top:-20px;right:-80px;}
.product-list{position:relative;top:5px;left:10px;line-height:30px;background: #333333;border-radius: 5px;cursor:pointer;padding:5px 0;text-align: center;}
.pointer { display: inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);width: 7px; height: 7px; background-color: #333333;}
.pointer-area {position: absolute;z-index: -10; top: -16px;padding-top: 10px; right: 0;width: 100%;height: 10px;text-align: center;line-height: 10px;}
.product-list ul li:hover{background:#34495e;}

/*banner*/
.banner {width: 100%;min-width:1000px;position: relative;}
.banner img { width: 100%;}
.banner .banner-text { width:100%; position:absolute; top:25%; left:0; color:#fff;}
.banner .banner-text p{width:455px;margin: 0 auto;}
.banner .banner-text h1 { text-align: center; margin-bottom: 1rem; font-weight: 400;}

/*业务痛点*/
.businesshurts { width: 100%;min-width:1000px; background-color: #F4F4F4; padding: 50px 15%;}
.title { text-align:center; color:#565656; font-weight:400; font-size:1.5rem;}
.line { background-color: #1BA295; width:45px; height: 2px; margin: 0 auto; display: block; margin-top: 5px; margin-bottom: 50px;}
.list{margin: 0 auto;}
.list li{float:left; width:25%; text-align:center; color:#565656;}
.list li p { margin-top:10px;}

/*场景与应用*/
.showApply {width: 100%;min-width:1000px; margin-top: 35px;  }
.bakcolor{ background-color: #EAF7FF;}
.mainlist li{ padding:30px 0;}
.mainlist li>div{width: 980px;margin: 0 auto;}
.mainlist li .txtdiv{ width:570px; float:left;}
.mainlist li .imgdiv{ width:410px; float:left;}
.mainlist .txtdiv { margin-top:80px;}
.mainlist .txtdiv:first-child { padding-right:128px;box-sizing: border-box;}
.mainlist .txtdiv:last-child { padding-left:140px;box-sizing: border-box;}
.txtdiv h3 { margin-bottom:20px; font-size:1.3rem;}
.txtdiv p{color:#8D8F92;}

/*底部*/
.container { width: 1000px; margin: 0 auto;}
.footer{width:100%;min-width: 1000px;height:315px;background:#4a4f57;color:#FFFFFF;padding-top:40px;}
.footthbox{width:150px;height:200px;text-align: left;display: inline-flex;margin-left:70px;color:#fff;font-size: 12px;line-height: 25px;}
.footthbox h2{margin-bottom:8px;text-align: left;}
.footerboxline{border-bottom:1px solid #a8abaf;}
.footerboxline ul li a{color:#fff;font-size: 12px;line-height: 25px;cursor:pointer;}
.footerboxline ul li a:hover{color:#11A195}
.copyright{width:100%;text-align: center;padding:20px 0 30px 0;}


/*产品的公共样式*/
.graydiv{background-color: #eeeeee;width: 100%; margin-top: 70px;padding: 30px 0;}
.applyscene{width: 1000px;margin: 0 auto;}
.profunction {width: 1000px;margin: 70px auto 0;}
.prodescribe{width: 1000px;margin: 0 auto;}
.banner .banner-text .ourpucp {text-align: center;font-size:16px;width: 100%;}
.maincontent{width:100%;min-width:1000px; padding: 50px 0;box-sizing: border-box;}
.prodescribe p{text-align: center;font-size: 15px;padding: 0 50px;}



@media (min-width: 1440px) {
.mainlist li>div{width: 1080px;margin: 0 auto;}
.mainlist li .txtdiv{ width:670px; float:left;}
.mainlist .txtdiv:first-child { padding-right:228px;box-sizing: border-box;}
.mainlist .txtdiv:last-child { padding-left:240px;box-sizing: border-box;}
} 
@media (min-width: 1700px) {
.list{width: 1100px;margin: 0 auto;} 
/*.mainlist li>div{width: 1280px;margin: 0 auto;}
.mainlist li .txtdiv{ width:870px; float:left;}
.mainlist .txtdiv:first-child { padding-right:428px;box-sizing: border-box;}
.mainlist .txtdiv:last-child { padding-left:440px;box-sizing: border-box;}*/
}


.reg{
	width: 100%;
	height: 200px;
	background: url(../img/banner-reg.png);
}
.reg form{
	width:600px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 80px;	
	font-size: 1.2em;
}
.reg form input{
	width: 300px;
	height: 40px;
	border: 1px solid #ccc;
	vertical-align: top;
	border-radius: 5px;
	text-indent: 5px;
	float: left;
	background: #fff;
	font-size: 1.1em;
}
.reg form a{
	width: 160px;
	height: 40px;
	padding-top: 8px;
	background: #dcf1ef;
	display: inline-block;
	border-radius: 20px;
	float: right;
	text-align: center;
}
.reg form a:hover{
	background: #fff;
}