@charset "utf-8";
/* CSS Document */

body,a,p,li,ul,span,h1,h2,h3,table,tr,td{ margin:0; padding:0; font-size:12px; color:#303030;}
a{ text-decoration:none;}
li{ float:left; list-style:none;}
img{ border:none;}

#head_index{ width:100%; height:620px; position:relative; z-index:9999}
#top{ width:1000px; margin:0 auto; height:70px;
    position: relative;
    z-index: 1;
}
#top p{ float:right; color:#ffef00; font-weight:bold; font-size:28px; margin-top:20px; letter-spacing:-2px;}
#tel_title{ color:#fff; font-size:12px; font-weight:normal; background:url(tel_pic.png) left center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="tel_pic.gif");_background:url(tel_pic.gif) left center no-repeat; float:right; padding-left:27px; line-height:25px; height:25px; margin-top:30px;}
#ali{ float:right; margin-top:15px; margin-right:30px;}

#nav{ clear:both; width:100%; margin:0 auto; height:55px;background:url(nav_bg.jpg) center center no-repeat;
    position: relative;
    z-index: 1;
}
#nav_center{ height:55px; width:1000px; margin: 0 auto;}
#logo{ float:left;width:364px;}
#nav ul{ float:left;width:726px;margin-left:365px;margin-top:-54px; }
#nav ul li{float:left;width:90px; background:url(nav_li.png) right center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="nav_li.gif");_background:url(nav_li.gif) right center no-repeat; line-height:55px; height:55px;text-align:center; }
#nav ul li a{ color:#fff; font-size:14px;}

