/* CSS Document */

body{
	margin:0; padding:0; font-family:microsoft yahei, Verdana, Geneva, sans-serif; font-size:12px; color:#555; line-height:22px;
	background:#fcfcfc;
	}
p,span,h1,h2,h3,h4,h5,ul,li,ol,dt,dd,a,input{
	margin:0; padding:0; list-style:none; text-decoration:none;
	}
.CON{
	width:970px; overflow-y:auto; overflow-x:hidden; margin:0 auto;
	}
.ROW{
	 overflow-y:auto; overflow-x:hidden;
	}
a{
	color:#555; 
	}
a:hover{
	color:#111;
	}
.f{
	font-family:宋体; font-weight:normal;
	}
a img{
	border:0;
	}
/*********************/

/**********顶部***********/
.topBG{
	width:100%; height:176px; background:url(mallTBG.GIF) repeat-x; overflow:hidden;
	}
.topBG .topNav{
	height:28px; overflow:hidden;
	}
.topBG .topNav a{
	line-height:28px;
	}
.topBG .topNav span{
	padding:0 8px;
	}
.topBG .topNav .leftInfo{
	width:50%; height:28px; overflow:hidden; line-height:28px; float:left;
	}
.topBG .topNav .rightNav{
	width:40%; height:28px; float:right; text-align:right; line-height:28px;
	}

/**********logo、搜索部分***********/

.logo{
	height:98px; width:588px; float:left; overflow:hidden; background:url(logo.png) no-repeat -10px center;
	}
.tel{ width:370px; text-align:right; font-size:22px; line-height:30px; color:#740202; float:right; margin-top:25px;}
.searchBox{
	width:240px; height:26px; float:right; overflow:hidden; margin-top:36px;
	}

.searchBox .sinput{
	width:170px; height:24px; float:left; margin:0; border:#ddd solid 1px;
	}
.searchBox .sbtn{
	width:68px; height:26px; background:url(searchBtn.GIF) no-repeat; border:0; cursor:pointer; float:right;
	}


/**********菜单***********/

.menu{
	height:47px; background:url(navBG.GIF) no-repeat; overflow:hidden; border-top:#B1D7FD solid 3px;
	}

.menu li{
	width:130px; height:47px; float:left; overflow:hidden; text-align:center; line-height:47px; 
	}
.menu li a {
	line-height:47px; display:block; width:130px; position:absolute; z-index:2; color:#fff;
	text-indent:48px; font-size:14px; font-weight:bold; float:left; *margin-left:-65px;
	}
.menu li span{
	display:none; width:130px; height:47px; background:url(navHover.png) no-repeat; position:absolute;
	 z-index:1; float:left; *margin-left:-65px;
	}
.menu li:hover span{
	display:block; width:191px;
	}


#slides{
	border-bottom:solid #ccc 3px;
	}


/**********Inx1***********/

.inxUp{
	height:240px; overflow:hidden; padding-top:10px;
	}

.inxUp .title{
	width:100%; height:30px; overflow:hidden; background:url(inxTitleBG.gif) no-repeat left center; margin-bottom:20px;
	}


.title .more{
	width:86px; height:30px; float:right; background: url(inxproMore.gif) no-repeat left center; cursor:pointer; display:block;
	}
.inxUp .proshowBox{
	width:880px; height:160px; overflow:hidden; float:left; margin-left:4px;
	}
.inxUp .proshowBox a{
width:188px; height:130px; padding:10px; overflow:hidden; display:block;
	float:left; margin:0 4px; cursor:pointer; text-align:center; font-size:12px; line-height:22px;
	}
.inxUp .proshowBox a img{
	background:#fff; border:#ddd solid 1px; padding:4px; width:188px; height:130px; object-fit: cover;
	}
.inxUp .a1{
	width:41px; height:45px; margin-top:50px; float:left; background: url(prev.gif) no-repeat; overflow:hidden; cursor:pointer; display:block;
	}
.inxUp .a2{
	width:41px; height:45px; margin-top:50px; float:right; background: url(next.gif) no-repeat; overflow:hidden; cursor:pointer; display:block;
	}

.inxUp .row{ height:154px; width:254px; overflow:hidden;}
.inxUp .box{ float:left; display:inline;}

/**********Inx2***********/

.inxDown{
	height:300px; overflow:hidden; padding-top:10px; background:#EAEAEA; width:100%; padding-top:20px;
	}

.inxDown .leftBox{
	width:470px; height:280px; float:left; overflow:hidden;
	}
.inxDown .leftBox .title{
	width:100%; height:43px; background:url(companyTitle.gif) no-repeat;
	}
.inxDown .rightBox{
	width:470px; height:280px; float:right; overflow:hidden;
	}
.inxDown .rightBox .title{
	width:100%; height:43px; background:url(newsTitle.gif) no-repeat;
	}
.inxDown .Box{
	width:100%; height:182px; padding:10px 0; overflow:hidden; margin-bottom:12px;
	}
.inxDown .more{
	width:86px; height:22px; overflow:hidden; float:right; clear:both; background:url(inxMore.gif) no-repeat; cursor:pointer;
	}

.inxDown .nico{
	height:24px; background:url(newsIco.GIF) left center no-repeat; text-indent:1em;
	}

.bottom{
	width:100%; height:350px; background:url(mallBTBG.gif) repeat-x; overflow:hidden;
	}

