@charset "utf-8";
body { font-family: "微软雅黑"; font-size: 12px; color: #555555; margin: 0 auto; background: #fff;  min-width:1200px; }
ul, form, p, h1, h2, h3, h4, h5, h6, div, input, text, textare, dl, dt, dd { margin: 0; padding: 0; }
ul { list-style: none; }
img { border: none; }
a { color: #555555; text-decoration: none; }
a:hover { text-decoration: underline; }

.clearfloat { zoom: 1; /* 兼容ie6/7 */ }
.clear { clear:both;}
.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; /* ie8以上和非ie支持伪类：after */ }
.fl { float: left; }
.fr { float: right; }

.top, .nav, .item_list{ width: 1200px; margin: 0 auto; overflow:hidden }

.logo { padding-left: 7px; padding-top:10px; padding-bottom:10px; }
.tel { padding: 25px 0px 0px 25px;   font-size: 14px; font-family: "微软雅黑";}
.tel .brand{  height:20px; line-height:20px;   }
.tel .hot_tel{   height:40px;  line-height:40px  ; font-size:14px}  
.tel .hot_tel span{ font-size:8px; color:#CCC  }  
.tel .hot_tel a {  color: #d32700;}
.top_r { padding-right: 0px; color: #dedede; padding-top: 35px; font-size:14px; width:400px; text-align:right}
.top_r a { color: #00a0df; }    
   
.nav_bg { background:#323232; width:100%; height:37px; clear:both }  
.nav_l { background:#2F2F2F ; width: 3px!important; height: 37px; }
.nav_m { background:#2F2F2F ; width: 1194px!important; height: 37px; line-height: 37px; }
.nav_r { background:#2F2F2F ; width: 3px!important; height: 37px; }
.dh { width: 100%; }        
.dh li { float: left; font-size: 15px ;}  
.dh li a { display: block; color: #fff; width:116px;   text-align:center}  
.nav_line { background:#2c2c2c; width: 3px; height: 37px; }
#nav_hover a, .dh li a:hover { display: block; background: #000; text-decoration: none;  }

#nav_hover a {padding-left:2px; padding-right:1px;}

.nav2_bg { display:none;  background:#f6f6f6; width:100%!important; clear:both; position:absolute; left:0; z-index:1000; filter:alpha(opacity=95); opacity:0.95;}    

#nav_hover .nav2_bg a{ background: none; }
.nav2_bg .nav2 a:hover{ background: none; }  
 
#nav_hover .nav2_bg{ display:block;}
   
.nav2 { width: 1200px; clear:both; padding-left:50px; margin:0 auto;  }
.nav2 table{}
.nav2 td { text-align:center; padding:14px 0px 10px 0px;  font-size:14px;  }  
.nav2 td a { color:#323232; text-decoration:none; text-align:center!important; } 
.nav2 td .nav2_img {  width:150px !important; height:50px!important; display:block; vertical-align:middle!important; text-align:center}    
.nav2 td .nav2_a {  width:150px !important; display:block; }      
.nav2 td a:hover { color: #999 }               
           



.banner{ width:100%; min-width:1200px; min-height:630px;     }
.banner .focus{ width:100%; position:relative;  }
.banner .focus .hd{ width:100%; position:absolute; z-index:1; bottom:10px; text-align:center;  }
.banner .focus .hd ul{ display:inline-block; height:5px; padding:3px 5px;  vertical-align:top; 	}  
.banner .focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.banner .focus .hd ul .on{ background:#2a9bd4;  }

.banner .focus .bd{  position:relative; z-index:0; text-align:center; }
.banner .focus .bd li{ width:100%; color:#000000 !important;}
.banner .focus dl{ text-align:center; position:absolute; width:25%;   }
.banner .focus dl dt{ font-size:36px; color:#000000 !important;; padding-top:3%; text-align:center;   }
.banner .focus dl dd{ font-size:18px; color:#111111 ; padding-top:10px; line-height:28px;  text-align:center; }






.cbody_service { margin-left:auto; margin-right:auto; clear:both;}
.cbody_service  h2 { font-size:24px; color:#333;} 
.cbody_service  h2 a  {  color:#333;} 
.cbody_service  h2 a:hover {  color:#009afb;} 
.cbody_service img { max-width:1100px;}
.cbody_service_bt_bg  {border-bottom:solid 1px #e3e3e3;border-top:solid 1px #e3e3e3; background:#f3f3f3; height:80px;   }

.cbody_service_bt {margin-left:auto; margin-right:auto; clear:both;  width:1016px;  line-height:80px;}
.cbody_service_bt h1 { display:block; float:left; padding-right:20px;  font-size:24px !important; font-weight:normal !important; }
.cbody_service_bt span { display:block; float:left; padding-right:20px;  color:#929292}
.cbody_service_bt a { display:block; float:right; padding-right:20px; color:#929292}
  
.cbody_service_sort_zw {margin-left:auto; margin-right:auto; clear:both;  width:1200px; padding:10px 0px 0px 0px}

.cbody_service_zw {margin-left:auto; margin-right:auto; clear:both;   padding:10px 0px 0px 0px}

       
/*.banner_bg { background:#f6f6f6 ; height: 392px;  min-width: 1016px; margin:auto; width:100%; text-align:center  }
.banner { max-width: 1420px; margin:auto;  width:100%; height: 392px; }
*/
.item_list { position:relative; z-index:5; margin-top: -33px; height: 33px; line-height: 33px;  background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.3); background: transparent\9; zoom: 1;  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"/*处理背景透明、文字不透明*/ }
.item_l { width: 620px; }
.item_r { width: 80px; padding-left:40px; height:33px; line-height:33px; }
.item_l li { float: left; padding-left:50px;}
.item_l li a { color: #333; }
.item_l li a:hover{ color:#f30;}
.sq_icon{ background:url(sqsy_icon.gif) 25px 9px no-repeat;}
.zb_icon{ background:url(zbyz_icon.gif) 25px 8px no-repeat;}
.zx_icon{ background:url(zxdg_icon.gif) 25px 8px no-repeat;}
.yc_icon{ background:url(ycpx_icon.gif) 25px 8px no-repeat;}
.xgxz_icon{ background:url(xgxz_icon.gif) 25px 8px no-repeat;}
.tools_icon { background:url(icon_calulator.png) 25px 8px no-repeat;}
.wb_icon{ background:url(bestseller.png) 15px 8px no-repeat; font-size:14px;}
.wb_icon a{ color:#2f2f2f;}

.mainbox ,.foot{ width:1200px; margin:0 auto; height:100%;}
.block{ padding-top:20px;} 
.block li{ float:left; padding:0px 0px 5px 1px;}    

.case_box h3{ font-size:22px; font-family:"微软雅黑"; color:#000; text-align:center; padding-top:45px;}
.case_bt{ text-align:center; padding-top:15px; color:#c1c1c1;}
.case_bt a{ padding:0 10px; color:#00a0df;}
.case_list{ padding-bottom:20px; border-bottom:1px solid #ccc;}
.case_list ul{}
.case_list li{ float:left; padding:20px 20px 14px 20px; text-align:center; font-size:14px; }
.case_list li img { width:255px;  margin-bottom:5px; }
.case_list li a    { display:block; width:255px; height:225px; text-align:center; border:3px solid #fff; background:#F3F3F3;  color:#00a0df;}
.case_list li a:hover { border:3px solid #F4BA01; text-decoration:none}

.foot_info{ margin-top:40px;}
.profile{ width:370px; padding:0 40px 0 30px; background:url(jqjs_icon.gif) center top no-repeat;}
.index_news{ width:370px; background:url(xwzx_icon.gif) center top no-repeat;}
.help_center{ width:370px; background:url(bzzx_icon.gif) center top no-repeat;}
.profile h3 ,.index_news h3 ,.help_center h3{ font-size:22px; font-family:"微软雅黑"; color:#000; text-align:center; font-weight:normal; padding-top:60px;}
.profile p{ line-height:22px; text-indent:20px; padding-top:10px;}
.detail{ text-align:center; padding-top:20px;}
.detail a{ font-size:14px; color:#00a0df;}
.index_news h4{ font-size:14px; padding-top:10px;}
.index_news p{ line-height:22px;}

.help_center ul{ padding-top:10px; text-align:center;}
.help_center li{ height:23px; line-height:23px;}
.index_news h4 a:hover ,.help_center li a:hover{ color:#00a0df;}
.tel_num{ font-size:14px; font-family:"微软雅黑"; color:#2f2f2f; text-align:center; padding-top:10px;}

.other{ background:url(foot_info.gif) no-repeat; height:209px; margin-top:60px;}
.other h3{ height:20px; padding-top:12px; padding-left:72px; font-size:12px; color:#333;}
.other_nr{ padding-top:25px; padding-left:60px;}
.other1{ width:315px;}
.other2{ width:370px;}
.other3{ width:265px;}
.other1 table tr th ,.other2 table tr th ,.other3 table tr th{ font-size:14px;}

.coop_link{ margin-top:25px;}
.coop{ height:px;}
.coop_l{ background:url(coop_lbg.gif) no-repeat; width:98px; height:35px; line-height:35px; text-indent:-20000px;}
.coop_m{ background:url(coop_mbg.gif) repeat-x; width:1113px; height:35px;}
.coop_r{ background:url(coop_rbg.gif) no-repeat; width:5px; height:35px;}
.coop_m a{ padding:0 10px;}
.coop_m a img{ margin-top:2px;}

.link{ height:48px; line-height:48px;}
.link a{ padding-right:5px;}

.foot{ height:85px; line-height:85px; border-top:1px solid #c1c1c1;}
.arial{ font-family:Arial;}
.foot_r a ,.blue{ padding-left:10px; color:#005aae;}
.foot_r {}
.foot_l { width:600px; line-height:150% !important; padding-top:15px;}  


/*server_sort*/
.this_bt { text-align:center;  clear:both; }
.this_bt h1 { text-align:center; font-size:32px !important; font-weight:normal; clear:both; color:#3e3d3d; line-height:100px;}
.this_notic {  clear:both ; text-align:center; font-size:18px; color:#4c4c4c; line-height:50px; }
.this_url {clear:both ; text-align:center;font-size:18px; line-height:50px;color:#009afb}
.this_url a { color:#009afb}  
.this_url a:hover { color:#009afb}  
.this_des { color:#3e3d3d; font-size:14px;clear:both ; text-align:center; line-height:50px;}







  

/*case*/  

.case_main_m  li{ position:relative; margin:auto ; width:280px;}

.case_main_m .tex p{ color:#313131; line-height:24px;  font-size:16px; overflow:hidden;}
.case_main_m .tex p span{ color:#adadad; font-size:16px; }
.case_main_m_pc{ position:relative;}
.case_main_m_pc_bg{  width:280px; height:200px; background:#000; filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6; margin:auto; position:absolute; left:0; top:0; display:none;}
.case_main_m_pc_m{ text-align:center; color:#fff; position:absolute; left:0; top:50px; width:280px; display:none;}
.case_main_m_pc_m p{ font-size:17px; line-height:22px;}
.case_main_m_pc_m span{ display:block; font-size:14px; line-height:22px;}
.case_main_m_pc_m a{  display: inline-block; width: 149px;height: 46px; line-height: 46px;text-align: center;background: #198ede;color: #fff;font-size: 15px; position: relative;z-index: 2;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-top: 40px; margin:25px auto auto auto;}
.case_main_m_pc_m a:hover{filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9;}


/*demo*/  
.demo_main_m  li{  margin:auto ; width:310px; margin-bottom:40px;    }
.bd_img3        {  height:180px;   width:300px; background:#ccc; margin-bottom:10px; }  
.bd_img3  img   {  width:300px; height:180px; border:solid 1px #f1f1f1;}
  
  
.demo_main_m_pc_m                { text-align:left; }
.demo_main_m_pc_m .demo_title    { font-size:18px; line-height:200%;  }  
.demo_main_m_pc_m .demo_des      { font-size:12px; line-height:200%;    height:45px !important; vertical-align:top !important }
   
  
.demo_main_m .demo_button   { text-align:center; padding:10px 0;}   
.demo_main_m .demo_button a { display:block; float:left; padding:5px; color:#fff; }
.demo_main_m .demo_button .more { background:#ff6600; width:90px;  }  
.demo_main_m .demo_button .more:hover { background:#e15a00;}    

.demo_main_m .demo_button .demo { background:#00d2ff; width:85px;  border-left:5px solid #fff; }  
.demo_main_m .demo_button .demo:hover { background:#00c1ea;} 

.demo_main_m .demo_button .file { background:#878787; width:85px; border-left:5px solid #fff; }
.demo_main_m .demo_button .file:hover { background:#797979;} 
   

    
  

.article .main{ width:1200px; margin:0 auto; }
.article .main .list{ padding:60px 0 20px;}

.article #output{}
.article #output .li{ height:314px; display:inline-table; width:33.3%; text-align:center ; padding:20px 0 0 0;     }
.article #output .bd_b{ color:#0093dd; padding:8px 0; font-size:16px; }
.article #output .bd_b a { color:#0093dd; }
 
.article #output .products_list{ height:314px; display:inline-table; width:23%; text-align:center ; padding:20px 1% 0 1%;     }
.article #output .products_list .bd_img   { text-align:center; clear:both;  }
.article #output .products_list .bd_img  img  { max-height:150px; max-width:150px;  }
.article #output .products_list .bd_b     {text-align:center; clear:both;  }
.article #output .products_list .bd_b a   { line-height:35px; }
.article #output .products_list .bd_price { color:#333; font-size:14px; line-height:30px; }
.article #output .products_list .bd_des   { color:#333; font-size:12px; background:#f1f1f1; padding:10px; border-radius:5px; height:50px; line-height:25px;  }
 
 







.top_nav{ height:80px; border-bottom:1px solid #ebebeb; background:#f3f3f3; position:relative;  z-index:99; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; clear:both;  }
.top_nav .nav_head{ width:1200px; height:80px; overflow:hidden; line-height:80px; margin:0 auto; }
.top_nav .nav_head h1{ font-size:24px; color:#4c4c4c; font-weight: normal; float:left;  }
.top_nav .nav_head h1 i{ font-size:12px; color:#929292; font-style:normal; margin-left:20px;  }
.top_nav .nav_head .ac-ln-menu { font-size: 13px; float: right;  height:51px !important; }
.fixed-menu{position: fixed; width:100%; top:0;}
.top_nav .nav_head  h1 span {  padding-left:20px;}
.top_nav .nav_head .ac-ln-menu-tray { float: left; }
.top_nav .nav_head .ac-ln-menu-item { float: left; list-style: none; margin-left: 24px;}
.top_nav .nav_head .ac-ln-menu-item  a{ font-size:14px; color:#4b4b4b;}
.top_nav .nav_head .ac-ln-actions { float: left;}
.top_nav .nav_head .ac-ln-action { margin:25px 24px;}
.top_nav .nav_head .ac-ln-action .submit{background-color: #2189db; background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9);
  border-color: #07c; color: #fff; font-size: 13px; line-height: 1.84615; border-radius:4px; font-weight: 500; letter-spacing: normal; padding: 0 10px; }

.ac-ln-menu-items-bg { background:url('/images/case_bg1.jpg') no-repeat 50% 0%; width:100%; height:191px !important; margin-top:-80px;  clear:both; }   
.ac-ln-menu-items-bg2 { background:url('/images/demo_bg1.jpg') no-repeat 50% 0%;width:100%; height:191px !important; margin-top:-80px;  clear:both;}  
.ac-ln-menu-items-bg3 { background:url('/images/video_bg1.jpg') no-repeat 50% 0%;width:100%; height:191px !important; margin-top:-80px;  clear:both;}  
   
.step-menu {  border-bottom:1px solid #ebebeb; background:#f3f3f3 !important; width:100%; min-width:1200px; }
.top_nav .nav_head2{ width:1200px; height:140px;  margin:0 auto; text-align:center }
.top_nav .nav_head2 h1{ font-size:24px; color:#4c4c4c; font-weight: normal; padding-top:30px; line-height:30px; }
.top_nav .nav_head2 h1 i{ font-size:12px; color:#929292; font-style:normal; }
.top_nav .nav_head2 ul { font-size: 13px; clear:both; height:51px !important;}
.top_nav .nav_head2 li { float: left; }
.top_nav .nav_head2 li  a{ font-size:14px; color:#0093dd ;}
.nav_head2_on  a { color:#0048ff}


.bd_img2  img { width:280px; height:200px;}
.bd_img2 { background: url('/images/bgnn.png') no-repeat 50% 100% !important ; height:240px;}

  

.news_mian_bg  {  padding:20px; background:#f3f3f3; clear:both;  }
.news_list {  clear:both; border:solid 1px #e3e3e3; background:#ffffff; margin:auto; border-radius:6px; padding:50px  50px 50px 50px;  width: 1098px; margin: 0 auto; overflow:hidden}
.news_list_top { clear:both; height:60px;}
.news_list_bt  { font-size:24px; float:left; color:#333}
.news_list_so { float:right; width:250px;}
.news_list_lb  { clear:both;}
.news_list_lb .li_bt { border-bottom:solid 1px #e3e3e3; font-size:18px; padding:20px 0px 10px 0px; margin-bottom:10px;}
.news_list_lb ul { }
.news_list_lb .li_lb {  padding:10px 0px 10px 0px;}
.news_list_lb .li_lb  span { display:block; width:120px; float:left   }
.news_list_lb .li_lb  a { color:#08c  }
.news_list_lb .out_list { border:1px solid #e3e3e3; border-radius:6px; background:#f6f6f6; clear:both; padding:20px; margin-bottom:40px; text-align:center; font-size:18px;}

.news_list_top h1 { font: 24px/36px 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; text-align: center;}
.news_list .news_list_zw  {font: 12px/18px 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; }
.news_list .news_list_zw img   { max-width:1100px !important;   border: 1px solid rgb(204, 204, 204);
  vertical-align: bottom;
  padding: 5px;  
  overflow: hidden;
  border-radius: 6px;  
  }
.news_list .pd_zw_an_pic  { text-align:center }

.news_list .pd_zw_an_pic img { max-width:960px !important;   
  border:0px !important;
  padding: 1px; padding: 1px;   vertical-align: bottom;
  overflow: hidden;
   }

.news_list .news_list_zw h1 { line-height:350%;  }
.news_list .news_list_zw h2 {  line-height:300%; }
.news_list .news_list_zw h3 { line-height:250%;  }  
.news_list .news_list_zw p {  line-height:250%;  padding:10px 0px 10px 0px;}
.news_list .news_list_zw br { line-height:200%;  }

/*help*/

.li_help { border-bottom:solid 1px #eee; padding:20px 0px 10px 0px; clear:both; min-height:120px;  list-style:none; }
.li_help .li_help_img  { float:left; width:220px;  text-align:center; }
.li_help .li_help_img  img  { max-width:220px; max-height:120px; }
.li_help .li_help_txt  { float:left; padding-left:30px; max-width:70%;  }
.li_help .li_help_txt_bt { font-size:14px; min-height:30px;    }
.li_help .li_help_txt_bt a  { color:#08c  }
.li_help .li_help_txt_des { font-size:12px; line-height:20px;}
.li_help .li_help_txt_key { font-size:12px; line-height:30px;}
.li_help .li_help_txt_key span { padding-left:20px; background:url('/img/ico_tag_001.png') no-repeat 5px 2px;}



.li_help2 { border-bottom:solid 1px #eee; padding:20px 0px 10px 0px; clear:both; min-height:80px;list-style:none; }
.li_help2 .li_help_img2  { float:left; width:400px; height:170px; text-align:center;margin-right:30px; }
.li_help2 .li_help_img2  img  { max-width:380px; max-height:150px;  }    
.li_help2 .li_help_txt2  {  padding-left:30px; line-height:200%;   }
.li_help2 .li_help_txt2 h2 { font:14px/30px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;   }
.li_help2 .li_help_txt2 h2 a  { color:#08c  }  
.li_help2 .li_help_txt2 h3   { font:14px; line-height:40px;    }  

.help_index_h2 { font-weight:normal; color:#333}

.about  {  padding:20px; background:#f3f3f3; clear:both; }
.about_content {  clear:both; border:solid 1px #e3e3e3; background:#ffffff; width:1078px; margin:auto; border-radius:6px; padding:40px 40px 40px 40px;}
.about_content h1 { line-height:350%;}
.about_content h2 {  line-height:300%; }
.about_content h3 { line-height:250%;  }  
.about_content p {  line-height:250%; }
.about_content br { line-height:200%;}
.about_content  img { max-width:1075px;}  


.body_main { padding:20px; background:#f3f3f3;  }
.body_main_zw { clear:both; padding:10px 0px 40px 0px}
.body_main_emap { border:1px solid #e3e3e3; border-radius:6px; background:#f2f2f2; clear:both; padding:20px; margin-bottom:40px;} 
.body_main_emap_bt  { text-align:center; font-size:18px; padding:20px; color:#333; border-bottom:1px solid #e3e3e3;} 
.body_main_emap_zw { clear:both; padding:20px 0px 30px 0px; text-align:center;}



.fy{ text-align:center; margin-top:30px; clear:both;}
.fy a,.fy span { display:inline-table; padding:2px 8px; margin:0 0.2%; background:#fff; border-radius:8px; border:1px solid #bdbdbd;  }
.fy a:hover{ border:1px solid #198ede;  background:#198ede; color:#fff; }
.fy .fy_on{ border:1px solid #198ede; padding:2px 8px; background:#198ede; color:#fff;}
.fy .this_on_page{ background:#198ede;border:1px solid #198ede;  background:#198ede; color:#fff; }

.nav_head2_on { font-weight:bold;  }
.nav_head2_on  a { color:#E60505!important; font-weight:bold;  }


.keywords{ clear:both; padding-top:20px;}