﻿/*佛祖保佑*//*_ooOoo_*//*o8888888o*//*88" . "88*//*(| -_- |)*//*O\ = /O*//*____/`---'\____*//*.   ' \\| |// `.*//*/ \\||| : |||// \*//*/ _||||| -:- |||||- \*//*| | \\\ - /// | |*//*| \_| ''\---/'' | |*//*\ .-\__ `-` ___/-. /*//*___`. .' /--.--\ `. . __*//*."" '< `.___\_<|>_/___.' >'"".*//*| | : `- \`.;`\ _ /`;.`/ - ` : | |*//*\ \ `-. \_ __\ /__ _/ .-` / /*//*======`-.____`-.___\_____/___.-`____.-'======*//*`=---='*//*.............................................*//*佛祖保佑             永无BUG*//*佛曰:*//*写字楼里写字间，写字间里程序员；*//*程序人员写程序，又拿程序换酒钱。*//*酒醒只在网上坐，酒醉还来网下眠；*//*酒醉酒醒日复日，网上网下年复年。*//*但愿老死电脑间，不愿鞠躬老板前；*//*奔驰宝马贵者趣，公交自行程序员。*//*别人笑我忒疯癫，我笑自己命太贱；*//*不见满街漂亮妹，哪个归得程序员？*/.wrap {    width: 100%;    margin: 0 auto;}.container {    width: 1200px;    margin: 0 auto;}.clearfix:after {    content: " ";    display: block;    clear: both;    height: 0;}.clearfix {    zoom: 1;}#i-header-top {    position: fixed;    left: 0;    top: 0;    width: 100%;    z-index: 999;    box-shadow: 0 3px 5px rgba(0, 0, 0, .25);}#i-header {    height: 90px;    line-height: 90px;    background: #fff;    overflow: hidden;}#i-header a.logo {    display: block;    float: left;    width: 294px;    height: auto;}#i-header a.logo > img {    max-height: 38px;    width: 100%;}#i-header ul.nav {    float: right;}#i-header ul.nav li {    display: inline-block;    padding: 0 28px;    height: 90px;    line-height: 90px;}#i-header ul.nav li.on {    color: #008000;    background: #008000;}#i-header ul.nav li.on a {    color: #fff;}#i-header ul.nav li.on a:hover {    color: #fff;}#i-header ul.nav li a {    font-size: 16px;    color: #262626;    display: block;}#i-header ul.nav li a:hover, #i-header ul.nav li a.on {    color: #008000;}.banner {    min-width: 1280px;    position: relative;    height: 620px;    overflow: hidden;    margin-top: 90px;    /*margin-top: 80px;*/}.banner .bd {    position: relative;    z-index: 0;}.banner .bd ul {    width: 100% !important;}.banner .bd li {    width: 100% !important;    height: 620px;}.banner .bd li .siteWidth {    width: 1000px;    position: relative;    margin: 0 auto;    height: 620px;}.banner .bd li a {    height: 620px;    display: block;}.banner .bd .txt {    position: absolute;    width: 415px;    top: 100px;    left: 22px;    font: normal 18px/30px "Microsoft YaHei";}.banner .bd .btn {    display: block;    zoom: 1;    margin-top: 8px;    width: 72px;    padding-right: 10px;    height: 31px;    line-height: 31px;    text-align: center;    color: #fff;    font-size: 12px;    background: url(../images/banner-btn.png) 0 0 no-repeat;    _background: url(../images/banner-btn-ie6.png) 0 0 no-repeat;}.banner .hd {    width: 100%;    position: absolute;    z-index: 1;    bottom: 50px;    left: 0;    height: 30px;    line-height: 30px;    text-align: center;}.banner .hd ul li {    cursor: pointer;    display: inline-block;    *display: inline;    zoom: 1;    width: 20px;    height: 20px;    margin: 8px;    background: url(../images/dot-black.png) -20px 0 no-repeat;    overflow: hidden;    line-height: 9999px;}.banner .hd ul .on {    background-position: 0px 0px;}#i-news-honor {    margin: 50px 0;    height: 280px;}#i-news-honor .i-news {    width: 700px;    float: left;}#i-news-honor .i-news .news-top {    width: 100%;    height: 50px;    background: url(../images/newstop.png) center center no-repeat;}#i-news-honor .i-news .news-top .nt1 {    line-height: 50px;    font-size: 18px;    padding-left: 33px;    background: url(../images/nt1.png) left center no-repeat;    margin-left: 30px;    float: left;}#i-news-honor .i-news .news-top .more {    line-height: 50px;    font-size: 14px;    color: #808080;    float: right;    margin-right: 15px;}#i-news-honor .i-news .news-top .more:hover {    color: #008000;}#i-news-honor .i-news .news-box {    margin-top: 30px;}#i-news-honor .i-news .news-box .nf {    float: left;    width: 300px;    height: 200px;}#i-news-honor .i-news .news-box .nf a {    display: block;    position: relative;}#i-news-honor .i-news .news-box .nf a > img {    width: 100%;    max-height: 200px;}#i-news-honor .i-news .news-box .nf a span.name {    display: block;    position: absolute;    font-size: 14px;    color: #fff;    height: 40px;    line-height: 40px;    width: 100%;    bottom: 0;    text-align: center;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    background: url(../images/spanname.png) repeat-x;}#i-news-honor .i-news .news-box ul.news {    float: right;    width: 365px;    margin-top: 15px;}#i-news-honor .i-news .news-box ul.news li a span.tit {    display: block;    font-size: 14px;    float: left;    width: 70%;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}#i-news-honor .i-news .news-box ul.news li a span.date {    font-size: 14px;    display: block;    float: right;}#i-news-honor .i-news .news-box ul.news li {    line-height: 25px;}#i-news-honor .i-news .news-box ul.news li a {    color: #808080;    display: block;}#i-news-honor .i-news .news-box ul.news li a:hover {    color: #008000;}#i-news-honor .i-honor {    float: right;    width: 460px;}#i-news-honor .i-honor .honor-top {    width: 100%;    height: 50px;    background: url(../images/hortop.png) center center no-repeat;}#i-news-honor .i-honor .honor-top .nt1 {    line-height: 50px;    font-size: 18px;    padding-left: 33px;    background: url(../images/ht1.png) left center no-repeat;    margin-left: 30px;    float: left;    color: #fff;}#i-news-honor .i-honor .honor-top .more {    line-height: 50px;    font-size: 14px;    color: #fff;    float: right;    margin-right: 15px;}#i-news-honor .i-honor .honor-img {    width: 460px;    height: 200px;    margin-top: 30px;}#i-news-honor .i-honor .honor-img > img {    width: 100%;    max-height: 200px;}#i-about .container {    width: 1200px;    height: 449px;    background: url(../images/aboutbg.jpg) center center no-repeat;    position: relative;    margin-bottom: 60px;}#i-about .container .word {    position: absolute;    font-size: 14px;    color: #ffffff;    width: 407px;    bottom: 128px;    left: 103px;}#i-about .container a.more {    display: block;    position: absolute;    font-size: 14px;    border: 1px solid #fff;    border-radius: 5px;    height: 33px;    width: 109px;    line-height: 33px;    text-align: center;    color: #fff;    bottom: 60px;    left: 102px;    transition: all 0.8s ease 0s;    -moz-transition: all 0.8s ease 0s;    -webkit-transition: all 0.8s ease 0s;    -o-transition: all 0.8s ease 0s;}#i-about .container a.more:hover {    background: #008000;    border: 1px solid #008000;}#i-pro .pro-t {    text-align: center;}#i-pro .pro-t .tb {    font-size: 42px;    color: #008000;    font-weight: bold;    line-height: 42px;}#i-pro .pro-t .tb > span {    font-size: 42px;    font-weight: bold;    color: #000000;    font-family: "Arial";}#i-pro .pro-t .ts {    font-size: 14px;    color: #808080;}#i-pro .prolist {    margin-top: 31px;    margin-bottom: 100px;}#i-pro .prolist li {    float: left;    width: 199px;    height: 199px;    border: 1px solid #e6e6e6;    margin-right: -1px;    margin-bottom: -1px;    position: relative;    overflow: hidden;}#i-pro .prolist li a {    display: block;}#i-pro .prolist li a span.img {    display: block;    width: 90%;    text-align: center;    height: 135px;    margin: 18px auto 0;}#i-pro .prolist li.last a span.img {    margin-top: 32px;    height: 113px;}#i-pro .prolist li a span.img > img {    max-height: 135px;}#i-pro .prolist li a span.name {    width: 90%;    margin: 0 auto;    display: block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    text-align: center;    margin-top: 5%;    margin-bottom: 5%;    font-size: 16px;    color: #333;    text-decoration: none;}#i-pro .prolist li.last a span.name {    margin-top: 9%;}#i-pro ul.prolist li.last .img p, #i-pro ul.prolist li.last a .s2, #i-pro ul.prolist li.last a .s1 {    display: none;}#i-pro ul.prolist li .img p {    position: absolute;    z-index: 1;    left: 0;    top: -100%;    width: 100%;    height: 100%;    background: #000;}#i-pro ul.prolist li a .s2 {    display: block;    position: absolute;    z-index: 2;    left: 0;    top: 100%;    width: 100%;    font-size: 14px;    text-align: center;    color: #FFF;}#i-pro ul.prolist li a .s1 {    display: block;    position: absolute;    z-index: 2;    left: 50%;    top: 100%;    margin-left: -32px;}#i-foot {    width: 100%;}#i-foot .foot-t {    border-bottom: 1px solid #28303b;    padding: 50px 0 20px;    background: #3b4655;}#i-foot .foot-t .l {    float: left;}#i-foot .foot-t .l span {    display: inline-block;    color: #979da6;    font-size: 16px;    margin-right: 31px;}#i-foot .foot-t .l .add {    margin-top: 16px;}#i-foot .foot-t .l span i {    display: inline-block;    width: 8px;    height: 8px;    border-radius: 50%;    background: #008000;}#i-foot .foot-t .r {    float: right;    text-align: center;}#i-foot .foot-t .r > img {    width: 78px;    height: 78px;}#i-foot .foot-t .r p {    color: #979da6;    font-size: 14px;}#i-foot .foot-b {    border-top: 1px solid #4c5a6e;    height: 51px;    background: #3b4655;    line-height: 51px;    font-size: 14px;    color: #e4e4e6;}#banner-inside {    position: relative;    width: 100%;    height: 270px;    overflow: hidden;    margin: 90px auto 0;}#banner-inside > img {    position: absolute;    z-index: 20;    width: 100%;}.demo {    padding-top: 30px;    padding-bottom: 50px;}.nav-demo {    width: 270px;    float: left;    border-bottom: 4px solid #eaeaea;    margin-right: 50px;}.nav-demo .nav-top {    width: 270px;    height: 102px;    background: #008000;}.nav-demo .nav-top p {    font-weight: 600;    font-size: 24px;    color: #fff;    padding-left: 35px;    padding-top: 30px;}.nav-demo .nav-top p span {    font-size: 14px;    font-weight: normal;}.nav-demo .nav-top p img {    padding-top: 7px;    padding-left: 5px;}.nav-list ul li {    height: 61px;    line-height: 61px;    border-bottom: 1px solid #eaeaea;    background: #f7f7f7;    width: 270px;    float: left;}.nav-list ul li a {    display: block;    padding-left: 20px;    font-size: 14px;    background: url(../images/tb9.png) no-repeat 236px 25px;    color: #7f7f7f;    width: 80%;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    padding-right: 20px;}.nav-list ul li:hover a {    background: url(../images/tb10.png) no-repeat 236px 25px;}.nav-list ul li:hover {    background: #fff;}.nav-list ul li.hover a {    background: url(../images/tb10.png) no-repeat 236px 25px;}.nav-list ul li.hover {    background: #fff;}.demo-right {    width: 880px;    float: right;    min-height: 300px;    margin-bottom: 40px;}.demo-tit {    border-bottom: #EDEDED 1px solid;}.demo-tit h3 {    height: 26px;    font-size: 24px;    line-height: 26px;    color: #333;    font-family: "å¾®è½¯é›…é»‘";    font-weight: bold;    padding-left: 3px;}.demo-tit p {    font-size: 16px;    font-weight: bold;    text-align: center;    line-height: 40px;    height: 40px;    margin-top: -10px;}.crumbs-about p {    text-align: right;    font-size: 14px;}.crumbs-about {    padding-bottom: 20px;    border-bottom: 1px solid #ececec;}.crumbs-about p img {    padding-top: 0px;    padding-right: 6px;}.crumbs-about p span {    color: #008000;}.products .content .cpzxlist {    width: 880px;    overflow: hidden;    padding-top: 35px;}.products .content .cpzxlist ul li {    width: 202px;    height: 262px;    margin: 0px 9px;    float: left;}.products .content .cpzxlist ul li p.cp {    width: 200px;    height: 200px;    border: #e3e3e3 1px solid;    text-align: center;}.products .content .cpzxlist ul li p.cpname {    padding-top: 10px;    text-align: center;}.products .content .proright {    float: right;    width: 100%;}.products .content ul.prolist > li {    width: 25%;    float: left;    font-size: 12px;    text-align: center;    margin-bottom: -1px;    margin-right: -1px;}.products .content ul.prolist > li > a {    display: block;    height: 211px;    border: 1px #E6E6E6 solid;    padding: 25px 0;    margin-left: -1px;    position: relative;    overflow: hidden;}.products .content ul.prolist > li > a {    display: block;    height: 160px;    border: 1px #E6E6E6 solid;    padding: 25px 0;    margin-left: -1px;    position: relative;    overflow: hidden;}.products .content ul.prolist > li > a .img {    display: block;    width: 100%;    height: 140px;    text-align: center;    margin: 0 auto 10px;}.products .content ul.prolist > li > a .img span {    height: 100%;    display: inline-block;    vertical-align: middle;}.products .content ul.prolist > li > a > .img > img {    max-height: 170px;    max-width: 100%;    vertical-align: middle;}.products .content ul.prolist > li .img p {    position: absolute;    z-index: 1;    left: 0;    top: -230px;    width: 100%;    height: 100%;    background: #000;    filter: alpha(opacity=0);    -moz-opacity: 0;    -khtml-opacity: 0;    opacity: 0;}.products .content ul.prolist > li > a .s1 {    display: block;    position: absolute;    z-index: 2;    left: 50%;    top: 230px;    margin-left: -32px;}.products .content ul.prolist > li > a > .s1 > img {    width: 63px;    height: 63px;    max-width: 100%;}.products .content ul.prolist > li > a .s2 {    display: block;    position: absolute;    z-index: 2;    left: 0;    top: 400px;    width: 100%;    font-size: 14px;    text-align: center;    color: #FFF;}.products .content ul.prolist > li > a > span.name {    font-size: 14px;    border-bottom: 3px solid #fff;    display: inline-block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    width: 80%;    text-align: center;}.products .content ul.prolist > li > a:hover > span.name {    color: #008000;}.products .content ul.prolist > li > a:hover {    border-bottom: 1px solid #008000;}.content {    font-size: 14px;    line-height: 25px;    padding-top: 30px;}.content p img {    width: 100%;}.newsinfo .list {    margin: 0px auto;    text-align: left;}.newsinfo .list a {    display: block;    width: 100%;    margin: 0px auto 20px auto;    padding: 20px 0px;    border-bottom: 1px solid #eee;    overflow: hidden;}.newsinfo .list a .time {    float: left;    width: 15%;    height: 100%;    min-width: 100px;    max-width: 140px;    max-height: 140px;    background: #eee;    text-align: center;    transition-duration: 0.5s;    -ms-transition-duration: 0.5s;    -moz-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;}.newsinfo .list a .time h2 {    display: block;    font-family: Arial, "Arial Narrow";    font-size: 50px;    font-weight: normal;    color: #999;    height: 80px;}.newsinfo .list a .time h3 {    display: block;    font-family: Arial, "Arial Narrow";    font-size: 16px;    font-weight: normal;    color: #999;    height: 50px;}.newsinfo .list a .time h4 {    display: none;}.newsinfo .list a .text {    display: block;    float: left;    width: 70%;    text-align: left;    margin-left: 20px;    font-size: 14px;    color: #999;    line-height: 24px;}.newsinfo .list a .text h3 {    font-size: 16px;    color: #333;    display: block;    padding: 10px 0px;}.newsinfo .list a:hover .time {    background: #008000;}.newsinfo .list a:hover .time h2, .newsinfo .list a:hover .time h3, .newsinfo .list a:hover .time h4 {    color: #fff;}.newsinfo .list a:hover .text h3 {    color: #008000;}#view {    margin: 0px auto;    width: 100%;    position: relative;}#view .title {    width: 100%;    text-align: center;    font-size: 18px;    font-weight: bold;    padding: 20px 0px;    color: #333;    margin: 0px auto;}#view .time {    width: 100%;    text-align: center;    font-size: 14px;    padding: 5px 0px;    margin-bottom: 10px;    color: #808080;    margin: 0px auto;    background: #f7f7f7;    border-top: 1px solid #eee;    border-bottom: 1px solid #eee;}#view .time .counts {    display: inline-block;    margin-left: 20px;}#view .text {    font-size: 14px;    color: #666;    line-height: 25px;    text-align: left;    min-height: 250px;    padding-top: 20px;}#honor .list {    width: 100%;}#honor .list a {    display: block;    float: left;    text-align: center;    width: 25%;    margin-right: -1px;}#honor .list a img {    vertical-align: middle;    width: 90%;    max-height: none;    vertical-align: middle;    max-height: 250px;}#honor .list a .name {    display: block;    padding: 10px 0px;    font-size: 12px;}#honor .list a .img {    display: table-cell;    vertical-align: middle;    text-align: center;    width: 220px;    height: 250px;    padding: 15px 28px;    border: 1px solid #eee;    margin-right: -1px;}#honor .list a:hover .name {    color: #008000;}.proright .top {    height: auto;    padding-bottom: 20px;    border-top: 0px solid #f0efef;    border-bottom: 1px solid #f0efef;    margin-bottom: 0px;}.proright .top h3 {    height: 26px;    font-size: 24px;    color: #333;    font-weight: bold;    padding-left: 3px;}.proright .top .p1 {    text-align: center;    font-size: 20px;    color: #666;}.proright .top .p2 {    text-align: right;    font-size: 12px;    color: #666;    padding-top: 10px;}.proright .top .p2 span {    padding-right: 15px;}.proright .text {    padding: 30px 0;}.proright .text p {    line-height: 30px;    font-size: 14px;}