@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;
	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;
}

/* 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(../../img/common/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:72px;height:73px;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:73px;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:300px;
	overflow:hidden;
}
.page_banner {
	position:absolute;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height: 300px;
}
.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: #fff;
    font-family: "宋体";
}
.page_map .crumbs a{
	font-size: 12px;
	color: #fff;
	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;
    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: 26px;}
.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: 390px;position:  relative; margin-right: 20px; float:left; margin-bottom: 15px;}
.case_list_box li .pic img{ width: 100%;max-height: 240px; min-height: 240px; }
.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;
}

