@charset "utf-8";
/* CSS Document */
body {
    background:#E7EAF9;
    color: #666666;
    font-size: 12px;
	margin:0 auto;
}
table,tr,th,td{ text-align:left}
a { text-decoration:none}
a:hover{ text-decoration:underline}
a:active{ color:#CF0}
a img { border:0}
ul{ margin:0px; padding:0px; list-style:none;}
li{margin:0px; padding:0px; list-style:none}
p {text-indent:2em}
.main{ width:1005px; height:auto; background:#FFF; margin:0 auto;}
.main_a{ width:970px; height:auto; background:#FFF;margin:0 auto; overflow:hidden;margin-bottom:90px;}
.head{ width:970px; height:85px;}
.head_logo{ width:244px; height:83px; float:left  }
.head_logo img{  margin-top: 28px; float:left  } 
.nav{ width:705px; height:83px; float:right;}
.nav_top{ width:700px; height:25px; line-height:25px; text-align:right; float:right; margin-top:25px; }
.nav_top span a img{ margin-right:3px;}
.nav_top span{ margin-right:15px; font-size:14px; color:#E60012; font-weight:600;font-family:Arial, "Times New Roman", sans-serif}
.nav_top span a{color:#E60012;font-family:Arial, "Times New Roman", sans-serif }
.nav_top span a:hover{ text-decoration:underline}
.nav_top a{ color:#000; margin-left:8px; margin-right:5px;font-family:Arial, "Times New Roman", sans-serif}
.nav_a{ width:630px; float:right; text-align:left; height:33px; line-height:33px; background:url(../images/nav_bg.jpg)}
.nav_a ul{ background: url("../images/nav_bg.jpg") repeat scroll 0 0 transparent;max-width:630px;}
.nav_a ul li{ display:inline; }
.nav_a ul li a{ color:#FFF; font-weight:600; font-size:13px; font-family:Arial, "Times New Roman", sans-serif;width:105px; text-align:center; height:33px; float:left; background: url("../images/li_bg.jpg") no-repeat scroll right center transparent;}
#bg_n{ background:none}
.index_flash{ width:970px; height:250px;margin-top:5px;}
.mid{ width:970px; height:auto; background:#FFF; float:left; margin:0 auto; margin-top:10px;}
.left{ width:710px; height:auto; float:left}
.i_news{ width:350px; height:auto; float:left}
.i_news_t{ width:350px; float:left; height:35px;}
.i_news_t1{ width:300px; height:35px; line-height:35px; background:url(../images/news_menu_02.jpg) repeat-x; float:left}
.i_news_t1 a{ width:79px; height:35px; line-height:35px; color:#FFF; padding-left:8px; font-weight:600; background:url(../images/news_menu_03.jpg) no-repeat; display:block; margin-left:12px;}
.news_t1{ width:9px; height:35px; float:left;background:url(../images/news_menu_01.jpg) no-repeat;}
.news_t2{ width:15px; height:35px; float:left; background:url(../images/news_menu_09.jpg) no-repeat}
.i_news ul{ float:left}
.i_news ul li{ width:325px; height:28px; line-height:28px;border-bottom: 1px solid #EFEFEF; overflow:hidden; background:url(../images/dot.jpg) left center no-repeat; padding-left:15px;}
.i_news ul li a{ color:#666; width:255px;  line-height:28px; overflow:hidden; float:left}
.date{ float:right; color:#666; font-family:"微软雅黑", Arial, "Times New Roman", sans-serif}
.date2{ float:right; color:#666; font-family:"微软雅黑", Arial, "Times New Roman", sans-serif;_margin-top:-25px;} 
.date3{margin-right: 10px; float:right; color:#666; font-family:"微软雅黑", Arial, "Times New Roman", sans-serif}
.i_pro_t{ width:710px; height:auto; float:left; height:35px;}
.i_pro_t1{ width:660px; height:35px; line-height:35px; background:url(../images/news_menu_02.jpg) repeat-x; float:left}
.i_pro_t1 a{ width:79px; height:35px; line-height:35px; color:#FFF; padding-left:12px; font-weight:600; background:url(../images/news_menu_03.jpg) no-repeat; display:block; margin-left:12px;}
.i_pro{ width:710px; height:auto; float:left; margin-top:15px;}
.i_pro ul li{ width:350px; float:left; margin-top:8px;}
.i_p_img{ width:110px; height:100px; text-align:center;float:left; margin-top:10px; margin-right:10px;}
.i_p_img a img{padding:4px;border: 1px solid #e7e7e7;}
.i_p_tit{ width:220px; height:30px; line-height:30px; float:left}
.i_p_tit a{ font-weight:600; color:#cc0000;}
.i_p_txt{ width:220px; height:65px; line-height:21px;; overflow:hidden; float:left}
.right{ width:250px; margin-left:10px; height:auto; float:right;_margin-left:0px;}
.i_about{ width:250px; height:auto; float:left}
.i_about_t{ width:250px; height:35px; line-height:35px; float:left}
.i_about_f{ width:240px; margin-left:10px; height:130px; float:left; margin-top:5px; float:left}
.i_about_txt{ width:240px; height:auto; line-height:22px; margin-top:10px; margin-left:10px; float:left}
.i_anli{width:250px; height:auto; float:left}
.i_about_t{ width:250px; height:35px; line-height:35px; float:left}
.i_anli ul li{ width:230px; height:25px; line-height:25px;border-bottom: 1px dotted #EFEFEF; background:url(../images/dot2.jpg) left center no-repeat; padding-left:10px;}
.i_anli ul{ float:left; margin-left:10px; margin-top:5px;}
.i_anli ul li a{ color:#666}
.i_server_txt{ width:700px; line-height:22px; height:auto; float:left}
.i_server_txt p {text-indent:2em}
.i_contact{ width:250px; height:auto; float:left}
.i_contact a{ width:233px; height:77px; background:url(../images/contact.jpg) no-repeat; display:block; margin-left:10px;}
.i_contact a:hover{width:233px; height:77px; background:url(../images/contact2.jpg) no-repeat; display:block}
.link{ width:970px; height:auto; float:left; margin-top:4px; margin-bottom:2px;}
.link ul li{ display:inline; line-height:22px;}
.link ul{ float:left; margin-top:10px;}
.link ul li a{ color:#666; margin-left:5px;margin-right:5px;}
.link_t{ width:970px; height:4px; background:url(../images/index_06.jpg) repeat-x}
.foot_t{ width:970px; height:4px; background:url(../images/index_06.jpg) repeat-x}
.footbt{ width:970px; height:auto; line-height:25px; float:left; margin-bottom:12px;}
.foot{ width:970px; height:auto; line-height:25px; float:left; margin-bottom:2px;}
.foot_b{ width:970px; height:auto; line-height:25px; float:left}
.foot_b_l{ width:370px; height:25px; text-align:left; float:left;}
.foot_b_r{ width:600px; height:25px; text-align:right; float:right}
.foot a{ color:#666}
.i_jishu{ width:250px; height:auto; float:left}
.i_jishu a{ width:233px; height:77px; background:url(../images/jishu.jpg) no-repeat; display:block; margin-left:10px;}
.i_jishu a:hover{width:233px; height:77px; background:url(../images/jishu2.jpg) no-repeat; display:block}
.n_left{ width:227px; min-height:400px; float:left; background:url(../images/left_bg.jpg) no-repeat;}
.n_right{ width:742px; height:auto; float:right; margin-bottom:15px;overflow;hidden;}
.n_about{ float:left}
.n_left_t{ width:220px; height:50px; line-height:50px; font-size:18px; font-weight:600; font-family:"微软雅黑", Arial, "Times New Roman", sans-serif; color:#cc0000; text-align:center}
.n_about ul li{ width:212px; height:36px; line-height:36px;text-align:center; border-bottom:1px #ccc dotted;}
.n_about ul li a{ color:#000; width:212px; height:36px; float:left; }
.n_about ul li a:hover{ width:212px; height:36px; background:url(../images/about_bg.jpg) 0px 0px no-repeat; float:left; color:#FFF; text-decoration:none}
#te a{background:url(../images/about_bg.jpg) 0px 0px no-repeat;width:212px;font-size:14px; height:36px; color:#FFF; }
.n_about #tete li{width:212px; height:25px; line-height:25px;text-align:center; border-bottom:1px #ccc dotted;}
.n_about #tete li a{ color:#000; width:212px; height:25px; float:left; background:none; font-size:12px }
.n_about #tete li a:hover{ color:#000;width:212px; height:25px; background:none; float:left; text-decoration:underline;}
.n_posi{ width:742px; height:40px; line-height:40px; background:url(../images/zhongjian.jpg) repeat-x; float:left;}
.n_posi img{ margin-bottom:-7px; margin-right:10px;_margin-top:8px;}
.n_posi span{ float:right; margin-right:10px;_margin-top:-28px;}
.n_posi span a{ color:#666;padding-right:3px; margin-right:3px;}
.n_con{ width:732px; padding:5px; height:auto; line-height:22px;}
.about_a{ float:left}
.news_a{ float:left}
.pro_a{ float:left}
#shenghuo{ float:left; margin-top:10px;}
#shenghuo li{ width:170px; height:164px; background:url(../images/shenghuo_bg.gif) no-repeat; float:left; margin-left:5px; margin-right:8px; margin-top:8px; text-align:center; padding-top:10px;}
.sh_img img{ width:150px; height:113px;}
.sh_img{ width:155px; height:115px; float:left; margin-left:5px;}
.sh_txt{ width:160px; height:30px; line-height:30px;margin-left:5px; float:left}
.news_a ul li{ width:700px; height:28px; line-height:28px; float:left; border-bottom:1px dashed #d3d3d3; background:url(../images/ico01.gif) left center no-repeat; padding-left:20px;}
.news_a ul{ float:left; margin-top:15px;}
.news_a ul li a{ color:#666}
.page_box {
    float: left;
    font-family: "微软雅黑",Arial,"Times New Roman",sans-serif;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 730px; margin-top:10px; margin-bottom:10px;
}

.page_box li{ 
 float: left;
    list-style: none outside none;
    margin: 0 0 0 5px;
    padding: 1px;
}
.page_box a{ color:#666}
.news_a_t{ width:730px; height:30px; line-height:30px; text-align:center; color:#cc0000; font-size:14px; font-weight:600; margin-top:10px;}
.news_a_t_a{ width:730px; height:25px; border-bottom:1px dashed #d3d3d3; text-align:center}
.news_a_t_a span{ margin-right:8px;}
#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;
}
.img_ul li {
    border-bottom: 1px dashed #E7E7E7;
    height: 125px;
}
.img_l {
    float: left;
    height: 120px;
    line-height: 25px;
    text-align: center;
    width: 180px;
}
.img_l img {
    border: 1px solid #D6D7D7;
    height: 90px;
    margin-top: 15px;
    padding: 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 {
    color: #cc0000;
    text-decoration: none;
}
#news_next a{ color:#666;
border: 1px solid #CCCCCC;
    color: #353535;
    line-height: 25px;
    margin-left: 3px;
    margin-right: 3px;
    padding: 3px;}
.n_img2{ width:720px; height:auto; float:left; text-align:center; margin-top:15px;}
.n_img2 img{ max-width:500px; padding:6px; border:1px #D6D7D7 solid;}
.n_txt2{width:720px; height:auto; float:left; text-align:left; margin-top:10px;}
.about_contact {
    background: url(../images/about.jpg) no-repeat right center;
    height: 240px;
    margin-bottom: 10px;
    width: 720px;
}
.about_contact ul {
    margin-left: 120px;
    padding-top: 7px;
}
.about_contact ul li {
    line-height: 33px;
}
.about_a p img{ padding:3px; border:1px #e7e7e7 solid;}


/*******pro-ny star**********/
.tips, .proTips-xunjia, .proTips-contact, .proIntroduction h3, .xxxx ul li, .proMain-middle ul li.cli, .sectionLeft dt { background:url(../images/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(../images/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(../images/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; }
   
   
  
  
.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(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/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;}


/*文章里的产品插图*/

#fen_cl{
    margin-top: 2px;
    width: 730px;
}
#fen_hot {
    border-top: 1px solid #CECECE;
    height: auto;
    margin-top: 20px;
    width: 730px;
}
#fen_hot li {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    height: 204px;
    margin-left: 3px;
    margin-top: 10px;
    overflow: hidden;
    padding: 2px;
    width:230px;
}
#fen_hot li h4 {
    color: #FF0000;
    text-align: center;
    margin: 2px;
}
#fen_hot li h4 a {
    color: #FF0000;
    text-align: center;
}
#fen_hot li a img {
    margin: 5px;
}



.artlial{width: 100%;text-align: center;}
.artlial p {text-align: left;}
.artlial img{width:80%;margin:5px auto;height:auto;}

.artad {float:right;margin:5px;}
.artad h3{ color: #FF0000;
    text-align: center;
    margin: 2px;}
.artad h3 a { color: #FF0000;
    text-align: center;
    margin: 2px;}

.btlink{margin-left:3px;}
.btlink a {color: #CC0000;}

/* 移动端   page */
.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:960px;

}


* html, * html body {
    background-attachment: fixed;
    background-image: url("about:blank");
}