@charset "utf-8";
/* CSS Document */
body {padding:0; margin:0; font-size:12px; font-family:"微软雅黑"; color:#828181; background:#fff}
a{color:#828181;text-decoration:none;}
a:hover{ text-decoration:none;}
img{border:none;} 
div,ul,li,p,form,h1,h2{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin:auto;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
tr {padding: 0px; margin: 0px;list-style-type: none;}
.clearfloat {clear:both;height:0;font-size: 1px;line-heigt: 0px;}
#container {margin:0 auto; width:100%;}
.upfile { border: 1px solid #ccc; margin-left:10px;}
.clear{ clear:both}
/*头部*/

.w1100{ width:1100px; margin:0 auto;}
.header{ width:100%; margin:0 auto;width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px; height:150px; background:#fff;}
.header_top{ height:34px; line-height:34px; background:#e8e8e8; width:100%; margin:0 auto;width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px; }
.header_top p{ float:left;}
.header_top span{ float:right;line-height:34px; height:34px; display:block}
.header_top img{ position:relative; top:3px;}
.header_top span a{ padding:0 3px;}
.header_top span a:hover{ color:#2c7bd0 }
.top_box{ height:68px;}
.top_box .logo{ float:left; width:457px; padding:12px 0 0 0}
.top_right{ float:right; padding-top:20px;}



/*导航*/
.menu{ background:#ebebeb; height:48px; width:100%; margin:0 auto;width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px; }
.nav {  float:left; width:800px;}
.nav ul {}
.nav ul li{ text-align:center;}
.nav ul .mainlevel {float:left;/*IE6 only*/}
.nav ul .mainlevel a {text-decoration:none;font-size:14px; color:#fff; line-height:24px; display:block; padding:0px 34px; color:#333; height:48px; line-height:48px; border-right:1px solid #e3e3e3}
.nav ul .mainlevel a:hover {background:#2c7bd0; color:#FFF;}
.munehover a{background:#2c7bd0; color:#FFF  !important;}
.nav ul .mainlevel li a{color:#777!important; background:#f5f5f5!important;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; width:138px}
.nav ul .mainlevel li a:hover{ color:#FFFFFF!important;background:#2c7bd0!important; border:none}
.nav ul .mainlevel ul {display:none; position:absolute; z-index:999;}
.nav ul .mainlevel li { margin-top:0px; width:138px; height:36px; clear:both; background:#f5f5f5;/*IE6 only*/}

.nav ul #mainlevel_02 li a{color:#777!important; background:#f5f5f5!important;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; width:138px!important;}
.nav ul #mainlevel_02 li { margin-top:0px; width:138px!important; height:36px; clear:both; background:#f5f5f5; border-bottom:1px solid #fff;/*IE6 only*/}
.nav ul #mainlevel_02 li a:hover{ color:#FFFFFF!important;background:#2c7bd0!important}
.nav ul .mainlevel li a{color:#333;line-height:36px; font-size:12px;height:36px; padding:0}
.nav ul .mainlevel li a:hover{ background:#2c7bd0; color:#FFFFFF; text-decoration:none;}

.nav ul .mainlevel li a{line-height:36px; font-size:13px;height:36px; padding:0}
.nav ul .mainlevel li a:hover{ background:#2c7bd0; color:#FFFFFF; text-decoration:none;}




.search{ float:right; background:url(../img/search_bg.jpg) no-repeat; width:298px; height:33px; margin-top:8px;}
.inputtex{ width:233px; float:left; height:35px;border:none; overflow:hidden; background:none; line-height:35px;color:#999; padding-left:15px;}
.button{ float:left; width:50px; height:35px; border:none; background:none; cursor:pointer;}
.input-a{width:233px; float:left; height:35px;border:none; overflow:hidden; background:none; line-height:35px;color:#999; padding-left:15px;}
.input-b{width:233px; float:left; height:35px;border:none; overflow:hidden; background:none; line-height:35px;color:#999; padding-left:15px;}
input:focus {
    outline:none;
}


/*广告*/
#banner{margin:0 auto; height:525px; width:100%; clear:both; overflow:hidden;width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px; border-top:1px solid #fff;}
#full-screen-slider { width:100%; height:525px; float:left; position:relative}
#slides { display:block; width:100%; height:525px; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:48%; top:500px; z-index:999; margin:0}
#pagination li { display:block; list-style:none; width:12px; height:13px; float:left; margin-left:10px; border-radius:5px; background:url(../img/ico-2.png) no-repeat;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background:url(../img/ico-1.png) no-repeat;}


.in_product_box{width:100%; width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px;}
.in_title{ text-align:center; padding:20px 0}
.in_title h1{ font-size:40px; color:#4e4e4e; background:url(../img/line.png) no-repeat center bottom; padding-bottom:10px; margin-bottom:10px; display:block;}
.in_title p{ font-size:13px; color:#666}

.in_pro_list{ text-align:center; margin-top:15px;height:55px;}
.in_pro_list a{text-transform:uppercase; color:#333; font-size:14px; padding:15px 10px; margin-left:8px; margin-right:8px; border-bottom:1px solid #dbdada; border-top:1px solid #dbdada;}
.in_pro_list a:hover{ color:#2c7bd0}

.in_pro_box{position:relative}
.in_pro_box ul{ width:105%; overflow:hidden}
.in_pro_box ul a li{ background:url(../img/li_bg.jpg) no-repeat; height:366px; width:261px; overflow:hidden; float:left; margin-left:15px}
.in_pro_box .in_pro_img{ margin:1px 0 1px 1px}
.in_pro_box .in_pro_img img{ height:191px; width:259px; overflow:hidden}
.in_pro_cont{ text-align:center; position:relative}
.in_pro_cont h1{ font-size:14px; font-weight:normal; color:#333; height:40px; line-height:40px;}
.in_pro_cont span.in_ln{ display:inline-block; width:30px; height:1px; background:#c6c5c5}
.in_pro_cont p{ line-height:18px; padding:15px 5px 10px 5px;}
.in_pro_cont span.in_more{ color:#666; display:block;font-size:14px; position:absolute;top:138px; left:110px}


.in_pro_box ul a:hover li{ background:url(../img/li_bg2.jpg) no-repeat;}
.in_pro_box ul a:hover .in_pro_cont h1{ color:#fff;}
.in_pro_box ul a:hover .in_pro_cont span.in_ln{ color:#fff}
.in_pro_box ul a:hover .in_pro_cont p{ color:#fff}
.in_pro_box ul a:hover .in_pro_cont span.in_more{color:#fff}


.in_about_box{width:100%; margin:0 auto;width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px; background:#eee; padding:20px 0; margin-top:20px;}
.in_ab_img{ float:left; width:586px; margin-right:20px;}
.in_ab_cont{ float:left; padding-right:5px; width:485px;}

.in_title2{}
.in_title2 h1{ font-size:40px; color:#4e4e4e;}
.in_title2 p{ font-size:14px; color:#333;text-transform:uppercase;}
.in_title2 span{ display:block; height:4px; width:62px; background:#2c7bd0; margin-top:10px;} 

.in_ab_info{ margin-top:15px;}
.in_ab_info p{ text-indent:2em; line-height:25px; font-size:13px; color:#333}
.in_ab_info span a{ display:block; width:148px; height:51px; line-height:51px; text-align:center; background:url(../img/more_bg.jpg) no-repeat; margin-top:10px;}
.in_ab_info span a:hover{ background:url(../img/more_bg2.jpg) no-repeat; color:#fff;}

.in_news_box{width:100%; margin:0 auto;width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px; margin-bottom:15px;}
.in_news_cont{}
.in_news_cont ul{ width:103%; overflow:hidden}
.in_news_cont ul li{ float:left; width:546px; margin-right:10px; height:110px; margin-bottom:10px;}
.in_news_date{ width:94px; background:#edeeee; height:110px; text-align:center; float:left;}
.in_news_date p{ line-height:36px; padding-top:25px;}
.in_news_date b{ font-size:54px; color:#666}
.in_news_info{ width:452px; float:left; background:#f8f7f7; height:110px; overflow:hidden}
.in_news_info h1{ font-size:14px; font-weight:normal; color:#333; width:500px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:20px; height:26px; line-height:26px; padding-top:8px;}
.in_news_info p{ font-size:13px; line-height:22px; padding-left:20px; padding-right:10px; padding-top:3px;}

.in_news_cont a:hover .in_news_date{ background:#2c7bd0;}
.in_news_cont a:hover .in_news_date p,.in_news_cont a:hover .in_news_date b{ color:#fff;}
.in_news_cont a:hover .in_news_info{ background:#3996fa;}
.in_news_cont a:hover .in_news_info h1{ color:#fff;}
.in_news_cont a:hover .in_news_info p{ color:#d1e7fe}


.footer{width:100%; margin:0 auto;width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px; }
.f_cont_01{ width:366px; padding-right:102px;}
.f_box_cont{ float:left;border-right:1px solid #71b4e7; height:340px; padding-top:10px;}
.f_top{ background:#2c7bd0; padding:20px 0 30px 0}
.f_top p{margin-top:15px;}
.f_top a{ color:#fff;}
.f_top a:hover{ text-decoration:underline}
.f_top span{ display:block; color:#fff; font-size:14px; padding-left:25px;}
.f_top span.f_01{background:url(../img/f_icon.png) no-repeat 0 5px; line-height:28px;}
.f_top span.f_02{ background:url(../img/f_icon2.png) no-repeat left center; height:28px; line-height:28px;}
.f_top span.f_03{ background:url(../img/f_icon3.png) no-repeat left center; height:28px; line-height:28px;}
.f_top span.f_04{ background:url(../img/f_icon4.png) no-repeat left center; height:28px; line-height:28px;}
.f_top .rz{ margin-top:15px;}

.f_cont_02{ width:190px; padding:0 80px 0 50px}
.f_box_cont h1{ font-size:16px; color:#fff; font-weight:normal; margin-bottom:15px;}
.f_box_cont ul li{ background:url(../img/f_icon5.png) no-repeat left center; height:28px; line-height:28px; padding-left:20px;}
.f_cont_03{ border:none; padding:0 80px 0 50px}
.f_bot{ background:#3996fa; text-align:center; height:48px; line-height:48px; color:#FFF; font-size:14px;}




.container{width:100%;width:expression(document.body.clientWidth <= 1100? "1100px": "auto");min-width:1100px; padding-bottom:10px;font-size:14px; background:#f5f5f5}
.location{ height:46px; background:#fff; color:#000;display:block; margin-bottom:15px; font-size:14px; color:#666}
.location a{ background:url(../img/home.jpg) left center no-repeat; height:46px; line-height:46px; padding-left:15px; color:#666; font-size:14px;}
.location a:hover{ color:#2c7bd0}



.cont_box{ padding:15px 0}
.left{float:left; width:272px;}
.pro_fo{background:url(../img/pro_bg.jpg) repeat-y; padding:0 25px 15px 25px}
.pro_fo ul li{ line-height:40px; border-bottom:1px solid #e9e9e9}
.pro_fo ul li a{ display:block;height:40px; line-height:40px; padding-left:20px; width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(../img/icon6.jpg) 10px center no-repeat; font-size:14px; color:#333}
.pro_fo ul li a:hover{ display:block;height:40px; line-height:40px; padding-left:20px; width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(../img/icon6.jpg) 10px center no-repeat;color:#2c5eb2}
.pro_fo ul li ul li{ line-height:36px;}
.pro_fo ul li ul li a{display:block;  height:30px; line-height:30px; padding-left:35px; width:185px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; background:url(../img/icon7.jpg) no-repeat 20px center; color:#333;}
.pro_fo ul li ul li a:hover{display:block;  height:30px; line-height:30px; padding-left:35px; width:185px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; background:url(../img/icon7.jpg) no-repeat 20px center; color:#2c5eb2;  }




.l_contact{background:url(../img/pro_bg.jpg) repeat-y; padding:0 25px 15px 25px}
.l_contact b{ font-size:14px; font-weight:normal}
.l_contact p{ line-height:28px; font-size:14px; color:#666}
.l_contact a{ color:#666}
.l_contact a:Hover{color:#2c7bd0}




.right{ float:right; width:810px;}
.title { text-align:center}
.title h1{ font-size:36px; color:#4e4e4e; background:url(../img/line.png) no-repeat center bottom; padding-bottom:10px; margin-bottom:10px; display:block;}



.about{ padding:15px 10px;}
.about img{ float:left; margin-right:15px; padding:3px; background:#fff; border:1px solid #e0e0e0}
.about p{ line-height:27px; text-indent:2em; color:#333;}

.contact{ padding:15px 0px 30px 10px;}
.contact b{ font-size:18px; font-weight:normal}
.contact p{ line-height:30px; padding:0 20px 0 10px; color:#333}
.contact a{ color:#333}
.contact a:hover{ color:#2c7bd0}
.map{ padding:10px 0 50px 10px}


.honor{padding:0px 10px 0 0;}
.honor ul{ width:102%; overflow:hidden}
.honor ul li{ float:left; width:184px; text-align:center; margin-left:0px; margin-right:13px;}
.honor ul li p{ height:40px; line-height:40px;height:40px; line-height:40px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; display:block; width:184px;}
.honor ul li img{ width:180px;}

.equipment{padding:15px 0px;}
.equipment ul li{ float:left; text-align:center; width:254px; margin-right:6px; overflow:hidden; height:212px;}
.equipment ul li img{ padding:1px; border:1px solid #ccc; background:#fff; width:250px;}
.equipment ul li p{ height:40px; line-height:40px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; display:block; width:254px;}





.news_list{ padding:15px 10px;}
.news_list ul li{ border-bottom:1px dashed #ccc; height:40px; line-height:40px;}
.news_list ul li:hover{ background:#eee}
.news_list ul li:hover a{background:url(../img/icon5.jpg) no-repeat 10px center;}
.news_list ul li a{ color:#333; background:url(../img/icon9.jpg) no-repeat 10px center; height:40px; line-height:40px;display: block;width:550px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:20px; font-size:14px;}
.news_list ul li a:hover{ text-decoration:none; color:#2c7bd0}
.news_list span{ float:right; padding-right:10px; color:#999; font-size:14px;}

.news_view{ padding:15px 20px;}
.news_view h2 {padding-top:10px;text-align:center;line-height:30px;font-size:16px;color:#333;border-bottom:1px dashed #999; padding-bottom:5px; height:30px;}
.news_view span {font-size:12px;font-weight:normal;text-align:center; display:block; padding:10px 0; color:#999}
.news_view p{line-height:24px; text-indent:2em; margin-bottom:5px; font-size:14px;}


.product{ padding:15px 0 30px 0}
.product ul li{float:left; height:299px; border:1px solid #dedede;width:250px; overflow:hidden; margin-right:5px; margin-left:10px;text-align:center; background:#f2f3f3; margin-bottom:15px;}
.product ul li p{width:250px;text-align:center; display:block; clear:both; color:#333;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;font-size:14px; border-top:1px solid #2c7bd0; height:46px; line-height:46px;}
.product ul li .pic{ width:250px; height:250px; overflow:hidden;}
.product ul li a:hover{ color:#2c7bd0}


.product_view{ padding:15px 10px 15px 10px;}
.product_view .pro_box{}
.product_view .pro_box .pro_img{ float:left; width:450px;} 
.product_view .pro_box .pro_img img{ padding:1px; background:#fff; border:1px solid #e0e0e0; width:450px; height:450px;}
.product_view .pro_name{ float:left; margin-left:15px; font-size:14px; width:325px;}
.product_view .pro_name b{ color:#2c7bd0}
.pro_des{ margin-top:10px;}
.pro_des span{ display:block; margin-bottom:10px; border-bottom:1px solid #e0e0e0; font-size:14px; padding-bottom:8px;}
.pro_des div{ font-size:14px;}

.pro_des h1{ font-size:24px; font-weight:normal;color:#2c7bd0; text-align:center;}
.pro_img_box{ text-align:center; margin:15px 0;}
.pro_cont_box p{ line-height:28px; margin-bottom:8px;}
.pro_cont_box p b{ font-weight:normal; color:#2c7bd0;}
.pro_table{ text-align:center}
.pro_table table{ border-collapse:collapse} 
.pro_table table tr,td{ border:1px solid #ccc; padding:2px 0}

/*CSS black2 style pagination*/

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 15px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #666 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid; TEXT-DECORATION: none; font-size:14px;
}
DIV.black2 A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #333; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #ccc; cursor:pointer
}
DIV.black2 A:active {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; COLOR: #fff; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #ccc
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #ccc
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

