@charset "utf-8";

.page_banner                    { width: 100%; overflow: hidden; text-align: center; }
@media(max-width: 767px) {
    .page_banner img                { position: relative; max-width: 1920px; height: 200px; left: -200px; }
}
.page_con                       { max-width:1300px; margin: 0 auto; padding-top:80px; padding-bottom:80px; }
@media(max-width: 767px) {
    .page_con                       { padding-top:30px; padding-bottom:30px; }
}
.page_title                     { margin-bottom: 30px; }
.page_left                      { float: left; width: 25%; }
.page_right                     { float: left; width: 75%; }
.articleListTile01              { font-size: 18px; color: #666; border-bottom: 1px dashed #ccc; background: #f3f3f3; margin-top: 10px; margin-left: 10px; padding-bottom: 10px; }
.articleListTile                { display: none; }
.articleList ul                 { margin-left: 10px; }
.articleList li                 { list-style-type: none; margin-top: 10px; text-align: center; }
.articleList li a               { display: block; color: #666; line-height: 35px; border: 1px dashed #ccc; border-radius: 10px; background: #f3f3f3; }
.articleList li a:hover         { background-color: #4d4d4d;  border: border: 1px dashed #4d4d4d; color: #fff; }
.articleList li ul              { display: none; margin-left: 20px; margin-right: 20px; }
.articleList li:hover ul        { display: block; }
.message_list ul                { margin-left: 10px; }
.message_list li                { list-style-type: none; margin-top: 10px; text-align: center; }
.message_list li a              { display: block; color: #666; line-height: 35px; border: 1px dashed #ccc; border-radius: 10px; background: #f3f3f3; }
.message_list li a:hover        { background-color: #4d4d4d;  border: border: 1px dashed #4d4d4d; color: #fff; }
.message_con                    { margin: 20px 10px 20px 20px; }
.message_con dl                 { margin: 10px 0px; padding: 0; background: #fff; border-top: #eaeaea 1px solid; border-bottom: #eaeaea 1px solid; }
.message_con .textPs            { margin: 10px; }
@media (max-width: 767px) {
    .message_list ul                { margin-left: 10px; margin-right: 10px; }
    .message_con                    { margin: 10px; }
}
@media (max-width: 999px) {
    .articleList li ul              { display: block; }
}
.con_header                     { margin: 10px 10px 0px 20px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; }
.con_header h2                  { font-size: 18px; }
.product_con                    { margin-right: 10px; }
.product_con ul                 { margin: 0; }
.product_con li                 { list-style: none; float: left; width: 33.333333333333333%; text-align: center; }
.product_con li a               { display: block; margin: 20px 0 0 20px; }
.product_con li img             { width: 100%; margin-bottom: 10px; }
.link_list li                   { width: 25%; }
/*-----------------------分页-----------------------*/
.dede_pages                     { padding: 50px 0 30px 0; border-top: none; text-align: center; line-height: 30px; clear: both; }
.dede_pages ul                  { text-align: center; margin: 0; }
.dede_pages ul li               { text-align: center; height: 18px; display: inline; overflow: hidden; white-space: nowrap; margin: 0 1px; }
.dede_pages ul li a             { color: #666; display: inline; height: 18px; padding: 8px 12px 8px 12px; margin: 0; background: #ddd; }
.dede_pages ul li a:hover       { color: #fff; background: #333; font-weight: bold; text-decoration: none; }
.dede_pages ul li.current       { background-color: #333; color: #fff; font-weight: bold; padding: 8px 12px 8px 12px; }
/*----------------------分页结束----------------------*/
@media (max-width: 767px) {
    .con_header                     { margin-left: 10px; }
    .page_left                      { width: 100%; }
    .page_right                     { width: 100%; }
    .product_con li a               { margin: 10px 0 0 10px; }
    .articleListTile01              { display: none; }
    .articleListTile                { display: block; margin: 10px 10px 0 10px; text-align: center; color: #666; line-height: 35px; border: 1px dashed #ccc; border-radius: 10px; position: relative; cursor: pointer; }
    .articleListTile:after          { position: absolute; top: 50%; right: 12px; display: inline-block; overflow: hidden; margin-top: -2px; width: 7px; height: 4px; background: url(../images/open.gif) no-repeat; content: ""; z-index: 1; }
    .articleListTile:hover          { background-color: #4d4d4d;  border: border: 1px dashed #4d4d4d; color: #fff; }
    .articleList                    { position: absolute; width: 100%; z-index: 1; background: #f3f3f3; display: none; }
    .articleList ul                 { margin-right: 10px; }
    .articleList li ul              { margin-bottom: 0; }
}
@media (max-width: 479px) {
    .product_con li                 { width: 50%; }
}
.page_detail                    { margin-left: 20px; margin-right: 10px; }
.page_detail h2                 { text-align: center; }
.page_detail div,
.page_detail p                  { margin: 10px 0; line-height: 24px; }
@media (max-width: 767px) {
    .page_detail                    { margin-left: 10px; }
}
.article_con                    { margin-top: 20px; margin-right: 10px; }
.article_con li                 { list-style: none; padding-bottom: 15px; min-height: 140px; clear: both; }
.article_con li img             { width: 120px; height: 120px; margin-right: 15px; float: left; }
.article_con li h3              { font-size: 16px; margin: 5px 0; color: #333; }
.article_con li h3 a            { color: #333; }
.article_con li p               { margin: 10px 0; color: #666; font-size: 14px; }
.article_con li span            { display: inline-block; color: #999; }
.article_con li a.article_more  { float: right; margin-right: 10px; color: #333; }
.article_con li a.article_more:hover { color: #CA0E0E; }
@media (max-width: 479px) {
    .article_con li img             { display: none; }
}
.about_page_con .info           { text-align: center; padding-bottom: 5px; }
.page_detail .detail            { margin-bottom: 50px; }
.prevNext                       { padding: 5px 10px; border: 1px solid #ccc; }
.prevNext span                  { margin-right: 20px; }
.product_picPreview             { text-align: center; }
.product_picPreview img         { margin: 5px auto; }
.about_page_con .brief          { border: 1px solid #ccc; padding: 5px 10px; }

/* ------------------------------------------------------------------ */
/*                                      anyTable自由模块               */
/* ------------------------------------------------------------------ */
.anyTable                               { margin:0px; padding:0; background:#fff; border:0; border-radius:0; border-top: #EBEBEB 1px solid; }
.anyTable td                            { padding: 10px; border-bottom: #EBEBEB 1px solid; }
.anyTable td.icon                       { width: 50px; text-align: center; vertical-align: middle; border-right: #EBEBEB 1px solid; background: #F7F7F7; }
.anyTable td.icon .booen_icon           { width: 50px; height: 50px; font-size: 30px; line-height: 50px; color: #CFCFCE; }
.anyTable td.icon img                   { width: 44px; height: 44px; border:#ccc 3px solid; border-radius:50%; }
.anyTable td.item                       { width: 80px; text-align: left; vertical-align: middle; border-right: #EBEBEB 1px solid; background: #F7F7F7; }
.anyTable td.item img                   { width: 64px; height: 64px; border:#ccc 3px solid; border-radius:50%; }
.anyTable td.itemBrief                  { text-align: right; vertical-align: middle; }
.anyTable td.thumb                      { width: 80px; text-align: center; vertical-align: middle; border-right: #EBEBEB 1px solid; background: #fff; }
.anyTable td.thumbBrief                 { text-align: right; vertical-align: middle; }
.anyTable td h3                         { font-size: 20px; line-height: 30px; margin: 0; padding: 0; font-weight: normal; color: #666 !important; }
.anyTable td h3 a                       { color: #666 !important; }
.anyTable td h4                         { font-size: 18px; line-height: 30px; margin: 0; padding: 0; font-weight: normal; color: #666 !important; }
.anyTable td h4 a                       { color: #666 !important; }
.anyTable td i                          { font-style: normal; font-size: 12px; color: #999; }
.anyTable input[type=text],
.anyTable input[type=number],
.anyTable input[type=password]          { border: none; color: #2489ce; background: none; font-size: 14px; padding: 0; }
.anyTable select                        { background: none; border: none; padding: 0; font-size: 14px; color: #2489ce; }
.anyTable textarea                      { border: none; color: #2489ce; background: none; font-size: 14px; padding: 0; width:100%; vertical-align:middle; }
.anyTable label                         {  }
.anyTable :-moz-placeholder             { color: #999; }
.anyTable ::-moz-placeholder            { color: #999; }
.anyTable input:-ms-input-placeholder,
.anyTable textarea:-ms-input-placeholder
                                        { color: #999; }
.anyTable input::-webkit-input-placeholder,
.anyTable textarea::-webkit-input-placeholder
                                        { color: #999; }

.anyTable .getCodeButton                { cursor: pointer; color: #039; display: inline-block; }
.anyTable .inputValiCode                { width: 75px; }
.anyTable .valiCodeImg                  { vertical-align: middle; width: 81px; height: 25px; margin-top: 24px; }
.anyTable td.more                       { text-align: right; border-left: #eaeaea 1px solid; width: 40px; text-align: center; }
.anyTable td.more a                     { text-decoration: none; font-size: 18px; font-weight: bold; font-family: "Courier New", Courier, monospace; display: block; width: 100%; color: #666 !important; }
.anyTable td.avatar                     { position: relative; }
.anyTable td.avatar img                 { width:100px; height:100px; background:#fff; padding:10px; position:absolute; right:0; top:0; }
.anyTable .textPs                       { font-size:12px; color:#999; }
.anyTable tfoot td                      { background: #F7F7F7; border-top: #EBEBEB 1px solid !important; }
.anyTable tfoot th                      { height: 50px; }
.anyTable tfoot input                   { width: 100px; height: 30px; background: #333; border: 0; color: #fff; font-size: 14px; font-family: "Microsoft Yahei"; border-radius: 20px; }
.anyTable td+td                         { padding: 0; }
.anyTable td+td input                   { height: 70px; text-indent: 10px; }
/* ------------------------------------------------------------------ */

.message                            { border: 1px solid #eaeaea; background: #fff; margin-bottom: 10px; }
.message h3                         { margin: 0; padding: 10px 0; border-bottom: #eaeaea 1px solid; font-size: 16px }
.message h3 .booen_icon             { font-size: 16px; color: #333; display: inline-block; margin-left: 10px; }
.message .guestbookContent          { padding: 10px; }
.message small                      { text-align: right; display: block; width: 100%; padding: 0 10px 10px 10px; }
.message .guestbookResponse         { margin: 10px 10px 0; padding: 10px 0 10px 0; border-top: #eaeaea 1px solid; }

.TopicalFormBoxBody .textPsBox      { margin: 0 0 10px 0; }
.TopicalFormBoxBody .linkTitle      { height: 21px; width: 40%; }
.TopicalFormBoxBody .linkUrl,
.TopicalFormBoxBody .linkPic        { height: 21px; width: 50%; }
.TopicalFormBoxBody textarea        { width: 80%; }
.TopicalFormBoxBody .trBottomConsole td { text-align: center; }
.TopicalFormBoxBody .trBottomConsole input { width: 100px; height: 30px; background: #333; border: 0; color: #fff; font-size: 14px; font-family: "Microsoft Yahei"; border-radius: 20px; }
.TopicalFormBoxBody .markerMust     { color: #F00; font-weight: bold; }
@media (min-width: 480px) and (max-width: 767px) {
    .TopicalFormBoxBody .linkTitle      { width: 60%; }
    .TopicalFormBoxBody .linkUrl,
    .TopicalFormBoxBody .linkPic        { width: 70%; }
    .TopicalFormBoxBody textarea        { width: 100%; }
}
@media (max-width: 479px) {
    .TopicalFormBoxBody .linkTitle      { width: 80%; font-size: 12px; }
    .TopicalFormBoxBody .linkUrl,
    .TopicalFormBoxBody .linkPic        { width: 90%; font-size: 12px; }
    .TopicalFormBoxBody textarea        { width: 100%; font-size: 12px; }
    .TopicalFormBoxBody .textPsBox      { font-size: 12px; }
    .TopicalFormBoxBody table td        { font-size: 12px; width: 27%; }
    .TopicalFormBoxBody table td+td     { width: 73%; }    
}
.engageList                          { margin: 20px 10px 20px 20px; }
.engage                              { margin: 20px 10px 20px 20px; }
.anyBox                              { margin: 20px 10px 20px 20px; }
.engageList dl                       { border-bottom:#ccc 1px dotted; margin-bottom:10px; padding-bottom:10px; }
.engageList dl dt                    { font-size:14px; font-weight:bold; margin-bottom:5px; }
@media (max-width: 767px) {
    .engageList                         { margin-left: 10px; }
    .engage                             { margin-left: 10px; }
    .anyBox                             { margin-left: 10px; }
}
.engageBox .engageBoxTitle          { font-weight: bold; font-size: 14px; margin-bottom: 10px; }
.engageBox .engageBoxBody           { margin-bottom: 10px; }
.engageBox .engageBoxBody li        { list-style: none; }

.anyBoxTitle                        { margin-bottom: 10px; font-size: 14px; text-align: center; }
.anyBoxBody .tdItem,
.tableForm td                       { border:0; padding: 5px 0; }
.tableForm td.tdItem                { width:100px; }
.anyBoxBody .markerMust,
.anyBoxBody .must                   { color:#F00; font-weight:bold; }
.anyBoxBody .textPsBox              { color:#A4A3A1; font-size: 12px; }
.anyBoxBody input                   { background: #fff; border:1px solid #B1B1B1; }
.anyBoxBody textarea                { background: #fff; border:1px solid #B1B1B1; }
#iLoading                           { padding: 1px 0px 0px 10px; height: 16px; line-height: 16px; text-indent: 20px; display: none; background: url(../images/loading.gif) no-repeat; }
.anyBoxBody .trBottomConsole input  { width: 100px; height: 30px; background: #333; border: 0; color: #fff; font-size: 14px; font-family: "Microsoft Yahei"; border-radius: 20px; }
.anyBoxBody .feedbackTitle          { width: 90%; max-width: 300px; }
.anyBoxBody .feedbackContent        { width: 90%; max-width: 660px; height: 150px; }
@media (max-width: 767px) {
    .anyBoxBody .feedbackContent        { width: 100%; }
}