@charset "utf-8";
/* 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: 14px;}
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:#00827E;}
.relly{ color: #fdc725;}
/*定义整体装容器*/
/*--------------------------------------------------------------------主体框架*/
.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: #00827E;
text-decoration: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
/* 全局 文字设置
--------------------------------------------------------------------*/
/*不加粗文字*/
.Slim {
font-weight: normal;
}
.strong{ font-weight: bold;}
.reb{ color: #FF0000;}
/*文字大小*/
.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;
}
.text_32 {font-size: 32px;}
.text_34 {font-size: 34px;}
.text_36 {font-size: 36px;}
.text_38 {font-size: 38px;}
.text_40 {font-size: 40px;}
.text_42 {font-size: 42px;}
.text_44 {font-size: 44px;}
.text_46 {font-size: 46px;}
.text_47 {font-size: 48px;}
.text_50 {font-size: 50px;}
/* color 文字全局色调
--------------------------------------------------------------------*/
.color_1, .color_1:link, .color_1:visited, .color_1:hover {
color: #1b5eb1
}
.color_ccc, .color_ccc:link, .color_ccc:visited, .color_ccc:hover {
color: #ccc
}
.color_999, .color_999:link, .color_999:visited, .color_999:hover {
color: #999
}
.color_666, .color_666:link, .color_666:visited, .color_666:hover {
color: #666
}
.color_333, .color_333:link, .color_333:visited, .color_333:hover {
color: #333
}
.color_fff, .color_fff:link, .color_fff:visited, .color_fff:hover {
color: #fff
}
/* alltitle 全局标题
--------------------------------------------------------------------*/
.alltitle {
border-bottom: 1px dashed #d2d2d2;
height: 30px;
line-height: 30px;color:#7c7c7c;
}
.alltitle a:link, .alltitle a:visited, .alltitle a:hover {
color:#7c7c7c;
}
.alltitle h3 {
font-size: 14px;
color: #333;
display:none;
}
/* tab 选项卡样式
--------------------------------------------------------------------*/
.tab {
width: 100%;
}
.tab .hd {
height: 30px;
height: 30px;
border-bottom: solid 1px #e1e1e1;
border-left: solid 1px #e1e1e1;
margin-bottom: 10px;
font-size: 14px;
_height: 30px;
_position: relative;
}
.tab .hd ul {
_width: 100%;
_height: 30px;
_position: absolute;
_left: 0px;
_top: 0px;
}
.tab .hd ul li {
float: left;
padding: 0 15px;
cursor: pointer;
}
.tab .hd ul li{
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
height: 29px;
line-height: 28px;
display: block;
text-align: center;
border: solid 1px #cccccc;
border-bottom: none;
border-left: none;
color: #494949;
background: url(../../img/common/input.gif) repeat-x left top;
_display: inline-block;
}
.tab .hd ul li.on {
border-top: solid 2px #1b5eb1;
border-bottom: solid 1px #fff;
color: #1b5eb1;
height: 28px;
line-height: 26px;
background: #fff;
}
.tab .bd ul {
zoom: 1;
}
.tab .bd li {
line-height: 24px;
}
.tab .bd li .date {
float: right;
color: #999;
}
/*标签样式
--------------------------------------------------------------------*/
.Tags a, .Tags a:link, .Tags a:visited, .Tags a:hover {
display: inline-block;
background: #1b5eb1;
color: #fff;
margin-right: 5px;
padding: 2px 5px 2px 5px;
}
/* 主体布局部分
--------------------------------------------------------------------*/
.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}
/*display*/
.hide{ display:none}
.show{ display:block}
.inline{display:inline}
.block{display:block}
/*overflow*/
.ov_h{overflow:hidden}
/*background*/
.bg_000{background:#000;}
.bg_red{background:red;}
.bg_fff{background:#fff;}
/*--------------------------------------------------------------------内页分页码*/
.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: #00827E;color: #fff; }
img.img{transition: all ease-out .8s;}
.img{ overflow: hidden;}
.ind_about .l:hover .img, .ind_about .r li:hover img, .ind_news_l:hover .box img, .news_r .fist:hover .box img, .page_news_list li:hover .box img, .pro_list li:hover .box img, .page_pro_new li:hover img{
transform: scale(1.3, 1.3);
}
.news_r li a:hover{ color: #00827E}