@charset "utf-8"; /*初始化*/ body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}img{border:0;}button,input,select,textarea{font-size:100%;}ul,ol{ padding-left:40px;} .clear{ clear:both; } .list-none{ list-style:none; padding:0px; margin:0px;} .editor{ line-height:2; color:#333;} .editor ul,.editor ol{ padding:0px 0px 0px 25px; margin:0px;} .editor a{ color:#1C57C4; text-decoration:underline;} .editor .metvideobox{ text-align:center; margin:10px auto; } .editor .video-js{ max-width:100%; } .editor img{max-width:100%} .editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd} .editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box} .editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0} .editor table td{} .editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{} .editor table>thead>tr>th{} /*按钮*/ .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);} .button:hover { text-decoration: none; color:#fff; } .button:active { position: relative; top: 1px;} .orange{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');} input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../images/dt-10.gif) repeat-x left top; } input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;} /*表单*/ td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold;} td.input{ padding:6px 8px;} td.input input{ margin-right:8px;} td.input .info{ padding-left:15px; color:#f00;} td.input img{ position:relative; bottom:1px;} td.submint{ padding:10px;} /*工具栏*/ .met_hits{ height:35px; line-height:35px; margin-top:10px; border-top:1px dotted #ccc; text-align:center; position: relative; color:#666; width:100%;} .met_hits a{ color:#666;} .met_hits .metjiathis{ position:absolute; left:5px; top:8px;} .met_page{ text-align:center; margin-top:20px;border-top: 1px solid #dedede;padding: 15px 0px;} .met_page a{ margin-right:50px; color:#1C57C4; text-decoration:underline;} /*翻页*/ #flip{ margin-bottom:15px;} #productlist_com #flip{ position:absolute; bottom:0px;width:816px;} #imglist_com #flip{ position:absolute; bottom:0px;width:816px;} /*附件*/ .met_annex{ color:#f00; text-decoration:underline;} .met_annex:hover{ color:#f00; text-decoration:underline} /*简介模块*/ #showtext{ background:#fff; margin-bottom:20px;padding: 0px 10px 50px;} #showtext_com{ padding:15px 12px;position:relative; padding-bottom:0px;} /*#showtext_com p {line-height: 30px;}*/ /*sidebar*/ .ny_l{ float:left; width:245px; margin: 49px 0px; display: none;} #sidebar{width:245px; float:left;background: #fff;} #sidebar h2{width:245px;height:80px; background:url(../images/bg5.jpg) no-repeat right; font-size:18px; color:#FFF; line-height:80px; text-align:center; font-weight:600;} #sidebar li h3{width:245px;background:url(../images/bg6.jpg) no-repeat right; line-height:67px; height:67px; overflow:hidden;border-bottom:1px solid #fce7de;} /*#sidebar li h3:hover{background:url(../images/bg7.jpg) no-repeat right;}*/ #sidebar li h3:hover{background:#EA5B23;} #sidebar li h3 a{font-size:16px;color:#313131; display:block; text-indent:7px; } /*#sidebar li h3:hover a{color:#ea5b24;}*/ #sidebar li h3:hover a{color:#fff;} #sidebar li dl dd{background:#fff; line-height:47px; text-indent:11px; height:47px; font-size:14px;border-bottom: 1px solid #ddd;} /*#sidebar li dl dd:hover{background:url(../images/pside31.jpg) no-repeat;}*/ #sidebar li dl dd:hover{background:#EA5B23;} #sidebar li dl dd a{ display:block;} /*#sidebar li dl dd a:hover{ color:#ea5b24;}*/ #sidebar li dl dd a:hover{ color:#fff;} #sidebar p{margin-top:10px; width:165px; height:76px; background:#d30f29; border-bottom:4px solid #b50018; color:#fff; padding:32px 0 0 20px; font-size:16px;} #sidebar p span{ background:url(../images/pro_tel.jpg) no-repeat left top; padding-left:53px; height:50px; display:block;} #sidebar p span em{ display:block; font-size:20px; font-weight:bold; font-family:arial; font-style:italic;} .remove_line{border-bottom: 2px solid #ddd;height: 40px;line-height: 40px; margin-bottom:12px;} .remove_line h2{ display:inline-block;padding: 0 15px;font-size: 16px;font-weight: 400; color: #006269;border-bottom: 2px solid #006269;margin-bottom: -2px;} /*gap*/ .pathWrap {line-height: 40px; margin:30px auto 10px; font-size:14px; background-color:#f6f6f6;border-bottom: 1px dashed #ccc; width: 1152px;} .path {padding-left: 35px;background: url('../images/icon-home.png') no-repeat 10px center;} .path em { font-style: normal; } .path span, .path a { margin: 0 5px; } /*文章内页*/ #newslist_right{ background:#fff; position:relative;} #newslist_right time{padding-top: 15px;color: #666;font-size: 14px; display:block;} #shownews{ background:#fff; position:relative;margin-bottom:20px;} #shownews .title{border-bottom:1px solid #e5e5e5;} #shownews .title h3{ line-height:40px; text-align:center; color:#FF6100; font-size:24px; font-family:"Microsoft yahei"; padding:50px 25px 0;} #shownews .title p{ height:18px; line-height:18px; color:#ababab; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:22px;} #shownews .editor{ width:952px; margin:36px auto; color:#5a5a5a; font-size:14px; font-family:"Microsoft yahei";} #shownews .editor img{ max-width:100%;} #shownews .fanhui{ width:144px; height:40px; display:block; margin:30px auto; line-height:40px; text-align:center; background:#FF6100; color:#fff; font-size:18px; font-family:"Microsoft yahei";} .news_di{ height:35px; border-left:none;border-right:none;} .news_di .nextnews{ height:40px; line-height:34px; padding:0 100px; overflow: hidden; color:#5a5a5a; font-size:14px; font-family:"Microsoft yahei";} .news_di .nextnews .s{ float: left; width:47%; overflow:hidden;} .news_di .nextnews .n{ float:right;width:47%; overflow:hidden;} .news_di .nextnews a{color:#5a5a5a; font-size:14px; font-family:"Microsoft yahei";} .news_di .nextnews a:hover{ color:#FF6100;} .news_di .fxz{ text-align:center; color:#5a5a5a; font-size:18px; font-family:"Microsoft yahei"; height:54px; line-height:54px;} /*文章列表页*/ .view2 li{ height:168px; overflow:hidden; padding:40px; border-top:1px solid #f2f2f2; background:url(../images/right.png) no-repeat 1060px 120px;} .view2 li:hover{ background:url(../images/right_1.png) no-repeat 1060px 120px;} .view2 li img.imgurl{ width:260px; height:168px; float:left;} .view2 li .time{ width:139px; height:58px; border-right:1px solid #e5e5e5; display:block; float:left; line-height:29px; padding:55px 0; text-indent:30px;} .view2 li .time p{ color:#a9a9a9; font-family:Arial, Helvetica, sans-serif; font-size:20px;} .view2 li .time p.cn{ color:#646464; font-size:32px; font-family:Arial, Helvetica, sans-serif;} .view2 li h3{ display:block; width:420px; float:right; height:168px; margin-right:153px; font-weight:normal;} .view2 li h3 .tit{ color:#323232; font-size:18px; font-family:"Microsoft yahei"; height:40px; overflow:hidden; line-height:40px; } .view2 li:hover h3 .tit{ color:#EB5C24;} .view2 li h3 .des{ color:#646464; font-size:14px; font-family:"Microsoft yahei"; line-height:24px;} /*产品模块*/ .ny_product{ overflow:hidden;} .cpny { overflow: hidden;} #productlist{ background: #fff; margin-bottom: 20px; float:right; /*width:825px;*/ width:100%; margin-top:49px; min-height: 540px} #productlist li{ float:left; display:inline; text-align:center;margin: 20px 14px;} #productlist li a.img{ display:block; text-align:center; font-size:0px;} #productlist li a.img img{ margin:auto; border:1px solid #ccc;height: auto; width: 241px;} #productlist li h3{padding: 10px 0px 0px; font-weight:normal; line-height:1.5;background: #f5f5f5; width: 241px; font-size:16px; border-bottom:1px solid #dbdbda;border-right:1px solid #dbdbda;border-left:1px solid #dbdbda; height:48px;} #productlist li h3 a{ color:#313131;} #productlist li h3 a:hover{ color:#E95923;} #showproduct{margin: 49px 0px;width:1090px;float: right;padding: 0px 5px;background: #fff;} #showproduct h1.title{ font-size:18px; margin-bottom:5px;color: #EB5C24;border-bottom: 2px solid #EB5C24; padding: 20px 15px 11px;} #showproduct .pshow dt{/* float:left; */margin: 0 auto;width: 400px !important;} #showproduct .pshow dd{ /*float:right;*/ display:none;} .spic a img {border: 1px solid #ddd!important;height: 50px !important; width:auto;} #showproduct .pshow dd ul{ margin-left:15px; } #showproduct .pshow dd li{ padding:5px 5px 5px 45px; min-height:28px; _height:28px; margin:5px 0px; clear:both; border-bottom:1px solid #eee; position:relative; line-height:2; } #showproduct .pshow dd li span{ position:absolute; left:0px; top:0px; color:#F96329; padding:5px; height:28px;} #showproduct .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:16px; border-bottom:1px dotted #ccc; font-weight: normal; } #showproduct .editor{ line-height:2; padding:0px 10px; font-size:14px;} /*产品中心*/ #productlist_cp{ background: #fff; margin-bottom: 20px; float:right; /*width:825px;*/ width:100%; height:780px; margin-top:49px;background:url(../images/cpzx.jpg) no-repeat center; position:relative; } #productlist_cp a{ display:block; width:312px; height:53px; line-height:53px; font-size:16px; color:#fff; font-weight:bold; background:url(../images/productlist_cp_li.png) no-repeat center;position:absolute; text-indent:60px;} #productlist_cp .productlist_cp1{ right:70px;top: 60px;} #productlist_cp .productlist_cp2{ right:86px;top: 180px;} #productlist_cp .productlist_cp3{ right:114px; top: 300px;} #productlist_cp .productlist_cp4{ right:170px;top: 420px;} #productlist_cp .productlist_cp5{ right:256px;top: 540px;} #productlist_cp .productlist_cp6{ right:412px;top: 660px;} /*下载模块*/ #downloadlist{ padding:15px;} #downloadlist .metlist{ margin-bottom:20px;} #downloadlist dl.top dt a{ color:#f00;} #downloadlist .metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(../images/dt-9.gif) no-repeat 5px 11px;} #downloadlist .metlist dd{ color:#999; padding:5px 8px; background:#f8f8f8;} #downloadlist .metlist dd b{ font-weight:normal;} #downloadlist .metlist dd div{ float:right;} #downloadlist .metlist dd span{ padding-right:20px;} #downloadlist .metlist dd a{ color:#1C57C4; text-decoration:underline;} #downloadlist .metlist dd a.down{ color:#fa1a1a; text-decoration:underline;} #showdownload{ padding:15px;} #showdownload h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;} #showdownload .paralist{ background:#f6f6f6; padding:5px 10px;} #showdownload .paralist li{ padding:3px 5px 3px 0px; margin:5px 0px; border-bottom:1px solid #eee;} #showdownload .paralist li a{ color:#f00; text-decoration:underline;} #showdownload .paralist li span{ float:left; padding:0px 10px; margin-right:5px; text-align:left; } #showdownload .editor{ line-height:2; padding:0px 10px; font-size:14px;} #showdownload .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /*图片模块*/ #imglist{ background-color:#FFF;margin-top: 49px;} #imglist ul{ list-style:none;} #imglist li{ float:left; display:inline; text-align:center;margin: 20px 14px;width: 241px; } #imglist li img { width:241px; height:165px;vertical-align: bottom;} #imglist li h3{ font-weight:normal; font-size:14px; text-align:center; line-height:32px; background:#f5f5f5;} #imglist li h3:hover{ /*background:#EA5B24;*/ color:#EA5B24;} #imglist_right{ float:right;width:880px;} #imglist_com{ padding:15px 12px;position:relative; padding-bottom:90px;} #imglist_right ul{ padding-left:14px;width:846px; margin-top:20px;} #imglist_right li{ float:left;text-align:center;width:264px; margin-right:18px; margin-bottom:20px;} #imglist_right li img{width:100%; display:block;} #imglist_right li h1{ font-size:14px; line-height:28px;} #showimg{ background-color:#FFF;margin-top: 49px;} #showimg_right{float:right;width:880px;} #showimg_com{ padding:15px 12px;position:relative; padding-bottom:90px;} #showimg h1.title{ font-size:18px; padding:5px 0px;line-height: 50px; text-align:center;} #showimg .imgshow{ text-align:center;} .smallimg {margin: 15px auto;width: 703px !important;overflow: hidden;} .spic {float: left;display: block;overflow: hidden;width: 73px;margin-right: 5px; height: 60px;} #showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;} .imgparalist li{ padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;} .imgparalist li span{ float:left; margin-right:10px; color:#999;} #showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /*招聘模块*/ #joblist{ padding:15px;} #joblist dl{ padding:0px 5px 0px; margin-bottom:15px;} #joblist dt{ padding:5px 10px; font-size:16px; font-weight:bold; border-bottom:1px dotted #ccc;} #joblist dt .dtail{ float:right;} #joblist dt .dtail a{ font-size:14px; color:#999; margin-left:20px;} #joblist dt .dtail a:hover{ color:#f00;} #joblist dd{ padding:0px 0px 5px;} #joblist dd .dtail{ padding:5px 10px; border-top:1px dotted #ccc;} #joblist dd .dtail span{ margin-right:20px;} #joblist dd .dtail a{ color:#1C57C4;} #joblist dd .editor{padding:5px;} #joblist dd .mis{ padding:5px 10px;} #joblist dd .mis span{ margin-right:15px; color:#999;} #showjob{ padding:15px;} #showjob h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;} #showjob .paralist li{ float:left; width:45%; padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;} #showjob .paralist li span{ float:left; margin-right:10px; color:#999;} #showjob .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } #showjob .info_cv{ font-size:12px; text-align:center; margin:10px 0px; } #showjob .editor{ line-height:2; padding:0px 10px; font-size:14px; } #cvlist{ padding:15px;} /*在线留言*/ #messagelist{ padding:15px;} #messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;} #messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;} #messagelist .metlist dt span.name{ color:#2c7199;} #messagelist .metlist dt span.time{ padding-left:8px; color:#999;} #messagelist .metlist dt span.tt{ float:right; padding-right:5px;} #messagelist .metlist dd.info span.tt{ display:none; clear:both;} #messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;} #messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;} #messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;} #messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;} #messagelist table{ margin:0px auto;} #messagetable{ padding:15px;} #messagetable table{ margin:0px auto;} /*在线反馈*/ #feedback{ padding:15px;width:770px; float:left;} #feedback table{ margin:0px auto;} /*友情链接*/ #linklist{ padding:15px 15px 25px;} #linklist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;} #linklist .inside{ padding:15px 0px 0px;} #linklist .metlist .img li{ list-style:none; display:inline; padding-right:5px;} #linklist .metlist .img img{ width:88px; height:31px;} #linklist .metlist .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;} #linksubmit{ padding:15px;} #linksubmit table{ margin:0px auto;} #memberbox{ padding:15px;} /*站内搜索*/ ul.searchnavlist{ list-style:none; padding:0px; margin:0px;} ul.searchnavlist li{ padding:5px 0px;} #searchlist{ padding:15px;margin-bottom: 20px;background: #fff;} #searchlist li{ padding-left:10px; margin-bottom:6px; line-height:1.5;} #searchlist ul{ list-style:none; padding:0px; margin:0px;} #searchlist ul li{ padding:3px 5px; margin-bottom:5px;} #searchlist ul li img{ display:none;} #searchlist .search_title{ display:block; padding:2px 0px;} #searchlist .search_title a{ font-size:14px; color:#12C; text-decoration:underline;} #searchlist .search_title em{ color:#c00; text-decoration:underline; font-style:normal;} #searchlist .search_detail{ display:block; } #searchlist .search_detail a{ text-decoration:underline; color:#12C;} #searchlist .search_content em{ color:#c00; font-style:normal;} #searchlist .search_updatetime{ display:block; margin-top:5px; color:green;} #searchlist a:hover{ text-decoration:underline;} /*网站地图*/ #sitemaplist{ padding:15px;} #sitemaplist .sitemapclass{ padding:5px 0px;} #sitemaplist .sitemapclass1{ display:block; height:28px; line-height:28px; margin-bottom:5px; border-bottom:1px solid #ddd;} #sitemaplist .sitemapclass1 a{ padding:5px 10px; background:#eee;} #sitemaplist .sitemapclass2{ padding-left:15px; padding-top:3px;} #sitemaplist .sitemapclass2 h3{ background:url(../images/dt-0.gif) no-repeat left center; padding:2px 8px;} #sitemaplist .sitemapclass2 h3 a{ color:#444;} #sitemaplist .sitemapclass2 div{ padding-left:2px;} #sitemaplist .sitemapclass2 h4{ display:inline; padding:2px 6px;} #sitemaplist .sitemapclass2 h4 a{ text-decoration:underline; color:#2c7199;} /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} .digg4{ padding:24px; margin:6px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:4px 10px 4px 10px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:4px 10px 4px 10px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:4px 10px 4px 10px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#0061de; } .metpager_5 a:hover { border:1px solid #2b55af; color:#fff; background-color:#3666d4;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#000; text-decoration:none;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#ddd;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:4px 10px 4px 10px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:4px 10px 4px 10px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:4px 10px 4px 10px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:4px 10px 4px 10px; color:#aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .metpager_8 a:hover { border:1px solid #EB5C24; color:#fff; background-color:#EB5C24;} .metpager_8 span.current {border:1px solid #EB5C24; padding:4px 10px 4px 10px; margin:2px; color:#aaa; background-color:#EB5C24; text-decoration:none; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:4px 10px 4px 10px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:4px 10px 4px 10px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:4px 10px 4px 10px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:4px 10px 4px 10px; margin:2px; color:#ccc;} .show_tit{ width:392px; height:100px; text-align:center; margin:0 auto 20px;} .show_tit .cn_tit{ height:32px; line-height:32px; padding-top:26px; color:#adadad; font-size:26px;} .show_tit .cn_tit span{ color:#323232; font-size:26px; font-family:"Microsoft yahei";} .show_tit .en_tit{ height:18px; line-height:18px; color:#b4b4b4; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase;} .fazhan .show_tit{ margin-bottom:0px;} .nf{ height:100px; border-bottom:1px dashed #c4c4c4; position:relative;} .nf .nianfen{} .nf .nianfen a{ width:87px; height:40px; display:block; color:#5a5a5a; font-size:22px; text-align:center; line-height:40px; font-family:Arial, Helvetica, sans-serif;} .nf .nianfen a:hover{ background:url(../images/fa.png) no-repeat; color:#fff;} .nf .nianfen a.dq{ background:url(../images/fa.png) no-repeat; color:#fff;} .nf .bx-wrapper{ margin:0 auto;} .nf .bx-pager{ display:none;} .nf .bx-prev{ width:30px; height:30px; display:block; position:absolute; top:35px; left:50%; margin-left:-403px; overflow:hidden; background:url(../images/left.png) no-repeat; line-height:200px;} .nf .bx-next{ width:30px; height:30px; display:block; position:absolute; top:35px; left:50%; margin-left:373px; overflow: hidden; background:url(../images/right.png) no-repeat; line-height:200px;} .nf .bx-prev:hover{ background:url(../images/left_1.png) no-repeat;} .nf .bx-next:hover{background:url(../images/right_1.png) no-repeat; } .nf .bx-viewport{ position:relative; top:30px;} /*客户案例*/ .khal{ overflow:hidden;} .khal_r{ background: #fff; margin-bottom: 20px;float: right;/*width: 820px;*/ margin-top: 49px; min-height: 540px;width: 1060px; padding: 15px 20px;} .khal_r table { width: 100%!important; margin-bottom: 1.6rem; border-spacing: 0!important; border-collapse: collapse!important; padding: 0!important; border: 0; } .khal_r img{ width:100%;} /*典型客户*/ .ny_dxkh{background: #fff; margin-bottom: 20px;float: right;width:width: 1090px;; margin-top: 49px; min-height: 540px;padding:15px 5px;} .wykh{ width:202px; height:auto; float:left; margin-right:20px;} .wykh h1{ width:202px; height:123px; background:#707070; color:#fff; line-height:123px; text-align:center; font-size:20px;} .wykh_d{ margin-top:20px;} .wykh_d li{ float:left; width:100%; margin-top:10px;} .wykh_d li img{ width: 100%;border: 1px solid #E4E4E4;height: 123px;} .wykh_d li h2{ font-size:16px; font-weight:normal; text-align:center; line-height:32px;} .zbkh{ width:202px; height:auto; float:left; margin-right:20px;} .zbkh h1{ width:202px; height:123px; background:#d8b765; color:#fff; line-height:123px; text-align:center; font-size:20px;} .zbkh_d{ margin-top:20px;} .zbkh_d li{ float:left; width:100%; margin-top:10px;} .zbkh_d li img{ width: 100%;border: 1px solid #E4E4E4;height: 123px;} .zbkh_d li h2{ font-size:16px; font-weight:normal; text-align:center; line-height:32px;} .dzkh{ width:202px; height:auto; float:left; margin-right:20px;} .dzkh h1{ width:202px; height:123px; background:#009fe8; color:#fff; line-height:123px; text-align:center; font-size:20px;} .dzkh_d{ margin-top:20px;} .dzkh_d li{ float:left; width:100%; margin-top:10px;} .dzkh_d li img{ width: 100%;border: 1px solid #E4E4E4;height: 123px;} .dzkh_d li h2{ font-size:16px; font-weight:normal; text-align:center; line-height:32px;} .qckh{ width:202px; height:auto; float:left; margin-right:20px;} .qckh h1{ width:202px; height:123px; background:#9e9e9f; color:#fff; line-height:123px; text-align:center; font-size:20px;} .qckh_d{ margin-top:20px;} .qckh_d li{ float:left; width:100%; margin-top:10px;} .qckh_d li img{ width: 100%;border: 1px solid #E4E4E4;height: 123px;} .qckh_d li h2{ font-size:16px; font-weight:normal; text-align:center; line-height:32px;} .zgkh{ width:202px; height:auto; float:left;} .zgkh h1{ width:202px; height:123px; background:#1d2087; color:#fff; line-height:123px; text-align:center; font-size:20px;} .zgkh_d{ margin-top:20px;} .zgkh_d li{ float:left; width:100%; margin-top:10px;} .zgkh_d li img{ width: 100%;border: 1px solid #E4E4E4;height: 123px;} .zgkh_d li h2{ font-size:16px; font-weight:normal; text-align:center; line-height:32px;} @charset "utf-8"; /* CSS Document */ .ideaboxTimeline { width: 100%; height: auto; position: relative; overflow: hidden; line-height: 1.3; color: #333; } .ideaboxTimeline .it-spine { width: 0px; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -3px; z-index: 1; border: solid 3px #c0d1db; } .ideaboxTimeline .it-box { width: 50%; box-sizing: border-box; margin-top: 30px; position: relative; z-index: 2; opacity: 0; } .ideaboxTimeline .it-box:hover .it-iconbox>span { } .ideaboxTimeline .it-left { float: left; clear: left; } .ideaboxTimeline .it-right { float: right; clear: right; } .ideaboxTimeline .it-content { height: auto; overflow: hidden; padding: 20px; } .ideaboxTimeline .it-iconbox { position: absolute; width: 30px; height: 0px; border-top: solid 1px #cfcfcf; z-index: 10px; background: #000; } .ideaboxTimeline .it-iconbox>span { display: inline-block; height: 22px; width: 22px; background:url(../images/dian.png) no-repeat; position: absolute; } .ideaboxTimeline .it-left .it-content { margin-right: 30px; } .ideaboxTimeline .it-right .it-content { margin-left: 30px; } .ideaboxTimeline .it-left .it-iconbox { right: 0; top: 20px; } .ideaboxTimeline .it-right .it-iconbox { left: 0; top: 40px; } .ideaboxTimeline .it-left .it-iconbox>span { right: -11px; top: -11px; } .ideaboxTimeline .it-right .it-iconbox>span { left: -11px; top: -11px; } .ideaboxTimeline .it-left .it-content:after { } .ideaboxTimeline .it-left .it-content:before { } .ideaboxTimeline .it-right .it-content:after { } .ideaboxTimeline .it-right .it-content:before { } .ideaboxTimeline .it-minibox { width: 100%; margin-top: 20px; float: left; height: auto; text-align: center; clear: both; position: relative; z-index: 3; padding: 20px 0; } .ideaboxTimeline .it-minibox>span { display: inline-block; font-weight: bold; padding: 10px 20px; background: #069; cursor: pointer; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*content style ----------------------------------*/ .ideaboxTimeline .it-content h1 a, .ideaboxTimeline .it-content h2 a, .ideaboxTimeline .it-content h3 a, .ideaboxTimeline .it-content h4 a, .ideaboxTimeline .it-content h5 a, .ideaboxTimeline .it-content h6 a { text-decoration: none; color: #069; } .ideaboxTimeline .it-content p { padding: 0; margin: 0; display: block; } .ideaboxTimeline .it-content .it-infobar { width: 100%; height: auto; box-sizing: border-box; border-top: solid 1px #DDD; margin: 10px 0 0 0; padding: 10px 0 0 0; } .ideaboxTimeline .it-content a { text-decoration: none; color: #069; } .ideaboxTimeline .it-content a:hover { text-decoration: underline; } .ideaboxTimeline .it-content>.it-infobar>em { font-size: 13px; opacity: 0.6; } .ideaboxTimeline .it-content>.it-infobar>a { display: inline-block; width: 24px; height: 24px; opacity: 0.3; } .ideaboxTimeline .it-content>.it-infobar>a:hover { opacity: 1; } .ideaboxTimeline .it-content>.it-infobar>a.it-facebook { background: url(../img/it-facebook.png) center no-repeat; } .ideaboxTimeline .it-content>.it-infobar>a.it-twitter { background: url(../img/it-twitter.png) center no-repeat; } .ideaboxTimeline .it-content>.it-infobar>a.it-googleplus { background: url(../img/it-googleplus.png) center no-repeat; } .ideaboxTimeline .it-content>.it-infobar>a.it-readmore { display: inline-block; width: auto; height: auto; text-decoration: none; float: right; opacity: 1; color: #069; } .ideaboxTimeline .it-content>.it-infobar>a.it-readmore::before, .ideaboxTimeline .it-content>.it-infobar>a.it-readmore::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .ideaboxTimeline .it-content>.it-infobar>a.it-readmore::before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } .ideaboxTimeline .it-content>.it-infobar>a.it-readmore::after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } .ideaboxTimeline .it-content>.it-infobar>a.it-readmore:hover::before, .ideaboxTimeline .it-content>.it-infobar>a.it-readmore:hover::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } .ideaboxTimeline .it-content .it-image { width: 100%; overflow: hidden; position: relative; display: block; margin-bottom: 10px; } .ideaboxTimeline .it-content .it-image>img { width: 100%; display: block; } .ideaboxTimeline .it-content .it-image:hover span { opacity: 1; } .ideaboxTimeline .it-content .it-image>span { position: absolute; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0; right: 0; top: 0; bottom: 0; opacity: 0; } .ideaboxTimeline .it-content .it-image>span>i { display: block; width: 24px; height: 24px; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -12px; background: url(../img/it-zoomimage.png) center no-repeat; } .ideaboxTimeline .it-content iframe { width: 100%; display: block; margin-bottom: 10px; position: relative; z-index: 1; } .ideaboxTimeline .it-right .it-content .it-leftdata { position: absolute; left: 50px; top: 20px; } .ideaboxTimeline .it-right .it-content .it-leftdata img { width: 80px; height: 80px; display: block; } .ideaboxTimeline .it-right .it-content .it-rightdata { padding-left: 100px; box-sizing: border-box; } .ideaboxTimeline .it-left .it-content .it-leftdata { position: absolute; right: 50px; top: 20px; } .ideaboxTimeline .it-left .it-content .it-leftdata img { width: 80px; height: 80px; display: block; } .ideaboxTimeline .it-left .it-content .it-rightdata { padding-right: 100px; box-sizing: border-box; } .ideaboxTimeline .it-content .it-gallery { width: 100%; display: block; position: relative; height: 200px; overflow: hidden; margin-bottom: 10px; } .ideaboxTimeline .it-content .it-gallery>a { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0; } .ideaboxTimeline .it-content .it-gallery>a:first-child { display: block; } .ideaboxTimeline .it-content .it-gallery:hover div { opacity: 1; } .ideaboxTimeline .it-content .it-gallery>a>img { display: block; width: 100%; position: absolute; min-height: 100%; } .ideaboxTimeline .it-content .it-gallery>div { position: absolute; opacity: 0; bottom: 10px; left: 0; right: 0; text-align: center; } .ideaboxTimeline .it-content .it-gallery>div>span { display: inline-block; height: 10px; width: 10px; border: solid 2px #FFF; margin: 0 4px; cursor: pointer; } .ideaboxTimeline .it-content .it-gallery>div>span:hover { background: #FFF; } .ideaboxTimeline .it-content .it-gallery>div>span.it-gactive { background: #FFF; } /**************************************/ .ideaboxTimeline .it-iconbox>span, .ideaboxTimeline .it-content .it-gallery>div>span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .it-easing, .ideaboxTimeline .it-content>.it-infobar>a, .ideaboxTimeline .it-content .it-image>span, .ideaboxTimeline .it-content .it-gallery>div>span, .ideaboxTimeline .it-content .it-gallery>div, .ideaboxTimeline .it-box, .ideaboxTimeline .it-iconbox>span { transition: .25s linear; -moz-transition: .25s linear; -webkit-transition: .25s linear; } .ideaboxTimeline img { border: none; } .ideaboxTimeline .it-animate { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /*mobile css codes ----------------------------------*/ @media screen and (max-width:768px) { .ideaboxTimeline .it-spine { position: absolute; top: 0; bottom: 0; left: 6px; } .ideaboxTimeline .it-box { width: 100%; } .ideaboxTimeline .it-left { float: left; clear: left; } .ideaboxTimeline .it-right { float: left; clear: right; } .ideaboxTimeline .it-content { height: auto; } .ideaboxTimeline .it-left .it-content { margin-left: 40px; margin-right: 0; } .ideaboxTimeline .it-right .it-content { margin-left: 40px; } .ideaboxTimeline .it-left .it-iconbox { left: 0; top: 30px; } .ideaboxTimeline .it-right .it-iconbox { left: 0; top: 30px; } .ideaboxTimeline .it-left .it-iconbox>span { left: 0; top: -7px; } .ideaboxTimeline .it-right .it-iconbox>span { left: 0; top: -7px; } .ideaboxTimeline .it-minibox { box-sizing: border-box; margin-left: 30px; } .ideaboxTimeline .it-iconbox { width: 30px; } .ideaboxTimeline .it-right .it-content:after, .ideaboxTimeline .it-left .it-content:after { content: ''; position: absolute; left: 31px; right: inherit; top: 20px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #FFF transparent transparent; } .ideaboxTimeline .it-right .it-content:before, .ideaboxTimeline .it-left .it-content:before { content: ''; position: absolute; left: 30px; right: inherit; top: 19px; border-style: solid; border-width: 11px 11px 11px 0; border-color: transparent #d7e4ed transparent transparent; } .it-red .it-right .it-content:after, .it-red .it-left .it-content:after { border-right-color: #e84450; } .it-red .it-right .it-content:before, .it-red .it-left .it-content:before { border-right-color: #e84450; } .it-dark .it-right .it-content:after, .it-dark .it-left .it-content:after { border-right-color: #3c3d41; } .it-dark .it-right .it-content:before, .it-dark .it-left .it-content:before { border-right-color: #3c3d41; } .it-blue .it-right .it-content:after, .it-blue .it-left .it-content:after { border-right-color: #2096cd; } .it-blue .it-right .it-content:before, .it-blue .it-left .it-content:before { border-right-color: #2096cd; } .it-soft .it-right .it-content:after, .it-soft .it-left .it-content:after { border-right-color: #e2edf2; } .it-soft .it-right .it-content:before, .it-soft .it-left .it-content:before { border-right-color: #e2edf2; } .it-grey .it-right .it-content:after, .it-grey .it-left .it-content:after { border-right-color: #cccccc; } .it-grey .it-right .it-content:before, .it-grey .it-left .it-content:before { border-right-color: #cccccc; } .ideaboxTimeline .it-right .it-content .it-leftdata { left: 60px; } .ideaboxTimeline .it-left .it-content .it-leftdata { right: 20px; } } .it-red { color: #FFF; } .it-red .it-iconbox { border-color: #b0313a; } .it-red .it-iconbox>span { background: #FFF; border-color: #e84450; } .it-red .it-left .it-content:after { border-left-color: #e84450; } .it-red .it-left .it-content:before { border-left-color: #b0313a; } .it-red .it-right .it-content:after { border-right-color: #e84450; } .it-red .it-right .it-content:before { border-right-color: #b0313a; } .it-red .it-minibox>span { background: #e84450; color: #FFF; } .it-red .it-content h1, .it-red .it-content h2, .it-red .it-content h3, .it-red .it-content h4, .it-red .it-content h5, .it-red .it-content h6 { color: #FFF; } .it-red .it-content h1 a, .it-red .it-content h2 a, .it-red .it-content h3 a, .it-red .it-content h4 a, .it-red .it-content h5 a, .it-red .it-content h6 a { color: #FFF; } .it-red .it-content .it-infobar { border-color: #b0313a; } .it-red .it-content a { color: #fff; text-decoration: underline; } .it-red .it-content { background: #e84450; -webkit-box-shadow: 0 3px 0 #b0313a; -moz-box-shadow: 0 3px 0 #b0313a; box-shadow: 0 3px 0 #b0313a; border: solid 1px #b0313a; } .it-red .it-content>.it-infobar>a.it-readmore { color: #FFF; } .it-dark { color: #FFF; } .it-dark .it-iconbox { border-color: #101011; } .it-dark .it-iconbox>span { background: #FFF; border-color: #3c3d41; } .it-dark .it-left .it-content:after { border-left-color: #3c3d41; } .it-dark .it-left .it-content:before { border-left-color: #101011; } .it-dark .it-right .it-content:after { border-right-color: #3c3d41; } .it-dark .it-right .it-content:before { border-right-color: #101011; } .it-dark .it-minibox>span { background: #3c3d41; color: #FFF; } .it-dark .it-content h1, .it-dark .it-content h2, .it-dark .it-content h3, .it-dark .it-content h4, .it-dark .it-content h5, .it-dark .it-content h6 { color: #FFF; } .it-dark .it-content h1 a, .it-dark .it-content h2 a, .it-dark .it-content h3 a, .it-dark .it-content h4 a, .it-dark .it-content h5 a, .it-dark .it-content h6 a { color: #FFF; } .it-dark .it-content .it-infobar { border-color: #101011; } .it-dark .it-content a { color: #fff; text-decoration: underline; } .it-dark .it-content { background: #3c3d41; -webkit-box-shadow: 0 3px 0 #101011; -moz-box-shadow: 0 3px 0 #101011; box-shadow: 0 3px 0 #101011; border: solid 1px #101011; } .it-dark .it-content>.it-infobar>a.it-readmore { color: #FFF; } .it-blue { color: #FFF; } .it-blue .it-iconbox { border-color: #1978a3; } .it-blue .it-iconbox>span { background: #FFF; border-color: #2096cd; } .it-blue .it-left .it-content:after { border-left-color: #2096cd; } .it-blue .it-left .it-content:before { border-left-color: #1978a3; } .it-blue .it-right .it-content:after { border-right-color: #2096cd; } .it-blue .it-right .it-content:before { border-right-color: #1978a3; } .it-blue .it-minibox>span { background: #2096cd; color: #FFF; } .it-blue .it-content h1, .it-blue .it-content h2, .it-blue .it-content h3, .it-blue .it-content h4, .it-blue .it-content h5, .it-blue .it-content h6 { color: #FFF; } .it-blue .it-content h1 a, .it-blue .it-content h2 a, .it-blue .it-content h3 a, .it-blue .it-content h4 a, .it-blue .it-content h5 a, .it-blue .it-content h6 a { color: #FFF; } .it-blue .it-content .it-infobar { border-color: #1978a3; } .it-blue .it-content a { color: #fff; text-decoration: underline; } .it-blue .it-content { background: #2096cd; -webkit-box-shadow: 0 3px 0 #1978a3; -moz-box-shadow: 0 3px 0 #1978a3; box-shadow: 0 3px 0 #1978a3; border: solid 1px #1978a3; } .it-blue .it-content>.it-infobar>a.it-readmore { color: #FFF; } .it-grey { color: #000; } .it-grey .it-iconbox { border-color: #aaaaaa; } .it-grey .it-iconbox>span { background: #cccccc; border-color: #cccccc; } .it-grey .it-left .it-content:after { border-left-color: #cccccc; } .it-grey .it-left .it-content:before { border-left-color: #aaaaaa; } .it-grey .it-right .it-content:after { border-right-color: #cccccc; } .it-grey .it-right .it-content:before { border-right-color: #aaaaaa; } .it-grey .it-minibox>span { background: #cccccc; color: #000; } .it-grey .it-content h1, .it-grey .it-content h2, .it-grey .it-content h3, .it-grey .it-content h4, .it-grey .it-content h5, .it-grey .it-content h6 { color: #000; } .it-grey .it-content h1 a, .it-grey .it-content h2 a, .it-grey .it-content h3 a, .it-grey .it-content h4 a, .it-grey .it-content h5 a, .it-grey .it-content h6 a { color: #000; } .it-grey .it-content .it-infobar { border-color: #aaaaaa; } .it-grey .it-content a { color: #fff; text-decoration: underline; } .it-grey .it-content { background: #cccccc; -webkit-box-shadow: 0 3px 0 #aaaaaa; -moz-box-shadow: 0 3px 0 #aaaaaa; box-shadow: 0 3px 0 #aaaaaa; border: solid 1px #aaaaaa; } .it-grey .it-content>.it-infobar>a.it-readmore { color: #000; } .it-soft { color: #000; } .it-soft .it-iconbox { border-color: #c1d3dc; } .it-soft .it-iconbox>span { background: #e2edf2; border-color: #c1d3dc; } .it-soft .it-left .it-content:after { border-left-color: #e2edf2; } .it-soft .it-left .it-content:before { border-left-color: #c1d3dc; } .it-soft .it-right .it-content:after { border-right-color: #e2edf2; } .it-soft .it-right .it-content:before { border-right-color: #c1d3dc; } .it-soft .it-minibox>span { background: #e2edf2; color: #000; } .it-soft .it-content h1, .it-soft .it-content h2, .it-soft .it-content h3, .it-soft .it-content h4, .it-soft .it-content h5, .it-soft .it-content h6 { color: #000; } .it-soft .it-content h1 a, .it-soft .it-content h2 a, .it-soft .it-content h3 a, .it-soft .it-content h4 a, .it-soft .it-content h5 a, .it-soft .it-content h6 a { color: #000; } .it-soft .it-content .it-infobar { border-color: #c1d3dc; } .it-soft .it-content a { color: #fff; text-decoration: underline; } .it-soft .it-content { background: #e2edf2; -webkit-box-shadow: 0 3px 0 #c1d3dc; -moz-box-shadow: 0 3px 0 #c1d3dc; box-shadow: 0 3px 0 #c1d3dc; border: solid 1px #c1d3dc; } .it-soft .it-content>.it-infobar>a.it-readmore { color: #000; } /*-----------------------------------------------------------*/ .it-popup-overlay { position: fixed; z-index: 99999; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); background-size: auto; background-repeat: no-repeat; background-position: center; cursor: pointer; display: none; } .it-popup-overlay img { display: block; transform-origin: center center; z-index: 100000; margin: 0 auto; position: relative; transition: .25s linear; -moz-transition: .25s linear; -webkit-transition: .25s linear; } .it-popup-overlay .it-popup-navi { display: none; position: absolute; width: 100%; height: 20px; top: 10px; clear: both; padding-top: 10px; text-align: center; } .it-popup-overlay .it-popup-navi>span { display: inline-block; width: 24px; height: 24px; background-image: url(../img/it-arrows.png); background-repeat: no-repeat; margin: 0 5px; } .it-popup-overlay .it-popup-navi>span:first-child { background-position: left center; } .it-popup-overlay .it-popup-navi>span:last-child { background-position: right center; } /*内页联系我们*/ .lxwm_l{ float:left; width:473px; height:464px;margin-top:70px;} /* .lxwm_l h1{ color:#333333; font-size:24px; height:46px;} .lxwm_l h2{ color:#313131; font-size:14px;line-height:67px;background: url(../images/2_01.png) no-repeat 10px 14px ; border-bottom:1px solid #dbdbda; font-weight:normal; text-indent:81px;} .lxwm_l h3{ color:#313131; font-size:14px;line-height:67px;background: url(../images/2_02.png) no-repeat 10px 13px ;border-bottom:1px solid #dbdbda;font-weight:normal;text-indent:81px;} .lxwm_l h4{ color:#313131; font-size:14px;line-height:67px;background: url(../images/2_03.png) no-repeat 10px 15px ;border-bottom:1px solid #dbdbda;font-weight:normal;text-indent:81px;} .lxwm_l h5{ color:#313131; font-size:14px;line-height:67px;background: url(../images/2_04.png) no-repeat 12px 19px ;border-bottom:1px solid #dbdbda;font-weight:normal;text-indent:81px;} .lxwm_l h6{ color:#313131; font-size:14px;line-height:67px;background: url(../images/2_05.png) no-repeat 11px 15px;border-bottom:1px solid #dbdbda;font-weight:normal;text-indent:81px;} .lxwm_l p{ color:#313131; font-size:14px;line-height:67px;background: url(../images/2_07.png) no-repeat 17px 18px;border-bottom:1px solid #dbdbda;font-weight:normal;text-indent:81px;} */ .lxwm_r{ float:right; width:603px; height:464px; overflow:hidden; margin-top:70px;} .lxwm_ru{ width:226px; height:40px; background: url(../images/2_06.png) no-repeat;} .lxwm_rd{ width:642px; height:325px; border:1px solid #dbdbda; margin-top:18px;} /*媒体报道*/ .mtbd_u{ width:100%;margin-top: 20px;background: #fff} .mtbd_u ul{margin-left:-20px; zoom:1} .mtbd_u ul li{ float:left; width:360px; height:225px; position:relative; margin-left:13px;overflow: hidden;} .mtbd_u ul li h1{ width:360px; background: url(../images/3_01.png) repeat-x; line-height:42px; font-size:14px; color:#f1eff2; text-indent:20px; position:absolute; bottom: 0px;} .mtbd_u ul li a:hover h1{ color:#F08519} .mtbd_u ul li a img{ width:360px; height:225px;} .mtbd_main{ width:1120px; border-top:1px solid #CCC; margin-top:20px;background: #fff} .mtbd_main_tant{ width:1120px; height:128px; padding: 20px 0px; overflow: hidden;} .mtbd_main_tant_l{ width:202px; height:130px; float:left; overflow:hidden;} .mtbd_main_tant_l img{ width:100%;} .mtbd_main_tant_r{ width:850px; height:100px; float:left; margin-left:30px; margin-top:15px;} .mtbd_main_tant_r h1{ width:100%; height:20px; line-height:20px; margin-bottom:20px; font-weight: normal;} .mtbd_main_tant_r h1 a{ font-size:18px; color:#313131; float:left; display:block;} .mtbd_main_tant_r h1 a:hover{ color:#EB5C24;} .mtbd_main_tant_r h1 span{ font-size:14px; color:#828282; float:right; } .mtbd_main_tant_r h2{ width:100%; height:52px; overflow:hidden; line-height:26px; color:#666666; font-size:14px;font-weight: normal;} .mtbd_main_tant_shuang{ background:#f1eff2} /*碳氢百科*/ .tqbk_u{ overflow:hidden; height:129px;background: #fff;} .tqbk_u ul li{ float:left; margin-right:10px; width:184px; height:42px; line-height:42px; text-align:center; background:#ea5b24; margin-top:50px;} .tqbk_u ul li h2{ font-size:16px; color:#ffffff; font-weight:normal;} /*行业方案*/ .ny_hyfa_c li{ width:351px; height:341px; float:left; margin-right:13px; margin-bottom:20px; border:1px solid #dbdbda; } .ny_hyfa_c li h1{ font-weight:normal; line-height:96px;font-size:18px; color:#333333; position:relative; text-align:center; height:72px;} .ny_hyfa_c li h1 img{top: -33px;position: absolute;left: 40%;} .ny_hyfa_c a:hover h1{ color:#fff; background:#ea5b24;} .ny_hyfa_c a:hover .xs{ display:none !important;} .ny_hyfa_c a:hover .bxs{ display:block !important;} .lmtp{ width:351px; height:268px; overflow:hidden;} .lmtp img{ width:100%; height:auto;} .ny_hyfa1{background: url(../images/1_01.jpg) no-repeat center;} .ny_hyfa1:hover{background: url(../images/1_02.jpg) no-repeat center;} .ny_hyfa2{background: url(../images/1_03.jpg) no-repeat center;} .ny_hyfa2:hover{background: url(../images/1_04.jpg) no-repeat center;} .ny_hyfa3{background: url(../images/1_05.jpg) no-repeat center;} .ny_hyfa3:hover{background: url(../images/1_06.jpg) no-repeat center;} .ny_hyfa4{background: url(../images/1_07.jpg) no-repeat center;} .ny_hyfa4:hover{background: url(../images/1_08.jpg) no-repeat center;} .ny_hyfa5{background: url(../images/1_09.jpg) no-repeat center;} .ny_hyfa5:hover{background: url(../images/1_10.jpg) no-repeat center;} .ny_hyfa6{background: url(../images/1_11.jpg) no-repeat center;} .ny_hyfa6:hover{background: url(../images/1_12.jpg) no-repeat center;} .ny_hyfa7{background: url(../images/1_13.jpg) no-repeat center;} .ny_hyfa7:hover{background: url(../images/1_14.jpg) no-repeat center;}