.topbar { height: 50px;background: #000;min-width: 1000px;z-index: 9999;position: fixed;width: 100%;}
.rgba01{background: rgba(0,0,0,0);}
.rgba11{background: rgba(0,0,0,1);}
.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;}

.container { width: 1000px; margin: 0 auto;}
.product{padding:30px 0;margin-bottom: 30px;position: relative;top: 30px;}
/*.container img{display:block;margin:20px auto;}*/
.container h1,.container h2,.container h3{text-align: center;font-weight: 400;}
.product ul{margin-top:30px;}
.product ul li{position: relative;width:33%;height:200px;border: 1px solid #DDDDDD;border-left:none;border-top:none;padding: 10px;display: inline-block;overflow: hidden;}
.product ul li:nth-of-type(3){border-right:none;}
.product ul li:nth-of-type(6){border-right:none;}
.producthoverli{border:1px solid #DDDDDD;border-top:none;box-shadow: 0px 5px 15px -3px #111;}
/*.productimg{display:none !important;}*/
/*我们的产品动画效果*/
.productsrc{
			width:60px;height:60px; 
			position: absolute;
			top:30px;
			left:140px;
			opacity:1;
			transition: All 0.6s ease-in-out ;
            -webkit-transition: All 0.6s ease-in-out;
            -moz-transition: All 0.6s ease-in-out;
            -o-transition: All 0.6s ease-in-out;}
.productimg{
			display: block !important;
			opacity:0;
			transform:  scale(3) translate(-45px, -3px) ;
            -webkit-transform:  scale(3) translate(-45px, -3px) ;
            -moz-transform:  scale(3) translate(-45px, -3px) ;
            -o-transform:  scale(3) translate(-45px, -3px) ;
            -ms-transform: scale(3) translate(-45px, -3px)}
			
.fromsrc{
			width:50px;height:50px; 
			position: absolute;
			top:30px;
			left:140px;
			opacity:0;
			transition: All 0.6s ease-in-out;.
            -webkit-transition: All 0.6s ease-in-out;
            -moz-transition: All  0.6s ease-in-out;
            -o-transition: All  0.6s ease-in-out }
.fromimg{
			display: block !important;
			opacity:1;
			transform:  scale(3) translate(-45px, -3px) ;
            -webkit-transform:  scale(3) translate(-45px, -3px) ;
            -moz-transform:  scale(3) translate(-45px, -3px) ;
            -o-transform:  scale(3) translate(-45px, -3px) ;
            -ms-transform: scale(3) translate(-45px, -3px)}
.producth2{
			position: absolute;
			width: 98%;
			text-align: center;
			top:100px;
			transition: All 0.6s ease-in-out;
            -webkit-transition: All 0.6s ease-in-out;
            -moz-transition: All 0.6s ease-in-out;
            -o-transition: All 0.5s ease-in-out;}
.producth2hover{
			transform:  translate(0, -62px);
            -webkit-transform: translate(0, -62px);
            -moz-transform: translate(0, -62px);
            -o-transform: translate(0, -62px) ;
            -ms-transform: translate(0, -62px);} 
.productp{
			text-align: center;
			opacity: 0;
			position: absolute;
			width: 98%;
			text-align: center;
			top:150px;
			transition: All 0.6s ease-in-out;
            -webkit-transition: All 0.6s ease-in-out;
            -moz-transition: All 0.6s ease-in-out;
            -o-transition: All 0.6s ease-in-out;}
.productphover{
			opacity:1;
			transform:  translate(0, -62px);
            -webkit-transform: translate(0, -62px);
            -moz-transform: translate(0, -62px);
            -o-transform: translate(0, -62px) ;
            -ms-transform: translate(0, -62px);} 
            
.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;}

.scenes{background: #eeeeee;padding:45px 0;}
.scenes ul{margin-top:50px;}
.scenes ul li{width:18%;height:250px;display: inline-block;margin-left:1.6%;}
.scenes p{text-align: center;margin-top:10px;}
.scenes img{display:block;margin:0 auto;}
.scenes h2{margin-top:20px; font-size:18px}

.advantage{padding-top:50px;height: 450px;}
.advantage ul{margin-top:50px;}
.advantage ul li{position: relative;width:256px;height:300px;display: inline-block;margin-left:5.6%;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow: 0px 0px 11px -4px #1e3560;}
.advantage p{font-size:12px;text-align: center;}
.back1{width:100%;height:110px;background:url(../img/advantage1.png) no-repeat;background-size: 100% 100%;}
.back2{width:100%;height:110px;background:url(../img/advantage2.png) no-repeat;background-size: 100% 100%;}
.back3{width:100%;height:110px;background:url(../img/advantage3.png) no-repeat;background-size: 100% 100%;}
.advantageBlak1{width:100%;height:100px;background:url(../img/advantageBlak1.png) no-repeat;background-size: 100% 100%;}
.advantageBlak2{width:100%;height:100px;background:url(../img/advantageBlak2.png) no-repeat;background-size: 100% 100%;}
.advantageBlak3{width:100%;height:100px;background:url(../img/advantageBlak3.png) no-repeat;background-size: 100% 100%;}
.content{padding-top:30px;}
.content p {margin-top:10px;}
.partner{position:relative;padding-top:50px;/*margin-top: 20px*/;padding-bottom:30px;}
.partnerback{width:100%;height:240px;background-size: 100% 100%;margin:30px auto;}
.partnerback li{width: 200px;float: left;}
.footer{width:100%;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;}

/*  新闻动态  */
.information{
  padding: 50px 0;
  background-color: #eeeeee;
  margin-top: 30px;
  margin-bottom: 20px;
  margin-top: 50px;
}
.information .wrap{
	clear:both;
	margin:0 auto;
	text-align:left;
	zoom:1; 
	overflow:hidden;
	margin-top: 50px;
}
.i_about_l{ 
	float:left;
	display:inline;
	width:375px; 
	overflow:hidden; 
	padding-top:1px; 
	height:414px;
}
.i_about_l img{ 
	display:block;
	height:240px;
	width:375px; 
	margin-bottom:15px; 
}
.i_about_l h2{ 
	font-size:16px; 
	color:#333333; 
	line-height:32px;
	height:32px; 
	overflow:hidden;
	text-align: left;
}
.i_about_l h2:hover{
	color: #1BA295;
}
.i_about_l p{
	line-height:22px; 
	height:66px; 
	overflow:hidden;
	color:#666666; 
	font-size:14px;
}
.i_about_r{ 
	float:right; 
	display:inline; 
	width:600px; 
	overflow:hidden; 
	height:415px;
}
.blog_list li{
	float:left;
	margin:0 0px 19px 0; 
	display:inline;
	position:relative; 
	width:600px; 
	height:112px; 
	overflow:hidden;
}
.blog_list li a{ 
	display:block; 
	width:590px; 
	height:112px; 
	padding:10px 10px 10px 12px; 
	overflow:hidden;
	background:#eeeeee right bottom no-repeat; 
	color:#666666; 
	border:1px solid #cccccc;
}
.blog_list .l{
	float:left;
}
.blog_list .r{
	float:right;
}
.blog_list li a span{
	display:block; 
	cursor:pointer;
}
.blog_Rtime{ 
	width:68px; 
	height:68px; 
	background-color:#1BA295;
	text-align:center;
	color: #fff;
}
.blog_Rtime b{ 
	font-size:48px;
	height:62px; 
	line-height:62px;
	letter-spacing:2px;
	display: block;
	font-weight: normal;
}
.blog_Rtime em{ 
	font-style:normal;
	height:26px;
	line-height:26px; 
	font-size:16px; 
	background-color:#188c81;
	display: block
}
.blog_Rmore{ 
	width:480px; 
	padding-top:5px;
}
.blog_Rmore b{ 
	color:#333; 
	display:block; 
	width:382px; height:32px; 
	line-height:32px; overflow:hidden; 
	font-size:16px; 
	margin-bottom:2px;
	font-weight: normal;
}
.blog_Rmore span{ 
	line-height:23px;
	 height:46px; 
	 overflow:hidden; 
	 font-size:14px;
}
.blog_list li a:hover{
	background:url(../images/i_news_bg2.png) #eeeeee right bottom no-repeat;
	 border:1px solid #1BA295;
}
.blog_list li a:hover .blog_Rtime{
	background-color:#1eb2a4;
}
.blog_list li a:hover .blog_Rmore b{
color:#1BA295;
}

.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;
}