﻿@charset "utf-8";
/* CSS Document */
html{font-size: 100%;-webkit-text-size-adjust: 100%;}
body {color: #333;font:12px/1.8 Microsoft YaHei,Verdana,tahoma,arial,sans-serif, Arial, Helvetica, sans-serif;margin: 0 auto;padding: 0; -webkit-font-smoothing:antialiased; height:100%;}
body > div {margin-left: auto;margin-right: auto;}
div, form, ul, ol, li, span, p, dl, dt, dd, img {border: 0 none;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 12px;font-weight: normal;margin: 0;padding: 0;}
ul, ol, li {list-style: none outside none;}
table, td, input, textarea {font-size: 12px; padding:0px; font-family:Microsoft YaHei;}
a {color: #333;text-decoration: none;}
a:hover {color: #c00; text-decoration:none;}
li{vertical-align: middle;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{background-color: #fff;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border linear .2s,box-shadow linear .2s;-moz-transition: border linear .2s,box-shadow linear .2s;-o-transition: border linear .2s,box-shadow linear .2s;transition: border linear .2s,box-shadow linear .2s;}
textarea {height: auto; color:#555;}
*html{background-image:url(about:blank);background-attachment:fixed;}
.clear{clear:both; height:0; margin:0; padding:0; overflow:hidden;}
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.w60{ width:63.6%;}
.w40{ width:36.4%;}
.blod {font-weight: bold;}
.margin-left30 {margin-left: 30px !important;}
.no_padding{ padding:0 !important;}
.padding_top10{ padding-top:10px !important;}
.padding_bottom10{ padding-bottom:10px !important;}
.padding-top20 {padding-top: 20px !important;}
.padding-left10 {padding-left: 10px !important; color:#c9c9c9;}
.padding_side{ padding-left:15px !important; padding-right:15px !important;}
.import-status{ margin:0 !important;}
.row-fluid{width: 100%;*zoom: 1;}
.col100{ width:100%;}
.input-block-level{display: block;width: 100%;min-height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.input-block-level {border: none;height: 56px;resize: none;font-size: 14px;padding: 10px 20px;outline: none;box-shadow: none;margin-bottom: 5px;}
.input-block-level:focus {box-shadow: none;}

.contain{background:#05386d url(../images/robotbg.jpg) center top  no-repeat!important;  width:100%; height:100%; overflow:hidden;}
.mainbox{ max-width:984px; width:100%; height:100%; margin:0 auto;}
.row_fluid{*zoom:1; width:100%; margin:0 auto; background:#f9f9f9;border-radius:6px;  }
.header{ height:183px; position: relative;}
.logo{   width:auto; height:86px; overflow:hidden; padding-top:46px; padding-left:16px;}
.topright{ width:auto; height:114px; padding-top:43px; padding-right:28px;}

/*头部无障碍 适老版样式*/
.top-oldlink{ position: absolute; top: 60px; left:380px; text-align: right;z-index: 99;}
.top-oldlink li{display: inline;}
.top-oldlink li a{display: inline-block; margin: 0 15px; padding: 4px 0 0; font-size: 0; line-height: 0;color:#fff;}
.top-oldlink li span{display: inline-block; width: 100%; vertical-align: middle; cursor: pointer;}
.top-oldlink li .ico{display: block;margin: 0 auto; width: 26px; height: 26px; background-image: url("/_res/images-oldage/wzaico-white.png"); background-position: 0 0; background-repeat: no-repeat;}
.top-oldlink li.num-wza .ico{ background-position: 0 -26px;}
.top-oldlink li .tit{ padding: 2px 0 0; height: 28px; line-height: 28px; font-weight: bold; font-size: 18px;}


.main_left{ overflow:hidden;}
.chat_conversation{ background:#fff; margin-bottom:0px;border-radius:6px 0px 0px 0px; height:430px; }
.conversation_list{list-style: none;padding-left: 0; background-size: 100% 100%;overflow-x: hidden;overflow-y: auto;margin: 0;padding: 0 20px 0 20px;}
.conversation_list li{margin-bottom: 32px;margin-top: 28px;}
.conversation_list .chat_avatar{width: 50px;display: inline-block;text-align: center;float: left;}
.conversation_list .conversation_text{display: inline-block;font-size: 12px;float: left;margin-left: 12px;width: 80%;}
.conversation_text .list {height: 234px;}

.conversation_list .ctext_wrap{padding: 10px;background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: relative;display: inline-block;border: 1px solid #ccc;}
.conversation_list .chat_avatar img {border-radius: 30px;}
.conversation_list .ctext_wrap::after {right: 100%;top: 20px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(213,242,239,0);border-right-color: #ccc;border-width: 5px;margin-top: -5px;}
.chat_index{ background:#fff;border-radius:3px;}
.import .chat-input{float: left;overflow: auto;border: none;height: 80px;resize: none;font-size: 14px;font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;line-height: 30px;margin-bottom: 0;border-right: none;*padding: 0;border-radius: 0px;box-shadow: none;padding: 10px 12px;}
.import-status{ padding-bottom:5px;}
.remain-tip {font-size: 14px;color: #999;margin-left: 30px;height: 36px;line-height: 30px;}

.conversation_list .odd .chat_avatar {float: right !important;}
.conversation_list .chat_avatar {width: 50px;display: inline-block;text-align: center;float: left;}
.conversation_list .chat_avatar img {border-radius:30px;}
.conversation_list .odd .conversation_text {width: 70% !important;margin-right: 12px;text-align: right;float: right !important;}
.conversation_list .odd .ctext_wrap::after {left: 100% !important;top: 20% !important;border-color: rgba(238,238,242,0) !important;border-left-color: #ccc !important;}
.conversation_list .ctext_wrap i {display: block;font-style: normal;font-weight: bold;position: relative;font-size: 12px;color: #2cb9b3;}
.conversation_list .odd .ctext_wrap i {color: #e72103;}
.conversation_list .ctext_wrap p {margin: 0px;padding-top: 3px;}
.bszn {margin: 10px 0 0 0;overflow: hidden;zoom: 1;border-bottom: 2px solid #ec6941;white-space: nowrap;}
.bszn li {list-style: none;float: left;margin-bottom: 0;}
.bszn li a {padding: 0 12px;line-height: 30px;}
.bszn li.active {background: #ec6941;}
.bszn li.active a {color: #fff;}
.list {zoom: 1;margin: 8px 0 5px 10px; height: 210px; overflow: hidden; padding-right:15px; background:none !important;}
.list li {list-style: none;float: left;margin: 2px 0 2px 0; overflow:hidden;height:22px;}
.list li em,.list li span.ico {width: 5px;height: 5px;border-radius: 10px;background: #c80000;float: left;margin: 8px 10px 0 0;overflow: hidden;}
.list li a {color: #666; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-right:10px;}
.rdlist {overflow: hidden;zoom: 1;margin-bottom:22px;   background:none !important; height:224px; padding-right:20px;}
.rdlist li {list-style: none; height:32px; line-height:32px; background:url(../images/dot.jpg) left center no-repeat; padding-left:16px; font-size:14px;}
.rdlist li a{ display:block;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list5 li {width: 20%;*width: 19.98%;}
.list2 li {width: 50%;*width: 49.98%;}


.hot-topic-lists-01{width: 100%;height: auto;margin-top: 10px;}
.hot-topic-lists-01 ul li{float: left;width: 48%;height: 40px;line-height: 40px;margin: 0 1% 10px;background: #fff;}
.hot-topic-lists-01 ul li a{display: block;border: 1px solid #e3e3e3;color: #444;border-radius: 4px;text-align: center;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-topic-lists-01 ul li:hover a,.hot-topic-lists-01 ul li.active a{border: 1px solid #7696c6;color: #4976ba;}


.gac_m {cursor: default;border: 1px solid #90a8c1;z-index: 10001;background: #f2f7fe;position: absolute;margin: 0;font-size: 12px;top: 174px;left: 1px;width: 1151px;display: block;}
.gac_m td {line-height: 15px;}
.gac_d {padding: 0 3px;white-space: nowrap;overflow: hidden;text-align: right;color: green;font-size: 0.77em;}
.gac_b {background: #355fb1;color: #fff;}
.gac_e {padding: 0 3px 2px;text-decoration: underline;text-align: right;color: #00c;font-size: 0.77em;line-height: 0.88em;}
.gac_c {padding-left: 3px;white-space: nowrap;overflow: hidden;text-align: left;padding-bottom: 1px;}
/*回复框 end*/
.import{background: #fff;position:relative;border-radius:0px 0px 0px 6px;}
.span6 {width: 460px;}
.import .send{float: left;background: #ffa334;border: none;height: 30px;color: #fff;line-height: 30px;text-shadow: none;font: bold 14px 'Microsoft YaHei'; padding:0px; width:123px; text-align:center;}
.chat-send {padding: 0px 0;}
.chat-send button {width: 100%;}
/*输入框 end*/
.modal{width: 340px !important;margin-left: -170px;}
/*左侧 end*/
.main_right{  }
.tab_pages{ border-bottom:solid 2px #f59744; height:36px; padding-top:8px;}
.tab_pages li{ float:left; font-size:14px; font-weight:bold; height:36px; line-height:36px;}
.tab_pages li .tab_text{ padding-left:10px;}
.tab_pages li.tab_selected{ background:#f59744; color:#fff;}




.page-header1 {border-bottom: 2px solid #e9e9e9;overflow: hidden;zoom: 1;color: #ec6941;margin-bottom: 5px;height: 34px;}
.page-header1 h3 {border-bottom: 2px solid #ec6941;position: absolute;margin: 0;height: 34px;line-height: 34px;padding: 0;font-size: 16px;font-weight: bold;padding: 0 20px;float: left;margin-right: 10px;}
.module { padding-left:19px; margin-top:17px;}
.page-header2 { overflow: hidden;zoom: 1; height:40px;}
.page-header2 li {float: left;list-style: none;height: 40px;line-height: 40px;padding: 0;font-size: 18px; font-weight:bold; padding-left:17px; float: left; background:url(../images/hotnews.png) left center no-repeat;}
.page-header2 li a {display: block;} 
.page-header2 li.active a {color: #0a74c5; }
.iconList {overflow: hidden;zoom: 1;margin: 0 0 10px 0;}
.page-header1 {border-bottom: 2px solid #e9e9e9;overflow: hidden;zoom: 1;color: #ec6941;margin-bottom: 5px;height: 34px;}
.iconList li {margin-top: 10px;float: left;list-style: none;width: 33.3%;}
.iconList li a {font-size: 14px;line-height: 26px;text-align: center;display: block;color: #666;background: #fff;outline: none;}
.iconList li.active i {background: #ec6941;}
.iconList li i {cursor: pointer;display: block;width: 54px;height: 54px;font-size: 34px;line-height: 50px;border-radius: 50px;color: #fff;margin: 0 auto;*padding-left: 10px;*width: 64px;_padding-left: 20px;_width: 54px;background: #c4c4c4;}

.inquiry {position: relative;background: #e1e8f1;margin: 0;padding: 5px 0 5px 25px;overflow: inherit;_overflow: hidden;zoom: 1;}
.inquiry::before {position: absolute;top: -12px;left: 15%;display: inline-block;border-right: 15px solid transparent;border-bottom: 15px solid #e1e8f1;border-left: 15px solid transparent;content: '';}
.inquiry li {display: inline-block;float: none;*float: left;width: 24%;}
.inquiry1::before {left: 48%;}
.inquiry2::before {right: 15%;left: auto;}


/*底部*/
.footer{   padding-bottom:44px; overflow:hidden;}
.foot{ padding:0 20px;}
.footlist{ text-align:center; height:auto; line-height:30px; color:#999; font-size:14px; padding:19px 0; color:#fff;}
.footlist a{ color:#fff; padding:0 13px; }
.footlist a.last{ background:none;}
.footnav{ text-align:center; font-size:12px;   position:relative; line-height:28px;color:#fff;}
.footnav span{display: inline-block;padding: 0 0.5em;}
.footnav a{ color:#fff;}
.dzjg{ position:absolute; top:-10px; left:0px;}
.jiucuo{ position:absolute; top:0px; right:0px;}
@media (min-width: 992px) and (max-width: 1199px) {
  
}
@media only screen and (max-width: 991px) {
    .dzjg,.jiucuo{position: static;display: inline-block;}
}
.bmcx_btn{ height:auto; overflow:hidden; margin-top:10px;}
.bmcx_btn ul li{ width:46%; float:left; margin-right:4%; margin-bottom:12px;}
.bmcx_btn ul li.num2,.bmcx_btn ul li.num4,.bmcx_btn ul li.num6,.bmcx_btn ul li.num8{ margin-right:0px;}
.bmcx_btn ul li a{ border:1px solid #e5e5e5;font-size:14px; height:32px; line-height:32px;border-radius:3px; background:#fff; display:block; font-size:14px; color:#444;padding: 3px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*.bmcx_btn ul li img{width: 32px;}*/
.bmcx_btn ul li span{ /*padding: 0 0 0 12px;*/ display: inline-block; cursor: pointer; height: 32px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
/*.bmcx_btn ul li a:hover img{-webkit-transition:-webkit-transform 0.7s ease-out;-moz-transition:moz-transform 0.7s ease-out;transition:transform 0.7s ease-out;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);*/
/*    transform:rotate(360deg);}*/
.bmcx_btn ul li .img{width: 32px;overflow: hidden;}
.bmcx_btn ul li .img img{max-width: none;}



/*.bmcx_btn ul li a:hover{ background:#f7faff; border:1px solid #7696c6; color:#4976ba;}*/
/*.bmcx_btn ul li .ico{  width:30%; height:38px;  float:left; display:block; margin-right:8%;}*/
/*.bmcx_btn ul li a:hover .ico{-webkit-transition:-webkit-transform 0.7s ease-out;-moz-transition:moz-transform 0.7s ease-out;transition:transform 0.7s ease-out;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);*/
/*transform:rotate(360deg);}*/
/*.bmcx_btn li a .tit{overflow: hidden;white-space:nowrap; text-overflow:ellipsis; float:left; width:62%;} */
/*.bmcx_btn ul li.num1 .ico{ background:url(../images/cx_btn1.png) center no-repeat;}*/
/*.bmcx_btn ul li.num2 .ico{ background:url(../images/cx_btn2.png) center no-repeat;}*/
/*.bmcx_btn ul li.num3 .ico{ background:url(../images/cx_btn3.png) center no-repeat;}*/
/*.bmcx_btn ul li.num4 .ico{ background:url(../images/cx_btn4.png) center no-repeat;}*/
/*.bmcx_btn ul li.num5 .ico{ background:url(../images/cx_btn5.png) center no-repeat;}*/
/*.bmcx_btn ul li.num6 .ico{ background:url(../images/cx_btn6.png) center no-repeat;}*/
/*.bmcx_btn ul li.num7 .ico{ background:url(../images/cx_btn7.png) center no-repeat;}*/
/*.bmcx_btn ul li.num8 .ico{ background:url(../images/cx_btn9.png) center no-repeat;}*/

.ui-autocomplete {overflow: hidden;}
.ui-menu .ui-menu-item-wrapper {display: inline-block;width: 606px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*----*/
@-webkit-keyframes animationLeft {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes animationLeft {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes animationRight {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes animationRight {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.conversation_list .answer_text {-webkit-animation: animationLeft .5s ease-in-out;animation: animationLeft .5s ease-in-out;}

.conversation_list .conversation_text {-webkit-animation: animationRight .5s ease-in-out;animation: animationRight .5s ease-in-out;}

.import .input-area .btn-send {width: 70px;height: 32px;background: #2962c0;border-radius: 5px;-webkit-border-radius: 5px;padding: 0;line-height: 32px;text-align: center;font-size: 16px;color: #fff;border: none;margin-right: 8px;}

.red-txt {font-size: 18px;color: #2962c0;margin: 0 5px 0 3px;font-style: italic;}
.red {color: #cc0000;}
.line {text-decoration: underline;}

.hot_service_item {float: left;color: #3785de;margin: 0 10px 5px 0;padding: 0 10px;border-radius: 20px;background: #f1f2ed;line-height: 28px;cursor: pointer;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);}
.hot_service_item:hover {color: #fff;background: #2962c0;}
.hot_service_table td {font-size: 14px;padding: 8px 10px;border: 1px solid #e0e1e1;}
.hot_service_table td.table-bt {color: #868686;}
.hot_service_table td.table-bt.w90 {width: 90px;}
.knowledge_box {margin: 8px 0;}

.conversation_list .odd .ctext_wrap .padding_side {background: #2962c0;color: #fff;}
#hotlabels {height: 38px;background: #F2F2F2;border-right: #ddd 1px solid;position: relative;}
#hotlabels .tit {display: block;float: left;width: 80px;text-align: right;line-height: 38px;}
#hotlabels ul {margin-left: 76px;height: 38px;overflow-y: auto;}
#hotlabels ul li {float: left;margin-right: 15px;margin-top: 4px;}
#hotlabels ul li a {display: block;padding: 0 10px;border-radius: 20px;background: #fff;line-height: 28px;cursor: pointer;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);}
#hotlabels ul li a:hover {color: #fff;background: #2962c0;}
.hot_detail,
.hot_detail:hover {display: inline-block;width: 98px;height: 34px;line-height: 34px;text-align: center;background: #2962c0;border-radius: 17px;font-size: 14px;color: #fff;margin-top: 9px;}



@media only screen and (max-width: 991px) {
    .mainbox{width: 768px;max-width: none;}
    .container{width: 768px;}
    /*头部*/
    .top-oldlink{display: none;}
    .main_right{display: none;}
    .main_left{width: auto;float: none;}
    .row_fluid{width: auto;margin: 0 10px;}
    .chat_conversation{border-radius: 6px;}
    .import{border-radius: 0 0 6px 6px;}

}
@media only screen and (max-width: 767px) {
    .header{height: auto;padding: 0 0 30px;}
    .logo{margin: 0 auto;float: none;padding: 30px 10px 0;text-align: center;}
    .logo img{max-width: 100%;height: auto;}
    .topright{display: none;}
    .mainbox{width: 100%;}
    .container{width:100%;}
}
