﻿ 
@charset "utf-8";
/* -----------------------------------------------------------------------
   * BYR Common CSS
   * Copyright (c) 2014
   * Contact Us zhumh77@qq.com
----------------------------------------------------------------------- */
/* reset.css */
* { padding:0; margin:0;}html {margin:0;padding:0;border:0;}body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0; font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}table {border-collapse:separate;border-spacing:0;}caption, th, td {font-weight:normal;float:none !important;}table, th, td {vertical-align:middle;}blockquote:before, blockquote:after, q:before, q:after {content:'';}blockquote, q {quotes:"" "";}img,a img{border:none;}:focus {outline:0;}input,button,select,textarea{outline:none;}textarea{resize:none;}input,select { border:0;}
body {font-family:"微软雅黑","宋体",Arial, sans-serif; font-size:13px; color:#333;}
body, html {width:100%; height:100%; min-width:768px; min-height:550px;}
/* typography.css */
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}input,label,img,th,select{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}button { cursor:pointer;}blockquote {margin:1.5em;color:#666;font-style:italic;} .vem {vertical-align:middle;} .vet {vertical-align:top;}
ul ,li{list-style-type:none;}
/* font */
.f12,.f12 a{font-size:12px;}.f14,.f14 a{font-size:14px;}.f16,.f16 a{font-size:16px;}.f18,.f18 a{font-size:18px;}.f20,.f20 a{font-size:20px;}
.lh20{line-height: 20px;}.lh22{line-height: 22px;}.lh24{line-height: 24px;}.lh25{line-height: 25px;}.lh26{line-height: 26px;}.lh28{line-height: 28px;}.lh30{line-height: 30px;}.lh35{line-height: 35px;}.lh40{line-height: 40px;}.lh50{line-height: 50px;}.lh60{line-height: 60px;}.h20 { height:20px;}.h24 { height:24px;}.h25 { height:25px;}.h28 { height:28px;}.h30 { height:30px;}.h35 { height:35px;}.h40 { height:40px;}.h50 { height:50px;}.h60 { height:60px;}.h100 { height:100px;}
.fb{ font-weight:bold;}.fn{ font-weight:normal;}
.bk,.bk3,.bk5,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px;}.bk3{height: 3px;}.bk5{height: 5px;}.bk6{height: 6px;}.bk8{height: 8px;}.bk10{height:10px;}.bk15{height: 15px;}.bk20{height: 20px;}.bk30{height: 30px;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.lf { float:left;}.rt { float:right;}.ovau { overflow:auto;}.ovhi { overflow:hidden;}.psAb {position:absolute;}.psRe {position:relative;}.disbl { display:block;}.disin { display:inline-block;}.disno {display:none;}.tdu,.tdu a { text-decoration:underline;}.tdn,.tdn a { text-decoration:none;}.textl { text-align:left;}.textc { text-align:center;}.textr { text-align:right;}.mar0a { margin:0 auto;} .cupo {cursor:pointer;}
/*网格化*/
.grd1 { width:40px;}.grd2 { width:80px;}.grd3 { width:120px;}.grd4 { width:160px;}.grd5 { width:200px;}.grd6 { width:240px;}.grd7 { width:280px;}.grd8 { width:320px;}.grd9 { width:360px;}.grd10 { width:400px;}.grd11 { width:440px;}.grd12 { width:480px;}.grd13 { width:520px;}.grd14 { width:560px;}.grd15 { width:600px;}.grd16 { width:640px;}.grd17 { width:680px;}.grd18 { width:720px;}.grd19 { width:760px;}.grd20 { width:800px;}.grd21 { width:840px;}.grd22 { width:880px;}.grd23 { width:920px;}.grd24 { width:960px;}.grd25 { width:1000px;}
@media screen and (max-width:1679px) {
.span1 {width:103px;}.span2 {width:206px;}.span3 {width:309px;}.span4 {width:412px;}.span5 {width:515px;}.span6 {width:618px;}.span7 {width:721px;}.span8 {width:824px;}.span9 {width:927px;}.span10 {width:1030px;}.span11 {width:1133px;}.span12 {width:1236px;}
}
@media screen and (min-width:1679px) {
.span1 {width:124px;}.span2 {width:248px;}.span3 {width:372px;}.span4 {width:496px;}.span5 {width:620px;}.span6 {width:744px;}.span7 {width:868px;}.span8 {width:992px;}.span9 {width:1116px;}.span10 {width:1240px;}.span11 {width:1364px;}.span12 {width:1488px;}
}
/*====  padding ====*/
.pad5  { padding:5px;}.pad10 { padding:10px;}.pad15 { padding:15px;}.pad20 { padding:20px;}.padl5  {padding-left:5px;}.padl10 {padding-left:10px;}.padl15 {padding-left:15px;}.padl20 {padding-left:20px;}.padr5  { padding-right:5px;}.padr10 { padding-right:10px;}.padr15 { padding-right:15px;}.padr20 { padding-right:20px;}.padt5  { padding-top:5px;}.padt10 { padding-top:10px;}.padt15 { padding-top:15px;}.padt20 { padding-top:20px;}.padb5  {padding-bottom:5px;}.padb10 {padding-bottom:10px;}.padb15 {padding-bottom:15px;}.padb20 {padding-bottom:20px;}.padlr5 {padding:0 5px;}.padlr10 {padding:0 10px;}.padlr15 {padding:0 15px;}.padlr20 {padding:0 20px;}.padtb5  {padding:5px 0;}.padtb10 {padding:10px 0;}.padtb15 {padding:15px 0;}.padtb20 {padding:20px 0;}
/* margin*/
.mar5  { margin:5px;}.mar10 {margin:10px;}.mar15 {margin:15px;}.mar20 {margin:20px;}.marlr5  {margin:0 5px;}.marlr10 {margin:0 10px;}.marlr15 {margin:0 15px;}.marlr20 {margin:0 20px;}.martb5  { margin:5px 0;}.martb10 {margin:10px 0;}.martb15 {margin:15px 0;}.martb20 {margin:20px 0;}.marl5  { margin-left:5px;}.marl10 { margin-left:10px;}.marl15 { margin-left:15px;}.marl20 { margin-left:20px;}.marr5  { margin-right:5px;}.marr10 { margin-right:10px;}.marr15 { margin-right:15px;}.marr20 { margin-right:20px;}.mart5  { margin-top:5px;}.mart10 { margin-top:10px;}.mart15 { margin-top:15px;}.mart20 { margin-top:20px;}.marb5  { margin-bottom:5px; }.marb10 { margin-bottom:10px;}.marb15 { margin-bottom:15px;}.marb20 { margin-bottom:20px;}
/*====字体颜色 背景 框===*/
 
.cor1 ,.cor1 a{color:#00a1f1;}            /* 主颜色.css */
.cor2 ,.cor2 a{color:#333;}         
.cor3 ,.cor3 a{color:#666;}          
.cor4 ,.cor4 a{color:#ffcb0b;}          
.cor5 ,.cor5 a{color:#0a59ac;}          
 		
.white,.white a{color:#fff;}
.blue,.blue a{color:#004499}
.gray,.gray a ,a.gray{color:#999}
.red, .red a, a.red{color:red;}
.green ,.green a ,a.green{color:#0E774A}

.bag1 { background:#eaebf0;}         
.bag2 { background:#cccccc;}		
.bag3 { background:#F9F9F9;}		
          
.bagf { background:#FFF;}
.bagb { background:#000;} 

/*======首页======*/
.wrap {width:100%; height:100%; min-width:768px;}

 
.box1:hover .blue_bg {filter:alpha(opacity=80);opacity:0.8; background:#414141;}
.main_nav {z-index:1000; text-align:center; color:#FFF; font-size:16px; line-height:22px;}
.main_a {font-size:18px; color:#026493;}
.date {background:#c6e4f2; width:60px; height:60px; text-align:center; color:#026493; border:1px solid #d8e8f0;}
.date b {font-size:28px;}

.blue_bg {background:#F10000; z-index:99; margin:0 1px 1px 0;filter:alpha(opacity=80);opacity:0.8;}
.main_ul {margin:0 10px; border-top:3px solid #F10000; z-index:1000;padding:0 20px;}
/*
.blue_bg {background:#00a1f1; z-index:99; margin:0 1px 1px 0;filter:alpha(opacity=80);opacity:0.8;}
.main_ul {margin:0 10px; border-top:3px solid #00a1f1; z-index:1000;padding:0 20px;}
*/
.main_ul h4 a {padding:5px 0 5px 10px; height:50px; overflow:hidden;}
.main_ul h6 {background:url(../images/main-l.png) no-repeat 0 8px; line-height:30px; height:30px; display:block; white-space: nowrap;}
.main_ul h6 a {padding:0 10px; display:block;}
.main_ul h6 .main_ul_span {display:inline-block; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:13px;}
.zoom .blue_bg {background:#FFF; margin:0 10px;filter:alpha(opacity=80);opacity:0.8; z-index:999;}
.more {background:#ffc900; width:40px; height:20px; text-align:center; margin-top:10px; line-height:20px; color:#FFF; font-size:12px;}
.main_pic {margin:15px 0 0 0;}
.main_ky {padding:0 0 0 7px; _padding:0 0 0 5px;}
.main_rc_a {padding:0 15px;}

.sign_ico1,.sign_ico2,.sign_ico3 {vertical-align:middle; width:20px; height:25px; background-image:url(../images/icon.gif); background-repeat:no-repeat; display:inline-block; margin-right:15px;}
.sign_ico1 {background-position:-40px 4px;}
.sign_ico2 {background-position:-20px 4px;}
.sign_ico3 {background-position:0px 4px;}
.wid2 {width:50%;}
.wid3 {width:33.3%;}
.wid5 {width:20%;}

.wrap_main .griditem{ position:absolute; overflow:hidden;}
.zoom .main_nav {display:none;}
.box1 .main_ul {display:none;}
.box1 .main_h5 {display:none;}


.wrap_bg {width:100%; height:100%; overflow:hidden; z-index:9; min-width:768px;}
.wrap_bg ul {z-index:9;}
.grd_bg {width:100%; height:100%; overflow:hidden; z-index:30; min-width:768px;}
#banner_prev{display: block;width:56px;height:56px;top:50%;background-image:url(../images/left.png);_background-image:url(../images/left.png); background-repeat:no-repeat;z-index: 1000; left:10px;}

#banner_next {display: block;width:56px;height:56px;top:50%;background-image:url(../images/right.png);_background-image:url(../images/right.png); background-repeat:no-repeat;z-index: 1000; right:10px;}






 
.list_grd_bg {width:100%; overflow:hidden; z-index:30; left:0px; right:0px; top:0px;}

@media screen  and (max-width:949px) {
.box1 {width:103px; height:103px;}
.box1:hover .blue_bg {filter:alpha(opacity=70);opacity:0.70; background:#00a1f1;}
.logo {height:102px; position:absolute; top:35px; left:0; width:309px;}
.header {height:138px;}
#top_nav .nav-li .top_nav {line-height:103px;}
.hover_right {height:35px;}
#top_nav {position:absolute; top:35px; left:309px; right:0;}
#top_nav .top_nav_box {position:absolute; left:412px; top:0; right:0; height:103px;background:url(../images/sub_nav.png) repeat-x;}
#top_nav .nav-child {height:103px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:103px;}
.wrap_main {z-index:999; height:206px; width:412px;}
.blue_bg {width:102px; height:102px;}
.main_nav {width:42px; height:42px;line-height:22px; padding:30px;}
.zoom .blue_bg{width:412px; height:206px; margin:0;}
.main_ul {width:372px; margin:0;}
.main_ul h4 a {width:270px;}
.main_ul .wrap_cont {height:150px; overflow:hidden;}
.main_rc_a {padding:0 8px;}
.grd_bg {margin-top:138px; background:url(../images/span.png) repeat; _background:none;}
.list_grd_bg {margin-top:138px; background:url(../images/span.png) repeat; _background:none; height:206px;}

.head_right {padding-right:210px;}
#search_ul {width:184px; height:30px; background:url(../images/search.png) no-repeat; position:absolute; top:2px; right:10px; z-index:10000;}
#search_text {line-height:30px; height:30px; background:none; padding:0 5px; width:135px; color:#fffefe;}
#search_submit {line-height:30px; background:none; text-indent:-999em; width:33px; cursor: pointer;}



}
@media screen   and (min-width:950px) and (max-width:1279px) {
.box1 {width:103px; height:103px;}
.box1:hover .blue_bg {filter:alpha(opacity=70);opacity:0.70; background:#00a1f1;}
.logo {height:102px; position:absolute; top:35px; left:0; width:309px;}
.header {height:138px;}
#top_nav .nav-li .top_nav {line-height:103px;}
.hover_right {height:35px;}
#top_nav {position:absolute; top:35px; left:309px; right:0;}
#top_nav .top_nav_box {position:absolute; left:412px; top:0; right:0; height:103px;background:url(../images/sub_nav.png) repeat-x;}
#top_nav .nav-child {height:103px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:103px;}
.wrap_main {z-index:999; height:206px;}
.blue_bg {width:102px; height:102px;}
.main_nav {width:42px; height:42px;line-height:22px; padding:30px;}
.zoom .blue_bg{width:392px; height:206px;}
.main_ul {width:352px;}
.main_ul h4 a {width:270px;}
.main_ul .wrap_cont {height:150px; overflow:hidden;}
.main_rc_a {padding:0 8px;}
.grd_bg {margin-top:138px; background:url(../images/span.png) repeat; _background:none;}
.list_grd_bg {margin-top:138px; background:url(../images/span.png) repeat; _background:none; height:206px;}

.head_right {padding-right:210px;}
#search_ul {width:184px; height:30px; background:url(../images/search.png) no-repeat; position:absolute; top:2px; right:10px; z-index:10000;}
#search_text {line-height:30px; height:30px; background:none; padding:0 5px; width:135px; color:#fffefe;}
#search_submit {line-height:30px; background:none; text-indent:-999em; width:33px; cursor: pointer;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}


}
@media screen  and (min-width:1279px) and (max-width:1360px) {
    .head_responsive {display:none;}  
}
@media screen  and (min-width:1279px) and (max-width:1360px) {
.box1 {width:103px; height:103px;}
.logo {height:102px; float:left; width:309px;}
.header {height:102px;}
#top_nav .nav-li .top_nav {line-height:103px;}
.hover_right {margin-left:721px;height:103px;}
#top_nav .nav-child {height:103px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:103px;}
.wrap_main {z-index:999; height:206px;}
.blue_bg {width:102px; height:102px;}
.main_nav {width:42px; height:42px;line-height:22px; padding:30px;}
.zoom .blue_bg{width:392px; height:206px;}
.main_ul {width:352px;}
.main_ul h4 a {width:270px;}
.main_ul .wrap_cont {height:150px; overflow:hidden;}
.main_rc_a {padding:0 8px;}
.grd_bg {margin-top:103px; background:url(../images/span.png) repeat; _background:none;}
.list_grd_bg {margin-top:103px; background:url(../images/span.png) repeat; _background:none; height:206px;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}
}
@media screen  and (min-width:1360px) and (max-width:1679px) {
.box1 {width:103px; height:103px;}
.logo {height:102px; float:left; width:309px;}
.header {height:102px;}
#top_nav .nav-li .top_nav {line-height:103px;}
.hover_right {margin-left:721px;height:103px;}
#top_nav .nav-child {height:103px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:103px;}
.wrap_main {z-index:999; height:206px; width:927px;}
.blue_bg {width:102px; height:102px;}
.main_nav {width:42px; height:42px;line-height:22px; padding:30px;}
.zoom .blue_bg{width:495px; height:206px;}
.main_ul {width:455px;}
.main_ul h4 a {width:373px;}
.main_ul .wrap_cont {height:150px; overflow:hidden;}
.main_ky {padding:0 0 0 23px;}
.grd_bg {margin-top:103px; background:url(../images/span.png) repeat; _background:none;}
.list_grd_bg {margin-top:103px; background:url(../images/span.png) repeat; _background:none; height:206px;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}
}
@media screen and (min-width:1679px)  and (max-width:1800px) {
.box1 {width:124px; height:124px;}
.logo {height:124px; float:left; width:372px;}
.header {height:123px;}
#top_nav .nav-li .top_nav {line-height:124px;}
.hover_right {margin-left:868px;height:124px;}
#top_nav .nav-child {height:124px;}
#top_nav .nav-child a{line-height:30px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:124px;}
.wrap_main {z-index:999; height:248px;}
.blue_bg {width:123px; height:123px;}
.main_nav {width:56px; height:56px;line-height:28px; padding:34px; font-size:19px;letter-spacing: 5px;}
.zoom .blue_bg {width:476px; height:248px;}
.main_ul {width:436px;}
.main_ul h4 a {width:350px;}
.main_ul h6 .main_ul_span {width:85%}
.main_bk {height:15px;}
.main_cbk {height:20px;}
.main_rbk {height:20px;}
.grd_bg {margin-top:124px; background:url(../images/spanb.png) repeat; _background:none;}
.list_grd_bg {margin-top:124px; background:url(../images/spanb.png) repeat; _background:none; height:248px;}
.main_ky {padding:0 0 0 18px;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}
}
@media screen and (min-width:1800px) {
.box1 {width:124px; height:124px;}
.logo {height:124px; float:left; width:372px;}
.header {height:123px;}
#top_nav .nav-li .top_nav {line-height:124px;}
.hover_right {margin-left:868px;height:124px;}
#top_nav .nav-child {height:124px;}
#top_nav .nav-child a{line-height:30px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:124px;}
.wrap_main {z-index:999; height:248px; width:1116px;}
.blue_bg {width:123px; height:123px;}
.main_nav {width:56px; height:56px;line-height:28px; padding:34px; font-size:19px;letter-spacing: 5px;}
.zoom .blue_bg {width:600px; height:248px;}
.main_ul {width:560px;}
.main_ul h4 a {width:474px;}
.main_ul h6 .main_ul_span {width:88%}
.main_bk {height:15px;}
.main_cbk {height:20px;}
.grd_bg {margin-top:124px; background:url(../images/spanb.png) repeat; _background:none;}
.list_grd_bg {margin-top:124px; background:url(../images/spanb.png) repeat; _background:none; height:248px;}
.main_ky {padding:0 0 0 25px;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}
} 




/*3hospital*/

.clear_fix{ width:100%; height:0px; line-height:0px; clear:both}

.zhaopin_con {
	width:522px; position:absolute;
 
  height:200px;top:188px;
	 
	z-index: 999; right:0px; 
}
 .zhaopin_con  img{ width:522px; height:100px; margin:0px;}


.menu_top {
	width:100%; position:absolute;
 
  height:200px;top:0px; background:none; padding-top:26px;	 
	 
	z-index: 999; text-align:center;background:url(../images/top_bg.png); background-repeat:repeat-x;
}
 
.top_c{ width:96%; margin:0 auto; height:106px;} 
 
 .top_logo{ width:429px; height:100px; float:left; margin:0px; padding:0px;}
 .top_logo img{ width:429px; height:100px;  margin:0px; border:0px;}
 
 .top_r{ width:210px; height:100px; float:right; margin:0px; padding:0px; }
 
 .top_r img{ width:100px; height:100px; float:righ; margin-left:5px;  }
 
  .top_bm{ width:340px; height:97px; position:absolute; right:2%; top:260px; z-index:999; cursor:pointer}
 .top_bm img{ width:339px; height:97px; margin:0px; }
 
 
.menu_bottom {
	width:100%; position:absolute;
 
  height:120px;bottom:74px;	 
	background-color:rgba(0,0,0,0.74);
	z-index: 999; text-align:center;}
	
	.bottom_c{ width:96%; margin:0 auto; height:120px; position:relative; text-align:center} 
	
	.bottom_copyright{ width:340px; position:absolute; height:68px; top:26px; left:0px; font-size:12px; color:#FFFFFF; text-align:left; line-height:17px;  }
	
	.bottom_copyright a:link{ color:#ffffff !important; text-decoration:none}
	.bottom_copyright a:visited{ color:#ffffff !important;  text-decoration:none}
	.bottom_copyright a:hover{ color:#ffffff !important;  text-decoration:none}
	
	
	.bottom_copyright img{ float:left; margin-right:5px;}
	.bottom_btn{width:220px; position:absolute; height:0px; top:35px; right:0px; text-align:center; }	
	.bottom_btn a{ display:block; width:220px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#ffffff; background-color:#029189}
	.bottom_btn a:visited{ display:block; width:220px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#ffffff;background-color:#029189}
	.bottom_btn a:hover{ display:block; width:220px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#ffffff;background-color:#007d76}	
	.bottom_nav{ width:56%; height:120px; margin:0 auto;}	
	.bottom_nav_item{ width:14.2%; height:74px; padding:23px 0px; text-align:center; float:left; margin:0px;}	
	.bottom_nav_item a{ display:block; width:100%; height:74px; text-align:center; font-size:18px; line-height:24px; color:#ffffff}
	.bottom_nav_item a:visited{ display:block; width:100%; height:74px; text-align:center; font-size:18px; line-height:24px; color:#ffffff}
	.bottom_nav_item a:hover{ display:block; width:100%; height:74px; text-align:center; font-size:18px; line-height:24px; color:#029189}
	.bottom_nav_item a img{ width:34px; height:34px; margin:0 auto;}
	.bottom_nav_item a span{ font-size:12px; line-height:16px;}
	
	.bottom_nav_item2 a{ color:#ff4900;}
	.bottom_nav_item2 a:visited{ color:#ff4900;}
	.bottom_nav_item2 a:hover{ color:#ff4900;}
	
	
	
	
	
 
@media only screen and (max-width:1679px){
 
 
	
	.bottom_nav_item a{ display:block; width:100%; height:74px; text-align:center; font-size:16px; line-height:24px; color:#ffffff}
	.bottom_nav_item a:visited{ display:block; width:100%; height:74px; text-align:center; font-size:16px; line-height:24px; color:#ffffff}
	.bottom_nav_item a:hover{ display:block; width:100%; height:74px; text-align:center; font-size:16px; line-height:24px; color:#28a8ff}
	
	.bottom_copyright{ width:310px; position:absolute; height:68px; top:26px; left:0px; font-size:13px; color:#FFFFFF; text-align:left; line-height:22px;  }
}

@media only screen and (max-width:1439px){
 
.bottom_nav_item a{ display:block; width:100%; height:74px; text-align:center; font-size:14px; line-height:24px; color:#ffffff}
	.bottom_nav_item a:visited{ display:block; width:100%; height:74px; text-align:center; font-size:14px; line-height:24px; color:#ffffff}
	.bottom_nav_item a:hover{ display:block; width:100%; height:74px; text-align:center; font-size:14px; line-height:24px; color:#28a8ff}
	
		.bottom_copyright{ width:310px; position:absolute; height:68px; top:26px; left:0px; font-size:12px; color:#FFFFFF; text-align:left; line-height:22px;  }
	
}


.syypc{ display:block}
.syymb{ display:none}
@media only screen and (max-width:1000px){
.syypc{ display:none}
.syymb{ display:block}


.menu_top {
	width:100%; position:absolute;
 
  height:300px;top:0px; background:none; padding-top:34px;	 
	 
	z-index: 999; text-align:center;background:url(../images/top_bgm.png); background-repeat:repeat-x;
}
 
.top_c{ width:60%; margin:0 auto; height:auto;} 
 
 .top_logo{ width:100%; height:auto;  margin:0px auto; padding:0px; text-align:center;}
 .top_logo img{width:100%; height:auto; margin:0px; border:0px;}
 
 .top_r{ display:none} 
 
  .top_bm{ display:none} 
 
 
 
 
 
.menu_bottom {
	width:100%; position:absolute;
 
  height:120px;bottom:120px;	 
	background:rgba(0,0,0,0.0);
	z-index: 999; text-align:center;}
	
	.bottom_c{ width:60%; margin:0 auto; height:120px; position:relative; text-align:center} 
	
	.bottom_copyright{ display:none}
	
	
	 
	.bottom_btn{width:100%; position:absolute; height:120px; top:-326px; right:0px; text-align:center; }	
	.bottom_btn a{ display:block; width:100%; height:120px; line-height:120px; text-align:center; font-size:56px; color:#ffffff; 	background:rgba(2,145,137,0.8); border-radius:10px;}
	.bottom_btn a:visited{ display:block; width:100%; height:120px; line-height:120px; text-align:center; font-size:56px; color:#ffffff;background:rgba(2,145,137,0.8); border-radius:10px;}
	.bottom_btn a:hover{ display:block; width:100%; height:120px; line-height:120px; text-align:center; font-size:56px; color:#ffffff; background:rgba(0,125,118,0.9); border-radius:10px;}	
	.bottom_nav{ display:none}	
	 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}



 
 .csxzpcon{ position:absolute; right:15px; top:160px; z-index:99999; background-color:#0066FF; width:380px; padding:20px; height:50px; cursor:pointer; background-color:#35ce96; border-radius:80px; font-size:18px; font-weight:bold; line-height:25px; color:#ffffff; text-align:left}
 .csxzpcon img{ width:50px; height:50px; float:left; margin:0px; margin-right:10px; }
 
#antzone

{

    width:100%;

    height: 100%;

    position: fixed;

    z-index: 9999999999;

    

    right: 0;

    top: 0;

    bottom: 0px;

    background: rgba(0,0,0,.74);

    

    background-repeat: repeat; text-align:center;

}

.close_btn

{

    width: 100%;

    height: 50px;

    margin: 0 auto;

    text-align: center;

    margin-top: 49px;

    cursor: pointer

}



.close_btn img

{

    width: 50px;

    height: 50px;

    margin: 0 auto;

}


.csxzplist{ width:400px; margin:0 auto; margin-top:150px;}

.csxzplisti{ width:400px; height:80px; line-height:80px; font-size:34px; overflow:hidden; text-align:left; background-color:#3ccc68; border-radius:80px; margin-bottom:30px;}
.csxzplisti02{ background-color:#f84c48}
.csxzplisti03{ background-color:#7982fc}


.csxzplisti img{ width:40px; height:40px; float:left; margin:20px; margin-right:10px; }
.csxzplisti a{ color:#ffffff; text-decoration:none}

.csxzplisti a:visited{ color:#ffffff; text-decoration:none}

.csxzplisti a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .7s ease;

            -moz-transition: all .7s ease;

            -o-transition: all .7s ease;

            transition: all .7s ease; }
 
 @media only screen and (max-width:768px){.zhaopin_con{ display:none } }
