* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@font-face {
    font-family: 'SHSCNR';
    src:url('../font/SHSCNR.eot');  /* IE9?…?????¨???? */
    src:url('../font/SHSCNR.eot?#iefix') format('embedded-opentype'), /* IE6~IE8 */
    url('../font/SHSCNR.woff') format('woff'), /* ??°??????è§???¨ */
    url('../font/SHSCNR.ttf') format('truetype'),/* safari???Android,ios */
    url('../font/SHSCNR.svg#SHSCNR') format('svg'); /* Legacy ios */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'APTR';
    src:url('../font/APTR.eot');  /* IE9?…?????¨???? */
    src:url('../font/APTR.eot?#iefix') format('embedded-opentype'), /* IE6~IE8 */
    url('../font/APTR.woff') format('woff'), /* ??°??????è§???¨ */
    url('../font/APTR.ttf') format('truetype'),/* safari???Android,ios */
    url('../font/APTR.svgAPTR') format('svg'); /* Legacy ios */
    font-weight: normal;
    font-style: normal;
}

a {
    text-decoration: none;
    color: #555;
}

img {
    border: 0;
}
ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}

em {
    float: right;
    margin-right: 1%;1
}

body {
    font-size: 16px;
}

.background_none {
    background: none!important;
}

#coverDiv{
    width: 100%;
    height: 3000px;
    position: absolute;
    z-index: 99999;
    background: #fff;
}
/*??????*/
.relative_left {
    position: relative;
    float: left;
}
.relative_right {
    position: relative;
    float: right;
}
.absoluet_left {
    position: absolute;
    left:0;
}
.absolute_right {
    position: absolute;
    right:0
}
.text_c {
    text-align: center;
}
.text_l {
    text-align: left;
}
.text_r {
    text-align: right;
}

.border {
    border: 1px #ccc solid;
}
.mg_0 {
    margin: 0!important;
}
.mg_t1 {
    margin-top: 1%;
}

.mg_l20 {
    margin-left: 20%;
}
.mg_l10{
    margin-left: 10px;
}

.mg_l05 {
    margin-left: 0.5%;
}
.mg_l1 {
    margin-left: 1%;
}
.mg_l1_5 {
    margin-left: 1.5%;
}
.mg_l2 {
    margin-left: 2%;
}
.mg_l10px {
    margin-left: 10px;
}

.mg_l1_6 {
    margin-left: 1.6%;
}

.mg_l5 {
    margin-left: 5%;
}

.mg_r1 {
    margin-right: 1%;
}
.mg_b_1 {
    margin-bottom: 30px !important;
}
.mg_b1_5 {
    margin-bottom: 1.5%;
}
.mg_b10px {
    margin-bottom: 10px;
}
.mg_b25px {
    margin-bottom: 25px;
}
.mg_t-1px{
    margin-top: -1px;
}
.mg_t10px {
    margin-top: 10px!important;
    *margin-top: 10px !important;
}
.mg_t25px {
    margin-top: 25px!important;
    *margin-top: 25px !important;
}
.mg_t1_5ie {
    *margin-top: 1.5%!important;
}
.mg_lr_30px {
    margin: 0 30px;
}


/*???é??*/
.width_auto{
	width: auto!important;
}
.width_100im{
	width: 100%!important;
}
.width_15 {
    width: 15%;
}
.width_17 {
    width: 17%;
}
.width_22 {
    width: 21%;
    margin-left:2%
}
.width_23 {
    width: 23%;
}
.width_24 {
    width: 24%;
}
.width_25 {
    width: 25%;
}
.width_30 {
    width: 30%;
}
.width_32_1 {
    width: 32.1%;
}
.width_32_5 {
    width: 32.5%;
}
.width_33 {
    width: 33%;
}
.width_35 {
    width: 35%;
}
.width_35_7 {
    width: 35.7%;
}
.width_38 {
    width: 38%;
}
.width_48 {
    width: 48%;
}
.width_49 {
    width: 49%;
}
.width_53 {
    width: 53%;
}
.width_54 {
    width: 54%;
}
.width_55 {
    width: 55px;
}
.width_60 {
    width: 42%;
}
.width_61 {
    width: 61%;
}
.width_63 {
    width: 63%;
}
.width_70 {
    width: 74%;
}
.width_74 {
    width: 74%;
}
.width_75 {
    width: 75%;
}
.width_76 {
    width: 76%;
}
.width_77 {
    width: 74%;
}
.width_78 {
    width: 77%;
}
.width_83 {
    width: 83%;
}
.width_82 {
    width: 82%;
}
.width_81 {
    width: 81%;
}
.width_90 {
    width: 90%!important;
}
.width_98 {
    width: 98%;
}

.width_96mg_2 {
    width: 96%!important;
    margin:0 2%;
}
.width_98mg_r2 {
    width: 96%!important;
    margin-right:4%;
}
.width_96 {
    width: 96%;
    margin-right: 2%;
}
.width_100 {
    width: 100%;
}
.width_247px {
    width: 247px;
}
.width_249px {
    width: 249px;
}
.width_374px {
    width: 374px;
}
.width_400px {
    width: 400px;
}
.width_450px {
    width: 450px;
}
.width_500px {
    width: 500px;
}
.width_505px {
    width: 505px;
}
.width_560px {
    width: 560px;
}
.width_610px {
    width: 610px;
}
.width_763px {
    width: 763px;
}

.height {
    height: 100%;
}
.height_im {
    height: auto!important;
}
.min_height_300 {
    min-height: 300px;
}
.height_30 {
    height: 30px;
}
.height_37 {
    height: 37px;
    line-height: 37px;
}
.height_37 span {
    line-height: 37px;
}
.height_38 {
    height: 38px;
}
.height_40 {
    height: 40px;
}
.height_45 {
    height: 45px;
}
.height_45 span {
    line-height: 45px;
}
.height_50 {
    height: 50px;
    line-height: 50px;
}
.height_52 {
    height: 52px;
}
.height_52 span {
    line-height: 52px;
}
.height_55 {
    height: 55px;
}
.height_80 {
    height: 80px;
}
.height_100 {
    height: 100px;
}
.height_185 {
    height: 185px;
}
.height_185 .a1 {
    height: 142px;
}
.height_200 {
    height: 200px;
}
.height_249 {
    height: 249px;
}
.height_257 {
    height: 257px;
}
.height_257 .element {
    height: 204px;
}
.height_260 {
    height: 260px;
}
.height_270 {
    height: 270px;
}
.height_280 {
    height: 280px;
}
.height_280 .a1 {
    height: 230px;
}
.height_280 .slideBox {
    height: 280px;
}
.height_280 .slideBox img {
    height: 280px;
}
.height_300 {
    height: 300px;
}
.height_300 .slideBox {
    height: 300px;
}
.height_300 .slideBox img {
    height: 300px;
}
.height_300 .a1 {
    height: 257px;
}
.height_300 .channel_selector_body {
    height: 251px;
}
.height_301 {
    height: 301px;
}
.height_310 {
    height: 310px;
}
.height_315 {
    height: 315px;
}
.height_315 .slideBox {
    height: 315px;
}
.height_315 .slideBox img {
    height: 315px;
}
.height_410 {
    height: 410px;
}
.height_410 .slideBox {
    height: 410px;
}
.height_410 .slideBox img {
    height: 410px;
}

