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