@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; list-style:none; } body { font-family:Microsoft Yahei, Arial, sans-serif; font-size: 13px; color:#333; min-width:1000px; } h1, h2, h3, th { font-weight: normal; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size:13px; font-weight:bold; } h5 { font-size: 16px; font-weight: normal; } small { font-size:0.85em; } big { font-size:1.3em; } img { border:0; vertical-align:middle; } i, b, strong, span, em { font-style:normal; font-weight: normal; } a { text-decoration:none; color:#333; transition: all 0.1s ease-in-out; display:inline-block; } a:hover{ color:#f00; } header, section, footer { height:auto; } .clear { } h2.fl{ padding-top:12px;} .fl { float:left; } .fr { float:right; } .bold { font-weight:bold; } .pr { position: relative; } .pa { position: absolute; } .oh { overflow:hidden; } .bg { background:#f9f9f9; } .main { width:1000px; margin:0 auto; } #topcontrol { width:40px; height:40px; background:#666; border-radius:50px; transition: all 0.2s ease-in-out; } #topcontrol .gotop { width:40px; height:40px; background:url(/Template/default/images/gotop.png); } #topcontrol:hover { background:#333; } .top { } .top .main { line-height:70px; } .top .nav { height:70px; } .top .nav a { padding:0 18px; display:inline-block; height:67px; font-size: 16px; border-bottom:3px solid #fff; } .top .nav a:hover { border-bottom:3px solid #0667ab; color:#0667ab; background:#f9fcff; } .top .nav a.on { border-bottom:3px solid #0667ab; color:#0667ab; background:#f9fcff; } .banner { height:600px; width: 100%; overflow: hidden; background:url(/Template/default/images/loading.gif) no-repeat center; position:relative; } .banner .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:40px; line-height:40px; text-align:center; } .banner .hd li { text-indent:9999px; cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:10px; margin:5px; background:#383636; border-radius:8px; } .banner .hd li.on { background:#ff6700; } .about-banner {display: inline-block; width:100%; height:420px; background: url(/Template/default/images/about-banner.jpg); } .contactus-banner { width:100%; height:200px; background: url(/Template/default/images/contactus-banner.jpg); } .news-banner { width:100%; height:300px; background: url(/Template/default/images/news-banner.jpg); } .case-banner { width:100%; height:300px; background: url(/Template/default/images/case-banner.jpg); } .product-banner { width:100%; height:300px; background: url(/Template/default/images/product-banner.jpg); } .about-box { text-align:center; padding-top:20px; } .about-box h2 { background:url(/Template/default/images/about-title.png) no-repeat center; height:50px; margin-top:50px; opacity:0; } .about-box h3 { font-size: 28px; line-height:100px; margin-top:50px; opacity:0; } .about-box p { font-size: 18px; color:#666; line-height: 28px; margin-bottom:30px; opacity:0; } .about-box a.more { width: 100px; height:32px; line-height:32px; border-radius:2px; border:1px solid #999; color: #666; } .about-box a.more:hover { background:#ff8400; border-color:#ff8400; color: #fff; } .product-bg { height:760px; width: 100%; background:url(/Template/default/images/product-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; } .product-box .title { text-align:center; margin-left:-500px; opacity:0; } .product-box h2 { font-size: 30px; color:#fff; padding-top:30px; padding-bottom: 15px; } .product-box .en { background:url(/Template/default/images/product-title.png) no-repeat center; width: 230px; height: 22px; display:inline-block; } .product-tab .hd { text-align:center; padding-top:160px; opacity:0; } .product-tab .hd ul { overflow: hidden; } .product-tab .hd li { padding:7px 15px; border-radius:2px; margin:0 8px; border:1px solid #fff; transition: all 0.1s ease-in-out; display:inline-block; } .product-tab .hd li a { color:#fff;} .product-tab .hd li:hover { background:#ff8400; border-color:#ff8400; cursor:pointer; } .product-tab .hd li.on { background:#ff8400; border-color:#ff8400; color: #fff; } .product-tab .bd { padding-left:35px; padding-top:30px; margin-top:100px; opacity:0; } .product-tab .bd ul { } .product-tab .bd li { float: left; margin:0 15px; position: relative; margin-bottom: 20px; } .product-tab .bd li img { width: 280px; height: 200px; } .product-tab .more { width:930px; padding-top:90px; overflow: hidden; text-align:center; opacity:0; } .product-tab .more a { width: 100px; height:32px; line-height:32px; border-radius:2px; margin-bottom: 20px; border:1px solid #fff; color: #fff; } .product-tab .more a:hover { background:#ff8400; border-color:#ff8400; color: #fff; } .product-tab .text { background:url(/Template/default/images/black-bg.png); width: 280px; height:0px; top:0; left:0; text-align:center; font-size: 18px; color:#fff; opacity:0; transition: all 0.3s ease-in-out; } .product-tab .text i { width: 32px; height: 32px; background:url(/Template/default/images/icon.png); display:inline-block; margin-top:70px; } .product-tab .text h3 { padding-top:20px; } .product-tab a:hover .text { height:200px; opacity:1; } .kehu-bg { height:640px; } .kehu-bg .title { text-align:center; padding-top: 50px; opacity:0; } .kehu-bg h2 { font-size: 30px; color:#333; padding-top:30px; padding-bottom: 15px; } .kehu-bg .en { background:url(/Template/default/images/kehu-title.png) no-repeat center; width: 230px; height: 22px; display:inline-block; } .kehu-list { padding-top: 30px; } .kehu-list li { width:328px; background: #fafafa; position: relative; float: left; opacity:0; } .kehu-list li.li2 { margin: 0 8px; } .kehu-list li img { width:328px; height: 260px; } .kehu-list li img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .kehu-list li .con { height: 100px; text-align: center; padding: 70px 10px 0 10px; } .kehu-list li .con a {font-weight: bold; font-size: 20px; color:#ff8400; display:block; margin-bottom: 10px; } .kehu-list li .con span { display: inline-block; width:200px; height:1px; background: #999; opacity: 0.5; } .kehu-list li .con p {font-size: 16px; padding-top: 10px; } .kehu-list li i { position: absolute; left: 150px; top: 260px; width: 23px; height: 12px; background:url(/Template/default/images/sanjiao.png); } .kehu-list li.li2 i { top:249px; background:url(/Template/default/images/sanjiao1.png); } .kehu-list li:nth-child(1) { top:150px; } .kehu-list li:nth-child(2) { bottom:150px; } .kehu-list li:nth-child(3) { top:150px; } .news-bg { height:610px; background:url(/Template/default/images/news-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; } .news-box { } .news-box .title { text-align:center; margin-left:-260px; opacity:0; } .news-box h2 { font-size: 30px; color:#fff; padding-top:30px; padding-bottom: 15px; } .news-box .en { background:url(/Template/default/images/news-title.png) no-repeat center; width: 230px; height: 22px; display:inline-block; } .news-list { padding-top:40px; } .news-le { width: 495px; margin-left:-100px; opacity:0; } .news-le .con { padding:25px 25px 0 25px; height: 125px; background:#fff; } .news-le a.tit { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .news-le a.txt { line-height: 20px; font-size: 14px; } .news-le a:hover { color:#ff8400; } .news-ri { width: 495px; margin-right: -100px; opacity:0; } .news-ri li { height: 120px; margin-bottom: 12px; background: #fff; } .news-ri li .img { width: 115px; height: 90px; padding:15px 0 0 15px; } .news-ri li img { width: 115px; height: 90px; } .news-ri li img:hover{filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .news-ri li .con { padding: 14px 0 0 20px; width: 450px; } .news-ri li .tit { font-weight: bold; margin-bottom: 4px; font-size: 16px; } .news-ri li .txt { line-height:20px; font-size: 14px; } .news-ri li a:hover { color:#ff8400; } .news-nav { text-align: center; margin-bottom: 30px; } .news-nav a { text-align: center; width: 120px; height: 40px; line-height: 40px; color:#fff; background:#333; display: inline-block; margin-right: 1px; } .news-nav a.on { background:#0667ab; } .news-nav a:hover { color:#fff; background:#0667ab; border-color:#0667ab; } .news-list1 { overflow: hidden; padding-top: 30px; min-height:300px; } .news-list1 ul.col { } .news-list1 li { width: 270px; overflow: hidden; margin-right: 20px; background:#fff; padding:20px; margin-bottom: 15px; border:1px solid #fff; transition: all 0.1s ease-in-out; float:left;height: 213px; } .news-list1 li.lir { margin-right:0px; } .news-list1 li h3 { font-size: 16px; margin-bottom: 15px; } .news-list1 li p { color:#777; line-height: 22px; } .news-list1 li:hover { border-color:#ff6700; } .news-list1 li a:hover { color:#ff6700; } .new-detail { min-height:300px; line-height: 30px; } .new-detail h2 { text-align: center; padding-top:40px; border-bottom:1px solid #ccc; margin-bottom: 30px; } .new-detail h2 .time { font-size: 14px; line-height: 60px; color:#999; } .new-detail .text { margin-bottom: 40px; } .new-detail .text img {display:block;max-width: 750px;margin: 0 auto;} .prevnext { border-top:1px solid #ccc; padding:20px 0; text-indent:0; margin-bottom:60px; } .prevnext .fl a { float:left;display:block; } .prevnext .fl a:hover { color:#ff6700; } .prevnext .fr a { background:#999; color:#fff; width: 90px; height: 36px; line-height: 36px; text-align:center; margin-top:12px; } .prevnext .fr a:hover { background:#0667ab; } .product-list { padding-top: 30px; min-height:300px; } .product-nav { text-align:center; } .product-nav a { color:#fff; background:#333; padding:10px 20px; display:inline-block; } .product-nav a.on { background:#0667ab; } .product-nav a:hover { color:#fff; background:#0667ab; border-color:#0667ab; } .product-list ul { padding-top: 30px; padding-left:45px; } .product-list li { background: #fff; float: left; text-align:center; line-height:60px; font-size: 16px; border:1px solid #f9f9f9; transition: all 0.1s ease-in-out; margin-right:30px; margin-bottom: 30px; } .product-list li img { width: 280px; height:200px; } .product-list li img:hover{filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .product-list li p {max-width: 200px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;margin: 0 auto;} .product-list li:hover { border-color:#ff6700; } .product-detail { min-height:1000px; } .product-detail h2 { text-align: center; padding-top: 40px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } .product-detail h2 .time { font-size: 14px; line-height: 60px; color: #999; } .text-img { text-align: center; margin-bottom:100px; } .kehu-list1 { padding-top: 30px; min-height:1000px; } .kehu-list1 li { width:310px; background: #fff; position: relative; float: left; margin-right: 20px; margin-bottom:50px; } .kehu-list1 li.li2 { margin-right: 20px; } .kehu-list1 li img { width:310px; height: 260px; } .kehu-list1 li img:hover{filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .kehu-list1 li .con { height: 190px; text-align: center; padding: 70px 8px 0 8px; } .kehu-list1 li .con a { font-size: 18px; color:#ff8400; display:block; margin-bottom: 10px; } .kehu-list1 li .con span { display: inline-block; width:200px; height:1px; background: #999; opacity: 0.5; } .kehu-list1 li .con p { padding-top: 20px; } .kehu-list1 li i { position: absolute; left: 150px; top: 260px; width: 23px; height: 12px; background:url(/Template/default/images/sanjiao.png); } .kehu-list1 li.li2 i { top:249px; background:url(/Template/default/images/sanjiao1.png); } .case-detail { min-height:1000px; } .case-detail h2 { text-align: center; padding-top: 40px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } .case-detail h2 .time { font-size: 14px; line-height: 60px; color: #999; } .text-img { text-align: center; margin-bottom:100px; } .foot { width: 500px; margin:0 auto; text-align:center; padding-top:50px; padding-bottom:20px; } .foot1 { width: 400px; margin:0 auto; text-align:center; padding-top:50px; padding-bottom:20px; } .foot h2 { font-size:30px; margin-bottom: 20px; } .foot1 h2 { font-size:30px; margin-bottom: 20px; } .foot .en{ font-size:22px; color:#ccc; border-bottom:#CCC 1px solid; padding-bottom:15px; margin-bottom:20px; text-transform: uppercase; } .address { line-height:35px; } .tel { font-size:30px; font-family:"Arial"; color:#ff8400; padding:20px 0; } .foot .wechatqq { text-align:center; margin-bottom:20px; } .foot1 .wechatqq { text-align:center; margin-bottom:20px; } .wechat { width: 30px; height: 30px; display:inline-block; background:url(/Template/default/images/qq.png) #555; border-radius:50px; cursor: pointer; transition: all 0.2s ease; margin:0 5px; } .wechat:hover { background-color:#3eb135; } .wechat-img { left:50%; top:-155px; margin-left: -75px; display:none; } .wechat-img img { width:150px; height:150px; } .wechat:hover .wechat-img { display:block; } .qq { width:30px; height: 30px; display:inline-block; background:url(/Template/default/images/qq.png) 0 -30px #555; border-radius:50px; margin:0 5px; } .qq:hover { background-color:#4dafea; } .list_page { text-align:center; margin:10px auto 40px auto; display:block; padding-top: 20px; font-size: 14px; overflow: hidden; clear:both; } .list_page:after { content:" "; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; } .list_page ul { list-style:none; margin:0 auto; display:block; text-align:center; } .list_page ul li { display:inline; } .list_page ul a { color:#333; padding:8px 12px; line-height:18px; display: inline-block; *display: inline; transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; border:1px solid #ccc; border-radius:1px; margin:0 5px; color:#999; } .page_group ul .active a { color:#fff; background:#0667ab; border-color:#0667ab; } .page_group ul a:hover { color:#fff; background:#333; border-color:#333; } .like_c { padding:0 0 50px 0; overflow:hidden; clear:both;} .subject { color:#1F92D1; font-size:18px; font-family:microsoft yahei; height:41px; line-height:40px; border-bottom:1px solid #ddd; } .subject b { display:inline-block; font-weight:normal; border-bottom:2px solid #1F92D1; height:40px; line-height:40px; } .subject span { color:#bbb; display:inline-block; font-size:16px; font-family:verdana; padding-left:10px; } .subject a { float:right; font-size:12px; font-family:宋体; } .comment { overflow:hidden; clear:both; margin:10px 0; } .comment .line { clear:both; border-bottom:1px solid #eee; padding-bottom:15px; } .comment .line .base { font-family:microsoft yahei; font-weight:bold; line-height:30px; font-size:14px; } .comment .line .base span { margin:0 0 0 10px; color:#999; font-weight:normal; float:right; font-size:12px; } .comment .line .content { line-height:20px; word-wrap:break-word; overflow:hidden; } .comment .line .reply { font-family:verdana; word-wrap:break-word; overflow:hidden; } .comment .line .reply strong { color:#f60; float:left; } .comment_more { text-align:center; padding:10px 0; font-family:microsoft yahei; font-size:14px; } .comment_more a { color:#999; } .comment_more a:hover { color:#f30; } .commentadd { margin:10px 0; clear:both; } .commentadd .text { float: none; width: 100%; height: 92px; border: none; color: #869ca8; font-size: 12px; line-height: 26px; text-indent: 20px; background: none; margin-top:20px;} .commentadd .text .div { padding:0 5px 0 0; border:1px solid #E4E2E2; border-bottom:0; height:90px; } .commentadd .text .div textarea { width:98%; height:70px; overflow:auto; border:0; padding:10px; background:none; float:left; margin:1px; } .commentadd .input { margin:0; font-size:14px; background:#fafafa; border:1px solid #EDECEC; overflow:hidden; padding:0px 5px 5px 15px; line-height:40px; height:40px; font-family:microsoft yahei; } .commentadd .input .send { float:right; border:1px solid #1F92D1; background:#1F92D1; color:#fff; padding:8px 25px; margin:5px 0 0; vertical-align:middle; cursor:pointer; font-family:microsoft yahei; } .bookadd { margin:20px 0; } .bookadd div { margin-bottom:15px; } .bookadd .label { float:left; width:100px; text-align:right; padding-right:10px; clear:both; } .bookadd .label span { color:#f30; font-family:宋体; } .bookadd .enter { margin-left:120px; } .bookadd .enter .ip { border:1px solid #ddd; padding:10px 10px; vertical-align:middle; overflow:hidden; border-radius:10px 0 10px 0; } .bookadd .enter .bnt { border:1px solid #1F92D1; background:#1F92D1; padding:8px 20px; vertical-align:middle; color:#fff; cursor:pointer; } .bookadd .enter label { display:block; } .job_h1 { font-size:14px; line-height:35px; border-bottom:1px solid #eee; margin:10px 0; } .info_title { font-size:14px; font-weight:bold; border-bottom:1px solid #f0f0f0; line-height:30px; height:30px; margin:0 0 15px 0; } .info_intro { padding:0 0 20px 0; line-height:22px; color:#666; } .info_intro p { margin:0 0 5px 0; padding:0; } .info_intro .red { color:#f30; margin:0 5px; } .like_list { overflow:hidden; clear:both; padding:15px 0; } .like_list li { float:left; width:50%; height:35px; line-height:35px; overflow:hidden; border-bottom:#ddd 1px dashed } .like_p { width:100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: both; overflow:visible; position:relative; } .like_p .hd{width:100%;position:relative;} .like_p .hd .next, .like_p .hd .prev { width: 12px; height: 20px; overflow: hidden; display: block; background: url(/Template/default/images/p-arrow.jpg) no-repeat; cursor: pointer;top:80px;position:absolute; } .like_p .hd .next { background-position:0px 0px; right:0px; } .like_p .hd .next:hover { background-position:0px -20px; } .like_p .hd .prev { background-position:-12px 0px; left:0px; } .like_p .hd .prev:hover { background-position:-12px -20px; } .like_p .hd ul { float:right; overflow:hidden; zoom:1; margin-top:0px; zoom:1; display:none; } .like_p .hd ul li { float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(/Template/default/images/icoCircle.gif) 0 -9px no-repeat; } .like_p .hd ul li.on { background-position:0 0; } .like_p .bd { width: 950px; padding-top:0px; margin:0px 0px 0px 25px; overflow: hidden; position: relative; padding-top:20px; } .like_p .bd ul { overflow:hidden; zoom:1; } .like_p .bd ul li { width:176px; margin-right:16px; float:left; _display:inline; overflow:hidden; text-align:center; } .like_p .bd ul li .pic_news { text-align:center; } .like_p .bd ul li .pic_news img { width:176px; height:140px; display:block; } .like_p .bd ul li .pic_news img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .like_p .bd ul li .tit_news { line-height:25px; height:25px; overflow:hidden; display:block; margin:10px auto; width:100%;} .dis { display:none; } .joblist{margin:15px 0;padding:0;list-style:none;overflow:hidden;} .joblist li{float:left;width:480px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;} .joblist li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;} .joblist li .line{padding:0;margin:0;line-height:22px;} .joblist li .line b{float:left;width:70px;color:#555;} .joblist li .line .intro{margin-left:70px;} .joblist li a:hover .title{color:#f30;} .job_list{margin:0;padding:0;list-style:none;overflow:hidden;} .job_list li{float:left;width:350px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;} .job_list li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;line-height:40px;margin-bottom:10px;} .job_list li .line{padding:0;margin:5px 0;line-height:24px;text-indent:0;} .job_list li .line b{float:left;width:70px;} .job_list li .line .intro{margin-left:70px;} .job_list li .line .intro p{margin:0 0 5px 0;padding:0;} .job_list li a:hover .title{color:#f30;} .news_list{margin:0;padding:0;list-style:none;} .news_list li{border-bottom:1px dotted #ccc;padding:10px;line-height:24px;color:#999;} .news_list li:hover{background:#fafafa;} .news_list li a{font-size:18px;font-family:microsoft yahei;display:block;line-height:40px;} .news_list li em{color:#666;font-family:verdana;display:block;font-style:normal;} .rss_list{margin:0;padding:0;list-style:none;} .rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;} .rss_list li a{font-size:14px;font-family:microsoft yahei;} .tags { clear:both; overflow:hidden; padding-bottom:15px;} .tags a { color:#FFF;display:inline-block;*display:inline; padding:5px 12px;border-radius:1px; margin-right:6px; margin-bottom:0px; line-height:normal; } .tags a.tag1, .tags a.tag16, .tags a.tag31, .tags a.tag46 { background:#00C2D9; } .tags a.tag2, .tags a.tag17, .tags a.tag32, .tags a.tag47 { background:#01D48F; } .tags a.tag3, .tags a.tag18, .tags a.tag33, .tags a.tag48 { background:#008984; } .tags a.tag4, .tags a.tag19, .tags a.tag34, .tags a.tag49 { background:#F3C300; } .tags a.tag5, .tags a.tag20, .tags a.tag35, .tags a.tag50 { background:#DE6E00; } .tags a.tag6, .tags a.tag21, .tags a.tag36, .tags a.tag51 { background:#DD0500; } .tags a.tag0, .tags a.tag7, .tags a.tag22, .tags a.tag37, .tags a.tag52 { background:#FF3399; } .tags a.tag8, .tags a.tag23, .tags a.tag38, .tags a.tag53 { background:#FF9900; } .tags a.tag9, .tags a.tag24, .tags a.tag39, .tags a.tag54 { background:#5DC800; } .tags a.tag10, .tags a.tag25, .tags a.tag40, .tags a.tag55 { background:#4898EB; } .tags a.tag11, .tags a.tag26, .tags a.tag41, .tags a.tag56 { background:#6E37DB; } .tags a.tag12, .tags a.tag27, .tags a.tag42, .tags a.tag57 { background:#D22BD0; } .tags a.tag13, .tags a.tag28, .tags a.tag43, .tags a.tag58 { background:#8B531B; } .tags a.tag14, .tags a.tag29, .tags a.tag44, .tags a.tag59 { background:#333; } .tags a.tag15, .tags a.tag30, .tags a.tag45, .tags a.tag60 { background:#009900; } .tags a:hover { color:#FFF; background:#333;} /* FILE ARCHIVED ON 21:37:18 Jan 10, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:43:26 Jul 26, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.442 exclusion.robots: 0.031 exclusion.robots.policy: 0.022 esindex: 0.008 cdx.remote: 465.935 LoadShardBlock: 149.25 (3) PetaboxLoader3.datanode: 74.232 (5) PetaboxLoader3.resolve: 152.697 (3) load_resource: 173.012 (2) */