#get_more {
    position: absolute;
    right: 8px;
    top: 0px;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    *line-height: 25px;
    *margin-right: 8px;
}
.index_title .tab_title {
    position: relative;
    line-height: 40px;
    color: #555;
    font-weight: bold;
    cursor: pointer;
    *line-height: 25px;
    margin-left: 20px;
}
.color2 {
    color: #fff;
}
.color_theme_bg {
    background: #02448c;
    color: #fff;
}
.color_theme_font {
    color: #d0edff;
}
.color_theme_anti_font {
    color: #555;
}
.font_red {
    color: #ff0000;
}
.title_shadow {
    -webkit-text-shadow: #fff 1px 0 0, #fff 1px 0, #fff-1px 0 0, #fff 0 -1px 0;
    -moz-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
    *filter: Glow(Color=#fff, Strength=1);
    filter: Glow(Color=#ffffff, Strength=6)/0;
    z-index: 999;
}

/*??????*/
.boxcenter{
    position: relative;
    /* 	width: 96%; */
    margin: 0 auto;
    width:1429px;
    *min-width: 940px;
}

.main {
    width: 94%;
    height: 100%;
    float: left;
    background: #fff;
    margin-left: 3%;
    margin-top: 10px;
    min-height: 300px;
}

.top {
    width: 100%;
    height: 223px;
}

.conter {
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.main_conter {
    height: 100%;
}

.footer {
    margin: 0 auto;
}
.title_lable{
    cursor: pointer;
}
.foot {
    margin: 0 auto;
    padding:15px 0;
    font-size:1.2em;
    background: #183b6a;
    color: #fff;
}
.foot a {
    color: #fff;
}

.footer .foot .foot_img {
    width: 15px;
    height: 15px;
}

/*?¤?é?¨*/

.top_title {
    font-size: 3em;
    font-weight: bold;
    letter-spacing: .3em;
    top: 70px;
}

#header_bg{
}

.header{
    position: relative;
    margin: 0 auto;
    height: 205px;
}
.title_font{
    font-family: APTR;
    font-size: 33px;
    color: #2c6cc3;
    font-weight: bold;
    letter-spacing: 2px;
}
.title_font_eng{
    font-family: APTR;
    font-size: 12px;
    color: #2c6cc3;
}
.title_s_font{
    font-family: APTR;
    font-size: 20px;
    color: #2d2d2d;
    letter-spacing: 1px;
}
.title_s_font_eng{
    font-family: APTR;
    color: #999;
    font-size:10px;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.80);
    display: block;
    font-size:10px;
}
.top_header {
    width: 100%;
    height: 180px;
}
.top_header_bg {
    position: relative;
    width: 1024px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/top_header_bg.png) no-repeat;
}
.little{
    height: 28px;
    margin-top: 4px;
    margin-left: 242px;
    position: absolute;
}
.search  {
    width: 280px;
    height: 36px;
    top: 155px;
    position: absolute;
    left: 636px;
    border:1px solid #dcdcdc;
}
.search  #sear {
    width:25px;
    height:25px;
    margin: 5px 5px;
    float:right;
}
.text  {
    width:160px;
    height:28px;
    float:left;
    padding-left:15px;
}
#tex {
    width:235px;
    height:36px;
    background:#fff;
    line-height:28px;
    padding-left:5px;
    border:none;
    /*font-family: ???è??é?…é?‘;*/
    text-indent: 2px;
    font-size:14px;
    background-color: transparent;
}
.top_header img.logo_title {
    float: left;
    top: 35px;
    left: 52.5px;
    position: absolute;
    height: 110px;
}
.logo_div {
    float: left;
    top: 45px;
    left: 2%;
    position: absolute;
    height: 110px;
}
.top_header img.title_slogan {
    float: right;
    top: 60px;
    left: 636px;
    position: absolute;
    height: 80px;
}

.title_head_bg {
    /*  right: 2%;
     float: right; */
    top: 30px;
    position: absolute;
    height: 175px;
    z-index: -1;
}
/*???è??*/

.top_nav {
    height: 50px;
    text-align: center;
    z-index: 10;
    width: 100%;
    background: #2c6cc3;
    color: #fff;
}

.top_nav ul {
    height: 50px;
    width: 98%;
}

.top_nav ul li {
    float: left;
    height: 100%;
    position: relative;
    min-width: 8%;
}

.top_nav ul li a {
    width: 100%;
    height: 100%;
    text-align: center;
    float: left;
    overflow: hidden;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
}

.top_nav ul li a:hover {
    background: #f0860e;
}

dl.menu {
    display: none;
    z-index: 999;
    top: 38px;
    width: 100%;
}

dl.menu dt {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E7EDF5;
}

dl.menu dt a {
    background: #003875;
    color: #d0edff;
    opacity: .75;
    /*background:url(../images/subMenu_hover.png) repeat-x;*/
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    line-height:30px;
}

dl.menu dt a:hover {
    /*background-color: #0f6bde;*/
    /*background: url(../images/subMenu_hover.png) repeat-x;*/
    background: #d0edff;
    color: #003875;
    font-size: 12px;
    font-weight: bolder;
}


/*?¤§è???’?*/

.banner {
    width: 100%!important;
    height: 375px!important;
    overflow: hidden;
    position: relative;
    float: left;
}

.banner .d1 {
    width: 100%;
    height: 300px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

#slide_banner img {
    width: 1024px;
    height: 375px;
    display: block;
}

#banner_id {
    width: 100%;
    height: 30px;
    clear: both;
    position: absolute;
    z-index: 100;
    left: 0px;
    bottom: 0px;
}

#banner_id ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    left: 50%;
    position: absolute;
}

#banner_id ul li {
    cursor: pointer;
    display: block;
    text-align: c;
    float: left;
    width: 25px;
    height: 15px;
    background: url(../images/img1.png) no-repeat center;
    color: #fff;
    text-align: center;
}

#banner_id ul li.on {
    overflow-y: inherit;
    background: url(../images/img1_1.png) no-repeat center;
}


/*??????? ?*/

.hot {
    background: url(../images/title_bg.png) repeat-x;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

input#btn_search {
    width: 50px;
    height: 23px;
    border-radius: 0.2em;
    border: 0;
}

.weather iframe {
    margin-top: 4px;
    margin-left: 2%;
}

.weather img {
    margin-top: 7px;
    *margin-top: 4px;
    *width: 67px;
    height: 17px;
}

.weather,
.hot {
    line-height: 40px;
}


/*? ?é??*/

