@charset "utf-8";
/*------------// Overall //------------------*/
body{font:12px/140% Arial,"微软雅黑",Helvetica, sans-serif,Verdana;color:#5a5a5a; margin:0; background:#FFF; }
html,body{-webkit-text-size-adjust:none;}
table,td{font:12px/140% Arial,"微软雅黑",Helvetica, sans-serif,Verdana; color:#5a5a5a;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
A:link{text-decoration:none; color:#5a5a5a;}
A:visited{text-decoration:none; color:#5a5a5a;}
A:hover{text-decoration:none; color:#47cdff;}
img{ border:0; }
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
ol,ul,li{list-style-type:none;}
.clear{
	clear: both;
}
/*-----------// 公共导航 //------------*/
.nav {
	background-color: #6EC6F7;
	height: 100px;
	width: 100%;
	display: flex;
	/*justify-content: space-around;*/
	align-items: center;
}
.nav ul {
	/*width: 1080px;*/
	display: flex;
	flex: 1;
	margin-left: 3%; 

}
.logo,
.logo img{
	height: 100%;
	margin-left: 3%; 
}
.nav li {
	font-size: 14px;
	width:120px;
	height:33px;
	color: #FFFFFF;
	float: left;
	padding-top: 17px;
	text-align: center;
}
.nav li:hover {
	background-color: #2A80B9;
}

.nav a {
	color: #FFFFFF;
	text-decoration: none;
}
/*-----------// 产品头条 //------------*/

.cptt {
	background-color: #F9F9F9;
	height: 290px;
	width: 100%;
	margin-top: 22px;
}
.cptt ul {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 28px;
	display: flex;
	justify-content: space-between;
}

.cptt li {
	float: left;
	width: 330px;
/*	padding-right: 15px;
	padding-left: 15px;*/
}

.cpttpic {
	/*float: left;*/
	height: 190px;
	width: 330px;
	
	margin-right: 15px;
}
.cpttpic img {
	padding: 1px;
	height: 190px;
	width: 330px;
	border: 1px solid #CCCCCA;
}
.cpttpic img:hover {
	border: 1px solid #47cdff;
}
.cpttpic a img {
    padding: 10px;
    box-sizing: border-box;
}
.cptttxt {
text-align: center;
    margin-top: 30px;
}

.cptttxt h1 {
	font-size: 16px;
	color: #000000;
	line-height: 1.5;
}
.cptttxt p {
	font-size: 12px;
	line-height: 2;
	color: #5E5E5E;
}
.cptttxt a {
	color: #000000;
	text-decoration: none;
}
.cptttxt .m {
	float: right;
	color: #3196DA;
}

/*-----------// 主体 //------------*/
.warr {
	width: 90%;
	margin-top: 22px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	display: flex;
}
.warr .warrright {
	float: left;
	width: 298px;
}
.warr .warrleft {
	float: right;
	width: 767px;
	flex: 1;
}
/*-----------// 最新资讯 //------------*/
.warrright .news {
	background-color: #F8F8F8;
	width: 298px;
	height: 272px;
}
.warrright .news h1 {
	font-size: 14px;
	width:60px;
	color: #000000;
	font-weight: normal;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3598DB;
	line-height: 3;
	margin-left: 10px;
}
.warrright .news ul {
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #F1F1F1;
	margin-top: 20px;
	margin-right: 10px;
}
.warrright .news li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C5C5C5;
	width:258px;
	line-height:2;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
.warrright .news li span {
	float: right;
}
/*-----------// 产品类别 //------------*/
.warrright .cplb {
	width: 296px;
	border: 1px solid #E4E4E4;
	margin-top: 20px;
	background-image: url(../img/3.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
.warrright .cplb h1 {
	font-size: 14px;
	width:70px;
	color: #000000;
	font-weight: normal;
	margin-left: 10px;
	background-image: url(../img/2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
	line-height: 2;
}
.cplb .cpxl {
}
.warrright .cplb .cpxl li {
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	line-height: 3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C6C6C6;
	text-indent: 10px;
}


.warrright .cplb .cpxl h1 {
	background-image: url(../img/4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 270px;
	text-align: left;
	text-indent: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.warrright .cplb .cpxl a {
	padding-right: 20px;
	background-image: url(../img/5.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	color: #000000;
}
.warrright .kefu {
	background-color: #F8F8F8;
	margin-top: 20px;
	width:298px;
	padding-bottom: 23px;
}
.kefu .kefuz {
	border: 1px solid #F1F1F1;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(../img/kefu.jpg);
	background-repeat: no-repeat;
	background-position: 5px 30px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.kefu h1 {
	font-size: 14px;
	width:60px;
	font-weight: normal;
	color: #000000;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3598DB;
	line-height: 3;
	margin-bottom: 15px;
}

.kefu .kefuz p {
	font-size: 14px;
	padding-top:10px;
	padding-left: 130px;
	padding-bottom: 10px;
}




/*-----------// 产品五系 //------------*/
.cpxll h1 {
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3598DB;
	margin-left: 10px;
	float: left;
	padding-bottom: 15px;
}

.cpxll .more {
	float: right;
}

.cpxlli {
	background-color: #f8f8f8;
	height: 170px;
	width: 100%;

}
.gdbj {
	height:170px;
	background-color:#f8f8f8;
	margin-top:15px;
	margin-bottom:12.5px;
}



.cpxlli img {
	padding: 1px;
	height: 120px;
	width: 140px;
	border: 1px solid #F1F1F1;
}
.cpxlli img:hover {
	border: 1px solid #47cdff;
}

.cpxlli td {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
	
}




/*-----------// 底部四模块 //------------*/
.dbsi {
	background-color: #F8F8F8;
	margin-top: 5px;
}
.dbsi .dbsistar {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: 280px;
}
.cgbz {
	width:25%;
	float: left;

}
.cgbz h1 {
	font-size: 14px;
	width:60px;
	font-weight: normal;
	color: #000000;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3598DB;
	line-height: 3;
	margin-bottom: 15px;
	padding-top: 5px;
}
.cgbz ul {
	background-color: #FFFFFF;
	border: 1px solid #F1F1F1;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 5px;
	height: 187px;
	
}
.cgbz li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C5C5C5;
	width:94%;
	line-height:2;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 3%;
}
.cgbz li span {
	float: right;
}
.fwcn {
	width:25%;
	float: left;
}
.fwcn h1 {
	font-size: 14px;
	width:60px;
	font-weight: normal;
	color: #000000;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3598DB;
	line-height: 3;
	margin-bottom: 15px;
	padding-top: 5px;
}
.fwcn ul {
	background-color: #FFFFFF;
	border: 1px solid #F1F1F1;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 5px;
	height: 187px;
}
.fwcn li {

	width:94%;
	line-height:1.3rem;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 3%;
}
.lxwm {
	width:25%;
	float: left;
}
.lxwm h1 {
	font-size: 14px;
	width:60px;
	font-weight: normal;
	color: #000000;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3598DB;
	line-height: 3;
	margin-bottom: 15px;
	padding-top: 5px;
}
.lxwm ul {
	background-color: #FFFFFF;
	border: 1px solid #F1F1F1;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 5px;
	height: 187px;
}
.lxwm li {
	width:94%;
	margin-left: 3%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
	display: flex;
	align-items: center;
	height: 30%;
}
.lxwm img {
	float: left;
	padding-right: 10px;
}
/*-----------// foot  //------------*/
.foot {
	background-color: #424242;
	margin-top: 20px;
	
}
.foot .footer {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #FFFFFF;
	height: 200px;
}
.foot .footer .footernav {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.foot .footernav a {
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;

}
.foot .footer .foot_logo {
	float: left;
	margin-left: 50px;
}

.foot .footer p {
	font-size: 12px;
	line-height: 2.5;
	color: #FFFFFF;

}
.foot .footer .bq a {
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}


.foot .footer .bq {
	float: left;
	margin-left: 50px;
}
/*-----------// list  //------------*/
.fenleinav {
	float: left;
	min-width:220px;
}
.fenleinav .h1title {
	background-color: #3498db;
	/*height: 126px;*/
border-radius: 10px 10px 0 0;
}
.fenleinav .h1title h1 {
	font-size: 25px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	/*padding-top:10px;*/
	line-height: 3;

}
.fenleinav .fenleilm {
	/*margin-top: 22px;*/
	background-color: rgb(243, 243, 243);
	/*border-left-width: 8px;*/
	/*border-left-style: solid;*/
	/*border-left-color: #00e2ea;*/
	border-radius: 0 0 10px 10px;
}
.fenleinav .fenleilm li {
	font-size: 15px;
	color: #000;
	/*text-indent: 20px;*/
	/*line-height: 3;*/
	padding-top: 25px;
	margin: 0 15px;
}
.fenleinav .fenleilm a:last-child li{
	padding-bottom: 25px;
}
.fenleinav .fenleilm li:hover {
	/*background-color: #34495e;*/
	color: #3498db;
}
.fenleinav .fenleilm a {
	color: #FFFFFF;
	text-decoration: none;
}
.neirongnav {
	width: 838px;
	float: right;
	flex: 1;
	margin-left: 20px;	

}
.neirongnav .smallnav {
	font-size: 14px;
	height: 43px;
	width: 838px;
	border: 1px solid #d6d6d6;
	text-indent: 20px;
	line-height: 3;
}
.playlist ul {
	margin-top: 22px;
}
.playlist li {
	float: left;
	text-align: center;
	/*padding-right: 12px;*/
	/*padding-left: 14px;*/
	/*padding-bottom: 22px;*/
	margin-bottom: 60px;
	width: 25%;
	height: 300px;
}
.playlist a {
	font-size: 14px;
	line-height: 2;
	display: block;
	position: relative;

}
.playlist a .img{
	width: 60%;
	height: 200px;
	overflow: hidden;
	display: flex;;
	justify-content: center;
	margin: 0 auto;

}
.playlist a .title{
	font-weight: bold;
	margin-top: 20px
}
.playlist img {
	/*height: 313px;
	width: 249px;*/
	/*border: 1px solid #d4d4d4;*/
}
.newslist ul {
	margin-top: 22px;
	margin-bottom: 22px;
}
.newslist li {
	font-size: 14px;
	line-height: 3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d6d6d6;
}
.newslist span {
	float: right;
}
/*-----------// play  //------------*/.neirongnav .conn {
	margin-top: 22px;
	margin-bottom: 22px;
}
.artdetail_title {
	font-size: 23px;
	line-height: 2;
	color: #000000;
	text-align: center;
}
.artview_info {
	font-size: 12px;
	line-height: 2;
	text-align: center;
}
.artview_content {
	margin-top: 2px;
}
.artview_content img{
	max-width: 100%;
}
.artview_content p {
	font-size: 14px;
	line-height: 2;
	padding-top: 15px;
}
.artview_next {
	margin-top: 22px;
}
.artview_next p {
	line-height: 2;
}
.artdetail_cptitle {
	font-size: 23px;
	line-height: 2;
	color: #000000;

}
.artview_cpinfo {
	font-size: 12px;
	line-height: 2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d6d6d6;
	padding-bottom: 10px;	
}