@charset "utf-8";
/* CSS Document */

/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,submit,input,textarea,select,table,tr,th,td,hr,pre,sup,address,cite,dfn,em,var,blockquote,img{ margin:0; padding:0; font-weight:normal; font-size:12px;}
html { min-height:100%; background:#fff; border:none 0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {     font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;word-wrap:break-word;word-break:break-all;color:#333;-webkit-font-smoothing:antialiased; }
/*div,li{ overflow:hidden;}*/
ul,ol,li { list-style-type:none;}
table { border-collapse:separate;border-spacing:0;}
th,td { text-align:left;}
address,em{font-style:normal; }
img { border:none;vertical-align:middle;}
a {text-decoration:none;color:#333;}
a:hover{ text-decoration:none; color:#0072b0;}

/*定义整体装容器*/
/*--------------------------------------------------------------------主体框架*/
.main, .footer {
  margin:0 auto;
  margin-bottom: 20px;
  min-width:1200px;
  width:1200px;      /* 调整全局的宽度 必须是10 的倍数 */
  text-align:left;
  position:relative;
}

.header, .ind_adv, .ind_adv2, .ind_process, .ind_data, .ind_news, .ind_case{min-width:1200px;}

/*清理元素*/
.clear{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.clear10{clear:both; height:10px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.content{ width:1200px; margin:0 auto}


.img{ overflow:hidden;}
.img img{width:100%; height:100%; transition:all ease-out .8s;}
.img:hover img{transform:scale(1.3, 1.3);}


/* link   全局链接样式  
--------------------------------------------------------------------*/
a{
  color:#333;
  text-decoration:none;
  transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
a:hover {
  color:#0072b0;
  text-decoration:none;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
/* 全局   文字设置  
--------------------------------------------------------------------*/
/*不加粗文字*/
.Slim {
  font-weight:normal;
}
/*文字大小*/
.text_12 {
  font-size:12px;
  line-height:24px;
}
.text_14 {
  font-size:14px;
  line-height:26px;
}
.text_16 {
  font-size:16px;
  line-height:28px;
}
.text_18 {
  font-size:18px;
  line-height:30px;
}
.text_20 {
  font-size:20px;
  line-height:32px;
}
.text_24 {
  font-size:24px;
  line-height:38px;
}
.text_28 {
  font-size:28px;
  line-height:42px;
}
.text_30 {
  font-size:30px;
  line-height:56px;
}


.gd{
  height: 30px; 
  border: 1px solid #A6A4A4; 
  float: right; 
  margin-right: 20px;
  border-radius: 10px;
}

.gd:hover{
  background-color: #0090F7;
  border: 1px solid #0090F7;
  color: #fff;
}
.gds:hover{
 color: #fff;
}
/* table  
--------------------------------------------------------------------*/
table {/*margin-bottom:10px;*/ text-indent:0px;}
table th,
table td {
  padding:5px 10px;
  border:1px solid #ddd;
  vertical-align:middle;
  text-align:center;
  font-weight:normal;
}
table th {/*标题背景*/
  /*background:#0f75ca;
  border:1px solid #1b5eb1;*/
  background:url(../images/gui.gif) repeat-x left -40px;
  color:#000;
  font-weight:bold;
  height:28px;
}
table tr:nth-child(odd){/*隔行背景*/
  background:#e9e9e9;
  }
  table tr:nth-child(even){background:#fff;}
table tr{/*经过背景*/
  background:#e3e3e3;
  color:#000;
  }

/*加网表格兼容*/
.jiathis_style table th, .jiathis_style table td  {
  border:none;
}

/* 主体布局部分 
--------------------------------------------------------------------*/
.grid_01 { width:10px  }
.grid_02 { width:20px  } .grid_03 { width:30px  } .grid_04 { width:40px  } .grid_05 { width:50px  } 
.grid_06 { width:60px  } .grid_07 { width:70px  } .grid_08 { width:80px  } .grid_09 { width:90px  }
.grid_10 { width:100px } .grid_11 { width:110px } .grid_12 { width:120px } .grid_13 { width:130px }
.grid_14 { width:140px } .grid_15 { width:150px } .grid_16 { width:160px } .grid_17 { width:170px }
.grid_18 { width:180px } .grid_19 { width:190px } .grid_20 { width:200px } .grid_21 { width:210px }
.grid_22 { width:220px } .grid_23 { width:230px } .grid_24 { width:240px } .grid_25 { width:250px }
.grid_26 { width:260px } .grid_27 { width:270px } .grid_28 { width:280px } .grid_29 { width:290px }
.grid_30 { width:300px } .grid_31 { width:310px } .grid_32 { width:320px } .grid_33 { width:330px }
.grid_34 { width:340px } .grid_35 { width:350px } .grid_36 { width:360px } .grid_37 { width:370px }
.grid_38 { width:380px } .grid_39 { width:390px } .grid_40 { width:400px } .grid_41 { width:410px }
.grid_42 { width:420px } .grid_43 { width:430px } .grid_44 { width:440px } .grid_45 { width:450px }
.grid_46 { width:460px } .grid_47 { width:470px } .grid_48 { width:480px } .grid_49 { width:490px }
.grid_50 { width:500px } .grid_51 { width:510px } .grid_52 { width:520px } .grid_53 { width:530px }
.grid_54 { width:540px } .grid_55 { width:550px } .grid_56 { width:560px } .grid_57 { width:570px }
.grid_58 { width:580px } .grid_59 { width:590px } .grid_60 { width:600px } .grid_61 { width:610px }
.grid_62 { width:620px } .grid_63 { width:630px } .grid_64 { width:640px } .grid_65 { width:650px }
.grid_66 { width:660px } .grid_67 { width:670px } .grid_68 { width:680px } .grid_69 { width:690px }
.grid_70 { width:700px } .grid_71 { width:710px } .grid_72 { width:720px } .grid_73 { width:730px }
.grid_74 { width:740px } .grid_75 { width:750px } .grid_76 { width:760px } .grid_77 { width:770px }
.grid_78 { width:780px } .grid_79 { width:790px } .grid_80 { width:800px } .grid_81 { width:810px }
.grid_82 { width:820px } .grid_83 { width:830px } .grid_84 { width:840px } .grid_85 { width:850px }
.grid_86 { width:860px } .grid_87 { width:870px } .grid_88 { width:880px } .grid_89 { width:890px }
.grid_90 { width:900px } .grid_91 { width:910px } .grid_92 { width:920px } .grid_93 { width:930px }
.grid_94 { width:940px } .grid_95 { width:950px } .grid_96 { width:960px } .grid_97 { width:970px }
.grid_98 { width:980px } .grid_99 { width:990px }

.grid { width:100%;} .grid_2_1{ width:50%;} .grid_3_1{ width:33.3%;} .grid_4_1{ width:25% }

/* margin */
.mg_auto { margin:auto; float:none;}     .mg00 { margin:0px}
.mg05 { margin:5px}          .mg10 { margin:10px}
.mg15 { margin:15px}         .mg20 { margin:20px}
.mg25 { margin:25px}         .mg30 { margin:30px}
.mg35 { margin:35px}         .mg40 { margin:40px}
.mg45 { margin:45px}         .mg50 { margin:50px}

.mt00 { margin-top:0px}
.mt05 { margin-top:5px}     .mt10 { margin-top:10px}
.mt15 { margin-top:15px}    .mt20 { margin-top:20px}
.mt25 { margin-top:25px}    .mt30 { margin-top:30px}
.mt35 { margin-top:35px}    .mt40 { margin-top:40px}
.mt45 { margin-top:45px}    .mt50 { margin-top:50px}

.mb00 { margin-bottom:0}
.mb05 { margin-bottom:5px}  .mb10 { margin-bottom:10px}
.mb15 { margin-bottom:15px} .mb20 { margin-bottom:20px}
.mb30 { margin-bottom:30px} .mb35 { margin-bottom:35px}
.mb40 { margin-bottom:40px} .mb45 { margin-bottom:45px}
.mb50 { margin-bottom:50px}

.mr00 { margin-right:0}
.mr05 { margin-right:5px}   .mr10 { margin-right:10px}
.mr15 { margin-right:15px}  .mr20 { margin-right:20px}
.mr25 { margin-right:25px}  .mr30 { margin-right:30px}
.mr35 { margin-right:35px}  .mr40 { margin-right:40px}
.mr45 { margin-right:45px}  .mr50 { margin-right:50px}

.ml00 { margin-left:0}
.ml05 { margin-left:5px}    .ml10 { margin-left:10px}
.ml15 { margin-left:15px}   .ml20 { margin-left:20px}
.ml25 { margin-left:25px}   .ml30 { margin-left:30px}
.ml35 { margin-left:35px}   .ml40 { margin-left:40px}
.ml45 { margin-left:45px}   .ml50 { margin-left:50px}


/* padding */
.pd00 { padding:0px}
.pd05 { padding:5px}          .pd10 { padding:10px}
.pd15 { padding:15px}         .pd20 { padding:20px}
.pd25 { padding:25px}         .pd30 { padding:30px}
.pd35 { padding:35px}         .pd40 { padding:40px}
.pd45 { padding:45px}         .pd50 { padding:50px}

.pt00 { padding-top:0px}
.pt05 { padding-top:5px}     .pt10 { padding-top:10px}
.pt15 { padding-top:15px}    .pt20 { padding-top:20px}
.pt25 { padding-top:25px}    .pt30 { padding-top:30px}
.pt35 { padding-top:35px}    .pt40 { padding-top:40px}
.pt45 { padding-top:45px}    .pt50 { padding-top:50px}

.pb00 { padding-bottom:0} 
.pb05 { padding-bottom:5px}  .pb10 { padding-bottom:10px}
.pb15 { padding-bottom:15px} .pb20 { padding-bottom:20px}
.pb25 { padding-bottom:25px} .pb30 { padding-bottom:30px}
.pb35 { padding-bottom:35px} .pb40 { padding-bottom:40px}
.pb45 { padding-bottom:45px} .pb50 { padding-bottom:50px}

.pr00 { padding-right:0}
.pr05 { padding-right:5px}  .pr10 { padding-right:10px}
.pr15 { padding-right:15px} .pr20 { padding-right:20px}
.pr25 { padding-right:25px} .pr30 { padding-right:30px}
.pr35 { padding-right:35px} .pr40 { padding-right:40px}
.pr45 { padding-right:45px} .pr50 { padding-right:50px}

.pl00 { padding-left:0}
.pl05 { padding-left:5px}   .pl10 { padding-left:10px}
.pl15 { padding-left:15px}  .pl20 { padding-left:20px}
.pl25 { padding-left:25px}  .pl30 { padding-left:30px}
.pl35 { padding-left:35px}  .pl40 { padding-left:40px}
.pl45 { padding-left:45px}  .pl50 { padding-left:50px}


/* float */
.floatN{ float:none}
.floatL{ float:left}
.floatR{ float:right}

/*text*/
.textR { text-align:right}
.textL { text-align:left}
.textC { text-align:center}

/*--------------------------------------返回底部--------------------*/
/*返回顶部代码*/
.izl-rmenu {position:fixed; right:0; bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:52px;height:53px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#0090f7;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:53px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


/*page slideBox*/
.page_banner_wrap {
  width:100%;
  position:relative;
  height:370px;
  overflow:hidden;
}
.page_banner {
  position:absolute;
  left:50%;
  margin-left:-960px;
  width:1920px;
  height:370px;
}
.page_banner img {
}

/*--------------------------------------内页当前位置--------------------*/

.page_map{ width:100%; height:40px; line-height:40px; border-top:1px solid rgba(255, 255, 255, 0.08); margin-bottom:10px; margin-bottom:10px;position:absolute; bottom:0;}
.page_map .crumbs {
    color:#000;
    font-family:"宋体";
}
.page_map .crumbs a{
  font-size:12px;
  color:#000;
  font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
  margin:0 3px;
}

/*--------------------------------------内页导航--------------------*/
.page_nav .tits {font-size:30px;line-height:60px;color:#0d6fb8;font-weight:bold;padding-top:30px;
}
.page_nav .news_wgx .banner .banner-new .tabs {
    width:100%;
    height:48px;
    margin-top:50px;
}
.page_nav .tabs a {
    width:139px;
    height:40px;
    line-height:40px;
    border:2px solid #dfdfdf;
    border-radius:40px;
    display:block;
    float:left;
    margin-right:9px;
    margin-bottom: 5px;
    font-size:18px;
    text-align:center;
    color:#333;
}
.page_nav .tabs a.cur, .page_nav .tabs a:hover {
    width:120px;
    height:40px;
    background:#0d6fb8;
    line-height:40px;
  color:#fff;
    border:2px solid #0d6fb8;
}
.n_content_left{width:1200px; height:auto; position:relative;overflow:hidden;margin:0 auto;}




/*--------------------------------------------------------------------内页分页码*/
.page { margin:20px 0px; text-align:center; }
.page a, .page span { display:inline-block; width:45px;height:45px;line-height:45px; border-radius:2px;  color:#000; margin:0 5px; background:#ddd; }
.page span { color:#272729;background:#ddd; }
.page a.hover { background:#000;color:#fff; }
.page a:hover, .page span.pg_curr {background:#0090f7;color:#fff;  }

/*----------------------------------内页内容全局样式---------------------------*/
.page_main .main{ overflow:hidden; padding:20px 0;}
.page_text img{ max-width:100%;}
.page_text p{ font-size:14px; line-height:30px;}
.page_text table{
  text-align:inherit;
  line-height:inherit;
  font-size:100%;
  border-collapse:collapse;
  border-spacing:0;
}
.page_text table tbody {display:table-row-group;}
.page_text table tr {display:table-row;}
.page_text table th, .page_text table td {display:table-cell;}




/*--------------------------产品详情------------------------------------------*/
.focusBox { position:relative; width:600px; height:380px; overflow:hidden; }
.focusBox .pic img { width:600px; height:380px; display:block; }
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

.focusBox .prev,
.focusBox .next { width:45px; height:99px; position:absolute; top:130px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 }
.focusBox .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }

.pro_de_l  .name{color:#0d6fb8;}
.pro_content .title{ color:#666; font-size:20px;}
.pro_content .text{color:#666; font-size:16px; line-height:30px;}

.pro_text{ margin-top:30px; margin-bottom:30px;}
.pro_text .pro_title{ font-size:30px; text-align:center;margin-bottom:20px; border-top:1px dashed #ddd;padding-top:20px;}

/*--------------------------产品详情结束------------------------------------------*/

.case_list_box li{    width:380px;height:285px;position:relative; margin-right:20px; float:left; margin-bottom:15px;}
.case_list_box li .pic img{ width:100%;max-height:240px; min-height:285px; }
.case_list_box li .case_text_box{ background:#eee; padding:15px 10px;    width:360px;height:120px; position:absolute; left:0; bottom:0; z-index:9;    -webkit-transition:all 0.3s;}
.case_list_box li:hover .case_text_box{height:170px; bottom:0;    -webkit-transition:all 0.3s;background:rgba(0, 144, 247, 0.71);}
.case_list_box li .case_text_box h3{ font-size:18px; width:100%; height:30px;line-height:30px; overflow:hidden;}
.case_list_box li .case_text_box p.time{font-size:12px;color:#666;margin-bottom:10px;margin-top:10px;}
.case_list_box li .case_text_box p.text_p{ font-size:14px; width:100%; height:48px;line-height:24px; overflow:hidden;}
.case_list_box li:hover .case_text_box h3, .case_list_box li:hover .case_text_box p.text_p{ color:#fff;}
.case_list_box li:hover .case_text_box p.time{ color:#d3edff;}

/*--------------------------新闻列表------------------------------------------*/

.mbox_list {margin:10px 1%;padding:30px 0;position:relative;height:139px;color:#777777;width:46%;background:#FFFFFF;float:left;padding:10px 1%;
}
.mbox_list:hover{    box-shadow:0px 0px 10px #cdcdcd; background:#f8f8f8;}
.recommend_article_list_pic {float:left;margin-right:20px;height:139px;overflow:hidden;
}
.recommend_article_list_pic img { width:220px; height:auto}
.recommend_article_list_simple {
  margin:0;
  height:26px;
  line-height:26px;
  font-size:14px;
  color:#999999;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.recommend_article_list_content {margin-left:245px;
}
.recommend_article_list h3 {font-weight:400;margin:0;
}
.recommend_article_list h3 a {font-size:18px;color:#333333;font-weight:400;height:48px;line-height:24px;overflow:hidden;display:block;margin-bottom:10px;
}
.recommend_article_list_info {
    height:25px;
    margin:10px 0 10px 0;
    font-size:14px;
    color:#BBBBBB;
}
.recommend_article_list_info a.colorlink {
    color:#3ca5f6 !important;
    font-weight:400;
}
.recommend_article_list .pipe {
    display:inline-block;
    width:7px;
    height:7px;
    margin:0 10px;
    font-family:serif,"Tahoma",Arial,sans-serif;
}
.recommend_article_list_info a {
    display:inline-block;
    color:#BBBBBB;
}
.s_view {
    float:left;
    display:block;
    height:16px;
    width:16px;
    background-image:url(../images/comment.png);
    margin:2px 5px 0 5px;
  background-position:0 0;
}

/*----------------------------------新闻详情*/
.news_de_left h1{font-size:24px;}
.news_de_left .text_info { border-bottom:1px dashed #ddd; margin-bottom:20px; height:20px;line-height:20px; padding-bottom:20px;}

.news_de_left .share{margin-top:30px; padding-top:20px; border-top:1px dashed #ddd;}

.news_de_r ul li{ padding-bottom:20px;height:61px; margin-bottom:20px;border-bottom:1px dashed #ddd;}
.news_de_r ul li .box {width:96px; height:61px; overflow:hidden;}
.news_de_r ul li img{ width:100%;height:100%;}
.news_de_r ul li .text{ width:130px;}
.news_de_r ul li .text a{ display:block; height:40px;line-height:20px;  width:130px;overflow:hidden;}

.news_de_r { padding:15px 10px;background:#eee;
}