.module {
    overflow:hidden;
}
.module .element {
}
.module .element table.contact_table tr td {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.index_title {
    overflow: hidden;
    position: relative;
}
.title_erect{
    margin:0 auto;
    width:20px;
    line-height:24px;
    color:#fff;
    font-size:18px;
    font-family:SHSCNR;
    position: absolute;
    top: 32%;
    left: 55%;
    margin: -15% 0 0 -25%;

}
.title_horizontal{
    font-size: 18px;
    font-family: SHSCNR;
    font-weight: bold;
    color: #666;
    left: 100px;
    margin-top: 18px;
}
.index_title div.title_text_bg {
}
.index_title div.title_text_bg img.title_focus {
    position: relative;
    float: left;
    width: 24px;
    margin: 6px 0px 0px 6px;
}
.deep{
    background: url(../images/nav_deep.png) no-repeat;
    width: 243px;
    height: 50px;
    float: left;
}
.deep img{
    float: right;
    height: 50PX;
    width: 25px;
}
.list_title_font{
    font-family: SHSCNR;
    font-size: 18px;
    color: #2c6cc3;
    font-weight: bold;
    margin-left: 2%;
}
.list_title_eng_font{
    margin-left: 2%;
    font-family: SHSCNR;
    color: #999;
    font-size:12px;
    -webkit-transform-origin-x: 0;
    display: block;
}
.module_a_font{
    position: absolute;
    right: 2%;
    top: 0px;
    line-height: 60px;
    color: #999;
    cursor: pointer;
}
.right_position{
    right:2%;
    position: absolute;
    top: 20px;
}
.right_position img{
    position: absolute;
    width: 15px;
    height: 19px;
    left: -19px;
}
.right_position a{
    color:#2c6cc3;
}
.index_title div.title_text_bg label {
    font-size: 18px;
    position: absolute;
    text-overflow: ellipsis;
    height: 50px;
    color: #fff;
    margin-left: 5px;
    left: 3px;
    font-family: SHSCNR;
}
.index_title a span:hover{
    color:red;
}
.out_over{
    position: relative;
    top: -50px;
    z-index: 99;
    left:-2px;
}
.sub_td{
    color:#999;
    text-align: center;
    border: 1px solid #ccc;
    cursor: pointer;
}
.sub_div{
    border: 1px solid #ccc;
    background: #f2f2f2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sub_tb{
    height: 100%;
    border-collapse: collapse;
}
.sub_tb span:hover{
    color:red;
}
.sub_tb img{
    width:50px;
    height:50px;
}
.height_301 ul.a1 {
    height: 257px!important;
    height: 260px\0!important;
    height: 257px\0\9!important;
}
.height_315 ul.a1 {
    height: 275px!important;
    height: 272px\0!important;
}
.height_315 ul.a1 li{
    height:25px;
}

ul.a1 {
    float: left;
    position: relative;
    overflow: hidden;
}

ul.a1 li {
    float: left;
    width: 98%;
    height: 23px;
    margin: 4px 1% 0% 1%;
    *margin: 4px .3% 0% .3%;
    border-bottom: #e5e5e5 dashed 1px;
}
ul.point li {
    border-bottom: 0px;
}
ul.point li a{
    background: url(../images/list.png) no-repeat 2px 8px;
}
ul.point li a span{
    margin-left:18px;
}
.grey-line {
    height: 1px;
    width: 96%;
    margin: 0 auto;
    background-color: #d7d7d7;
    position: absolute;
    margin-left: 2%;
    top: 50px;
}
.blue-line {
    height: 2px;
    width: 98%;
    margin: 0 auto;
    background-color: #2c6cc3;
    position: absolute;
    top: 0px;
    margin-left:2%;
}
ul.a1 li a:hover {
    color: #1281C9;
}

ul.a1 li em {
    position: absolute;
    width: auto;
    right: .5%;
    width: auto\0;
    margin-right: 2%\0;
    line-height:23px;
}

ul.a1 li label.new {
    color: #ff0000 !important;
    text-align: right;
    margin-left: 2%;
    position: relative;
    font-style: italic;
}


/* ???è????°é?? */
.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.slideBox .hd {
    clear: both;
    position: absolute;
    z-index: 1;
    bottom: -2px;
    width: 100%;
}

.slideBox .hd ul {
    background: url(../images/link_bg.png) repeat-x;
    height: 36px;
}
.new-text {
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    bottom: 9px;
    left: 15px;
    z-index: 999;
    display: block;
}

.slideBox .hd ul li {
    cursor: pointer;
    display: block;
    text-align: center;
    float: left;
    width: 12px;
    height: 12px;
    background:  url(../images/hd_li.png) 100% no-repeat;
    color: #000000;
    line-height: 1.2em;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 6px;
    position: relative;
    left: 352px;
    top: 5.5px;
}

.slideBox .hd ul .on {
    overflow-y: inherit;
    background: url(../images/hd_li_on.png) 50% 100% no-repeat;
}

.slideBox .slideShow {
    position: relative;
    height: 100%;
}

.slideBox .slideShow li {
    zoom: 1;
    vertical-align: middle;
    height: 100%;
}

.slideBox .slideShow img {
    width: 100%;
    display: block;
}

.slideShow .caption {
    position: relative;
    float: left;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    display: block!important;
    z-index: 999!important;
}

.slideShow a {
    display: block;
}


/*?????…é“????*/
.link_title {
    background: url(../images/link_title.png) no-repeat;
    border-bottom: 1px solid #ccc;
}
.link_title label,
.inner_title a {
    color: #fff;
    font-size: 1.5em;
    z-index: 999;
    position: relative;
    line-height: 45px;
}
.inner_title div.title_text_bg {
    width: 160px;
    height: 50px;
    border-radius: 10px;
    position: relative;
    margin: 5px auto 0px auto;
}
.inner_title div.title_text_bg a {
    color: #fff;
    font-size: 15px;
    z-index: 999;
    position: relative;
    line-height: 40px;
}

.link_title img {
    position: absolute;
    left: 24%;
    top: 5px;
    width: 53%;
    height: 35px;
}

.link_select {
    margin-top: 20px;
    text-align: center;
}

.link_select select {
    width: 80%;
    margin-top: 25px;
    height: 25px;
}

/*è“?è‰?è??*/
.blue {
    height: 70px;
    width: 400px;
    background: url('../images/form_title.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    left: 125px;
    top: -16px;
}

/*??…é?????? ?*/
.intro {
    float: left;
    width: 610px;
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 2%;
}
.submenu {
    width: 100%;
    position: relative;
    top: 47px;
}
.submenu ul {
    float: left;
    width: 100%;
    overflow: hidden;
    zoom: 1;
    left: 0%;
    display: inline-block;
    margin-left: 0%;
}
.submenu ul li {
    height: 33px;
    line-height: 33px;
    width: 100%;
    list-style: none;
    border-top: 1px solid #fff;
    cursor: pointer;
}
.submenu ul li:hover {
    color: #d0edff !important;
    background: #003875;
}
.submenu ul li:hover a {
    color: #d0edff !important;
    background: #003875;
}
.hover {
    color: #d0edff;
    background: #003875!important;
}
.submenu ul li a {
    display: block;
    padding-left: 10px;
    font-size: 14px;
    color: #fff;
    background: url("../images/bg_nav.png") repeat-x;
}
.submodule {
    border: 1px solid #ccc;
}
.submodule ul {
    float: left;
    width: 100%;
    overflow: hidden;
    zoom: 1;
    left: 0%;
    display: inline-block;
    margin-left: 0%;
}
.submodule ul li {
    background: #F7A74A;
    height: 33px;
    line-height: 33px;
    width: 100%;
    list-style: none;
    border-top: 1px solid #fff;
    cursor: pointer;
    font-size: 1em;
}
.submodule ul li:hover {
    background: #2DA4DC;
}
.submodule ul li a {
    padding-left: 10px;
    text-decoration: none;
    color: #fff;
}
#idTBGrayList {
}


/*???è?¨é??*/
.side_main {
    margin-bottom: 1%;
    height: auto;
    float: right;
    background: #fff;
}
.list {
    padding: 0px 0px 0;
    margin-bottom: 10px;
    width: 99%;
    float: left;
    background: #fff;
}
.list ul {
    display: inline;
}

.inner_title {
    text-align: center;
    background: url(../images/link_title.png) no-repeat;
    border-bottom: 1px solid #ccc;
}

.list .title {
    color: #1b58a9;
    font-size: 2em;
    font-weight: bold;
    width: 15%;
    margin: 1% 1%;
    background: url(../images/list_title.png) 100% 100% no-repeat;
}

.list ul li a,
.list ul li em {
    font-size: 1.3em;
}

.list ul li a {
    width: 50%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list ul li {
    width: 98%;
    float: left;
    border-bottom: 1px dashed #ccc;
    margin: 1% auto;
    *margin: .6% 0% 0% 0%;
}

.list ul li a:hover {
    color: rgb(248, 131, 67);
}


/*???é??*/

.tcdPageCode {
    padding: 15px 20px;
    text-align: center;
    color: #ccc;
}

.tcdPageCode a {
    color: #666;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    border-radius: 4px;
    vertical-align: middle;
}

.tcdPageCode a:hover {
    text-decoration: none;
}

.tcdPageCode span.current {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    color: #fff;
    background-color: #f0860e;
    border-radius: 4px;
    vertical-align: middle;
}

.tcdPageCode span.disabled {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    color: #bfbfbf;
    border-radius: 4px;
    vertical-align: middle;
}
.abPage{
    position: absolute;
    left: 345px;
    top: 502px;
}
#page_navigation {
    padding: 15px 20px;
    text-align: left;
    color: #ccc;
    text-align: center;
}

#page_navigation a {
    display: inline-block;
    color: #428bca;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border: 1px solid #ddd;
    margin: 0 2px;
    border-radius: 1px;
    vertical-align: middle;
}

