@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
img { border:0;}
p,span,li,dt,dd,h1,h2,h3,h4,h5,h6 { font-family:"宋体";}
h1,h2,h3,h4,h5,h6 { font-size:100%;}
ul,li,dl,dt,dd { list-style:none;}
a { text-decoration:none;}
.clear { clear:both;}
#bg { background:none;}
.bg { background:#fff;}
.l { float:left;}
.r { float:right;}
.o { overflow:hidden;}
#red { color:#f10000;} 

body { font-size:12px; line-height:20px; color:#707070; background-color:#e1e1e1;}

.header { height:327px; background:url(/img/body-bg.jpg) no-repeat center;}
  .header a{ width:973px; display:block; height:327px; margin:0 auto;}

.nav { height:54px; background:url(/img/nav-bg.jpg) repeat-x; margin:0 auto;}
.topnav {width:973px; margin:0 auto;}
 .nav ul { width:973px; height:54px; margin:0 auto; background:url(/img/nav-ul-bg.jpg) no-repeat;}  
 .nav ul li { float:left; line-height:45px; width:162px; text-align:center; font-size:14px; font-weight:bold;}
  .nav ul li a { color:#fff;}

.banner { height:168px; background:url(/img/banner.jpg) no-repeat center;}
  .banner a { width:973px; height:168px; display:block; margin:0 auto;}
  
#main { width:973px; height:auto; background:url(/img/main-bg.jpg) repeat-y; margin:0 auto; overflow:hidden;}
 #main .left { width:650px; height:429px; border:1px solid #809ebb; margin:10px 0 0 12px; display:inline;}
 #main .left h4 { width:648px; height:30px; background:url(/img/main-let-h4-bg.jpg) no-repeat; text-indent:30px; margin:1px; font-size:14px; color:#fff; line-height:30px;}
  #hot li { width:632px; height:auto; overflow:hidden; margin:10px 0 0 9px;}
    #hot li a img { float:left; border:1px solid #afafaf; padding:2px;}
	#hot li h5, #hot li p{ float:right; width:428px;}
	#hot li h5 { height:37px; line-height:37px; text-indent:40px; font-size:14px;}
	 #hot li h5 a { margin-top:5px; display:block; color:#4e4e4e; width:auto; float: left;}
	 #hot li h5 span {margin:6px 0; display:block; color:#4e4e4e; float: left; font-size:12px;}
	#hot li h5.bg1 { background:url(/img/hot-li1-bg.jpg) no-repeat;}
	#hot li h5.bg2 { background:url(/img/hot-li2-bg.jpg) no-repeat;}
	#hot li h5.bg3 { background:url(/img/hot-li3-bg.jpg) no-repeat;}
	#hot li p { width:410px; height:70px; border:1px solid #afafaf; padding:8px 8px 0 8px;border-radius:5px; background-color:#f2f2f2; margin-top:5px;_margin-top:0; overflow:hidden;}
 
 #main .right { width:280px; height:auto;overflow:hidden; margin:10px 12px 0 0;display:inline;}
  .in_pro { height:153px; background:url(/img/in_pro-bg.jpg) no-repeat; padding:16px 0 0 150px;}
   .in_pro li { margin-top:2px; }
     .in_pro li span { margin-right:5px;}
	 .in_pro li a, .in_new li a { color:#707070; overflow::hidden;}
  .in_new { height:140px; background:url(/img/in_new-bg.jpg) no-repeat; margin-top:10px; padding:30px 0 0 0; overflow:hidden;}	 
   .in_new li { width:262px; height:25px; line-height:25px; background:url(/img/in_new-li-bg.gif) no-repeat; margin:0 0 0 13px; border-top:1px solid #ffffff; border-bottom:1px solid #b3b3b3; font-size:12px;}
     .in_new li span { color:#fff; margin:0 14px 0 4px;} 
  #main .right img.phone { margin-top:10px;}	 

.flink { height:103px; overflow:hidden; background:url(/img/flink-bg.jpg) no-repeat; margin-top:15px;}
 .flink p { width:824px; height:76px; margin:5px 0 0 131px; line-height:25px;}  
   .flink p a { margin-right:10px; display:inline; color:#707070;} 
    .flink p a:hover {text-decoration:underline;}

.footer { height:58px; background:url(/img/footer-bg.jpg) repeat-x; margin: 10px 0px 65px 0; padding-top:15px;}
 .footer p { text-align:center; color:#fff; line-height:25px;}	
.footer a { color:#FFF}

.head {background:#fff; width:100%; overflow:hidden;} 
 .ge { margin:0 auto; width:973px; height:auto; }
 .bg2 { width:973px; height:auto; background:url(/img/main-bg.jpg) repeat-y; margin:0 auto;}
 .banner2 { }
  .banner2 img {margin:8px 0 0 12px;} 
 
.cont { width:943px; height:auto; padding:15px; overflow:hidden;} 
 .cont .left { width:181px; height:auto; overflow:hidden; margin-top:10px;}
   .cont .left dl dt { height:26px; background:url(/img/proNav-bg.jpg) no-repeat;}
     .cont .left dl dd { width:150px; height:20px; margin:5px 0 5px 20px; line-height:20px; border-bottom:1px solid #b0b0b0;}
     .cont .left dl dd a, .typeName span a, .prolist ul li a h2, .newlist dt h3 a { color:#424242; }
   .cont .left img { margin-top:15px;} 
 .cont .right { width:730px; height:auto; overflow:hidden;}
  .typeName { height:35px; background:url(/img/typeName-bg.jpg) bottom no-repeat; line-height:35px;} 
    .typeName h4 { font-weight:bold; color:#3a3a3a; font-size:14px; margin-left:5px;}
	.typeName span { margin-right:20px;}

 .prolist ul li { width:329px; height:137px; /*background:url(/img/prolist-ul-li-bg.jpg) no-repeat;*/ float:left; padding:12px 10px 0 8px; margin:24px 0 0 5px; display:inline;}
  .prolist ul li a img { width:131px; height:119px; border:1px solid #c8cccf; padding:1px; float:left; margin-right:13px;}  
  .prolist ul li p { margin-top:9px; line-height:18px;}
  .prolist ul li span a {width:72px; height:22px;display:inline-block; color:#fff; text-align:center; line-height:22px; font-weight:bold; margin-top:7px;}
  .prolist ul li span.p1 a { background:#383838; margin-right:5px;}
  .prolist ul li span.p2 a { background:#ad2303;}
  
.prony {padding-right:20px;}
.prony_o {margin:26px 0 0 17px;overflow:hidden;height:236px;}
.prony_o img { width:253px;height:230px; float:left;padding:2px;border:1px solid #d2d0d1;margin-right:25px;}
  .prony h2, .prony h3 {font-size:14px; color:#9e361e; line-height:25px;overflow:hidden;}
  .prony p {line-height:20px;margin:5px 0; overflow:hidden; display:block;}
   .prony_o h2 {margin:15px 0 10px 0;}
 .prony_s {margin-top:15px;}
  .prony_s h3 {background:url(/img/prony-h3-bg.jpg) repeat-x bottom;height:30px;width:200px; line-height:30px;text-indent:20px;margin-bottom:10px;}
  .prony_s p {margin-left:20px;}
  .prony_s table {margin-left:10px;}

.newlist { padding:0 12px;}
 .newlist dt { margin-top:20px; width:710px; height:20px; line-height:20px; background:url(/img/newlist-dl-dt-bg.jpg) no-repeat left;}
  .newlist dt h3 { text-indent:15px;}
  .newlist dt span { margin-right:10px;}
 .newlist dd {width:710px; height:45px; line-height:20px; margin-top:10px; border-bottom:1px dashed #e3e3e3; padding-bottom:10px;} 
 .newlist dd p { text-indent:20px;} 
 
 .img_ul li {
    border-bottom-color: #E7E7E7;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    height: 125px;
}
.img_l {
    float: left;
    height: 120px;
    line-height: 25px;
    text-align: center;
    width: 180px;
}
.img_l img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #D6D7D7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #D6D7D7;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #D6D7D7;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #D6D7D7;
    border-top-style: solid;
    border-top-width: 1px;
    height: 90px;
    margin-top: 15px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    width: 120px;
}
.img_r {
    float: left;
    height: 120px;
    width: 518px;
}
.img_r_title {
    font-weight: 600;
    margin-top: 3px;
}
.img_r_title a {
    color: #CC0000;
}
.img_r_n {
    color: #333333;
    height: 70px;
    line-height: 21px;
    margin-top: 5px;
}
.img_r_n a {
    color: #333333;
}
.img_r_b {
    height: 20px;
    line-height: 20px;
    text-align: right;
}
.img_r_b a {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #CC0000;
}

/*******pro-ny star**********/
.tips, .proTips-xunjia, .proTips-contact, .proIntroduction h3, .xxxx ul li, .proMain-middle ul li.cli, .sectionLeft dt { background:url(/img/pro-ny-images.jpg) no-repeat 0 0;}
.pro-ny p {color:#393939; font-size:14px; line-height:47px; text-indent:20px}
.proMain-top { width:730px; height:auto; overflow:hidden; }
 .proImg, .proName, .proTips, .proIntroduction, .code, .xxxx { float:left; overflow:hidden;}
 
 .proImg { width:345px; height:auto; margin-top:20px; display:inline;}
   .proImg1 img{ border:1px solid #d5d5d5; padding:3px; display:inline;}
   .proImg2 { width:345px; height:43px; overflow:hidden;margin-top:20px;}
   .proImg2_left, .proImg2_middle, .proImg2_middle ul li, .proImg2_right { float:left; text-align:center; cursor:pointer; }
   .proImg2_middle ul li { width:66px; height:43px; margin-left:10px; display:inline;}
   .proImg2_middle ul li img { border:1px solid #d5d5d5; padding:1px;}
   .proImg2_right { margin-left:10px; display:inline;}
   
 .proName { width:210px; height:199px; margin:20px 0 0 20px;} 
  .proName h2 { font-size:24px;}
  .proName ul { margin-top:10px;}
  .proName ul li {height:25px; line-height:25px;color:#393939; background:url(/img/proName_libg.jpg) no-repeat left; text-indent:15px;}
  .pro-hot { width:170px; height:25px;}
  .pro-hot span{ font-weight:bold; width:76px; float:left;}
  .pro-hot img { float:right; height:25px; }
  .code img, .code p { float:left;}
  
 .proTips { width:172px; height:219px;}
  .tips { margin-top: 60px;width:172px; height:129px;background-position:-0px -36px;} 
   .tips h2 { margin-left:40px; padding-top:5px; color:#fff; font-size:14px; line-height:25px;}
   .tips ul { width:144px; height:77px; margin:20px 0 0 20px;}
  .proTips-xunjia {width:89px;height:27px;background-position:-385px -7px; margin-left:4px;}
  .proTips-contact {width:69px;height:28px;background-position:-397px -86px;  margin-left:7px; }  
  .proTips-xunjia, .proTips-contact {float:left;margin-top:2px;display:inline; line-height:27px; text-indent:10px;}
  
 .proIntroduction { width:385px; height:122px; margin-left:12px; margin-top:5px;}  
  .proIntroduction h3 {width:254px;height:22px;background-position:-0px -196px; text-indent:35px; line-height:22px;}
  .proIntroduction p { text-indent:25px; color:#393939; line-height:20px; margin-top:12px;}
  
 .code { width:342px; height:25px; margin-left:10px; margin-top:5px;}
  .code p { width:270px; height:25px; margin:2px 0 0 9px; color:#6a6a6a;}
  
 .xxxx { float:left; width:710px; height:32px;margin-top: 15px; }
  .xxxx ul li {width:113px;height:32px;background-position:-0px -261px; text-align:center; float:left; margin-left:10px; line-height:32px; font-size:14px; font-weight:bold; color:#fff;}
  .xxxx ul li a {color:#fff;}
  
.proMain-middle { width:723px; height:45px; background:url(/img/proMain-middle-bg.gif) no-repeat; margin-top:15px;}  
 .proMain-middle ul { margin-left:65px;}
 .proMain-middle ul li { width:143px; height:45px; float:left; line-height:45px; text-indent:35px;font-size:14px; font-weight:bold; color:#393939;cursor:pointer; display:inline;}
  .proMain-middle ul li#yuanli {width:143px; height:45px;}
  .proMain-middle ul li.cli  {width:143px;height:45px;background-position:-227px -254px; color:#fff;cursor:pointer; display:inline; }
   
   
   
  .pro_a{ float:left}
  
.proMain-bottom {width:723px; height:auto; overflow:hidden; margin-top:25px;} 

  #tabcontent { width:654px; height:auto; min-height:500px; float:left;}
   #tabcontent .hidden { display:none;}
   #tabcontent ul li p {text-indent:20px;}
   .product-js { width:654px; overflow:scroll;}
   
   
  .sectionLeft { width:196px; height:auto; float:left; margin-left:40px;}
   .sectionLeft dt {width:196px;height:26px;background-position:-0px -359px; color:#fff; line-height:26px; text-align:center; }
   .sectionLeft dd { width:189px; height:auto; background:#eee; margin-left:4px;padding-top:10px;}
    .sectionLeft-1 { width:189px; height:430px;}
    .sectionLeft-1 li, .sectionLeft-2 li { width:170px; height:123px; margin-top:15px; margin-left:10px;}
	.sectionLeft-1 li img, .sectionLeft-2 li img {  border:1px solid #d5d5d5; padding:2px;}
	.sectionLeft-1 li h2, .sectionLeft-2 li h2  { text-align:center; line-height:25px;}
	
  .pro-news li { margin:5px 0 0 10px;}	
    .sectionLeft-2 { width:189px; height:auto; }
	
  .video img {width:170px; height:auto; margin:15px 10px 20px 10px; overflow:hidden;}	

/*dddddddddddd*/
#preview{ float:left;  text-align:center; width:320px; margin-top:65px}
.jqzoom{ width:305px; height240px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:320px; height:60px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(/img/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(/img/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;list-style:none}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;list-style:none}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:292px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.baohan { float:left; width:730px; height:auto;}



.page1 { line-height:20px; height:20px; margin-top:15px;}
 .page1 ul li, .page1 ul span {float:left;margin-left:8px; }
 .page1 ul li {border:1px solid #e6e6e6;text-align:center;width:20px; height:20px; overflow:hidden;}
 .page1 ul li a.current {background:#9E361D; display:block; width:20px; height:20px;color:#fff;}
  .page1 ul li a:hover {background:#9E361D; width:20px; height:20px;color:#fff;}
    
	.pages{ width:400px; margin:32px auto;}
.pages a {border: 1px solid #E6E6E6;height: 20px; overflow: hidden;  text-align: center;  width: 20px;margin: 1px 8px; padding: 2px;}

.pages  span input { margin-left:10px;}


#news_next {
    float: left;
    height: auto;
    margin-top: 10px;
    width: 730px;
}

#news_next_a {
    float: left;
    font-weight: 600;
    height: 20px;
    text-align: left;
    width: 710px;
}
#news_next_b {
    float: left;
    width: 700px;
}
#other-news {
    float: left;
    margin-top: 15px;
    width: 720px;
}
#other-news h5{ font-size:13px; margin:0px;}
#other-news ul li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    text-align: left;
    width: 330px;
}
#news_next_b ul li {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-bottom: 3px;
    margin-right:10px;
    overflow: hidden;
    text-align: left;
    width:330px;
}
#news_next_b {
    float: left;
    width: 720px;
}



.newsny {margin:40px 20px 0 20px;}
 .newsny .title {font-size:16px;font-weight:bold; text-align:center; line-height:25px;}
 .newsny .date {text-align:center; font-size:12px;line-height:25px;}
 .newsny .read {background:#f3f3f3;border:1px solid #e5e5e5;padding:10px 20px; font-size:12px;line-height:16px;margin:10px 0;}
   .newsny .read p {line-height:18px;text-indent:25px;padding:4px 0 0 2px;}
   .newsny .read strong { font-size:14px;}
 .newsny .content {border-bottom:1px solid #dbdbdb; padding-bottom:35px;overflow:hidden;}
  .newsny .content p {line-height:20px; padding-top:20px; text-indent:25px;}
 .newsny .pre {line-height:30px;height:30px; margin-top:10px;}

#strength p {text-indent:20px; font-size:12px; line-height:25px; margin-top:15px;}
#strength img { margin-top:10px;} 	

.customer { margin-top:15px; overflow:hidden;}
 .customer ul li {height:177px;border-bottom:1px dashed #e6e6e6;overflow:hidden;margin-top:15px;}
  .customer ul li img { float:left; margin:0 20px 0 3px; border:1px solid #d6d6d6; padding:3px;}
  .customer ul li p.p1 { line-height:30px; font-size:14px; font-weight:bold;margin-bottom:5px;}
    .customer ul li p.p1 strong { color:#af2607;}
  .customer ul li p span {margin-left:16px;}
  .customer ul li p.p2 { line-height:20px; margin:5px 0 0 4px;}
   .customer ul li p.p2 span.s1 { width:76px; height:25px; background:#de0403; display:inline-block; margin-left:0; font-weight:bold; color:#fff;text-align:center; line-height:25px; }
   .customer ul li p.p2 span.s2 {width:405px; overflow:hidden;display:block; float:right;_margin-top:-25px;}	
   #topon{

}

.artlial{text-align:center;}
.artlial p {text-align:left;text-indent: 2em;}

.artad {float:right;margin:5px;}
.artad h3{ color: #FF0000;
    text-align: center;
    margin: 2px;}
.artad h3 a { color: #FF0000;
    text-align: center;
    margin: 2px;}


/* 移动端   page */
.m_cen_all{ margin:0 auto; overflow:hidden;text-align:center; height:auto; line-height:33px; min-width: 320px;margin-bottom:80px;background:#FFF;}
.centershow{margin:4px auto; }


.m_foot_phonetopc{margin: 0px; height:108px;padding:2px 0px;text-align: center;}
.m_foot_phonetopc p { background:#ffffff;height:20px;   padding:12px 0px;}
.m_foot_phonetopc a { color:#F00; margin:2px;}

#m_foot{ bottom: 0; left: 0; position: fixed; width: 100%; z-index: 99990;}
.m_foot_top{margin:0px;}
.m_foot_bot{box-sizing: content-box;height: 100%;position: relative; width: 100%; background:#ea3420; height:65px;}
.m_foot_bot_all{ width:25%;height:55px; margin:0px; float:left; }
.m_foot_bot_li{ height: 44px;margin-top: 7px;position: relative;border-right:1px  #666 solid; float:left;overflow:hidden; width:100%;}
.m_foot_bot_li_img{margin:1px auto;width:100%;height: 25px;text-align: center;}
.m_foot_bot_li_img img {  height: 25px;display: inline; margin:1px auto;width:auto;}
.m_foot_bot_li_txt{ margin:1px auto; width:56px;text-align: center;color: #ffffff; font-family: "Microsoft Yahei"; font-size: 14px;}

//兼容广告位所需样式
* html .top1 { z-index: 1000;text-align: center;
    width: 100%;
position:absolute; top:expression(eval(document.documentElement.scrollTop))} /*需要兼容各个浏览器量浮动样式 ie */
.top2 { position:static;}
.top1 {position:fixed; top:0px;z-index: 1000;text-align: center;
    width: 100%;
}

#topon{ width:100%;

}
