/*全局样式*/

html,body{ margin:0; padding:0; line-height:23px;}



.cont{margin:0 auto; width:980px; clear:both;}

.cont h1{display:block; width:980px; font-size:16px; text-indent:24px; height:35px; line-height:35px; border-bottom:1px solid #dedede; color:#FF9C00; font-weight:bold; background:url(h1_bg.jpg) left center no-repeat;}

.cont p{ padding-top:16px; clear:both;}

.cont p img{ float:left; padding:3px; border:1px solid #dedede; margin-right:12px; margin-bottom:16px;}



body{

margin:auto;

font:100% arial,sans-serif;

font-size:12px;

color:#555555;

background:url(/template/style02/body_bg.jpg) repeat-x #4F90EC;

}



p{ font-size:13px; color:#555555; line-height:25px;}

html{

SCROLLBAR-FACE-COLOR: #ffffff;SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #cccccc;  SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-DARKSHADOW-COLOr: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff;

}

a:link,a:visited{

	color:#555555;

	text-decoration: none;

}

a:hover{

text-decoration:none; color:#073B9E;

}



.clear0{clear:both;height:0px;}

dl,dt,dd,ul,li,h1,h2,h3,h4,ul,li,img{margin:0px;padding:0px;}

ul{ list-style-type:none;}

li{ list-style-type:none;}

img{ border:none;}

.clear{ clear:both;height:0px;}





/*  头部代码开始  */

#top1{ margin:0 auto; width:980px; overflow:hidden;}

#top1 span{ float:right; margin-right:22px; height:42px; line-height:42px; color:#FFFFFF;}

#top1 span a{ text-decoration:none; padding-left:4px; padding-right:4px; color:#FFFFFF;}

#top1 span a:hover{ text-decoration:underline;}

#top1 h1{ float:right;font-size:12px;color:#FFFFFF; font-weight:normal; width:150px; margin-right:200px; margin-right:22px; height:42px; line-height:42px;  }



#header{ width:100%; width:980px; margin:0 auto; padding-left:10px; padding-right:10px; padding-top:10px; background-color:#FFFFFF;}

#top{ margin:0 auto; width:980px; height:82px;}

#top h1{ float:left; width:357px; height:41px; }

#logo{ float:left; width:357px; height:41px;}

#nav{ margin:0 auto; float:right; width:614px; height:80px; text-align:center; background:url(nav_bg.gif) no-repeat;}

#nav ul{ margin:0 auto; padding-left:33px; display:block; list-style-type:none; height:80px; line-height:80px; overflow:hidden;}

#nav li{ display:block; float:left; width:80px;}

#nav li a{  display:block; text-align:center; text-decoration:none; font-size:13px; font-weight:bold; color:#FFFFFF;}

#nav li a:hover{ text-decoration:underline;}

#nav span{ float:right; margin-top:-23px; margin-right:16px;}

#nav span a{ padding-left:10px; margin-right:8px; color:#FFFFFF; font-size:11px; background:url(nav_right.jpg) left center no-repeat;}

#nav span a:hover{ text-decoration:underline;}



#banner{ width:980px; margin:auto; padding-bottom:18px; margin-top:18px;}

#banner_nei{ width:980px; margin:0 auto; margin-top:10px; height:175px; overflow:hidden;}





/*主要内容*/

#container{ margin:0 auto; width:1000px; background-color:#FFFFFF; padding-bottom:20px; overflow: hidden;}

#wrapper{ width:100%; margin:0 auto; overflow:hidden; }

#mainbox{ float:right; width:670px; margin:0 auto; padding-right:10px; }

.zhanshi{ width:670px; height: 35px; margin:0 auto; margin-top:20px;border-bottom:1px #AFAFAF solid;}

.zhanshi .mbx_bt{ float:left; font-size:14px; text-indent:24px; height:35px; line-height:35px; color:#FF9C00; font-weight:bold; background:url(h1_bg.jpg) left center no-repeat;}


.about_us h3 {
    background: url(about_index.jpg) no-repeat;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    text-indent: 32px;
}
/*当前位置*/



.zhanshi span.fast {

    float:right;

	padding-right:10px;

	font-weight:normal;

}

.zhanshi span.fast a{ height:35px; line-height:35px;}

.zhanshi span.fast a:link,span.fast a:visited{ font-weight: normal; text-decoration:none;}

.zhanshi span.fast a:hover{ text-decoration:underline;}





/*  首页内容--产品推荐-- */



#product_tj{ width:980px; margin:0 auto; overflow:hidden;background:url(h1.jpg) no-repeat;}

#product_tj h2{ font-size:13px; font-weight:bold; color:#FFFC00;height:35px; line-height:35px; text-indent:38px;  float:left}

#product_tj span{ height:35px; line-height:35px; font-size:13px;}

#product_tj span a{ color:#FFFC00; font-weight:normal; padding-right:5px;}

#product_tj span a:hover{ text-decoration:underline;}



.commend{ position:relative; width:980px; margin:0 auto; overflow:hidden; color:#FFFFFF;}

ul.tuijian{ float:left; margin:0 auto; padding-top:25px; width:900px; height:404px; background:url(tj_bg.jpg) repeat-x; list-style:none; overflow:hidden; color:#FFFFFF;}

ul.tuijian li{ float:left; width:200px; height:130px;  margin-bottom:50px;  margin-left:16px; text-align:center; color:#FFFFFF; }

ul.tuijian li a{ text-decoration:none; text-align:center; color:#FFFFFF;}

ul.tuijian li a:hover{ text-decoration:underline; color:#073B9E;}

ul.tuijian li img{ border:1px solid #B6C4CC; margin-bottom:6px;}

ul.tuijian h4{ font-size:12px; color:#FFFFFF; font-weight:normal; text-align:center;}



.tj_l{ float:left; overflow:hidden; vertical-align:middle; line-height:202px;}

.tj_l span{ position:absolute; color:#FFFFFF; font-weight:bold; font-size:26px; left:12px; top:30px; width:1em; }

.tj_r{ float:right; overflow:hidden;}





td.scrollpic{ padding:3px;}

td.scrollpic img { border:0px;}

td.scrollpic h5,td.scrollpic h4{ margin:0px; padding:0px; font-size:12px; color:#FFFFFF; font-weight:normal; line-height:28px; text-align:center;}

td.scrollpic a:link, td.scrollpic a:visited,td.scrollpic a:active{color:#8a8a8a; text-decoration:none;}

td.scrollpic a:hover{color:#00718b; text-decoration:none;}





#demo { float:left; overflow:hidden; width: 900px; height:404px; }

#demo img {}

#indemo { float: left; width: 400%; height:404px; overflow:hidden;}

#demo2 { float: left; }





/*首页下部*/



#extra{ width:980px; height:auto; margin:0 auto; margin-top:10px; overflow:hidden;}

.extra_left{ float:left; width:325px; margin-right:15px; }

.news_new{ float:left; width:325px; margin:0 auto;}

.news_new h2{ font-size:13px; text-indent:32px; color:#FFFFFF; width:256px; line-height:25px; height:25px; background:url(news.jpg) no-repeat;}



ul.news_index{ list-style:none; margin:0 auto; margin-top:5px; padding-bottom:14px; padding-top:11px;overflow:hidden; background-color:#EEF0F2;}

ul.news_index li{ padding-left:15px; padding-right:10px; height:25px; line-height:25px; background:url(dot.jpg) 14px center no-repeat;}

ul.news_index li a{ padding-left:15px;  text-decoration:none;}

ul.news_index li a:hover{ text-decoration:underline;}

ul.news_index li span{ float:right;margin-right:5px;}



#contact{ width:325px; float:left; clear:left; margin-top:10px;}

#contact img{ border:none;}



.about_us{ float:left; width:360px; overflow:hidden;}

.about_us_p{ background:url(about_index.jpg) no-repeat; height:25px; line-height:25px; font-size:13px; font-weight:bold; color:#FFFFFF; text-indent:32px;}

.about{ width:360px; margin:0 auto; height:257px; margin-top:5px; background-color:#EEF0F2;}

.about img{float:left; padding:12px; }

.about p{ text-indent:2em; padding:12px; line-height:23px;}



.contact_us{ float:right;  width:260px; overflow:hidden; border:1px solid #D2D2D2; overflow:hidden;}

.contact_us img{}

.contact_us h3{ width:260px; height:38px; line-height:38px; font-size:13px; color:#FFFFFF; padding-left:32px; background:url(contact03.jpg) no-repeat;}

.contact_us p{ margin:0 auto; line-height:22px; padding-left:15px; padding-top:0px; padding-bottom:6px; }

.contact_us .contact_us-title{font-size: 14px;text-indent: 24px;height: 35px;line-height: 35px;color: #FF9C00;padding: 0;font-weight: bold;background: url(h1_bg.jpg) left center no-repeat;}

.contact_us span.a1{ color:#0066CC; font-weight:bold;}

.contact_us span.a2{ color:#0066CC; font-weight:normal;}



span.more{ float:right; width:66px; height:25px; line-height:25px; margin-top:-25px;}

span.more img{ margin:0 auto; width:66px; height:25px;}

span.more a{}

span.more a:hover{ text-decoration:underline;}





/* 左侧广告-- 产品列表 联系我们-- */



#sidebar{ display:inline; float:left; width:266px; height:auto; margin:0 auto; margin-left:20px; border:1px solid #F0F0F0; border-top:none; background:url(sidebar_bg.jpg) repeat-x; overflow:hidden; }

#product_list{ float:left; width:266px; margin:0 auto; overflow:hidden; }

#product_list ul{ margin:0 auto; padding-top:18px; padding-bottom:22px; margin-bottom:18px; width:266px; list-style:none; overflow:hidden; background:url(list_bg.jpg) bottom no-repeat;}

#product_list ul li{ height:30px; line-height:30px; text-align:left; background:url(li_bg.jpg) bottom center no-repeat; margin-bottom:3px; padding-left:42px;}

#product_list ul li a{ height:30px; line-height:30px; font-size:14px; font-weight:bold; background:url(li_bg.jpg) 21px no-repeat;}

#product_list ul li a:link,a:visited{}

#product_list ul li a:hover { text-decoration:underline;}





#contact_list{ float:left; clear:left; width:266px; padding-left:18px; padding-bottom:28px; overflow:hidden;}

#contact_list p{ margin:0 auto; }

#contact_list span.a1{ color:#0066CC; font-weight:bold;}

#contact_list span.a2{ color:#0066CC; font-weight:normal;}





#news_list{ float:left; clear:left; width:266px; padding-left:18px; }

#news_list h2{ width:266px; height:33px; line-height:33px; text-indent:16px; font-size:14px; font-weight:bold; background:url(news_us.gif) no-repeat;}

#news_list ul{ width:266px; list-style:none; margin:0 auto; padding-bottom:14px; padding-top:11px; overflow:hidden;}

#news_list li{ padding-left:13px; padding-right:10px; height:25px; line-height:25px; background:url(dot.gif) left center no-repeat;}

#news_list li a{ text-decoration:none;}

#news_list li a:hover{ text-decoration:underline;}





/* 单页面 */



.contact{ padding-left:31px; padding-top:16px; height:250px;}

.contact img{ float:left; margin-top:25px; margin-right:11px;}

.contact p{ margin-top:35px;}



#about_us{ padding-top:16px;}

#about_us p{ margin:0 auto; text-indent:2em; padding-right:30px;}



.contact-us{ width:670px; margin:0 auto;}

.contact-us img{}

.contact-us p{  margin:0 auto; margin-right:56px;  margin-top:30px; line-height:25px; }

.contact-us p img{}

.contact-us span.a1{ color:#0066CC; font-weight:bold;}

.contact-us span.a2{  color:#0066CC; font-weight:normal; height:25px; line-height:25px;}





/*产品快速通道*/

 .quick{ margin:0 auto; width:690px; margin-top:18px; margin-bottom:15px; border:1px #A6A6A6 dashed; }

 .quick p{ font-size:13px; padding-left:21px;  }

 .quick a{  text-decoration:none; line-height:24px; margin-right:16px;}

 .quick a:hover{ color:#f80000; text-decoration:none;}





/*分页*/



#page{  width:690px; text-align:center; margin-top:10px; color:#073B9E; }

#page p{ margin-top:6px; line-height:23px; height:23px; color:#073B9E;}

#page span{ font-weight:bold; color:#073B9E;}

#page a{ text-decoration:none; color:#073B9E;}

#page a:hover{ text-decoration:none; color:#073B9E;}



.text_extra{ text-align:center;}

#title{ font-size:13px; font-weight:bold;}

#gzh{ font-weight:normal; }





/*上一个产品  下一个产品*/

#up_down{ margin:0 auto; margin-top:6px; text-align:center; clear:both;}

#up_down a{ text-decoration:none; font-weight:bold;}

#up_down a:hover{ text-decoration:none; color:#073B9E;}





/*  新闻页面  */

#content{ width:670px; margin:0 auto; overflow:hidden;}

.news{ width:650px; height:115px; margin:0 auto; margin-top:9px; border-bottom:1px dotted #D2D2D2;}

.news h3{ display:block; text-indent:16px; line-height:27px; height:27px; font-size:13px; background:url(news_xiao.gif) left center no-repeat;}

.news h3 a{ text-decoration:none; list-style-type:square; color:#303e47;}

.news h3 a:hover{ text-decoration:underline;}

.news h3 span{ float:right; font-weight:normal; margin-right:35px;}

.news p{ margin:0 auto; text-indent:2em; width:96%;padding-top:5px; line-height:23px;}

span.read img{ float:right; margin-right:30px;}

span.read a{}





/* 详细页 标题  */

#title{ width:100%; margin-top:15px; line-height:35px; text-align:center; font-size:15px; font-weight:bold;}

#neirong{ width:93%; margin:0 auto; margin-top:13px; padding-top:11px; padding-bottom:11px; border-bottom:1px dashed #A8A8A8;  border-top:1px dashed #A8A8A8;}

#neirong p{ text-indent:2em; line-height:26px;}





/*  产品展示  */



.chanpin_list{ width:670px; height:auto; margin:0 auto; overflow:hidden;}

ul.chanpin{ margin:0 auto; overflow:hidden;}

ul.chanpin li{ float:left; width:202px; height:180px; margin-right:20px; text-align:center;}

ul.chanpin li a{ width:202px; height:180px; text-decoration:none; font-size:12px;}

ul.chanpin li a:hover{ text-decoration:underline;}

ul.chanpin h3{ font-size:12px; font-weight:normal;}

ul.chanpin img{ border:1px solid #E6E6E6; margin-top:20px; margin-bottom:10px; }







/*  产品详细页  */



#cp_list{ margin:0 auto; text-align:center;}

.nr p{ float:left; text-indent:2em; margin-top:12px; width:98%; margin:0 auto;}

.jc{ float:left; font-weight:bold;}

.mch{ font-weight:bold; color:#2E4690;}

.zx{ color:#FF0000; font-weight:bold;}

#proshow{ text-align:center;}



.details{ width:610px; margin-left:25px; height:30px; line-height:30px; text-indent:18px; font-size:13px; font-weight:bold; border:1px dashed #AFAFAF;}

.related{ margin-top:6px;}

.related h4{ font-size:13px; font-weight:bold; margin-left:6px;}



ul.xiangg{ margin:0 auto; margin-left:12px; width:690px; height:160px;  list-style:none; padding-top:5px; padding-bottom:5px; overflow:hidden;}

ul.xiangg li{ float:left; height:170px;  margin-right:15px; text-align:center;}

ul.xiangg li a{ text-decoration:none; width:120px; height:170px;}

ul.xiangg li a:hover{ text-decoration:underline; }

ul.xiangg li img{ border:1px solid #E6E6E6; margin-bottom:10px; }

ul.xiangg h4{ font-size:12px; font-weight:normal; }





.backlist{ text-align:center;}

.backlist a{ text-decoration:underline; font-weight:bold;}

.backlist a:hover{ text-decoration:underline;}



#description{ margin:0 auto; width:690px; float:left; clear:left;}

#description h4{ font-size:12px; color:#FF0000; padding-left:11px; margin-top:6px; border-bottom:1px solid #000000; padding-bottom:6px;}

p.nr{ width:95%; margin:0 auto; text-indent:2em; padding-top:6px;}



/*  底部  */

#footer{ clear:both; margin:0 auto; width:1000px; height:60px; text-align:center; background:url(footer_bg.jpg) repeat-x;  font-weight:normal; color:#1F376D;}

.zhongxin{clear:both;width:900px;height:404px;padding-top:20px;}

.zhongxin a img{ float:left; padding:5px;}

.zhongxin h2{line-height:30px;height:30px; font-size:12px; margin:0px;}

.zhongxin p{line-height:30px; text-indent:2em;color:#FFFFFF}

.zhongxin p a{ float:right; margin-right:20px;color:#FFFFFF}







#pro_showa{ float:left; width:980px; margin:0 auto; margin:0 20px; margin-bottom:10px;}

.proh1{  width:1000px;}

#pro_showa h2{ float:left; background:url(h1_bg.jpg) left center no-repeat; color:#FF9C00; font-size:16px; line-height:35px; padding-left:20px;}

.proh1 span{ float:left; color:#FF9C00; font-size:16px; line-height:35px; font-weight:bold;}

#demo1{overflow: hidden;  width:950px; float: left; padding-top:20px; margin-left:8px;height:170px; border:1px solid #CCC;}

.pic1 a img{margin-left:10px; width:200px; height:130px; border:1px solid #CCC;}

.pic1 h3{ text-align:center; font-size:12px;}



.proh1 ul { clear:both}



.proh1 ul li{ float:left; margin:0px 20px; text-align:center; margin-bottom:10px}



.proh1 ul li img{ margin-bottom:10px;}





.qqbox A:link {

	color: #000; text-decoration: none

}

.qqbox A:visited {

	color: #000; text-decoration: none

}

.qqbox A:hover {

	color: #f80000; text-decoration: underline

}

.qqbox A:active {

	color: #f80000; text-decoration: underline

}

.qqbox {

	FONT-SIZE: 12px; right: 0px; overflow: hidden; width: 132px; color: #000000; letter-spacing: 0px; position: absolute; top: 200px; height: auto;

	text-align:left

}

.qqlv {

	float: right; overflow: hidden; width: 25px; position: relative; height: 256px

}

.qqkf {

	border: #0dacd3 6px solid; right: 0px; background: #fff; overflow: hidden; width: 120px; top: 0px; height: auto

}

.qqkfbt {

	border-right: #9cd052 1px solid; border-top: #9cd052 1px solid; FONT-WEIGHT: bold; background: #39ccde; overflow: hidden; border-left: #9cd052 1px solid; width: 118px; cursor: pointer; color: #fff; line-height: 20px; border-BOTTOM: #9cd052 1px solid; position: relative; height: 20px; text-align: center

}

.qqkfhm {

	padding-right: 8px; margin: 3px 0px; overflow: hidden; width: 112px; line-height: 22px; position: relative; height:40px

}

.bgdh {

	padding-left: 10px; width: 102px

}

.weixin{ position:fixed; _position:absolute;top: 180px;left: 10px;}

.weixin p{background:#cfcfcf;line-heihgt:30px; color:#ff0000; text-align:center; font-size:14px; font-weight:bold;}

.weixin img{width:150px;}

.footerDiv{display: none;}
.chanpin_xs{display: none;}
.shebei_tits{display: none;}
.new_tits{display: none;}
.footerDiv li{width:33.3%;float:left;}

@media (max-width: 1000px) {           
#top1{ width:100%;}
#header{ width:100%; padding:0px;}
#container{ width:96%; padding:2%;}
#footer{ width:100%;}
#product_tj{ width:100%;}
#pro_showa{ width:100%; margin:0px;}
#extra{ width:100%;}
.cont{ width:100%;}
.extra_left{ width:33%; margin-right:1%;}
.about_us{ width:35%;}
.contact_us{ width:30%;}
.news_new{ width:100%;}
#contact{ width:100%;}
ul.news_index li{ padding-left:5px;background: url(dot.jpg) left center no-repeat;}
ul.news_index li a{ padding-left:5px;}
.about{ width:100%; height:inherit;}
#contact img{ width:100%;}
#banner{ width:100%;}
#top{ width:100%;}
#logo{ width:35.7%;}
#logo img{  max-width:100%; }
#nav{ width:63.3%;}
#nav li{ width:14.26%;}
#nav ul{ padding-left:10px;}

.proh1{ width:100%;}
#demo1{ width:99.7%; margin-left:0px;}
.proh1 ul li img{ width:100%;}
.proh1 ul li{ width:23%; margin:0 1%;}
#about_us p{ padding-right:0px;}

.qqbox{ display:none;}
.weixin{ display:none;}

#sidebar{ width:26.6%; margin-left:2%;}
#mainbox{ width:67%;}
.zhanshi{ width:100%}
#contact_list{ width:98%; padding-left:2%;} 
#product_list ul{ width:100%}
#product_list{ width:100%}
#product_list ul li{ padding-left:4%;}

#banner_nei{ width:100%; height:inherit;}
#banner_nei img{ width:100%;}
#content{ width:100%;}
.news{ width:100%;}
.news p{ padding-top:0px; max-height:46px; overflow:hidden; }
#page{ width:100%;}
#page p{ height:inherit;}

.chanpin_list{ width:100%;}
ul.chanpin li{ width:31.3%; margin:0 1%; height:inherit; }
ul.chanpin li img{ width:100%; height:unset;}
ul.xiangg{ width:100%; margin-left:0px; height:inherit;}
ul.xiangg li{ width:23%; margin:0 1%; height:inherit}
ul.xiangg li img{ width:100%; height:unset;}

.details{ width:99%; margin-left:0px;}
}

@media (max-width: 767px) {           
#logo{ width:100%; height:inherit;}
#nav{ width:100%; height:inherit;}
#nav ul{ padding-left:1%;}
.proh1 ul li{ width:48%;}
#nav{ background-size:100% 100%;}
.extra_left{ width:98%; margin:1%;}
.about_us{ width:54%;}
.contact_us{ width:45%;}
#sidebar{ width:96%; margin-left:2%;}
#mainbox{ width:96%; padding:2%;}

#product_list{ width:50%; float:left;}
#contact_list{ width:48%; float:right; clear:none;}
#product_tj{ background-size:100% 100%;}
}

@media (max-width: 425px) { 
#banner_nei{ display: none;}          
.about_us{  width:98%; margin:1%;}
.contact_us{  width:98%; margin:1%;}
.cont p img{ margin-bottom:0px; }
#product_list ul li{ text-align:center;}
#product_list{ width:100%; }
#contact_list{ width:100%; }
#nav ul{ padding-left:0px;}
ul.chanpin li{ width:48%;}
#nav ul{ line-height:40px;}
#nav li{ width:25%;}
#nav li a{ background-size:100% 100% !important;}
#proshow img{ max-width:100%;}
ul.xiangg li{ width:48%; margin:0 1%;}
#top1{ display:none;}
#demo1{ width:99.5%;}
#wrapper p:nth-child(1){ display:none;}

.footerDiv{display: block;}

.footer_phonebai{display: block;}
.footerDiv{background: #1e60b9;position: fixed;bottom: 0px;width: 100%;z-index: 9999999;}
.footerWrap li{text-align: center;margin-top: 6px;}
.footerWrap li a{color: #fff;font-size: 15px;display: block;}
.footerWrap li i{display: block;}
.footerWrap li a img{display: block;margin: 0 auto;}
.footer_phonebai{font-size: 16px;color: #5d5d5d;text-align: center;line-height: 30px;}
.footer_phonebai a{font-size: 16px;color: #5d5d5d;}

.chanpin_xs{display: block;}
.product_tui{display: none;}

.huoban{background: #4c4c4c;}
.form2{width: 100%;}
.huoban_right{background: none;}

.honor_bg{display: none;}
.new_tit{display: none;}
.new_tits{display: block;}
.youshi_bg .container{padding-left: 4px;padding-right: 4px;}
.footerDiv ul{margin-bottom: 0px;}
}