/* CSS Document */
body, p, form, input, textarea, ul, li, h1, h2, h3, h4, dl, dt, dd, table, td, th { margin:0; padding:0; }
a,img { text-decoration:none; color:#999; outline:none; border:none}
*{margin:0;padding:0;list-style:none;}
.box{background:#0689DB}

/*ͨ��*/
.w11 { width:1100px;}
.yyly { width:1100px; height:140px; background:url(../images/yyly.png); margin:0px 0 8px 0;}
#zt_h {color:#FF0000}
.zt_b { font-weight:bold;}
/*top*/
.top { height:100px; border:#999999 0px solid; margin-bottom:5px; margin-top:5px;}
.logo { height:100px; width:550px; background:url(../images/logo.png); float:left;}
.top_daili { height:100px; width:200px;float:left;background:url(http://www.dianshuji.cn/upfile/201806/2018060541908809.gif);}
.top_contact { height:100px; width:350px; background:url(../images/top_contact.png); float:left;}

/*�������˵�*/
#nav-menu{height:40px;;background:#0689DB;width:1100px;margin:0 auto; margin-bottom:2px;}
#nav-menu .container{position:relative;overflow:visible; z-index:99;}
#nav-menu .menu{padding:0 14px 0 0px;}
#nav-menu .menu li{position:relative;float:left;padding:0 8px 0 5px;width:120px;display:inline;font-size:14px;}
#nav-menu .menu li h3{font-weight:normal;display:inline-block;float:left;}
#nav-menu .menu li a.xialaguang{margin-top:0px;display:inline-block;color:#FFF;height:40px;text-decoration:none;font-size:14px;width:120px;text-align:center;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#0689DB;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{background-color:#FFF;}
#nav-menu .menu li a.xialaguang span{height:40px;line-height:40px;display:inline-block;font-weight:bold;}
#nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:120px;}
#nav-menu .menu ul.children{display:none;position:absolute;top:40px;left:3px;width:120px;background:#FFF;border:2px solid #0689DB;border-top:0;line-height:normal;}
#nav-menu .menu ul.children li{width:120px;padding:0px;display:inline-block;font-size:12px;border-top:1px solid #ccc;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;height:20px;line-height:20px;overflow:hidden;padding:3px 0;display:block;color:#0689DB;text-align:center;
text-decoration:none; font-size:12px;}
#nav-menu .menu ul.children li a:hover{background-color:#eee;text-decoration:none;}

/*LUNBO*/
.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
}
.silder-main-img img{
	width: 100%;height:450px;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "����";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}

/*TAB*/
.tab { background:#fff;  padding-top:5px; }
.tab_w{ width:1100px; height:510px; }
.tab_left { width:250px; border:#0689DB 1px solid; float:left; margin-right:20px; height:500px; padding:0 0px 0 0px;}
.tab_right { width:826px; border:#0689DB 1px solid; float:left; height:500px; background:#FFFFFF}
.tab_tit { height:45px; background:#0689DB; margin-bottom:15px; line-height:45px; padding-left:70px; color:#FFFFFF;}
.tab_left li { height:35px; line-height:35px; border-bottom:#000000 0px dashed;list-style:none; padding:0 0px 0 40px; background:url(../images/dd.png);}
.tab_left li a { font-size:14px; color:#333}
.tab_left li a:hover { color:#FF0000;}
.tab_right ul li { width:220px; height:235px; float:left; margin:8px 18px 3px 15px; border:#CCCCCC 1px dotted; padding:0 10px 0 10px;}
.tab_right ul li:hover {border:#ff0000 1px dotted;}
.tab_right a{ height:25px; line-height:25px; font-size:13px;}
.tab_right a:hover { color:#FF0000;}

/*YOUSHI*/
.youshibox {background:#fff; border-top: #CCCCCC 1px solid; border-bottom:#f2f2f2 1px solid}
.youshi { height:600px; width:1100px; background:url(../images/youshi.png);}

/*about*/
.aboutbox {width:1100px; height:280px;  margin-top:5px; border-bottom:#ccc 1px solid;}
.about {width:700px; height:280px;background:url(../images/bg_about.png); float:left}
.news {width:385px; height:280px;background:url(../images/bg_about.png); margin-left:15px; float:left}
.aboutbox h1 { height:30px; line-height:20px; padding-top:15px; padding-left:10px; font-size:18px; color:#CCCCCC;}
.aboutus {width:250px; height:250px; float:left; }
.about_1 {width:450px; height:250px; float:left;line-height:30px;  font-size:14px;}
.news ul li { line-height:25px; padding-left:15px; font-size:14px; color:#333333;}
.news ul li a { color:#333;}
.news ul li a:hover { color:#ff0000;}
/*link*/
.link { width:1100px; height:160px;}
.link h2 { height:35px; line-height:35px; font-size:20px;}
.link li { margin:0 10px 0 0px; float:left;font-size:13px;}
.link li a:hover { border-bottom:#CCCCCC 1px solid}
/*foot*/
.foot { background:#1179d0; height:300px; margin-bottom:20px; clear:both;}
.footer { width:1100px; height:300px;}
.foot_l { width:300px; height:300px; float:left}
.foot_r { width:700px; height:300px; margin-left:80px; float:left}
.foot_r div { font-size:14px; color:#FFFFFF; height:50px; line-height:60px;}
.foot_r div a { font-size:14px; color:#FFFFFF; padding:15px;}
.foot_r div a:hover { color:#CCCCCC}

/*product*/
.pro { width:1100px; overflow:auto; }
.pro_gg { height:120px; width:1100px; background: url(../images/show_gg.jpg); margin:5px 0 5px 0; }
.pro_weizhi { height:30px; line-height:30px; background:#fff; font-size:13px; color:#666; border-bottom:#ccc 1px solid; margin-bottom:5px; padding:5px;}
.pro_weizhi a { color:#666}
.pro_weizhi a:hover { color:#333333;}
.pro_show { width:1100px; overflow:auto; }
.pro_left { width:800px;height:auto;float:left; }
.pro_left_t { height:30px; line-height:30px; font-size:13px; color:#666; border-bottom:1px solid #CCCCCC; border-top:#CCCCCC 1px solid; margin-top:10px; margin-bottom:10px; width:400px;}
.pro_left_mssm { height:30px; width:800px; background:url(../images/pro_mssm.jpg);}
.pro_left_nr { padding:10px; font-size:14px; line-height:25px;}
.pro_right { width:250px; height:auto; border:#999999 0px solid; margin-left:48px; margin-top:20px; float:left}
.pro_right_contact { height:200px; height:300px; background: url(../images/pro_right_contact.png); clear:both; margin-top:10px;}

/*productlist*/
.pro_list { height:650px; border:#CCCCCC 1px solid; width:1095px; margin-bottom:10px; padding-left:3px;}
.pro_list_pro { height:280px; width:240px; float:left; border:#CCCCCC 1px dashed; padding-top:10px; margin:15px;}
.pro_list_pro:hover {border:#666 1px dashed; display:block; color:#FF0000;}
.pro_list_pro span { height:50px; line-height:50px;}
.pro_list_pro a:hover {color:#FF0000}
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}
.list_page ul a:hover {color:#ff0000}

/*NEWS*/
.news_show { width:1100px; overflow:auto; border:#999999 1px solid;}
.news_gg  { height:120px; width:1100px; background: url(../images/news_gg.jpg); margin:5px 0 5px 0; }
.news_weizhi { height:30px; line-height:30px; background:#fff; font-size:13px; color:#666; border-bottom:#ccc 1px solid; margin-bottom:5px; padding:5px;}
.news_show_nr { height:auto;}
.news_show_nr h2 { height:45px; line-height:40px;}
#news_show_nr { padding:10px; font-size:15px; line-height:30px;}
.news_show_bj { height:40px; line-height:30px; color:#0000FF; padding-right:30px; font-size:14px;}
.news_list { height:500px; width:1100px; background:url(../images/newslist.jpg);}
.news_list ul li { height:40px; line-height:40px; border-bottom:#CCCCCC 1px dashed; padding:0 10px 0 40px; width:500px; margin-left:60px}
.news_list ul li span { margin-right:20px;}
.news_list ul li a { color:#000000}
.news_list ul li a:hover { color:#ccc}
/*about*/
.about_show { width:1100px; overflow:auto; }
.about_gg  { height:165px; width:1100px; background: url(../images/about_gg.jpg); margin:5px 0 5px 0; }
.about_show_nr { height:auto; width:1080px; font-size:14px; line-height:30px; padding:9px; border:#999999 1px solid; margin-bottom:15px;}
.about_show_nr h2 { height:45px; line-height:40px;}

/*PRO_TAB*/
.tabwidth {width:420px;margin:40px auto;}
.tabPanel ul{height:30px;border-bottom:1px solid #aaa;}
.tabPanel ul li{
	float:left;margin:0 2px 0 0;border:1px solid #aaa;font-size:11px;height:29px;line-height:30px;width:111px;text-align:center;cursor:pointer;
	text-shadow:0 1px 0 #fff;
	border-radius:4px 4px 0 0;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
	background:#ddd;
	background:-moz-linear-gradient(top, #eee, #ddd);
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
}
.tabPanel .hit{
	border-bottom:1px solid #fff;cursor:pointer;color:black;text-shadow:0 1px 0 #fff;
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff));
	background:-moz-linear-gradient(top, #e1e1e1, #fff);
}
.pane{border:1px solid #aaa;border-top:0;min-height:100px;background-color:#fff;display:none;}
.pane p{padding:15px 15px 0 10px;}
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}