body,html{
	background-color: #f6f7f8;
}


/*   资讯动态   -  详情*/

.banner{
	margin-bottom: 50px;
	width: 100%;
    text-align:center;
}
.main{
	width: 1200px;
	margin: 0 auto;
    margin-bottom:40px;
}


/*       公共样式            */
.left_nav{
	float: left;	
	width: 238px;
}
.left_nav .top{
	width: 100%;
	height: 90px;
	background-color: #313131;
}
.left_nav .top h2{
	margin-left: 16px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	padding-top: 20px;
}
.left_nav .top p{
	margin-left: 16px;
	color: #fff;
	font-size: 16px;
}
.content{
	padding-bottom: 10px;
	margin-top: 2px;
	background-color: #313131;
}
.content .one{
	
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	
}
.content .one>div{
	padding: 0 17px;
}
.content .one>div a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.content .one:hover{
	background-color: rgb(23, 145, 255);
}
/*   有二级菜单样式*/





.adress{
	color: #bfbfbf;
	font-size: 14px;
	line-height: 24px;
	box-sizing: border-box;
	padding: 7px;
	margin: 0 auto;
	margin-top: 170px;
	width: 216px;
	border: 1px solid #464646;
}
.adress .p1{
	margin-top: 13px;
	text-align: center;
}
.adress .pic{
	margin: 18px auto;
	width: 133px;
	height: 133px;
}

/*       公共样式            */


.r_content
{
    float: left;
    margin-left: 50px;
    width: 912px;
    margin-bottom: 60px;
}
.r_content ._h3{
	font-size: 20px;
	text-align: center;
	color: #252525;
}
.r_content ._p{
	margin-top: 10px;
	padding-bottom: 16px;
	text-align: center;
	color: #7e7e7e;
	border-bottom: 1px dashed #dedfe0;
}
.r_content .xq_text{
	padding: 35px 0;
	font-size: 16px;
	color: #717171;
	line-height: 35px;
	border-bottom: 1px solid #dedfe0;
}
.r_content .xq_text ._p2{
	color: #252525;
}
.page{
	width: 100%;
	margin-bottom: 100px;
}
.page p{
	margin-top: 10px;
	float: left;
	width: 50%;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
}
.page ._p2{
	text-align: right;
}




/*   资讯动态   /////////////////////////*/
.r_content .zx_list{
	width: 100%;
}
.r_content .zx_list li{
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #dedfe0;
}
.r_content .zx_list li .pic{
	float: left;
	width: 200px;
	height: 130px;
}
.r_content .zx_list li .pic img{
	width: 100%;
	height: 100%;
}
.r_content .zx_list li .zx_content{
	margin-left: 40px;
	float: left;
	width: 470px;
}
.r_content .zx_list li .zx_content h3{
	margin-top: 20px;
	width: 100%;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
	font-size: 16px;
	color: #252525;
}
.r_content .zx_list li .zx_content p{
	margin-top: 25px;
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	color: #7e7e7e;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.r_content .zx_list li .zx_date{
	float: right;
	width: 115px;
}
.r_content .zx_list li .zx_date ._p1{
	margin-top: 30px;
	font-size: 32px;
	color: #7e7e7e;
	text-align: center;
}
.r_content .zx_list li .zx_date ._p2{
	margin-top: 10px;
	font-size: 18px;
	color: #b4b4b4;
	text-align: center;
}

/*  应用领域   */
.yy_main{
	width: 1200px;
	margin: 0 auto;
}
.yy_main ._h2{
	text-align: center;
	font-size: 24px;
	color: #252525;
}

.yy_main ._p1{
	font-size: 12px;
	text-align: center;
	color: #707070;
}
.yy_main .yy_text{
	margin-top: 70px;
	margin-bottom: 130px;
	font-size: 16px;
	color: #7E7E7E;
	line-height: 36px;
}
.yy_main .yy_text img{
	display:block;
	margin: 20px  auto;
}
.yy_main .yy_text .list{
	width: 100%;
	margin: 120px auto;
}
.yy_main .yy_text .list ul{
	width: 100%;
}
.yy_main .yy_text .list ul li{
	width: 16.66%;
	float: left;
}
.yy_main .yy_text .list ul li .p1{
	text-align: center;
	font-size: 40px;
	color: #178fff;
}
.yy_main .yy_text .list ul li .p2{
	text-align: center;
	font-size: 16px;
	color: #7e7e7e;
}


/*  产品中心  //////////////////////////////////*/
.r_content .produ li{
	margin-right: 13px;
	margin-bottom: 57px;
	float: left;
	width: 291px;
}
.r_content .produ li .pic{
	width: 100%;
	height: 194px;
}
.r_content .produ li .pic img{
	width: 100%;
	height: 100%;
}
.r_content .produ li .titt{
	padding-top: 17px;
	width: 100%;
	height: 69px;
	border-bottom: 1px solid #dedfe0;
	background: url(../images/icon1.png) 98% center no-repeat;
}
.r_content .produ li .titt .p1{
	font-size: 18px;
	color: #606060;
	width:90%; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
}
.r_content .produ li .titt .p2{
	margin-top: 13px;
	font-size: 12px;
	color: #a8a8a8;
	width:90%; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
}


/*  产品中心 详情 页 /////////////////////////////*/
.r_content .p_h2{
	font-size: 26px;
	text-align: center;
	color: #404040;
}
.r_content .p_p1{
	padding-bottom: 20px;
	text-align: center;
	font-size: 16px;
	color: #9e9e9e;
	border-bottom: 1px solid #dedfe0;
}
.r_content .Product_content{
	margin-top: 40px;
	font-size: 16px;
	color: #717171;
	line-height: 35px;
}


/*   手风琴菜单   */
.list_dt{
    background: #333;
    padding: 10px 40px 10px 20px;
    color:#fff;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
   border-top: 1px solid #464646;
}
.list_dt a{
    color:#fff;
}
.list_dt:hover{
    background: #178fff;
}
.list_dt.open{
    background: #4e4e4e;
}
.list_dl.on .list_dt_icon{
    position: absolute;
    right: 10px;
    top: 22px;
    display: block;
    width: 8px;
    height: 8px;
    background: url("../images/r_jt.png") no-repeat;
    background-size: cover;
}
.list_dl.on .list_dt.open .list_dt_icon{
    background: url("../images/x_jt_03.jpg") no-repeat;
    background-size: cover;
}
.list_dd{
    display: none;
}
.list_dd.opendd{
    display: block;
    
    }
.list_li{
	position: relative;
    background: #4e4e4e;
    list-style-type: none;   
    padding: 0 30px;
    padding-left: 40px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
}
.list_li em{
	position: absolute;
	top:15px;
	left: 25px;
	display: block;
	width: 2px;
	height: 2px;
	background-color: #fff;
}
.list_li a{
	display: block;
	width: 100%;
	height: 100%;
	color: white;
}
.list_li:hover{
    background: #4285F4;
}
.list_li.on{
	background-color: #4285F4;
}
.content .one.on {
    background-color: #4285F4;
}
.list_dt1.on{
	background-color: #4285F4;
}