@charset "gb2312";

/**
*   Made by bysky
*   版本：1.0.0
*   2015.12.7
**/

html{color:#000;background:#FFF;font-family:'Microsoft Yahei'; font-size:14px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

a{ color:#000; font-size:14px; text-decoration:none;}
a:hover{ color:#FBAB00; text-decoration:none;}

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 


input,textarea{font-family:'Microsoft Yahei';}

/* li */ 
ul,li{list-style-type:none;} 

/* img */ 
img{border:0 none; vertical-align:middle;} 

/* h* */ 



/* float */ 
.fl { display: inline; float: left; }
.fr { float: right; }



/* dis_no */ 
.none{display:none;} 
.block {display:block;} 


/*********闭合盒子处理**********/
.clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */


/*********清除浮动处理**********/
.clearboth { clear:both; display:block; height:0;font-size:0; overflow:hidden;}
.cl{ clear:both;}

.bord{border-bottom:1px solid #c7c7c7;border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; }

/*index.html==========================*/
body{width:100%; background:url(../images/index_01.jpg) repeat-x #FFF;}
.header, .index, .foot, .top_news, .banner_img, .pages{ margin:0 auto; width:1001px;}

.header{ width:1001px; height:auto; }

/*header*/

.top{ width:1001px; height:127px; background-image:url(../images/ql_03.png);}


/*导航开始*/
.menubg{  width:1001px; height:54px; margin:0 auto;}
.menu { width:1001px; height:54px; position:relative; margin:0 auto;   }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:108px; height:54px; text-align:center; color:#fff;   line-height:54px;  overflow:hidden;  font-size:14px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;line-height:54px; padding:0 0px;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;background:url(../images/mbg.jpg) no-repeat; display:block; width:108px; height:54px;}/********导航背景变色 ******/
.menu ul li:hover ul {display:block; position:absolute;  left:0; width:108px;}
.menu ul li:hover ul li {}
.jg{ width:3px !important; background:url(../images/tu.jpg) no-repeat; height:54px; padding:0px !important;}
.menu ul li:hover ul li a {display:block; background:#202c5c; color:#fff;line-height:24px; height:24px;border-top:#202c5c 1px solid; font-size:14px; font-weight:normal; }/******子栏目 背景*********/
.menu ul li:hover ul li a:hover { color:#F00;line-height:24px; }/******子栏目 背景变色*********/
.menu img{ display:block;}
#bt{background:url(../images/dh.jpg) no-repeat; width:125px; height:54px;}


.banner{ width:100%; height:510px;  }



.index{ width:100%; padding: 20px 0;}

.index_one{ width:100%; overflow:hidden;height:680px; padding-top:20px; background:url(../images/002.jpg) bottom center no-repeat; }
.index_two{ width:100%; overflow:hidden;height:auto; padding-top:0px; background:url(../images/01.jpg) center bottom no-repeat; }
.index_three{ width:960px; overflow:hidden;height:auto; margin:0 auto; }

.index_al{ width:1001px; height:auto; padding-top:0px; margin: 0 auto;}
.index_al h3{width:1001px; height:83px; background-image:url(../images/ql_09.png);position:relative;}
.index_al h3 span{ float:right; font-size:14px; position:absolute;right:5px;top:6px; }
.albody { width:1001px; height:510px;overflow:hidden;  }
.albot { width:1001px; height:62px;overflow:hidden;  }
.albot .more{ margin:0 auto; height:37px; width:176px; overflow:hidden; padding-top:15px;}

.index_pros{ width:100%; height:auto; overflow:hidden; padding-top:16px;}
.index_pros h3{width:100%; height:83px; background:url(../images/index_15.png) center no-repeat;}
.prosbody { width:1001px; height:508px; overflow:hidden; margin:0 auto; }


.index_news{ width:480px; height:auto; float:left;}
.index_news h3{width:480px; height:79px; background-image:url(../images/ql_32.png);position:relative;}
.newsbody { width:480px; height:160px;overflow:hidden;background:#202c5c; }

.index_fs{ width:480px; height:auto; float:left;}
.index_fs h3{width:480px; height:72px; background-image:url(../images/ql_36.png);position:relative;}
.fsbody { width:480px; height:160px;overflow:hidden;background:#202c5c;}

.index_three_img{width:480px; height:auto; float:left;}

.index_contact{ width:480px;height:auto; overflow:hidden; }
.index_contact h3{width:480px; height:75px;background-image:url(../images/ql_40.png);position:relative;}
.contactbody{ width:480px; height:157px;overflow:hidden;background:#202c5c;}
.contactbody .text{ line-height:18px; padding:10px; overflow:hidden; color:#FFF;}



.index_pro{height:auto; width:1001px; padding-top:24px; margin:0 auto; }
.index_pro h3{width:1001px; height:84px; background-image:url(../images/ql_22.png);position:relative;}
.probody{width:1001px; height:524px; overflow:hidden;}
.probot { width:1001px; height:48px;overflow:hidden;  }
.probot .more{ margin:0 auto; height:37px; width:176px; overflow:hidden;}
/****滚动1*********/
.index_Roll { width:990px; margin:0 auto;  padding:5px 0px;overflow:hidden;}
#demo { overflow:hidden;  width:990px; margin:0 auto;}
 #indemo { float: left; width:2000%; ;}
#demo #indemo .img { width:170px;height:220px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demo #indemo img {max-width:170px; max-height:220px; vertical-align:middle;}
#demo #indemo a { display:block; width:auto; float:left; margin:10px 10px;border:1px solid #4f891b;color:#FFF;}
#demo #indemo p { text-align:center; color:#FFF;  line-height:30px; width:100%; display:block; background:#4f891b; margin-top:0px;}
#demo1 { float: left; }
#demo2 {float: left;}


.index_map{ width:100%; overflow:hidden;height:227px; padding-top:26px; margin:0 auto; text-align:center; padding-bottom:13px;}


.products{ width:100%; list-style:none; padding-top:0px; padding-left:0px;}
.products li{ width: 324px; margin:18px 8px 0 0; height:234px; float: left; overflow: hidden;}
.products li .img{width:320px;height:230px;border: 2px solid #bfbfbf;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;  }
.products li a{ display:block;}
.products li img{ width:320px; height:230px;vertical-align:middle; }
.products li p{  text-align:center; height:30px;line-height:30px;width: 100%;}


.footer{  height:155px; width:100%;background:url(../images/ql_43.png) repeat-x;}
.foot{  height:155px; width:1001px;background:url(../images/ql_45.png);}
.foot_menu{ width:977px; height:48px; line-height:48px; background:url(../images/foot.jpg) left top repeat-x; border:1px #CCCCCC solid; margin:0px auto 0 auto;color:#666666;}
.copy{ padding-top:40px; color:#FFF; text-align:left; }
.copy a{ color:#FFF}
.copy a:hover{ color:#FBAB00;}


.nr{ padding-top:3px; padding-right:0px;}
.nr ul{ padding-left:3px; width:350px;}
.nr ul li{ height:30px; line-height:30px; overflow:hidden; color:#000; border-bottom:0px solid #bfd9f2;position:relative; }
.nr ul li a{ margin-left:5px; color:#000;padding-left:5px;}
.nr ul li a:hover{ color:#FBAB00;}
.nr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}
.text{ line-height:18px; padding:10px; overflow:hidden; }
.texts{ line-height:18px; padding:10px; overflow:hidden; color:#FFF;}
 
.nnr{ padding:5px 0px 0px 8px;}
.nnr ul{ padding-left:15px;}
.nnr ul li{ height:30px; line-height:30px; overflow:hidden; color:#000; position:relative;cursor: pointer;
background:url(../images/li.jpg) 2px 12px  no-repeat;}
.nnr ul li a{ margin-left:15px; color:#FFF;}
.nnr ul li a:hover{ color:#FBAB00;}
.nnr ul li span{ position:absolute; top:0; right:0;color:#FFF;padding-right:10px;}

/*图片新闻*/
.newspic{ width:730px; height:90px;  margin:10px auto; border-bottom:1px #E7E7E7 dashed}
.newspic_left{ width:113px; height:85px; float:left}
.newspic_left img{ width:101px; height:82px;  margin:2px 12px 0 0}
.newspic_right{ width:617px; height:85px; float:right; overflow:hidden}
.newspic_right h4{ width:617px; height:22px; line-height:22px;}
.newspic_right h4 a{ font-size:14px; color:#AE0A15; font-weight:bold}
.newspic_right h4 a:hover{ color:#666}
.newspic_right span{ width:617px; height:60px; line-height:22px; color:#666}



/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*pages*/
.pages{ width:1001px; padding: 10px 0;}

/*left*/
.left{float:left; width:259px;}


.left .page_prolist{ width:259px; height:auto; }
.left .page_prolist h3{width:259px; height:51px; background:#202c5c;position:relative;}
.left .page_prolist h3 span{ float:left; font-size:18px; font-weight:bold; color:#FFF; position:absolute;left:20px; top:13px;}
.left .page_prolistbody {width:257px; height:auto !important; min-height:170px; border-bottom:1px solid #c7c7c7;border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;}

.fenlei{ width:250px; float:left; padding:4px; padding-top:7px;}
.fenlei ul{ width:250px; float:left;}
.fenlei li{ width:250px; height:29px; border-bottom:1px #CCCCCC dashed; line-height:30px; float:left;}
.fenlei img{ float:left; margin-left:5px; margin-right:8px; margin-top:9px;} 
.fenlei li a{ color:#000;padding-left:18px;}
.fenlei li a:hover{ color:#FBAB00;}

.lianxi{ width:210px; float:left; padding:10px; padding-top:5px; padding-bottom:5px;}

.left .page_contact{ width:259px; height:auto; padding-top:15px;}
.left .page_contact h3{width:259px; height:51px; background-image:url(../images/qlny_10.jpg);}
.left .page_contactbody {width:259px; height:234px; overflow:hidden;background-image:url(../images/qlny_11.jpg);}
.left .page_contactbody .text{ line-height:18px; padding:10px;color:#000;}




/*产品分类列表*/
.aboutleft2 {
	width:280px;
	font-size:14px; margin:0 auto; padding-top:10px; height:auto; padding-bottom:10px
}
.aboutleft2 li {
	line-height:54px; float:left;
	width:137px; height:54px; padding-top:0px;background:url(../images/sylistli.jpg) left center no-repeat; border-bottom:0px #AAAAAA dashed; margin:4px 1px 0 2px;
}
.aboutleft2 a {
	height:54px;width:137px;
	line-height:54px;
	float:left;font-size:14px;
    text-align:left; padding-left:30px; color:#fff
}
.aboutleft2 a:hover {
	font-size:14px;width:137px; height:54px;
	text-decoration:none; 
	text-align:left; padding-left:30px; color:#ff6
}


/*右侧主体*/
.boxright{ width:718px; height:auto; float:right;}
.boxright_top{ width:718px; height:51px;background:#202c5c;}
.boxright_mid{ width:716px; height:auto !important; min-height:480px; overflow:hidden; zoom:1;}
.boxright_bot{ width:718px;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:170px; height:51px; line-height:51px; font-size:16px; color:#FFF; float:left; padding-left:30px;}
.left_zi p{ line-height:7px; color:#FFF; font-size:12px}
.right_zi{ float:right; width:400px; text-align:right;height:51px;line-height:51px; color:#FFF; margin-right:15px;}
.right_zi a{ color:#FFF; font-size:12px}
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px ;}

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:14px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:14px;}
.new1 a:hover {font-size:14px;text-decoration:none; }

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 325px; margin:2px 4px; height:235px; float: left; overflow: hidden;}
.product li .img{width:320px;height:230px;border: 1px solid #202c5c;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;   -webkit-border-radius: 5px;  
   -moz-border-radius: 5px;  
   border-radius: 5px;  
 position:relative;
   behavior: url(js/PIE.htc);  }
.product li a{ display:block;}
.product li img{ width:320px; height:230px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%}
.product_related{text-align:center; padding:5px; width:100%}
.proimg{ text-align:center; width:90%; height:auto}
.proimg .img{width:600px;height:600px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;  }
.proimg img{ max-width:600px; max-height:600px;vertical-align:middle; }

 .page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#202c5c; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#202c5c; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}


/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}




#menu, ul#menu div {
	list-style-type:none;
	margin: 0;
	padding: 0;
	line-height:26px;
	width:230px; margin:0 auto;
}
#menu a {
	display: block;
	text-decoration: none;
	line-height:26px;
}
#menu div {
	line-height:26px;
}
#menu div a {
	background:url(../images/index_23.jpg) left center no-repeat;
	color:#000;
	line-height:26px;  text-align:left; border-bottom:1px dotted #ccc; padding-left:20px;
}
#menu div a:hover {
		background:url(../images/index_23.jpg) left center no-repeat;
	line-height:26px;
    color:red;
}

.pro_yj a {
font-weight:bold;
}

.pro_yj a:hover {
font-weight:bold;
}


.pro_ej {
display:none;
}

.pro_ej div a{
	background:url(../images/index_19.jpg) left center no-repeat;
	color: #444444;
	line-height:26px;margin-left:5px; border-bottom:none;font-weight:400;
}

.pro_ej div a:hover{
	background:url(../images/index_19.jpg) left center no-repeat;
	font-weight:400;
	line-height:26px;
}



/****滚动2*********/
.index_Rolla { width:955px; margin:0 auto; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden;  width:955px; margin:0 auto;} 
#indemoa { float: left; width:2000%; ;}
#demoa #indemoa .img { width:170px;height:220px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demoa #indemoa img {max-width:170px; max-height:220px; vertical-align:middle;}
#demoa #indemoa a { display:block; width:auto; float:left; margin:20px 10px 0px 10px;}
#demoa #indemoa p { text-align:center;  line-height:30px; width:100%; background:url(../images/1_r18_c25.jpg) center top no-repeat; margin-top:10px;}
#demoa1 { float: left;}
#demoa2 {float: left;}