.bottom dl{
	width:180px; height:260px; overflow:hidden; float:left; margin-right:30px; padding-top:30px;
	}

.bottom dl dt{
	width:100%; height:32px; background:url(btmtitlb.gif) repeat-x left bottom; color:#fff; font-weight:bold;
	font-size:14px;
	}
.bottom dl dd{
	width:100%; height:30px; overflow:hidden; background:url(btnnavList.gif) no-repeat left center; text-indent:1.5em;
	}

.bottom dl dd a{
	line-height:32px; color:#eee;
	}

.bottom .contact{
	width:300px; height:220px; padding-top:30px; float:right; overflow:hidden;
	}

.bottom .contact .title{
	width:100%; height:32px; background:url(btmtitlb.gif) repeat-x left bottom; color:#fff; font-weight:bold;
	font-size:14px;
	}
.bottom .contact .box{
	line-height:30px; color:#eee;
	}

.bottom .copyR{
	height:60px; clear:both; line-height:60px; text-align:center; color:#eee;
	}

.bottom .copyR a{ color:#eee;}

/*==============Inn==================*/
.inn{
	width:100%; padding-left:20px; padding-bottom:25px;
	}
.inleft{
	width:240px; float:left; background:#f9f9f9; min-height:300px;
	}
.inleft .title{
	width:100%; height:50px; line-height:50px; color:#999; background: url(inx_company_ico.gif) no-repeat 12px center #fff; border-bottom:#eee solid 1px; font-size:18px; text-indent:2.5em; font-weight:bold;
	}
.inleft ul{
	padding-top:8px;
	}
.inleft li{
	width:220px; height:32px; border:#e5e5e5 solid 1px; background:url(leftLiBG.gif) repeat-x left bottom #fff; margin:2px auto;
	}
.inleft li:hover{
	border: #06C solid 1px;
	}
.inleft li a{
	line-height:32px; display:block; text-indent:1em; color:#444; font-size:12px;
	}
.inleft li a:hover{
	color: #06C;
	}
.inleft .contacttitle{
	width:220px; height:30px; margin:10px auto 6px auto; overflow:hidden; border-bottom:#c00 solid 2px; line-height:30px;
	font-size:14px; font-weight:bold; color:#c00;
	}
.inleft .c_img{
	width:214px; height:71px; padding:2px; border:#ddd solid 1px; margin:0 10px;
	}
.inleft .lbox{
	width:220px; padding:10px;
	}
.inright{
	width:730px; float:right; min-height:300px; background:#fff;
	}
.right{
	width:730px; float:right; min-height:300px; background:#fff;
	}	
.inright .title{
	width:100%; height:70px; background:url(r-t_bg.gif) no-repeat; overflow:hidden; line-height:50px; font-size:14px; color:#555;
	text-indent:2em; color:#06c; font-weight:bold; text-decoration: none;
	}
.right .title{
	width:100%; height:70px; background:url(r-t_bg.gif) no-repeat; overflow:hidden; line-height:50px; font-size:14px; color:#555;
	text-indent:2em; color:#06c; font-weight:bold; text-decoration: none;
	}
.inright .inBox{
	padding:10px 20px;
	}
.inright .inBox table tr td img{ width: 100%; height: auto;}
.inart{
	height:40px; background:url(botart.gif) no-repeat; overflow:hidden;
	}


.elogo{
	height:98px; width:788px; float:left; overflow:hidden; background:url(elogo.png) no-repeat -10px center;
	}
.inxDown .leftBox .etitle{
	width:100%; height:43px; background:url(ecompanyTitle.gif) no-repeat;
	}
.inxDown .rightBox .etitle{
	width:100%; height:43px; background:url(enewsTitle.gif) no-repeat;
	}
.inxUp .etitle{
	width:100%; height:30px; overflow:hidden; background:url(einxTitleBG.gif) no-repeat left center; margin-bottom:20px;
	}

.ebottom{
	width:100%; height:60px; background-color:#4A89D8;overflow:hidden;
	}
.ebottom .copyR{
	height:60px; line-height:60px; text-align:center; color:#ccc;
	}
	
.sk{
	width:112px; height:374px; background:url(sk.gif) no-repeat; position:absolute; top:150px; right:0; z-index:999;
	}
.sk .btn{
	width:78px; height:30px; float:left; margin-left:18px; display:block;
	}
	
#qqbox{ position:fixed; right:0; top:35%; width:144px; border-radius:5px; background:#fff; border:solid 1px #ccc; box-shadow:0 0 3px #ccc; overflow:hidden; z-index:99999999;}
#qqbox #litit{ text-align:center; line-height:30px; background:#1061CC; font-size:14px; color:#FFF;}
#qqbox .list{ margin:5px 10px; text-align:center; border-bottom:dotted 1px #eee; padding:5px 0;}


.prolist{ width: 102%;}
.prolist .prod{ float: left; display: block; width: 30%; height: 200px; margin-right: 3%;}
.prolist .prod a{ display: inline-block; width: 100%; height: 160px; overflow: hidden; border: 2px solid #ddd;}
.prolist .prod a img{ width: 100%; height: 100%; object-fit: contain;}
.prolist .prod p{ text-align: center;} 

.inxDown .Box span{ font-size: 14px;}