.active_page {
    background: #428bca;
    color: white !important;
}


/*??…???è????…*/

.article {
    padding: .5%;
    width: 96%;
    margin-left: 2%;
}

.article form {
    text-align: center;
}

.article form textarea {
    width: 90%;
    height: 90%;
    resize: none;
}

.article p {
    /*text-indent: 2em*/
}
.article .cont p, .article .cont font ,.article .cont span{
    white-space:normal!important;
}

.article .tit {
    padding: 1% 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #f0860e;
}

.article .subtit {
    padding: 1% 0;
    text-align: center;
    border-bottom: 1px dashed #ccc;
    font-size: 18px;
    color: #666;
}

.article .data {
    padding: 0.5% 0;
    color: #999;
    overflow: hidden;
    font-size: 1em;
    text-align: center;
}

.article .data span {
}

.article .afoot {
    padding: 0.5% 0;
    color: #999;
    overflow: hidden;
    font-size: 1em;
    text-align: right;
}

.article .pic {
    padding: 1% 0;
    text-align: center;
}

.article .pic div {
    padding: 0.5% 0;
}

.article .pic div a {
    color: #0674A5;
}

.article .pic div a:hover {
    color: #f00;
}

.article .pic div img {
    height: 380px;
}

.article .pic a {
    margin: 0 1%;
}

.article .cont {
    width:100%;
    overflow:hidden;
    padding: 2% 0;
    color:#666;
}

.article .cont * {
    line-height: 1.5 !important;
}

.article .cont table{
    width:100%!important;

}
.article .cont table td{
    padding-left: 0!important;
    padding-right:0!important;
    table-layout:fixed;
    word-wrap:break-word;
    word-break:break-all;
}
.article .cont p {
    width:99%!important;
}

.article .cont img {
    max-width: 100%;
    max-height: 100%;
}

.article .add {
    border-top: 1px solid #ddd;
    padding: 1% 0;
    line-height: 26px;
}

.article .add a {
    color: blue;
}

.article .add a:hover {
    color: red;
}

.article .download ul li a {
    color: #000;
    margin-left: 2%;
}

.article .download ul li img {
    vertical-align: middle;
}

.article .download ul li {
    list-style: none;
    width: 100%;
    margin: 1%;
}

.article .download ul {
    width: 100%;
}

.article .download {
    width: 100%;
    height: 100%;
    position: relative;
    border-top: 1px dashed #ccc;
}
.article .download img {
    width:auto;
}

/*??“? ?*/

.column_list {
    overflow-y: auto;
}

.column_list ul li {
    padding: 0 5px;
    line-height: 29px;
    overflow: hidden;
    zoom: 1;
    vertical-align: bottom;
}

.column_list ul li.first {
    padding-bottom: 5px;
    margin-bottom: 5px;
    height: auto;
}

.column_list ul li.first em {
    display: none;
}

.column_list ul li em {
    float: right;
    font-style: normal;
    color: #999;
}

.column_list ul li.first a {
    float: none;
    padding: 5px 0;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #c00;
    border-bottom: 1px dashed #ddd;
}

.column_list ul li.first p {
    /*text-indent: 2em;*/
}
/*???é??*/


.bt_service {
    text-align: center;
    cursor: pointer;
    list-style: none;
    overflow: hidden;
}
.bt_service div {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    display: block;
}
.bt_service span {
    margin: 0 auto;
    position: relative;
    font-size: 16px;
}
.bt_service img.sub_img {
    float: left;
    text-align: left !important;
    height: auto;
    *position: none;
    margin: 5px;
    display: none\9;
}
.bt_service img.root_img {
    width: 20%;
    height: auto;
    position: relative;
    margin: 8% 40% 5% 40%;
}

.bg_color1 {
    background: #87C350;
    border: 1px solid #87C350;
}
.bg_color2 {
    background: #F7A74A;
    border: 1px solid #F7A74A;
}
.bg_color3 {
    background: #FE80AA;
    border: 1px solid #FE80AA;
}
.bg_color4 {
    background: #2EA4DD;
    border: 1px solid #2EA4DD;
}
.bg_color5 {
    background: #FE80AA;
    border: 1px solid #FE80AA;
}
.channel_selector {
    border: 1px #ccc solid;
    background: #d0edff;
    box-sizing: border-box;
}
.channel_selector_header {
    background: url(../images/channel_selector_header.png) no-repeat;
    width: 100%;
    height: 47px;
    position: absolute;
    top: -1px;
    left: -7px;
    color: #fff;
}
.channel_selector_header span {
    font-size: 15px;
    line-height: 47px;
    padding-left: 5px;
}
.channel_selector_header img.title_focus {
    position: relative;
    float: left;
    width: 25px;
    margin: 11px 0px 0px 8px;
}
.channel_selector .channel_selector_body {
    position: absolute;
    top: 47px;
    overflow: hidden;
}
.channel_selector .channel_selector_body ul {
    width: 100%;
    height: 100%;
    text-align: center;
}
.channel_selector .channel_selector_body ul li {
    background: url("../images/bg_nav.png") repeat-x;
    border: none;
    overflow: hidden;
    text-align: center;
    width: 80%;
    background-size: 100% 100%;
}
.channel_selector .channel_selector_body ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 800px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    .weather, .hot {
        line-height: 0px;
    }
    .weather{
        display:none;
    }
    .top_nav ul li {
    }
}
@media screen and (min-width: 1024px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    .weather, .hot {
        line-height: 30px;
        display:block;
    }
    .weather{
        bottom:8px;
    }
    .top_header img.title_slogan {
        left: 636px;
        top:60px;
    }
    .search{
        left: 636px;
    }
}
@media screen and (min-width: 1152px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 30px;
        display:block;
    }
    .weather{
        bottom:5px;
    }
}
@media screen and (min-width: 1280px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 40px;
        display:block;
    }
}
@media screen and (min-width: 1360px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 40px;
        display:block;
    }
    .weather{
        bottom:0px;
    }
}
@media screen and (min-width: 1366px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 40px;
        display:block;
    }
}
@media screen and (min-width: 1440px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 30px;
        display:block;
    }
    .top_nav ul li {
        min-width: 8%;
    }
}
@media screen and (min-width: 1600px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 30px;
        display:block;
    }
}
@media screen and (min-width: 1680px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 30px;
        display:block;
    }
}
@media screen and (min-width: 1900px) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 40px;
        display:block;
    }
    .weather{
        top:5px;
    }
}
@media screen and (min-width: 1920) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 50px;
        display:block;
    }
    .weather{
        top:5px;
    }
}
@media screen and (min-width: 2048) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 40px;
        display:block;
    }
    .weather{
        top:5px;
    }
}
@media screen and (min-width: 2560) {
    .channel_selector .channel_selector_body ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }
    weather, .hot {
        line-height: 60px;
        display:block;
    }
    .weather{
        top:12px;
    }
    .hot {
        background: url(../images/title_bg.png) repeat-x;
        border: 1px solid #ccc;
        background-size: contain;
    }
}

