body{ /*background-color: #C4C4C4 */}

/* box 通用属性，宽度 */
div.index-head-box, div.index-poster-box, div.index-product-box, div.index-news-box, div.index-bottom-box {width: 100%}

/* panel 通用属性，宽度 */
div.index-head-panel, div.index-product-panel, div.index-case-panel, div.index-news-panel, div.index-bottom-panel {width: 1200px; margin: 120px auto 0}
/* panel 通用属性，大标题 */
div.index-product-panel h2, div.index-case-panel h2, div.index-news-panel h2{text-align: center; font-size: 30px; color: #333333; font-weight: bold; letter-spacing: 2px;}
/* panel 通用属性，小标题 */
div.index-product-panel span, div.index-case-panel span, div.index-news-panel span{display: block; text-align: center;line-height: 32px; color: #999999; font-size: 14px;}



div.index-head-box { position: fixed; z-index: 1000;top: 0; left: 0;  background-color: #fff; box-shadow: 0 1px 6px 0 rgba(43,43,43, 0.2)}
div.index-head-panel{ margin:0 auto;}
/*div.index-head-panel img{height: 80px;}*/
div.index-head-panel ul{text-align: right; background: url("/img/logo.png") left center no-repeat }
div.index-head-panel ul{ /*background-size: 50px;*/}
div.index-head-panel li{display: inline-block; margin-left: 40px; font-size: 16px; vertical-align: middle }
div.index-head-panel li a{color: #444; padding-bottom: 5px; border-bottom: 2px solid #fff; transition: all 0.6s;line-height: 70px; }
div.index-head-panel a:hover{border-bottom: 2px solid #ed195b}
div.index-head-panel .on { border-bottom: 2px solid #ed195b}


div.index-head-panel li:last-child {background:#bd4646 url("/img/icon/tel-bai.png") 15px center/32px no-repeat; padding-left: 47px;}
div.index-head-panel p {line-height: 30px; color: white; font-size: 14px; text-align: left; letter-spacing: 1px;}
div.index-head-panel p:first-child {padding: 5px  15px 0 15px;}
div.index-head-panel p:last-child {padding: 0 15px 5px 15px;}

div.index-head-panel .tel1 {}
div.index-head-panel .tel2 {}


div.index-poster-box {height: 100%; overflow: hidden;}
div.index-poster-box .item {position: absolute; height: 100%; overflow: hidden; transition: all 0.5s linear}
div.index-poster-box img{width: 100%; /*height: 100%;*/ }




/* 首页-业务属性 */
/*div.index-product-panel {margin: 100px auto 0;}*/
div.index-product-panel table {text-align: center; width: 100%; margin-top: 10px;}
div.index-product-panel table tbody{width: auto; display: inline}
div.index-product-panel table tr:first-child{ font-size: 24px;}
div.index-product-panel table td{padding: 5px 20px; color: #666666}


/* 首页-案例 */
div.index-case-box {padding-bottom: 120px;background:#F7F7F7 url("/img/icon/bg.jpg") left bottom repeat-x}
div.index-case-box .bg-head{height: 120px;background: url("/img/icon/bg1.png") left bottom repeat-x}

div.index-case-panel {margin-top: 0}
div.index-case-panel a{color: #434343}
div.index-case-panel ul{margin-top: 40px;}
div.index-case-panel li{float: left; margin-left: 10px; line-height: 32px;}
div.index-case-panel .case {width: 296px; height: 226px; border: 2px solid #ffffff; float: left; position: relative; overflow: hidden}
div.index-case-panel .case img{width: 100%; height: 100%;}


div.index-case-panel .case-mask {position: absolute; width: 100%; line-height: 500px; text-align: center; font-size: 24px;
    background-color: rgba(255,255,255,0.0); transition: all 0.8s ease-out}
div.index-case-panel .case-mask:hover{background-color: rgba(255,255,255,0.8); line-height: 300px; }


/* 新闻 */
div.index-news-box {background-color: #F0EEEF; padding: 1px 0 100px 0;}

div.index-news-panel {margin-top: 50px}

div.index-news-panel table {margin-top: 50px;}

div.index-news-panel a {color: #333333; font-size: 16px;}
div.index-news-panel a:hover {color: #4C8FE0}
div.index-news-panel h5, div.index-news-panel h6 { color: #777777}
div.index-news-panel p {line-height: 20px; color: #666666; height: 42px; overflow: hidden}
div.index-news-panel h3{line-height: 32px; }
div.index-news-panel .news-video h3, div.index-news-panel .news-video p {width: 550px;}
div.index-news-panel .news-video {/*width: 600px;*/ float: left}

div.index-news-panel .news-list li {width: 560px; margin-left:50px;background-color: #ffffff; height: 72px; margin-bottom:12px; padding: 12px 18px; border-radius: 4px; box-shadow: 0 0 15px 2px rgba(200,200,200,0.5); transition: margin-left 0.5s;}
div.index-news-panel .news-list li:hover {margin-left: 35px;}
div.index-news-panel .news-list li div:first-child{width: 100px; float: left}
div.index-news-panel .news-list li div:last-child{width: 450px; float: right}

div.index-news-panel .news-list li img{width: 100%; height: 66px; border: 1px solid #F0EEEF; margin-top: 4px}


div.index-news-panel .news-list li h5 {font-size: 18px; text-align: center; margin-top: 16px;}
div.index-news-panel .news-list li h6 {font-size: 14px; text-align: center}

/* 网页底部 */
div.index-bottom-box {background-color: #313131; color: #ffffff; padding-top: 1px;  min-width: 1200px;}
div.index-bottom-box h4{line-height: 72px; border-top: 1px solid #5c5c5c; text-align: center}
div.index-bottom-panel {margin: 50px auto;}
div.index-bottom-panel li{float: left; margin-left: 100px;}
div.index-bottom-panel h3{font-size: 16px; line-height: 32px;}
div.index-bottom-panel p{ line-height: 24px;}

/* 首页底部二维码 */
div.qr-code-box { background-color: #313131; min-width: 1200px;}
div.qr-code-panel { width: 1200px; margin: 0 auto; padding-top: 32px}
div.qr-code-panel table td{padding: 0 32px}
div.qr-code-panel .qr-code{background-color: white; width: 150px; height: 150px; padding: 6px; border: 2px solid #CBCBCB; border-radius: 4px; box-shadow: 2px 2px 16px 0 #000}
div.qr-code-panel p{ line-height: 32px; text-align: center; color: #F0F0F0; }
div.qr-code-panel td{ vertical-align: top; }
div.qr-code-panel .contact-us {width: 166px; height: 166px;  border: 2px solid  white; border-radius: 83px; cursor: pointer; }
div.qr-code-panel .contact-us:hover p {transition: color 0.5s; }
div.qr-code-panel .contact-us:hover p {color: #bd4646}


/* 产品页 POSTER */
div.poster-box img{width: 100%; height: 420px;}
div.poster-box h2{position: absolute; font-size: 42px; width: 1200px; left: 50%; transform: translateX(-50%); top:180px; color: white}
div.poster-box span{border-bottom: 3px solid white}


/* 产品页 产品列表 */
div.product-poster-box img{width: 100%}

div.product-list-box {/*background-color: #F4F4F6;*/padding: 1px 0 60px;}
div.product-list-panel {width: 1200px; margin: 0 auto}

div.product-list-panel h2{font-size: 36px; font-weight: bold; letter-spacing: 4px; color: #333333; border-bottom: 6px solid #03858A; display: inline-block;padding: 24px 0 4px}

ul.product-list {margin-top: 20px;}
ul.product-list li{float: left; width: 340px; height: 472px; margin:0 30px; }

div.product-item{border: 1px solid #EDEDED;}
div.product-item p {overflow: hidden; color: #999999}
div.product-item div:first-child{width: 100%; height: 250px; overflow: hidden;}
div.product-item img{width: 100%; height: 100%; transition: transform 1s; }
div.product-item img:hover{transform: scale(1.2); }
div.product-item:hover {border: 1px solid #B4B4B4;}
div.product-item a {color: #333333; font-weight: bold;}

.classification-list li{float: left; margin-left: 12px; margin-top: 24px;}
.classification-list a{color: #666666;}


/**/
div.product-list-panel .title{ display: inline-block; width: 210px; font-size: 18px;}
div.product-list-panel .type {text-align: right; display: inline-block; width: 60px; font-size: 14px; color: #999}
div.product-list-panel .product-item div:last-child{padding: 25px 32px; background-color: #ffffff}
div.product-list-panel .product-item p{font-size: 14px; color: #666; margin-top: 16px; line-height: 24px;  height: 72px;}

/* 产品详情 */
div.product-item-box {/*background-color: #F4F4F6;*/ padding: 1px 0;}
div.product-item-panel {width: 1200px; margin: 20px auto 100px;}

div.product-item-panel .title{font-size: 32px; line-height: 80px;}
div.product-item-panel .introduction { font-size: 14px; line-height: 28px; color: #999; width: 960px; margin-left: 10px;}


div.product-item-panel .product-content {margin-top: 32px; /*border: 1px solid blue;*/ background-color: #ffffff}

/* 相关推荐 */
.recommend {border: 1px solid #EEEEEE; width: 198px; min-height: 60px;margin-bottom: 14px; }
.recommend h6{background-color: #F7F7F7; font-size: 14px; line-height: 42px; border-bottom: 1px solid #EEEEEE; padding-left: 12px}
.recommend li {margin: 15px; }
.recommend li a{color: #666666;}
.recommend li img{ width: 100%; border: 1px solid #EEEEEE;}
.recommend li span{ padding-left: 4px;}

.recommend .tel {background: url("/img/icon/tel.jpg") no-repeat left center; padding-left: 28px;}
.recommend .qq  {background: url("/img/icon/qq.jpg") no-repeat left center; padding-left: 28px;}

div.product-item-panel .product-description {width: 960px;}
div.product-item-panel .product-description img{ max-width: 100%}

div.product-item-panel .menus-bar { background-color: #F7F7F7;border: 1px solid #EEEEEE; border-bottom: 1px solid #E4393C}
div.product-item-panel .menus-bar span{ float: left; line-height: 42px;padding: 0 24px;font-size: 14px;}
div.product-item-panel .menus-bar span:hover{ background-color: #E4393C; color: #ffffff; cursor: pointer; }
div.product-item-panel .menus-bar .on{background-color: #E4393C; color: white;}

div.product-item-panel #specifications, div.product-item-panel #after-sale, div.product-item-panel #counselling{display: none;}

div.product-item-panel #specifications {color: #999999; }
div.product-item-panel #specifications p {line-height: 42px;}
div.product-item-panel #specifications em {padding-left: 54px;}

div.product-item-panel #specifications table {width: 100%; margin-top: 42px; border-bottom: 1px solid #EEEEEE}
div.product-item-panel #specifications table tr {height: 32px;}
div.product-item-panel #specifications table tr td:nth-child(1){text-align: right; width: 80px; }
div.product-item-panel #specifications table tr td:nth-child(2){text-align: right; width: 180px; padding-right: 40px;}

div.product-item-panel #counselling .askAnswer-item {border-bottom: 1px solid #DDDDDD}
div.product-item-panel #counselling .askAnswer-item li{display: inline-block; vertical-align:top; margin: 20px 8px ;}
div.product-item-panel #counselling .askAnswer-item li i{display: inline-block; width: 18px; line-height: 18px; text-align: center; border-radius: 9px; color: white;}
div.product-item-panel #counselling .askAnswer-item li .icon-ask{background-color: #f91}
div.product-item-panel #counselling .askAnswer-item li .icon-answer{background-color: #9b1}
div.product-item-panel #counselling .askAnswer-item .ask-content{width: 700px; font-size: 14px; line-height: 24px; font-weight: bold}
div.product-item-panel #counselling .askAnswer-item .answer-content{width: 700px;  line-height: 24px; color: #666666;}

.ask-question {margin-top: 24px; border: 1px solid #A9A9A9; padding: 10px;}
.ask-question input{ width: 100%; line-height: 32px; height: 32px;outline: none; border-bottom: 1px solid #f0f0f0;}
.ask-question textarea{width: 100%; height: 160px; outline: none; resize: none; border: none; margin-top: 8px;}
.ask-question-btn {display: block; margin-top: 8px; width: 80px; line-height: 28px; background-color: #DEDEDE;color: #333333; text-align: center;border:1px solid #D1D1D1; border-radius: 5px;}

/* 技术支持 */
div.support-head-box {background-color: #00b1ea; padding-top: 64px;}
div.support-head-panel {width: 1200px; margin: 0 auto; padding: 1px 0;}
div.support-head-panel p{width: 1100px; margin: 50px auto 0; line-height: 30px; font-size: 14px; color: #FAFAFA}
div.support-head-panel p em{margin-right: 8px; cursor: pointer}

div.support-head-panel .search {background-color: #039DCE; margin: 0 auto 50px; width: 1180px; padding: 10px;border-radius: 26px; box-shadow: 0 0 10px 2px rgba(200,200,200,0.25)}
div.support-head-panel .search input {height: 34px; width: 1000px; padding-left: 5px; font-size: 14px; outline: none; margin-left: 50px; border-radius: 6px;}
div.support-head-panel .search a {font-size: 16px; display: inline-block; line-height: 34px; width: 86px; text-align: center; color: white; font-weight: bold}

/* 技术支持 常见问题 */
div.common-problem-box {padding-bottom: 50px;}
div.common-problem-panel {width: 1200px; min-height: 561px; margin: 0 auto; vertical-align: top; padding: 60px 0;}
div.common-problem-panel .problem-type, div.common-problem-panel .problem-list {float: left}
div.common-problem-panel .problem-type {border: 1px solid #E8E8E8}
div.common-problem-panel .problem-type li{ width: 166px; line-height: 42px; font-size: 14px; border-bottom: 1px solid #E8E8E8; padding-left: 32px; transition: background-color 0.5s;}
div.common-problem-panel .problem-type li:first-child{ background-color: #EEEEEE; color: #333333; font-weight: bold}
div.common-problem-panel .problem-type li:hover{ background-color: #EEEEEE;}
div.common-problem-panel .problem-type li a{ color: #666666 }

div.common-problem-panel .problem-list { margin-left: 16px;}
div.common-problem-panel .problem-list {border: 1px solid #E8E8E8}
div.common-problem-panel .problem-list li{ width: 950px; line-height: 42px; font-size: 14px; border-bottom: 1px solid #E8E8E8; padding-left: 32px; transition: background-color 0.5s;}
div.common-problem-panel .problem-list li:first-child{ background-color: #EEEEEE; color: #333333; font-weight: bold}
div.common-problem-panel .problem-list li:hover{ background-color: #f5f5f5;}
div.common-problem-panel .problem-list li a{ color: #666666 }

div.common-problem-panel .problem-list table {width: 982px;}
div.common-problem-panel .problem-list thead tr{background-color: #EEEEEE; color: #333333; font-weight: bold; }
div.common-problem-panel .problem-list tr{ line-height: 42px; font-size: 14px;border-bottom: 1px solid #E8E8E8;}
div.common-problem-panel .problem-list td:first-child{padding-left: 32px;}
div.common-problem-panel .problem-list table a{color: #333333;}
div.common-problem-panel .problem-list table a:hover{color: #00B1EA;}

div.support-menus-box { background-color: #33C1EE; /*padding-bottom: 5px*/}
div.support-menus-panel {width: 1200px; margin: 0 auto;}
div.support-menus-panel li{float: left; line-height: 42px;}
div.support-menus-panel li {width: 100px; text-align: center; color: white; font-size: 14px; letter-spacing: 1px; cursor: pointer; /*border-right: 3px solid #33C1EE*/}
div.support-menus-panel li:hover{background-color:#00b1ea;/* border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;*/ }
div.support-menus-panel li.on{background-color:#00b1ea ;/*border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;*/ }

/*div.common-service-box, div.common-document-box, div.common-search-box {display: none}*/

/* 搜索结果 */
div.common-search-panel {width: 1200px; min-height: 606px; margin: 50px auto; letter-spacing: 1px;}
div.common-search-panel .search-item {width: 800px; margin-top: 26px;}
div.common-search-panel .search-item .on {color: red}
div.common-search-panel .search-item a{ font-size: 14px; color: #039DCE;}
div.common-search-panel .search-item p{color: #666666; line-height: 20px; margin: 8px 4px;}
div.common-search-panel .search-item span{margin: 0 4px; color: #999999;}

/* 联系客服 */
div.common-service-panel {width: 1200px; margin: 0 auto;}
div.common-service-panel .robot {}
div.common-service-panel .robot img{width: 100%;}

div.common-service-panel .telephone, div.common-service-panel .online-service {margin-left: 20px;}
div.common-service-panel .telephone span, div.common-service-panel .online-service span{display: block; font-size: 24px; margin-top: 40px; line-height: 48px; font-weight: bold;letter-spacing: 2px;}
div.common-service-panel .telephone p { font-size: 16px; margin: 12px;}

div.common-service-panel { margin-bottom: 20px;}
div.common-service-panel .online-service li{background-color: #86DBF7;border: 1px solid #F9F9F9; border-radius: 12px; float: left; width: 150px; height: 210px; margin: 22px; box-shadow: 0 0 10px 2px rgba(180,180,180,0.3)}
div.common-service-panel .online-service a{display:block; width: 100px; height: 100px; border-radius: 60px; border: 6px solid white; margin: 18px auto; transition: transform 1s; overflow: hidden}
div.common-service-panel .online-service img{width: 100%; height: 100%;  transition: transform 1s;}
div.common-service-panel .online-service img:hover{transform: scale(1.2);}
div.common-service-panel .online-service p{ font-size: 14px; text-align: center; line-height: 24px; color: #666666}
div.common-service-panel .online-service p em{ color: white}


/* 详细内页 */
div.article-detail h1{ font-size: 20px; text-align: center; font-weight: bold; color: #333333}
div.article-detail span{}


/* 新闻列表 海报 */
div.news-poster-box {height: 260px; padding-top: 64px; overflow: hidden}
div.news-poster-box img{width: 100%;}

div.news-list-box {padding: 50px 0;}
/* 新闻列表 分类 */
div.news-list-panel {width: 1200px; margin: 0 auto;}
div.news-list-panel .news-type, div.news-list-panel .news-list{ float: left; }
div.news-list-panel .news-type {border: 1px solid #E8E8E8; border-bottom: none;}
div.news-list-panel .news-type li{width: 166px; line-height: 42px; border-bottom: 1px solid #E8E8E8; padding-left: 32px;  font-size: 14px; transition: background-color 0.5s;}
div.news-list-panel .news-type li:hover{background-color: #EEEEEE}
div.news-list-panel .news-type li.on{background-color: #F5F5F4}
div.news-list-panel .news-type li:first-child{background-color: #EEEEEE; font-weight: bold}
div.news-list-panel .news-type li a{color: #666666}


/* 新闻列表 列表 */
div.news-list-panel .news-list {margin-left: 20px;}
div.news-list-panel .news-list h6{line-height: 42px; color: #999999}
div.news-list-panel .news-list li {width: 980px; border-bottom:  1px solid #E8E8E8; padding-bottom: 12px; margin-bottom: 12px;}
div.news-list-panel .news-list li h1{display: inline-block;  width: 900px;}
div.news-list-panel .news-list li a{font-size: 14px; color: #333333; font-weight: bold; line-height: 32px; letter-spacing: 1px;}
div.news-list-panel .news-list li a:hover{color: #4CADEC;}
div.news-list-panel .news-list li span{line-height: 32px; color: #999999}
div.news-list-panel .news-list li p{line-height: 22px; color: #666666; padding-left: 6px; height: 66px; overflow: hidden}
div.news-list-panel .news-list li p img{height: 62px; width: 100px; float: left; margin:4px 8px 0 0;}


/* 关于我们 海报 */
div.about-poster-box {height: 420px; padding-top: 64px; overflow: hidden}
div.about-poster-box img{width: 100%}

div.about-content-box {padding: 50px 0;}
div.about-content-panel {width: 1200px; margin: 0 auto;}



div.about-content-panel .about-map {float: left; width:100%; height:550px; background-color: #999999}
div.about-content-panel .about-list {float: right;   width: 440px;}
div.about-content-panel .about-list p {line-height: 32px;}

div.about-content-panel .about-description {margin-bottom: 42px;}
div.about-content-panel .about-title {background: url("/img/icon/bg02.jpg") no-repeat center; height: 120px; text-align: center; color: #bd4646; }
div.about-content-panel .about-title h2{font-size: 28px; padding-top: 28px; font-weight: bold; }
div.about-content-panel .about-title span{ padding-top: 4px; display: block ; font-size: 16px;}

div.about-content-panel .about-description p{text-indent: 28px; line-height: 32px; font-size: 16px; color: #4c4c4c; margin-top: 24px; letter-spacing: 1px;}

div.about-content-panel .about-area li{display: inline-block; width: 100px; text-align: center; line-height: 32px;
    border: 1px solid #95A0B9; margin: 8px 12px; cursor: pointer}
div.about-content-panel .about-area h2{font-size: 18px; font-weight: bold; padding-left: 12px; line-height: 60px;}
div.about-content-panel .about-area .on {background-color: #8BB2BF}

div.about-content-panel .about-person-charge{border-top:1px solid #DDDDDD; margin: 24px 0 0 12px; width: 360px;}
div.about-content-panel .about-person-charge span {display: inline-block; width: 80px; text-align: right; letter-spacing: 2px;}
div.about-content-panel .about-person-charge label {padding-left: 8px; color: #999999}

/* 企业文化 */
div.about-corporate-culture {margin-top: 70px;}
div.about-corporate-culture .corporate-culture-item {display: inline-block; width: 300px; margin: 30px 48px; cursor: pointer}
div.about-corporate-culture .corporate-culture-item .number{width: 60px; line-height: 60px; margin: 0 auto; text-align: center; border: 1px solid #bd4646; border-radius: 30px; font-size: 20px; color: #bd4646; font-weight: bold; }
div.about-corporate-culture .corporate-culture-item .content{border: 1px solid #C7C7C7; margin-top: 40px; background-color: #F3F3F3;  text-align: center; font-size: 16px;
    padding-top: 140px; background-position: center 20px; background-repeat: no-repeat; background-size: 100px; }
div.about-corporate-culture .corporate-culture-item img{width: 100px; display: block; margin: 20px auto;}
div.about-corporate-culture .corporate-culture-item span{line-height: 32px; height: 150px; padding: 0 32px; display: block;}
div.about-corporate-culture .corporate-culture-item p{line-height: 60px; background: white; letter-spacing: 2px; font-weight: bold}

div.about-corporate-culture .corporate-culture-item:hover  .content,
div.about-corporate-culture .corporate-culture-item:hover  .number {background-color: #bd4646; transition: background-color 0.5s;}

div.about-corporate-culture .corporate-culture-item:hover  span,
div.about-corporate-culture .corporate-culture-item:hover .number {color: white;}

div.about-corporate-culture .mission .content {background-image: url("/img/icon/mission.svg")}
div.about-corporate-culture .purpose .content {background-image: url("/img/icon/purpose.svg")}
div.about-corporate-culture .wish .content {background-image: url("/img/icon/wish.svg")}

div.about-corporate-culture .mission:hover .content {background-image: url("/img/icon/mission_hover.svg")}
div.about-corporate-culture .purpose:hover .content {background-image: url("/img/icon/purpose_hover.svg")}
div.about-corporate-culture .wish:hover .content {background-image: url("/img/icon/wish_hover.svg")}

/* 招贤纳士 */
div.about-help-wanted {margin-top: 60px;}
div.about-help-wanted .about-help-wanted-item {margin-top: 50px; border: 1px solid #C7C7C7 }
div.about-help-wanted .about-help-wanted-item .left {display: inline-block; width: 300px;}
div.about-help-wanted .about-help-wanted-item .left p {border: 2px solid #bd4646; width: 100px; line-height: 100px; border-radius: 70px; padding: 12px; text-align: center; margin: 0 auto;}
div.about-help-wanted .about-help-wanted-item .left span {background-color: #bd4646; color: white; display: block; border-radius: 60px; font-size: 16px; font-weight: bold; letter-spacing: 2px;}
div.about-help-wanted .about-help-wanted-item .right {display: inline-block; vertical-align: middle }
div.about-help-wanted .about-help-wanted-item .right p { line-height: 32px;}
div.about-help-wanted .about-help-wanted-item .right div {margin: 20px;}
div.about-help-wanted .about-help-wanted-item .right div p:first-child {font-weight: bold; font-size: 16px; color: #bd4646}



/* 分页样式 */
.pagination li{ float: left; margin-top: 20px;border: 1px solid #C4C4C4;border-left: none}
.pagination ul li:first-child{border-left: 1px solid #C4C4C4}
.pagination ul{ display: flex;justify-content: center;align-items: center;}
.pagination li a{display: block;width: 28px;height: 28px;line-height: 28px;text-align: center;color: #404040}
.pagination .on {background-color: #4C8FE0; color: white}
.pagination li a:hover{background-color: #4C8FE0}

/* 内容页样式 */
div.detail-content { margin-left: 20px; float: left; width: 980px; }
div.detail-content h2.title {font-size: 20px; text-align: center; font-weight: bold; color: #333333}
div.detail-content p.time {text-align: center; color: #999999; line-height: 24px;}
div.detail-content div.description{ color: #666666; text-indent: 24px; line-height: 24px; font-size: 14px; letter-spacing: 2px;
    background-color: #F7F7F7; margin-top: 32px;padding: 24px;}


/* 案例列表页 */
div.example {width: 1200px; margin: 0 auto 52px;}
div.example h2{font-size: 36px; font-weight: bold; letter-spacing: 4px; color: #333333; border-bottom: 6px solid #03858A; display: inline-block;padding: 24px 0 4px}
div.example .example-list {margin-top: 24px;}
div.example .example-list li{float: left; margin-left: 12px; line-height: 24px;}
div.example .example-list a{color: #666666}
div.example .case {width: 292px; height: 222px; border: 4px solid #ffffff; float: left; position: relative; overflow: hidden; border-radius: 8px;}
div.example .case img{width: 100%; height: 100%;}
/*
div.example .case-mask {position: absolute; width: 100%; line-height: 500px; text-align: center; font-size: 24px;
    background-color: rgba(255,255,255,0.0); transition: all 0.8s ease-out}*/
div.example .case-mask {position: absolute; width: 292px; height: 222px; text-align: center; font-size: 24px;
    background-color: rgba(245, 245, 245, 0.0); transition: all 0.35s ease-out}
div.example .case-mask a{background-color: rgba(255,255,255, 0); color:rgba(0,0,0,0); padding: 12px 4px; display: block; overflow: hidden; white-space:nowrap;
    position: relative; top: 225px; transition: all 0.35s ease-out}

div.example .case-mask:hover{background-color: rgba(245,245,245,0.85);}
div.example .case-mask:hover a{top: 140px; background-color: rgba(255,255,255,0.45); color: #333333;}

/* 技术文档详情页中 文件描述表格 */
.document-file-table {margin: 14px 0; font-size: 14px}
.document-file-table table{border-collapse:collapse; width: 100%}
.document-file-table tr{line-height: 42px}
.document-file-table td{ border: 1px solid #ffffff; padding: 0 12px; background-color: #F7F7F7}
.document-file-table td:first-child{ width: 140px; text-align: center; background-color: #EEEEEE}