#banner{ clear:both; margin:0 auto; width:100%; height:620px;  position:absolute; top:0;z-index: -1;}
.midbg{ width:100%; height:620px; position: relative; z-index:-1;}
.iBanScreen ul{ width:100%; height:620px;position:relative; top:0; margin:0 auto;}
.iBanScreen li{ width:100%; height:620px;overflow:hidden; position:absolute; display:none;z-index: -1;}
.iBanScreen li a{ display:block; width:100%; height:100%;}
.iBanScreen .num{ position:absolute; bottom:30px; left:50%; z-index:999; }
.iBanScreen .num a{ display:inline-block; border: 1px solid #fff;border-radius: 10px; width: 15px;height: 15px;margin: 0;background-color: #fff; margin-left:5px; margin-right:5px;}
.iBanScreen .num a.cur{ border: 1px solid #fff;border-radius: 10px; background-color: rgba(0,0,0,0);}


/*#prolist_index{ float:left; width:296px; background:url(plist__bg.jpg) no-repeat; overflow:hidden; margin-top:20px; padding-bottom:55px; padding-top:20px; }
#prolist_index h2{font-size:26.17px;font-family:"Microsoft YaHei";font-weight:normal;color:#fff;padding-left:17px;}
#prolist_index .h2_bg{ height:68px;}
#prolist_index .en{color:#fff;font-family:"Microsoft YaHei"; font-size:11.22px;padding-left:17px;}
#prolist_index ul li{ width:296px; line-height:50px; color:#FFF;  font-size:14px;  background:url(plist__bg.jpg) no-repeat left top; margin-bottom:2px; }
#prolist_index ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:22px; padding-right:10px}
#prolist_index ul li a{ font-size:14px; color:#575757; display:block; text-align:center;}
#prolist_index ul li a:hover{color:#fff; }
#prolist_show{ float:right; width:704px; overflow:hidden;  margin-top:20px;}
#prolist_show ul{margin-left:32px;}
#prolist_show ul li{ float:left; width:168px; text-align:center;margin-bottom:8px; }
#prolist_show ul li a{width:158px; height:161px;display:block; float:left; border:1px solid #e1e1e1;}
#prolist_show ul .more{line-height:141px;}
#prolist_show ul .more a{background:#f4f4f4;height:141px;}
#prolist_show ul li h3{ font-size:12px; color:#000000; line-height:20px;}
#prolist_show ul li p{ color:#666666}*/

#wraper{ margin-top:40px; width:100%; clear:both; overflow:hidden; background:url(body_bg.jpg) left top repeat-x; padding-top:10px;}
#plist_index{ width:1000px; margin:0 auto; height:50px; background:url(prolist_bg.jpg) left center repeat-x;}
#plist_index h2{ padding-left:15px; padding-right:15px; height:50px; line-height:50px; color:#fff; font-size:14px; background:url(prolist_title_bg.jpg) left center repeat-x; float:left;}
#plist_index ul{ float:left; overflow:hidden;width:auto;}
#plist_index ul li{ width:120px;height:50px; line-height:50px; background:url(line01.jpg) left center no-repeat; text-align:center;}
#plist_index ul li a{ color:#fff; font-size:14px;}
.picgd {position:relative;width:309px; margin-left:5px; float:left;}
.picgd a.down{background:url(right.jpg) no-repeat right center; display: block;height:40px;overflow: hidden; position: absolute; right: 0px;text-indent: -9999px;bottom:0px;width:35px; z-index:10;}
.picgd .pic {height:292px;margin: 0 auto;overflow: hidden;width:309px;}
.picgd .pic div {float: left;}
.picgd .pic li {float: left;}
.picgd .pic li span{ height:40px; line-height:40px; background:#c7c7c7; width:274px; font-size:14px; color:#3f3f3f; text-align:center; display:block;}
.picgd .pic li .media{}
.picgd .pic li .media a{display:block;}
.picgd .pic li .media a img{border:none;}
.pro_show {
overflow: hidden;
float: right;
}
.pro_show li {
width: 240px;
/* height: 137px; */
border: 1px solid #e1e1e1;
margin-left: 8px;
display: inline;
margin-bottom: 13px;
text-align:center;
}

#pro_recommend {
clear: both;
/* width: 1000px; */
margin: 10px auto 0;
background: #fff url(pro_bg.jpg) left bottom repeat-x;
padding-bottom: 10px;
padding-top: 10px;
}

#reason{ clear:both; width:1000px; margin:30px auto 0; overflow:hidden; background:url(bg01.jpg) top center no-repeat; padding-top:30px;}
#reason h4{ width:100%; text-align:center; height:33px; margin-bottom:20px;}
#reason_content{ width:100%; height:307px; background: #fafafa url(reason_center_bg.jpg) center center no-repeat;}
#reason_content ul{ overflow:hidden;}
#reason_content ul li{ width:480px; height:74px; margin-top:25px;}
#reason_content ul li p{ line-height:18px; color:#333; width:235px; font-size:13px; font-family:"Microsoft YaHei"; }
#reason_content ul li h3{ margin-bottom:10px; width:235px;}
.reason_left h3{ text-align:right;}
.reason_left p{ text-align:right;}
.reason_right{ float:right;}
.reason_right h3{ text-align:left; margin-left:250px;}
.reason_right p{ text-align:left; margin-left:250px;}

#honor_index{ clear:both; width:1000px; margin:20px auto 0; overflow:hidden;}
.title{ width:100%; height:50px; background:url(prolist_bg.jpg) left center repeat-x;}
.title a{ color:#fff; float:right; margin-right:20px; line-height:50px;}
.title h4{ line-height:50px; height:50px; background:url(prolist_title_bg.jpg) center center repeat-x; float:left; padding-left:15px; padding-right:15px; text-align:center; color:#fff;}
.title img{ float:left;}
.pic1{ margin-top:20px;}
#guntwo { overflow:hidden;width:1000px; margin:0 auto; height:191px;}
#inguntwo { float: left;width: 800%;}
#guntwo1 { float: left;}
#guntwo2{ float: left;}
#inguntwo ul{ height:189px; _width:980px;}
#inguntwo li{ float:left;margin-left:11px;width:178px;height:187px;_margin-left:8px; border:2px solid #eeeeee; background-color:#f5f6f8;}
#inguntwo li h3{ width:178px;line-height:20px;text-align:center;color:#7f7f7f;font-weight:normal; padding-top:10px;}

#purchase_index{ clear:both; width:1000px; margin:30px auto 0; overflow:hidden; background:url(bg01.jpg) center top no-repeat; padding-top:30px;}
#purchase_index h4{ font-size:22px; color:#525252; text-align:center; margin-bottom:20px; font-weight:normal;}
#purchase{ width:100%; height:202px;}
#purchase_pic{ float:left;}
#purch{ float:left; width:651px; border:1px solid #e4e4e4; border-left:none; height:200px; padding-left:20px; position:relative;}
#top_right{ position:absolute; top:0; right:0;}
#purch_title{ font-size:12px; color:#575757; margin-top:30px;}
#purch_title span{ color:#0168b7; font-family:"Microsoft YaHei"; font-size:18px; margin-right:5px;}
#purch ul{ overflow:hidden; margin-top:15px;}
#purch ul li{ width:199px; height:114px; background:url(block_bg.jpg) center center no-repeat; margin-right:18px; _margin-right:13px;}
#purch ul li span{ margin-top:10px; overflow:hidden; text-align:center; display:block; margin-bottom:10px;}
#purch ul li p{ line-height:20px; color:#575757; font-size:14px; padding-left:20px; padding-right:20px;}

#case_index{ clear:both; width:1000px; margin:20px auto 0; overflow:hidden;}
#case_index table{ border-top:1px solid #efefef; border-left:1px solid #efefef; margin-top:15px;}
#case_index table td{ border-bottom:1px solid #efefef;  border-right:1px solid #efefef;}

#news_index{ 
    /* width:1000px; */
     clear:both; overflow:hidden; margin:20px auto 0;}
#company_news{ width:500px; float:left; overflow:hidden; background:url(prolist_bg.jpg) left top repeat-x;}
#company_news h2{ line-height:50px; height:50px; background:url(prolist_title_bg.jpg) center center no-repeat; float:left; padding-left:20px; padding-right:20px; text-align:center; color:#fff;}
#company_news h2 img{ float:left;}
#knowledge{ width:500px; float:left; overflow:hidden; background:url(prolist_bg.jpg) left top repeat-x;}
#knowledge h2{ line-height:50px; height:50px; background:url(line01.jpg) center left no-repeat; float:left; padding-left:20px; padding-right:20px; text-align:center; color:#fff;}
#company_news ul,#knowledge ul{ width:100%; margin-top:25px; overflow:hidden;}
#company_news ul li,#knowledge ul li{ height:32px; line-height:32px; border-bottom:1px dashed #cccccc; background:url(news_li.jpg) 10px center no-repeat; padding-left:30px; width:100%;}
/* #knowledge ul li{ width:450px;} */
#company_news ul li a,#knowledge ul li a{ font-size:14px;}
.date{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b5b; float:right;}
.news_more{ padding:10px 30px; border:1px solid #d3d1d1; font-size:12px; color:#666666; float:right; margin-top:20px; margin-right:40px;}
#knowledge .news_more{ margin-right:20px;}

#about_index{ 
    /* width:1000px; */
     clear:both; overflow:hidden; background:url(about_bg.jpg) center top no-repeat; margin:30px auto 0; padding-top:30px; padding-bottom:30px;}
#about_index h4{ font-size:22px; color:#525252; text-align:center; margin-bottom:20px; font-weight:normal; margin-bottom:20px;}
#comp{ width:485px; overflow:hidden; float:left;}
#comp h3,#cont_index h3{ font-family:"Microsoft YaHei"; font-size:16px; font-weight:normal; width:100%; float:left; margin-bottom:10px;}
.about_en{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; margin-right:5px; letter-spacing:-1px;}
#comp p{ line-height:25px; float:right; width:245px;}
#comp img{ float:left; margin-right:20px;}
#cont_index{ float:right; width:474px;}

#foot_index{ width:100%; clear:both; overflow:hidden; background-color:#0f3663;}
#foot_nav{ width:100%; padding-top:10px; padding-bottom:10px; background-color:#15427c;}
#foot_nav ul{ overflow:hidden; 
    /* width:630px; */
     margin:0 auto;}
#foot_nav ul li{ width:115px; background:url(foot_nav_li.jpg) left center no-repeat; height:18px; line-height:18px; text-align:center;}
#foot_nav ul li a{ color:#00b0ff; font-size:13px;}
#foot{ clear:both; 
    /* width:1000px; */
     margin:0 auto; padding-top:40px; padding-bottom:30px;}
#foot p{ color:#b9c9de; text-align:center; font-size:13px; line-height:25px;}
#foot span{ color:#4d7db5; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; display:block; width:100%; text-align:center;}

#float_left{ width:120px; height:475px; border:1px solid #e4e4e4; position:fixed; top:250px; right:0;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));_margin-top:240px; background:#fff; margin-right:20px; z-index:9999;}
#chart_name{ font-size:10px; color:#4288bc; text-align:center; font-weight:normal;}
#tel_name{ width:100%; text-align:center; font-size:16px; line-height:30px; height:30px;}
tel_num{ width:100%; height:20px; line-height:20px; text-align:center;}

#head_inside{ width:100%; height:409px; background:url(nav_bg_02.png) center 70px no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="nav_bg_02.gif");_background:url(nav_bg_02.gif) center 70px no-repeat; position:relative;}
#ban{ clear:both; margin:0 auto; width:100%; height:409px;  position:absolute; top:0; background:url(banner_inside.jpg) center center no-repeat; z-index:0;}

#location { clear:both; width: 1000px; margin:10px auto 0;}
#location p {line-height: 35px; color: #6a6a6a; margin-left: 20px; font-size: 12px;}

#wrap{ width:100%; clear:both; overflow:hidden; background:url(body_bg.jpg) left top repeat-x; padding-top:10px;}
#container{ width:1000px; margin:0 auto; overflow:hidden; padding-top:20px;}
#left{ width:239px; overflow:hidden; float:left;}
#pro_left,#news_left{ width:100%; overflow:hidden; padding-bottom:100px;}
#pro_left h2,#news_left h2{ color:#fff; font-family:"Microsoft YaHei"; font-size:28px; padding-left:45px; background:url(left_title_bg.jpg) left center repeat-x; width:194px; font-weight:normal; margin-bottom:15px; height:75px; padding-top:20px;}
#pro_left h2 span,#news_left h2 span{ font-size:12px; font-weight:normal; color:#fff;}
#pro_left ul,#news_left ul{ border-top:1px solid #dbdbdb; overflow:hidden; background:#3890d7; /*padding-bottom:10px; width:237px;*/}
#news_left ul li{ width:100%; background:url(pro_li01.jpg) center center no-repeat; height:40px; border-bottom:1px solid #dbdbdb;}
#pro_left ul li a,#news_left ul li a{/* color:#575757;*/ font-size:14px;/* padding-left:45px; width:192px; height:40px; */display:block; line-height:40px;}
/*#pro_left ul li a:hover,#news_left ul li a:hover{ background:url(pro_li02.jpg) center center no-repeat; color:#fff;}*/

.big{border:1px solid #dbdbdb; overflow:hidden; background:#3890d7; padding-bottom:10px; width:237px;}

/*.big li{float:none;overflow:hidden;line-height:40px;background:url(pro_li01.jpg) left top no-repeat; border-bottom:1px solid #dbdbdb;}*/
.small{/*width:230px; padding-left:7px; border:1px solid #dbdbdb; overflow:hidden; background:none;*/}
#pro_left li{float:left; width:100%;}
.first_css{background:url(pro_li01.jpg) left top no-repeat; padding-left:45px;color: #575757;}
.first_css:hover{background:url(pro_li02.jpg) left top no-repeat; color:#fff;}
.two_css{background:url(pro_li002.jpg) left top no-repeat; padding-left:65px;}
.two_css:hover{background:url(pro_li002_hover.jpg) left top no-repeat; color:#fff;}
.three_css{background:url(pro_li003.jpg) left top no-repeat; padding-left:85px;}
.three_css:hover{background:url(pro_li003_hover.jpg) left top no-repeat; color:#fff;}

#middle{ width:731px; float:right; overflow:hidden; padding-bottom:100px;}
#common{ margin-top:25px;}
#common p{ line-height:25px; font-size:13px; color:#444444; margin-top:5px;}

#allpro ul{ overflow:hidden;width:720px; margin: 0 auto;}
#allpro ul li{ float:left; width:180px; text-align:center;margin-bottom:8px; }
#allpro ul li a{width:158px; height:161px;display:block;  border:1px solid #e1e1e1; margin:0 auto;}
#allpro ul li h3{ font-size:12px; color:#000000; line-height:20px;}
#prolist_show ul li p{ color:#666666}


#allnews{ margin-top:20px; width:100%; overflow:hidden;}
#allnews ul{ width:100%; overflow:hidden;}
#allnews ul li{ height:32px; line-height:32px; border-bottom:1px dashed #cccccc; background:url(news_li.jpg) 10px center no-repeat; padding-left:30px; 
    /* width:701px; */
}
#allnews ul li a{ font-size:13px;}

#allhonor{ margin-top:20px; width:100%; overflow:hidden;}
#allhonor ul{ overflow:hidden;}
#allhonor li{ float:left;margin-left:15px;width:160px;height:136px;_margin-left:8px; border:2px solid #eeeeee; background-color:#f5f6f8; margin-top:15px;}
#allhonor li h3{ width:160px;line-height:30px;text-align:center;color:#7f7f7f;font-weight:normal;}

#detail{  margin-top:20px; width:100%; overflow:hidden;}
#detail p{ line-height:25px; font-size:13px; color:#444444; margin-top:5px;}
#detail h1{ width:100%; text-align:center; font-size:15px; margin-bottom:10px;}
.hit{display:block;width:100%;text-align:center;margin:0 auto; color:#555555;margin-bottom:20px;}
.imgcenter{width:100%;text-align:center;display:block;margin:0px auto 30px;}
#up_down{margin:0 auto;border:1px solid #cccccc;padding:5px 10px;margin-top:20px;}
#up_down a{line-height:20px;color:#333333;}
#up_down a:hover{ text-decoration:underline;}
#related_product,#related_honor{width:100%; margin-top: 20px;overflow: hidden;margin-bottom:40px;}
#related_product h2,#related_honor h2{font-size:14px; color:#333333;border:1px solid #cccccc;padding:5px 10px;}
#related_product ul{ overflow:hidden;}
#related_product ul li{ width:158px; height:137px; border:1px solid #e1e1e1; margin-left:18px; margin-top:20px;}
#related_product ul li h3{ height:21px; line-height:21px; text-align:center; color:#3f3f3f; font-size:13px; font-weight:normal;}

#related_honor ul{ overflow:hidden;}
#related_honor li{ float:left;margin-left:15px;width:160px;height:136px;_margin-left:8px; border:2px solid #eeeeee; background-color:#f5f6f8; margin-top:15px;}
#related_honor li h3{ width:160px;line-height:30px;text-align:center;color:#7f7f7f;font-weight:normal;}
.page{ padding-top:20px;clear:both;margin:0 auto; text-align:center;}
.page a{ margin-left:10px;}


.contact_us_left input[type="text"]{margin: 8px 0;height: 30px; width: 600px;margin-left: 65px;}
.contact_us_left textarea{margin: 8px 0;height: 80px!important; width: 600px!important;}
.contact_us_left input[type="button"]{margin-left: 255px!important;}