.box-sizing{
    height:100%;
+height:99%;
    border-left: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.box_all{
    height:100%;
+height:99%;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.module .element {
    overflow: hidden;
}
.module .element table {
    width: 100%;
    font-size: 12px;
    overflow: hidden;
}
.module .element table tr td {
    border-bottom: #e5e5e5 dashed 1px;
}
.module .element table tr td.border_right {
    border-right: #e5e5e5 dashed 1px;
}

.module_tab {
    overflow: hidden;
}

.module_tab em{
    *width:auto;
    width:auto\0;
}
.tabqh2 {
    width: 100%;
    position: relative;
    float: left;
    background: url("../images/bg_nav.png") repeat-x;
}

.hiddendiv {
    display: none;
}

.tabdiv {
    background: #fff;
    width: 100%;
    float: left;
    position: relative;
}

.tabqh2 .menu {
    height: 37px;
    line-height: 30px;
    position: relative;
    overflow: hidden;
}

.tabqh2 .menu ul {
    margin: 0px;
    padding: 0px;
    height: 37px;
    list-style: none;
    text-align: center;
}

.tabqh2 .menu li {
    float: left;
    width: 20%;
    height: 37px;
    text-align: center;
    cursor: pointer;
}

.tabqh2 .menu li a {
    color: #fff;
    display: block;
    line-height: 37px;
    font-size: 14px;
    text-align: center;
}
.tabqh2 .menu li a img.title_focus {
    position: relative;
    float: left;
    width: 24px;
    margin: 8px 0px 0px 8px;
}
.tabqh2 .menu li a.tabactive {
    width: 100%;
    height: 37px;
    color: #1b58a9;
    background: #fff;
}

.outCase {
    width: 99.5%;
    height: 250px;
    height: 251px\9;
    border: 1px solid #d9dadc;
    position: absolute;
    margin: 0 .3%;
    *display: none;
}

.tabdiv ul.a1 {
    position:relative;
    overflow: hidden;
    /* 	height:235px!important; */
    width: 100%;
}
ul.a1{
    overflow: hidden;
    position:relative;
    /* 	height:260px; */
}
.tabqh2 ul.a1 li {
    width: 97%;
    height:22px;
    height:10.5%\0;
    margin: 1px 1% 0% 1%;
}
.tabqh2 ul.a1 li em{
    position: absolute;
    width: auto;
    right: 1%;
}

.tabqh2  ul.a1 li a {
    *margin-left: 0%;
}

ul.a1 li em{
    position: absolute;
    width: auto;
    right: 2%;
    width: auto\0;
    margin-right: 2%\0;
}
ul.a1 li label.new {
    color: #ff0000 !important;
    text-align: right;
    margin-left: -3%;
    position: relative;
    font-style: italic;
}
ul.a1 li {
    float:left;
    width: 98%;
    height: 25px;
    margin: 2px 2% 0% 2%;
    *margin: 2px .3% 0% .3%;
}

ul.ul1 li {
    float:left;
    width: 98%;
    margin: 2px 2% 0% 2%;
    *margin: 2px .3% 0% .3%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

ul.ul1 .grey-line{
    position: relative;
    margin-left: 0;
    width: 98%;
    top:0;
}

ul.ul1 li a {
    color: #666;
    width: 68%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden!important;
    *margin-left: 4%;
}

ul.ul1 li .date_sp{
    line-height: 45px;
}

.title_link{
    font-family:SHSCNR;
    font-size:18px;
    color:#2c6cc3;
}
.vetically{
    display: flex;
    justify-content: center;  /*?°?????±…???*/
    align-items: center;      /*???????±…???*/
}
ul.a1 li a {
    position: relative;
    float: left;
    color: #666;
    width: 68%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden!important;
    line-height: 26px;
    *margin-left: 4%;
}
.date_sp{
    position: absolute;
    width: auto;
    right: 2%;
    color: #999;
    line-height: 26px;
}
.title_sp{
    color: #666;
}
.upload_img{
    margin: 5px 5px 0 5px;
}
.upload_sp{
    position: relative;
    display: block;
    top: -22px;
    margin-left:30px;
    color:#fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden!important;
}
.first_title{
    color: #f0860e;
    font-size:15px;
    font-weight: bold;
    width: 75%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden!important;
    position: relative;
    float: left;
    margin-top:7px;
}
.last_div{
    position: absolute;
    right: 2%;
}
.long_div{
    width: 98%;
    color: #999;
    cursor: pointer;
    position: relative;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    margin-top: 35px;
    /* text-indent: 2em;*/
}
.long_div::after{
    content: "...";
    position: absolute;
    bottom: 0; right: 0;
    padding-left: 40px;
    background: -webkit-linear-gradient(left, transparent, #fff 55%);
    background: -o-linear-gradient(right, transparent, #fff 55%);
    background: -moz-linear-gradient(right, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
}
ul.a1 li a:hover {
    color: #1281C9;
}
ul.a1 li a span:hover,ul.ul1 li a span:hover{
    color: red;
}
.module_taobao {
    width: 100%;
    height: 100%;
    background: url('../images/icon_taobao.png') no-repeat;
    background-size:100% auto;
    background-position: top right;

}
.module_taobao span {
    width: 100%;
    position: absolute;
    bottom: 0%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-family: "KaiTi";
    font-weight: bolder;
}

ul.frind {
    margin: 0 auto;
}

ul.frind li {
    display: inline-block;
    *float: left;
    margin: 11px;
}

ul.frind li.width_7 {
    float: left;
    font-weight: bold;
    *margin: 11px;
}

ul.frind li.width_15_5 {
    float: right;
    *margin:11px !important;
}

ul.frind li a {
    display: block;
}
ul.frind li a:hover {
    color:red;
}
ul.frind li img {
    width: 23px;
    height: 23px;
    vertical-align: middle;
}

.module ul.frind li.frind_select {
    margin: 11px;
}

.ohbox {
    width: 100%;
    height: 100%;
}
.tempWrap {
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 100%;
}
.scrollBox .piclist {
    overflow: hidden;
    zoom: 1;
    /*width: 100% !important;*/
    position: relative;
    height: 100%;
}
.scrollBox .ohbox {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.scrollBox {
    position: relative;
    *top: 0%;
    overflow: hidden;
    zoom: 1;
}
.scrollBox .piclist li {
    list-style: none;
}
.scrollBox .piclist li span {
    color: #000000;
    display: block;
    text-align: center;
}
.scrollBox .piclist li a img {
    position: relative;
    margin: 0% auto;
    vertical-align: bottom!important;
}
.scrollBox .piclist li a {
    float: left;
    width: 100%;
    height: 100% !important;
    text-align: center;
}
.scrollBox .pageBtn a {
    display: block;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    z-index: 99;
}
.scrollBox .pageBtn .prev img,
.scrollBox .pageBtn .next img {
    width: 100%;
    position: relative;
}
.scrollBox .pageBtn {
    width: 10px;
    height: 100%;
}
.scrollBox .pageBtn a {
    width: 25px;
    position: absolute;
}
.scrollBox ul {
    text-align: center;
}
.scrollBox ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    float: none !important;
    padding-top: 5px;
    overflow: hidden;
}
.scrollBox .pageBtn .prev {
    left: 3%;
    top: 46%;
    z-index: 1001;
}
.scrollBox .pageBtn .next {
    right: 3%;
    top: 46%;
    z-index: 90;
}
.scrollBox .pageBtn .list {
    display: none;
}
.title_left{
    background:#2c6cc3;
    max-width:80px;
    position: relative;
}
.chat_btn {
    position: fixed;
    float: right;
    top: 275px;
    right: 0px;
    width: 25px;
    height: 50px;
    background: url("../images/icon_employee.png") top left no-repeat;
    z-index: 999;
    overflow: hidden;
    border: none;
}
.chat_box {
    position: fixed;
    float: right;
    top: 275px;
    right: -182px;
    width: 180px;
    overflow: hidden;
    background: #d0edff;
    z-index: 999;
    border: 1px #bbb solid;
}
.chat_box span.chat_header {
    width: 168px;
    position: relative;
    float: left;
    height: 20px;
    line-height: 20px;
    background: #2c6cc3;
    color: #fff;
    padding: 6px;
}
.chat_box ul {
    width: 170px;
    position: relative;
    float: left;
    margin: 4px;
}
.chat_box ul li {
    list-style: none;
    height: 24px;
    text-align: left;
    position: relative;
    float: left;
    border: 1px #ccc solid;
    border-radius: 4px;
    margin: 2px 0;
    overflow: hidden;
    width: 100%;
}
.chat_box ul li a {
    position: relative;
    float: left;
    width: 126px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    overflow: hidden;
}
.chat_box ul li img {
    width: 20px;
    margin: 2px;
    position: relative;
    float: left;
}

.all{
    position:relative;
    margin:40px auto;
}
.article_bg_title{
    height:148px;
    width:335px;
    position:relative;
    float: left;
    margin: 5px 0 0 30px;
    background:#2c6cc3;

}
.cert-line{
    height: 1px;
    width: 935px;
    margin: 0 auto;
    background-color: #d7d7d7;
    position: absolute;
    margin-left: 226px;
}
.article_bg {
    position: relative;
    top:18px;
    width:1024px;
    margin:auto;
    height:190px;
    background-position:center;
    background-size:100% 100%;
}
.article_bg_title>p{
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-family: SHSCNR;
}
.article_bg_title>p>span{
    font-size: 13px;
    /*font-family: ???è??é?…é?‘;*/
}
.article_bg_column {
    position: relative;
    float: left;
    width: 580px;
    height: 70px;
    margin: 5px 20px;
}
.article_bg_column p {
    position:relative;
    float: left;
    width: 100%;
    height: 100%;
}
.article_bg_column p a {
    position:relative;
    float: left;
    width: 100%;
    height: 100%;
    background:#f2f2f2;
}
.article_bg_column p a img {
    position:relative;
    float: left;
    width: 34px;
    height: 29px;
    margin: 18px;
}
.article_bg_column p a .right_img{
    position:relative;
    float: right;
    width: 34px;
    height: 34px;
    margin: 18px;
}
.article_bg_column p a span {
    position:relative;
    float: left;
    height: 68px;
    line-height: 68px;
    color:#666;
}
.article_bg_column p a hr {
    position:relative;
    float: left;
    width: 100%;
}
.article_bg div p a img {
    position:relative;
}
.pen {
    background: url('../images/icon_pen.png') no-repeat;
    position: relative;
    float: right;
    width:70px;
    height:70px;
    background-size:100% 100% !important;
}
.left{
    margin:70px 3%;
    width: 100%;
}
.bg_register{
    width: 450px;
    display: inline-block;
    position:relative;
    border-radius: 10px;
}
.bg_login{
    width: 450px;
    display: inline-block;
    position:relative;
    border-radius: 10px;
}
#bg_login_title>p{
    color: white;
    text-align: center;
    font-size: 20px;
    padding-top: 20px;
    position: relative;
    top: 3px !important;
    float: left;
    left: 80px;
}
.bg_bigwrite{
    height: 310px;
    background: #f1f7fb;
    padding: 40px;
}
.bg_bigwrite div {
    width: 450px;
    height: 60px;
    margin: 20px auto;
}
.bg_bigwrite div.column input {
    height: 58px;
    width: 390px;
    background: none;
    border: none;
    padding-left: 60px;
    font-size: 14px;
}
.bg_bigwrite div div.code input {
    height: 58px;
    width: 190px;
    background: none;
    border: none;
    padding-left: 60px;
    font-size: 14px;
}
.name{
    background: url('../images/bg_login.png');
    background-size: 100% 100%;
}
.pw{
    background: url('../images/bg_pw.png');
    background-size: 100% 100%;
}
.code{
    background: url('../images/bg_code.png');
    background-size: 100% 100%;
    width: 250px !important;
    display: inline-block;
    position: relative;
    margin: 0 !important;
}
.mem_captcha{
    width: 168px !important;
    position: relative;
    float: left;
    margin: 0 !important;
    text-align: right;
    top: -5px;
}
.mem_captcha img#randomImage {
    width: 110px;
    height: 46px;
    margin: 7px;
}
.mem_captcha img#refreshImage{
    width: 25px;
    height: 28px;
    margin: 16px 4px;
}
.refresh>img{
    width: 40px;
    height: 40px;
}
.bg_shop{
    width: 200px;
    height: 300px;
    display: inline-block;
    float: right;
    position:relative;
}
.btn_blue {
    min-width: 100px;
    *width: 100px;
    height: 30px;
    line-height: 30px;
    background: #2c6cc3 !important;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    border:none;
}

.mem {
    height: 100%;
}
.m_main {
    width: 100%;
    height: 100%;
    float: left;
    top: 0%;
    position: relative;
    text-align: center;
    *text-align: none;
    text-align: none/0;
}
.m_table {
    width: 100%;
    float: left;
    height: 100%;
    display: block;
    margin-bottom: 1%;
    margin-top: 1%;
}
.m_table span {
    color: #2c6cc3;
}
.m_table table tbody tr td {
}
.m_title {
    position: relative;
    height: 30px;
    background: url("../images/bg_nav.png");
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    margin: 0 auto;
}
.m_entry {
    font-size: 13px !important;
    height: 64px;
    background: #fff;
    color: #666;
}
.m_entry select {
}
.m_entry textarea {
    resize: none;
    position: relative;
    height: 45px;
}

.m_menu {
    height: 100%;
    border: 1px solid #2DA4DC;
    background: #f3f3f3;
    float: left;
}
.m_menu dt {
    height: 41px;
    line-height: 41px;
    border-bottom: 1px solid #d1d1d1;
    background: url("../images/bg_nav.png") repeat-x;
    text-align: center;
}
.m_menu dt a {
    display: block;
    font-size: 1.2em;
    color: #444343;
    text-decoration: none;
}
.m_menu dt.user a {
    color: #fff;
}
.m_menu dd {
    line-height: 37px;
    backface-visibility: #c3c3c3;
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
    text-align: center;
}
.m_menu dd a {
    display: block;
    color: #362c30;
    text-decoration: none;
}
.m_menu dd a:hover {
    display: block;
    color: #2b78f4 !important;
}
.new_text {
    position: relative;
    margin: 5px;
    height: 35px;
    line-height: 25px;
    color: #000;
    padding-left: 10px;
}

.chat_content {
    position: fixed;
    width: 300px;
    text-align: right;
    z-index: 1002;
    margin: 0 auto;
    background: #f1f7fb;
    border: #f1f7fb 5px solid;
    border-radius: 5px;
}
.chat_content a.closeBtn {
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
}
.chat_content a.closeBtn img {
    width: 20px;
    height: 20px;
}
.chat_content .chat_header {
    position: relative;
    float: left;
    width: 268px;
    height: 50px;
    margin: 6px;
    text-align: left;
    line-height: 50px;
    font-size: 14px;
}
.chat_content .chat_header img.head {
    height: 40px;
    margin: 5px;
    float: left;
    position: relative;
}
.chat_content .chat_header label {
    color: #000;
    margin: 0;
    height: 50px;
    line-height: 50px;
    border-bottom: none;
    float: left;
    position: relative;
}
.chat_content .chat_main {
    position: relative;
    float: left;
    width: 288px;
    height: 50%;
    margin: 6px;
}
.chat_content .chat_main .chat_detail {
    width: 286px;
    height: 100%;
    overflow-y: scroll;
    border: 1px solid #ccc;
    background: #fff;
}
.chat_content .chat_main .chat_detail div label {
    background: #0a8db9;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    margin: 5px;
}
.chat_content textarea.chat_input {
    width: 286px;
    height: 20%;
    margin: 6px;
    resize: none;
}
.chat_content input[type="button"] {
    margin: 10px;
    font-size: 14px;
    line-height: 30px;
}
.popup_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}
.mem_btn {
    position: fixed;
    float: right;
    top: 325px;
    right: 0px;
    width: 25px;
    z-index: 999;
    border: none;
}
.mem_btn .mem_header {
    position: absolute;
    left: 0px;
    top: 0px;
}
.mem_btn .mem_footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.mem_btn .mem_msg {
    width: 25px;
    margin: 7px auto;
    text-align: center;
    position: relative;
    background: #2c6cc3;
    color: #fff;
}
.mem_btn .mem_msg a {
    color: #fff;
    height: 100%;
}
.mem_btn .mem_msg a:hover {
    font-weight: bolder;
}
.mem_btn .mem_msg a img {
    width: 21px;
    margin: 2px;
}
.table_bg thead th {
    background: none;
    color: #fff;
    font-size: 14px;
}
.topicSimple{
    margin-right:2%;
    margin-left:2%;
}

.frame{height:auto;margin:100px;}
.first_frame{border:2px solid #0778c4;width:520px;margin:0 auto;text-align:center;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.second_frame{/*border:2px solid #0778c4;*/width:520px;margin:0 auto;text-align:center;transform:rotate(7deg);-ms-transform:rotate(7deg);-webkit-transform:rotate(7deg);}
.page{transform:rotate(-7deg);-ms-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);}

.first{height:68px;width:438px; margin:20px auto; overflow:hidden; clear:both; zoom:1;text-align:center;}
.first_middle{text-align:center;width:438px;height:68px;}
.first_pic{width:438px;height:68px;text-align:center;}
#before{background:url(../images/before.png) repeat-x;width:81px;height:68px;}
.one{position:relative;top:24px;left:10px;font:normal 22px "SHSCNR"; color:#000000;}
#middle{background:url(../images/middle.png) repeat-x;width:304px;height:68px;}
.first_pic div.text a{color:#043d63;font-size:16px;font-family:SHSCNR;position:relative;text-align:center;height:68px;line-height:75px;}
.first_pic div.text a:hover{color:#a22222;}
#after{width:53px;height:68px;}
.f_left{float:left;}
.f_right{float:right;}


.second{height:68px;width:415px; margin:20px auto; overflow:hidden; clear:both; zoom:1;text-align:center;}
.second_middle{text-align:center;width:415px;height:68px;}
#before2{background:url(../images/before2.png) repeat-x;width:81px;height:68px;}
#after2{width:40px;height:68px;}
#middle2{background:url(../images/middle.png) repeat-x;width:294px;height:68px;}
.second_pic div.text a{color:#043d63;font-size:16px;font-family:SHSCNR;position:relative;left:34px;height:68px;line-height:75px;}
.second_pic div.text a:hover{color:#a22222;}


.First_frame{width:96%;height: 560px;margin:0 auto;text-align:center;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.Second_frame{/*border:2px solid #0778c4;*/width:662px;margin:0 auto;text-align:center;transform:rotate(7deg);-ms-transform:rotate(7deg);-webkit-transform:rotate(7deg);}

.First{height:68px;width:580px; margin:20px auto; overflow:hidden; clear:both; zoom:1;text-align:center;}
.First_middle{text-align:center;width:580px;height:68px;}
.First_pic{width:580px;height:68px;text-align:center;}
#Middle{background:url(../images/middle.png) repeat-x;width:446px;height:68px;}
.First_pic div.text a{color:#043d63;font-size:16px;font-family:SHSCNR;position:relative;text-align:center;height:68px;line-height:75px;}
.First_pic div.text a:hover{color:#a22222;}



#before2{background:url(../images/before2.png) repeat-x;width:81px;height:68px;}
#after2{width:40px;height:68px;}
#Middle2{background:url(../images/middle.png) repeat-x;width:459px;height:68px;}

.First_pic div.text2 a{color:#043d63;font-size:16px;font-family:SHSCNR;position:relative;left:34px;height:68px;line-height:75px;}
.First_pic div.text2 a:hover{color:#a22222;}

.station_div{
    display: inline-block;
    padding: 10px;
    background: #fff;
    margin: 5px;
    height: 200px;
    width: 226px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.station_div span{
    width: 170px;
    display: inline-block;
}
.station_div span:hover{
    color:red;
}
.station_div img{
    width:75px;
    height:75px;
}
.station_inner{
    margin-top:41px;
}
.clearfix{
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

.none_border{
    border:0;
}
div.none_border  div.width_96mg_2 {
    width: 100%!important;
    margin:0;
}
div.none_border  .list_title_font,div.none_border  .list_title_eng_font{
    margin-left:0;
}
div.none_border .grey-line{
    width: 98%;
    margin-left:0;
}
div.none_border  ul.a1 li{
    margin: 2px 2% 0% 0%;
}
.none_ml{
    margin-left: 0;
}
.out_div{
    overflow: hidden;
    width: 99%;
}
.inner_div{
    width: 102%;
    overflow: auto;
}
.inner_div p{
    padding: 0 10px;
}
.table_admin {
    width: 100%;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border-collapse:collapse;
    border:0px;
}
.table_admin  tr.datarow, .odd {
    background-color: #f9f9f9;
}
.table_admin  tr.alternaterow, .even {
    background-color: #fff;
}
.table_admin  tr.trmouseover {
    background-color: #daeaf8 !important;
}
.table_admin  th, .table_admin td {
    padding:8px 0px;
    border-right: 1px solid #ddd;
    text-align: center;
    color: #666;
    font-size: 12px;
}
.table_admin  th {
    font-weight:bold;
    cursor:pointer;
    border-bottom: 1px solid #ddd;
}
.table_admin  .sorting {
    background: transparent url('../images/sort_both.png') no-repeat center right;
}
.table_admin  td {
    border-bottom: 1px solid #ddd;
    color:#6e6e6e; empty-cells:show;
}
.table_admin  tr.selected td {
    color:#2a9be9 !important;
    font-weight:normal !important;
}
/*????¨???‘????‰????*/
.table_border {
    border-top: 1px solid #ddd
}
.table_border thead, .table_border tbody {
    border: 1px solid #ddd;
}
/*????¤?è?????*/
.table_bordered {
    border: 1px solid #ddd;
    border-collapse: collapse;
    *border-collapse: collapse;
}
.table_bordered th, .table_bordered td {
    border-right: 1px dashed #ddd;
}
.table_border_bottom th, .table_border_bottom td {
    border-bottom: 1px dashed #ddd;
}
/*?????°è??è?????è???????…??°è‰?*/
.table tbody > tr:nth-child(odd) > td, .table tbody > tr:nth-child(odd) > th {
    background-color: #e9f3f9
}
.table_striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}
/*???????????‘padding????????????*/
.table_condensed th, .table-condensed td {
    padding: 4px 5px
}
/*é? ? ???????? ????*/
/*.table_hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #f5f5f5
}*/
/*?????‰é??è‰?*/
/*????????¨è??*/
.table tbody tr.active, .table tbody tr.active > td, .table tbody tr.active > th, .table tbody tr .active {
    background-color: #F5F5F5 !important
}
/*??????????§????*/
.table tbody tr.success, .table tbody tr.success > td, .table tbody tr.success > th, .table tbody tr .success {
    background-color: #DFF0D8 !important
}
/*è???‘???????é”?*/
.table tbody tr.warning, .table tbody tr.warning > td, .table tbody tr.warning > th, .table tbody tr .warning {
    background-color: #FCF8E3 !important
}
/*??±é??*/
.table tbody tr.danger, .table tbody tr.danger > td, .table tbody tr.danger > th, .table tbody tr .danger {
    background-color: #F2DEDE !important
}
/*è?¨? ??????????é???????????é??è?¤????±…??????é??*/
.table .text_c th, .table .text_c td {
    text-align: center
}/*???è???±…???*/
.table .text_r th, .table .text_r td {
    text-align: right
}/*???è???±…???*/
.table th.text_l, .table tr td.text_l {
    text-align: left !important
}/*??????????±…???*/
.table th.text_c, .table tr td.text_c {
    text-align: center !important
}/*??????????±…???*/
.table th.text_r, .table tr td.text_r {
    text-align: right !important
}/*??????????±…???*/
.table tr.nobg,.table tr td.nobg {
    background: none !important;
}

table#upload_table tbody tr td a img {
    max-width: 25px;
}
table#upload_table tbody tr td:first-child {
    padding: 0 1%;
}
.tb_96{
    width: 96%!important;
    margin-right: 2%;
    float: right;
    margin-bottom:20px;
}

.input_text {
    border: solid 1px #ddd;
    padding: 4px;
    line-height: 20px;
    width: 200px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}
.input_text:hover {
    border: solid 1px #b3b3b3
}
.input_text.focus {
    border: solid 1px #33aaff \9;
    border-color: rgba(82,168,236,0.8);
}
.input_text.disabled, .input_text.disabled.focus {
    background-color: #ededed;
    cursor: default;
    border-color: #ddd;
}
.long_text {
    width: 90% !important;
}
.bg_btn_add {
    background:url(../images/btn_add.png) 100% no-repeat;
    cursor: pointer;
}

.input_select {
    border: solid 1px #ddd;
    padding: 4px;
    line-height: 20px;
    width: 200px;
    height: 30px;
    *height: 22px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}
.input_select:hover {
    border: solid 1px #b3b3b3
}
.input_select.focus {
    border: solid 1px #33aaff \9;
    border-color: rgba(82,168,236,0.8);
}
.input_select.disabled, .input_select.disabled.focus {
    background-color: #ededed;
    cursor: default;
    border-color: #ddd;
}

.input_select_short {
    border: solid 1px #ddd;
    padding: 4px;
    line-height: 20px;
    width: 75px;
    height: 20px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}
.input_select_short:hover {
    border: solid 1px #b3b3b3
}
.input_select_short.focus {
    border: solid 1px #33aaff \9;
    border-color: rgba(82,168,236,0.8);
}
.input_select_short.disabled, .input_select_short.disabled.focus {
    background-color: #ededed;
    cursor: default;
    border-color: #ddd;
}

.input_date {
    text-align: center;
    border: solid 1px #ddd;
    padding: 4px;
    line-height: 20px;
    width: 100px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}
.input_date:hover {
    border: solid 1px #b3b3b3
}
.input_date.focus {
    border: solid 1px #33aaff \9;
    border-color: rgba(82,168,236,0.8);
}
.input_date.disabled, .input_date.disabled.focus {
    background-color: #ededed;
    cursor: default;
    border-color: #ddd;
}

.input_file {
    position: relative;
    display: inline-block;
    background: #1E88C7 !important;
    border: solid 1px #ddd;
    padding: 4px;
    line-height: 20px;
    width: 100px;
    color: #fff !important;
    text-decoration: none;
    text-indent: 0;
    text-align: center;
    cursor: pointer;
}
.input_file input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.input_file:hover {
    background: #1E88C7;
    border: solid 1px #ddd;
    color: #fff;
    text-decoration: none;
}

#randomImage, #refreshImage {
    vertical-align: middle;
}

.popup .addRow {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}
.popup .addRow img {
    max-width: 26px;
}
.popup ul li {
    position: relative;
}
.popup ul li a.delRow {
    padding: 4px;
    line-height: 24px;
    display: inline-block;
    float: left;
    position: relative;
}
.popup ul li a.delRow img {
    max-width: 26px;
}
/*popup*/
.loading_content {
    display: none;
    position: fixed;
    top: 45%;
    left: 15%;
    right: 10%;
    height: 75%;
    padding: 0;
    z-index: 1002;
    overflow: hidden;
}
.loading_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1001;
    -moz-opacity: 0.5;
    opacity: .5;
    filter: alpha(opacity=50);
}
.popup_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}
.popup_content {
    display: none;
    position: fixed;
    top: 15%;
    left: 15%;
    right: 10%;
    height: 400px;
    padding: 0;
    border: 3px solid #1281C9;
    background-color: #fff;
    z-index: 1002;
    overflow: hidden;
}
.popup_content a.close {
    color: #1281C9 !important;
    text-align: center !important;
}
.popup_content table {
    vertical-align: top;
}
.popup_content table tr td {
    padding: 5px;
}
.popup_content .upload_desc {
    width: 100%;
    padding: 2%;
    text-align: left !important;
    font-size: 1em;
}
.popup_content .upload_desc table tr td {
    vertical-align: top;
}
.popup_content form#titleForm {
    height: 100%;
    width: 90%;
    float: left;
}
#imageBody {
    width: 100px;
    height: auto;
}
.popup{
    border: 1px solid #ccc;
    height: 100%;
    *height: 90%;
    width: 60%;
    text-align: left;
    overflow-y: auto;
    overflow-x: hidden;
    *position: relative;
}
.popup_btn{
    position: absolute;
    bottom: 5%;
    right: 5%;
}

.popup ul li{
    list-style: none;
    float: left;
    width: 96%;
    *height: 48px;
    padding: 1% 2% 1% 2%;
}
.popup ul li span{
    padding-left: 10%;
}
.popup ul li label {
    padding-left: 1%;
}
.popup ul li.sub {
    padding-left: 5%;
}
.popup table {
    width: 100%;
}
.popup table tr td {
    vertical-align: top;
}
.popup table tr td textarea {
    width: 100%;
    min-height: 200px;
}

.main_content {
    overflow: hidden;
    zoom:1;
}