/* CSS Document */

/* CSS 重置 */

* {

    margin: 0;

    padding: 0;

}



div {

    display: block;

}



body {

    font-family: "微软雅黑";

    color: #333;

    font-size: 16px;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    -khtml-user-select: none;

    user-select: none;

}



body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, img {

    border: medium none;

    margin: 0;

    padding: 0;

    font-weight: normal;

}



ul, li {

    list-style: none;

}



a {

    color: #333;

    text-decoration: none;

}



img {

    margin: 0;

    border: 0;

    padding: 0;

}



/**display:block;**/

.left {

    float: left;

}



.right {

    float: right;

}



.clear {

    clear: both;

}



/* 清楚浮动 */



.clearfix::after {

    content: "";

    display: table;

    clear: both;

    visibility: hidden;

    height: 0;

}





/* 兼容低版本浏览器 */



.clearfix {

    *zoom: 1;

}



.main_with {

    width: 1200px;

    margin: 0 auto;

}



/* header */

.top {

    height: 118px

}



.logo {

    display: block;

    float: left;

    width: 509px;

    height: 56px;

    margin-top: 37px

}



.arrj {

    float: left;

    margin-left: 32px;

    margin-top: 34px;

    width: 100px;

    height: 28px

}



.top dl {

    height: 28px;

    float: left;

    margin-left: 55px;

}



.top dl dd {

    height: 28px;

    line-height: 28px;

    float: left;

    font-size: 18px;

    margin: 31px 10px 0px 10px

}



.top dl dd img {

    margin-right: 8px;

}



.sjtel {

    margin-top: 30px;

    line-height: 30px;

    border-radius: 15px;

    float: right;

}



.zlsj, .jdtel {

    font-size: 18px;

    color: #828080;

}



.zlsj, .jdtea {

    font-size: 30px;

    color: #06316d;

}



.jdtea {

    background: url(../images/ico5.png) no-repeat left center;

    padding-left: 40px;

}



/* nav */

.navbg {

    width: 100%;

    background: #06316d;

    height: 60px;

}



.nav {

    display: flex;

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



.nav li {

    flex: 1;

    position: relative;

    height: 60px;

    line-height: 60px;

    text-align: center;

}



.nav li:hover {

    cursor: pointer;

    background: #6d97d7;

}



.nav li a {

    width: 100%;

    height: 100%;

    display: inline-block;

    color: #fff;

    font-size: 18px;

}



.nav_sub {

    display: none;

    position: absolute;

    left: 0;

    top: 60px;

    width: 100%;

    z-index: 888;

    background: #06316d;

}



/* banner */

.com-banner {

    margin: 0 auto;

    position: relative;

    height: 680px;

    overflow: hidden;

}



.com-banner .bd {

    height: 680px;

    z-index: 0;

    position: relative;

    left: 50%;

    margin-left: -952px;

}



.com-banner .banner_ctr {

    height: 90px;

    position: absolute;

    top: 45%;

    z-index: 2;

    left: 50%;

    margin-left: -600px;

}



.com-banner .banner_ctr a {

    display: block;

    width: 74px;

    height: 74px;

    position: absolute;

    opacity: 0;

    filter: alpha(opacity=0);

    display: block;

    cursor: pointer;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.com-banner:hover .banner_ctr a {

    opacity: .5;

    filter: alpha(opacity=50);

}



.com-banner .banner_ctr a.prev {

    left: -74px;

    background: url(../images/banner-prev.png) no-repeat center;

}



.com-banner .banner_ctr a.next {

    right: -1274px;

    background: url(../images/banner-next.png) no-repeat center;

}



.com-banner .banner_ctr a:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}



.com-banner .hd {

    position: absolute;

    bottom: 25px;

    text-align: center;

    z-index: 5;

    left: 0;

    font-size: 0;

    line-height: 0;

    height: 0px;

    width: 100%;

    height: 9px;

    overflow: hidden;

}



.com-banner .hd li {

    background: #888;

    z-index: 2;

    cursor: pointer;

    margin: 0 2px;

    display: inline-block;

    width: 52px;

    height: 6px;

    *display: inline;

    zoom: 1;

    opacity: .8;

}



.com-banner .hd li:hover,

.com-banner .hd .on {

    opacity: 1;

    background: #00A3BA;

}





.box-shadow {

    padding: 40px 10px 10px 0;

    z-index: 999;

}



.subView .sv_l {

    float: left;

    height: 304px;

    margin-left: 12px;

    width: 253px;

}



.subView .sv_c {

    width: 300px;

    float: left;

    padding: 0 20px

}



.sv_c .svc_t {

    overflow: hidden

}



.sv_c .svc_t a {

    display: block;

    width: 94px;

    height: 30px;

    float: left;

    background: #0087cd;

    font-size: 14px;

    font-family: "微软雅黑";

    line-height: 30px;

    color: #fff;

    text-align: center;

    margin: 0 3px 6px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



.sv_c .svc_t a:hover {

    background: #00669b

}



.sv_c .svc_b {

    padding-top: 26px

}



.sv_c .svc_b a {

    color: #333;

}



.sv_c .svc_b a:hover {

    color: #b1813c;

}



.sv_c .svc_b h4 {

    border-bottom: 1px solid #ccc;

    width: 100%;

    zoom: 1;

    overflow: hidden;

}



.sv_c .svc_b h4 p {

    font-size: 16px;

    height: 24px;

    width: 200px;

    float: left;

    color: #333333;

    font-family: "微软雅黑";

}



.sv_c .svc_b h4 a {

    float: right;

    background: url(../images/more.jpg) no-repeat center 5px;

    width: 15px;

    height: 20px;

    display: block;

}



.sv_c .svc_b h4 a:hover {

    float: right;

    background: url(../images/moreh.jpg) no-repeat center 5px;

    width: 15px;

    height: 20px;

    display: block;

}



.sv_c .svc_b ul {

    padding-top: 12px

}



.sv_c .svc_b ul li {

    background: url(../images/jyybs_29.jpg) no-repeat left;

    padding-left: 20px;

    font: 14px/22px "微软雅黑";

    color: #353535;

    line-height: 26px;

}



.subView .sv_r {

    width: 210px;

    float: left

}



.slideBox {

    width: 100%;

    height: 600px;

    overflow: hidden;

    position: relative;

}



.slideBox .hd {

    width: 1200px;

    height: 12px;

    overflow: hidden;

    position: absolute;

    text-align: center;

    left: 50%;

    margin-left: -600px;

    bottom: 20px;

    z-index: 1;

}



.slideBox .hd ul {

    overflow: hidden;

    zoom: 1;

    display: inline-block;

}



.slideBox .hd ul li {

    float: left;

    margin: 0px 6px;

    width: 12px;

    height: 12px;

    line-height: 12px;

    border-radius: 50%;

    text-align: center;

    background: #fff;

    cursor: pointer;

}



.slideBox .hd ul li.on {

    background: #07964d;

    color: #fff;

}



.slideBox .bd {

    position: relative;

    height: 100%;

    z-index: 0;

}



.slideBox .bd li {

    zoom: 1;

    vertical-align: middle;

}



.slideBox .bd a {

    width: 100%;

    height: 600px;

    display: block;

}



.slideBox .prev,

.slideBox .next {

    position: absolute;

    left: 5%;

    top: 50%;

    margin-top: -25px;

    display: block;

    width: 50px;

    height: 50px;

    background: url(../images/slider-arrow.png) no-repeat center;

    filter: alpha(opacity=50);

    opacity: 0.5;

}



.slideBox .next {

    left: auto;

    right: 5%;

    /*background:url(../images/nextarrow.png) no-repeat center;*/

}



.slideBox .prev:hover,

.slideBox .next:hover {

    filter: alpha(opacity=100);

    opacity: 1;

}



/* 诊疗项目 */

.jzxm {

    width: 100%;

    height: 132px;

    background: #fcfcfc;

}



.jzxm ul {

    width: 1200px;

    height: 132px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}



.jzxm ul .tit {

    width: 110px;

    height: 132px;

    float: left;

    background: #0087cd;

    text-align: center;

    line-height: 25px;

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    padding: 18px 0px

}



.jzxm ul li {

    width: 132px;

    height: 132px;

    float: left;

    border-right: 1px solid #e8e8e8;

    overflow: hidden;

    padding-left: 6px;

    padding-right: 6px;

    position: relative;

    text-align: center;

}



.jzxm ul li p {

    height: 132px;

    display: block;

}



.jzxm ul li a {

    display: block;

    width: 100%;

    height: 132px;

}



.jzxm ul li img {

    margin-left: 40px;

    display: block;

    margin-top: 24px;

    margin-bottom: 6px;

}



.jzxm ul li span {

    margin-top: 34px;

    font-size: 18px;

    color: #3b3b3b;

    text-align: center;

}



.jzxm ul li .xmbh {

    width: 132px;

    height: 132px;

    position: absolute;

    left: 0;

    top: 132px;

    background: #6d97d7;

    padding-left: 15px;

    padding-right: 14px;

    border-right: 1px solid #cce7f5;

}



.jzxm ul li .xmbh span {

    color: #fff;

}



.public-footer-1 {

    padding-top: 44px;

    background: #06316d;

}



.footer-info {

    width: 1200px;

    height: 395px;

    margin: 0 auto;

}



.footer-nav {

    float: left;

    width: 722px;

    padding-left: 10px;

}



.footer-nav dl {

    float: left;

    width: 160px;

}



.footer-nav dl.w134 {

    width: 164px;

}



.footer-nav dl.w108 {

    width: 108px;

}



.footer-nav dl dt {

    color: #fff;

    font-size: 22px;

    line-height: 35px;

    font-weight: bold;

}



.footer-nav dl dd a {

    display: block;

    color: #fff;

    font-size: 14px;

    line-height: 32px;

    transition: all .3s;

}



.footer-nav dl dd a:hover {

    color: #006331;

    font-weight: bold;

}



.footer-right {

    float: right;

    width: 432px;

    padding-top: 6px;

}



.footer-right ul {

    height: 128px;

    padding-bottom: 56px;

}



.footer-right li {

    float: left;

    width: 176px;

    height: 128px;

    margin: 0 8px;

    padding-left: 22px;

    background-color: #ccc37b;

    border-radius: 8px;

}



.footer-right li.i2 {

    background-color: #007659;

}



.footer-right li h3 {

    padding-top: 20px;

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    line-height: 30px;

}



.footer-right li p {

    color: #fff;

    font-size: 18px;

    line-height: 24px;

}



.footer-code {

    overflow: hidden;

}



.footer-code span {

    float: left;

    display: block;

    width: 96px;

    padding: 0 6px;

    color: #fff;

    font-size: 14px;

    line-height: 28px;

    text-align: center;

}



.footer-code span img {

    width: 86px;

    height: 86px;

    padding: 4px;

    display: block;

    border: 1px solid #f0f0f0;

}



.footer-copyright {

    height: 56px;

    padding-bottom: 10px;

    background-color: #f9f9f9;

}



.footer-wrap {

    width: 1200px;

    margin: 0 auto;

}



.footer-copyright p {

    color: #9d9d9d;

    font-size: 13px;

    line-height: 60px;

}



.footer-copyright p.adr {

    float: left;

    width: 640px;

}



.footer-copyright p.edit {

    /* float:right; *//* width: 520px; */

    text-align: center;

    /* padding-top: 20px; */

}



.footer-copyright p a {

    margin-right: 30px;

    color: #9d9d9d;

}



.footer {

    width: 100%;

    height: 230px;

    background: #0087cd;

}



.footer_left {

    width: 380px;

    float: left;

    display: inline;

}



.footer_left img {

    margin-top: 30px;

    margin-bottom: 10px;

}



.footer_left p {

    font-size: 14px;

    line-height: 22px;

    color: #FFF;

}



.footer_center {

    width: 564px;

    float: left;

    display: inline;

    margin-top: 38px;

    margin-left: 30px

}



.footer_center dl {

    float: left;

    width: 112px;

    color: #FFF;

    overflow: hidden;

    border-right: 1px solid #339fd7;

    text-align: center;

    padding-top: 2px;

    padding-bottom: 10px

}



.footer_center dl:last-child {

    border-right: 0px;

}



.footer_center dl dt {

    margin-bottom: 20px

}



.footer_center dl dt a {

    font-size: 16px;

    color: #FFF;

    line-height: 28px;

    font-weight: bold;

}



.footer_center dl a {

    font-size: 14px;

    color: #FFF;

}



.footer_right {

    width: 131px;

    height: 156px;

    float: right;

    display: inline;

    background: #fff;

    text-align: center;

    border-radius: 4px;

    margin-top: 36px;

    margin-right: 16px

}



.footer_right img {

    margin-top: 9px

}



.footer_right span {

    text-align: center;

    display: block;

    color: #003366;

    font-size: 18px;

}



.copyright {

    background: #00466b;

    height: 60px;

    line-height: 60px;

    text-align: center

}



.copyright p {

    font-size: 14px;

    color: #FFF;

}



.f1BoxR_wx {

    position: relative;

}



.f1BoxR_wx2 {

    position: relative;

}



.f1BoxR_wx_pic {

    position: absolute;

    left: -116px;

    top: -6px;

    display: none;

}



.f1BoxR_wx_pic2 {

    position: absolute;

    left: -146px;

    top: -36px;

    display: none;

}



#index .box {

    width: 1200px;

    margin: 50px auto 0;

}



#index .box .box_width {

    border-top: 1px solid #e1e1e1;

    border-left: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

    position: relative;

    -moz-transition: all 0.2s linear 0s;

    -webkit-transition: all 0.2s linear 0s;

    transition: all 0.2s linear 0s;

    position: relative;

    overflow: hidden;

}



#index .box .box_width:last-child {

    border-right: 1px solid #e1e1e1;

}



#index .box .box_width:hover {

    -moz-box-shadow: 0 0 8px rgba(8, 1, 3, .2);

    -webkit-box-shadow: 0 0 8px rgba(8, 1, 3, .2);

    box-shadow: 0 0 8px rgba(8, 1, 3, .2);

    z-index: 10;

    background: #fff;

    border-top-color: #06316d;

    -moz-transform: translate3d(0, -2px, 0);

    -ms-transform: translate3d(0, -2px, 0);

    -o-transform: translate3d(0, -2px, 0);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);

}



/*视频中心*/



#index .box01 {

    width: 360px;

    height: 370px;

    padding: 15px 20px

}



#index .box01 span {

    font-size: 20px;

}



#index .box01 span font {

    font-size: 14px;

    color: #999999;

}



#index .box01 p {

    font-size: 26px;

    padding-top: 20px;

}



#index .box01 .more {

    width: 41px;

    float: right;

}



#index .more img {

    float: right;

    padding-top: 5px;

}



#index .hdwrap {

    width: 350px;

    margin: 0px auto 0;

}



#index .box01 .h_rhb_video {

    padding-top: 15px;

}



#index .box01 .h_rhb_video p {

    width: 100%;

    text-align: center;

}





/*咨询平台*/



#index .box03 {

    width: 356px;

    height: 370px;

    padding: 15px 20px;

    overflow: hidden;

}



#index .box03 .more {

    height: 26px;

    margin-bottom: 40px;

    margin-top: 10px;

}



#index .box03 .more p {

    font-size: 20px;

    float: left;

}



#index .box03 p font {

    font-size: 14px;

    color: #999999;

}



#index .box03 span {

    display: block;

    margin: 10px auto 20px;

}



#index .box03 ul li img {

    margin: 0 auto;

    padding: 10px 0;

}



#index .box03 ul li font {

    display: block;

    font-size: 15px;

    color: #333333;

}



#index .box03 ul li a {

    display: block;

}



#index .tel1 .kst dl {

    border: none;

    width: 356px;

    height: auto;

    overflow: hidden;

}



#index .tel1 .kst dl font {

    color: #085ea7;

    padding-left: 5px;

}



#index .tel1 .kst dl dt {

    height: 30px;

    line-height: 30px;

    width: 356px;

    overflow: hidden;

    background: url(../images/jzzn_21.jpg) no-repeat left center;

    text-indent: 15px;

}



#index .box03 ul li a {

    color: #ffffff;

}



#index .box03 ul .li1 {

    float: left;

    width: 13px;

    height: 1px;

    background: none;

    border: none;

}



#index .box03 dl {

    float: left;

    border: 1px solid #dddddd;

    font-size: 15px;

}



#index .box03 dl dd {

    padding-top: 5px;

}



#index .box03 dl a {

    display: block;

    padding: 10px 25px;

    color: #333333;

    text-align: center;

}



#index .box03 dl:nth-child(3) {

    border-right: none;

}



#index .box03 dl:nth-child(4) {

    border-right: none;

}



#index #dl1d1 .more {

    float: right;

    margin-top: 10px;

}



.fr {

    float: right;

}



.fl {

    float: left;

}



#dl1d1 {

    width: 360px;

    height: 370px;

    margin: 0 auto;

    padding: 15px 20px;

}



#dl1d1 .b-r2 {

    width: 100%;

    margin: 0 auto;

    height: 35px;

}



#dl1d1 .b-r2 ul {

    float: left;

    width: 300px;

    display: block;

    margin: 0 auto;

}



#dl1d1 .b-r2 ul li {

    width: 135px;

    height: 35px;

    display: block;

    font-family: "微软雅黑";

    font-size: 20px;

    line-height: 35px;

    text-align: left;

    color: #2c2c2c;

    float: left;

}



#dl1d1 .b-r2 ul li#an1 {

    background: url(../images/hot_07.jpg) no-repeat;

    background-position: 90px top;

    margin-right: 15px;

}



#dl1d1 .b-r2 ul li#an2 {

    background: url(../images/dli1_xw1_lb.jpg) no-repeat center left;

    padding-left: 15px;

}



#dl1d1 .b-l2 {

    width: 355px;

    height: 155px;

    display: block;

    margin: 0 auto;

    border-bottom: 1px dashed #afafaf;

}



#dl1d1 .b-l2 span.s1 {

    width: 355px;

    height: 50px;

    display: block;

    overflow: hidden;

    margin: 0 auto;

    font-family: "微软雅黑";

    font-size: 22px;

    line-height: 50px;

    text-align: center;

    color: #0065b7;

}



#dl1d1 .b-l2 span.s1 a {

    color: #06316d;

}



#dl1d1 .b-l2 span.s2 {

    width: 355px;

    height: 100px;

    display: block;

    overflow: hidden;

    margin: 0 auto;

    font-family: "微软雅黑";

    font-size: 14px;

    line-height: 28px;

    text-indent: 2em;

    color: #3e3a39;

}



.txtScroll-top {

    margin: 15px 0 0px;

}



.infoList li {

    margin: 5px 0;

}



.index_p2 {

    width: 100%;

    background: #faf9f9;

    margin: 0 auto;

    padding: 30px 0;

    overflow: hidden;

}



.index_title {

    font-size: 34px;

    color: #342819;

    text-align: center;

}



.titlea {

    font-size: 34px;

    color: #06316d;

    text-align: center;

    margin: 40px auto 30px auto;

    font-weight: bold;

}



.titlea h2 {

    background: url(../images/index_titlebg1.jpg);

    height: 1px;

    margin: 20px 0;

}



.titlea p {

    line-height: 20px;

    text-align: center;

    font-size: 16px;

    color: #696969;

    width: 440px;

    display: block;

    margin: 10px auto 0 auto;

}



.titlea p span {

    padding: 0 10px;

}



.titleb {

    font-size: 34px;

    color: #06316d;

    text-align: center;

    padding: 40px 0 20px 0;

    font-weight: bold;

}



.titleb h2 {

    background: url(../images/index_titlebg1.jpg);

    height: 1px;

    margin: 20px 0;

}



.titleb p {

    line-height: 20px;

    text-align: center;

    font-size: 16px;

    color: #696969;

    width: 440px;

    display: block;

    margin: 10px auto 0 auto;

}



.titleb p span {

    padding: 0 10px;

}



.index_p2_fw {

    margin-bottom: 30px;

}



.index_p2_fw li {

    width: 231px;

    float: left;

    margin: 0 0 0 127px;

}



.index_p2_fw li img {

    float: left;

    display: block;

}



.index_p2_fw li span {

    float: left;

    margin: 0 0 0 15px;

    font-size: 18px;

    color: #454343;

    line-height: 30px;

    padding: 15px 0 0 0;

}



.index_p2_fw li b {

    font-size: 24px;

    font-weight: normal;

}



.index_p2_jj {

    width: 569px;

    float: right;

    margin: 11px 0 0 0;

    font-size: 16px;

    color: #0b0b0b;

    line-height: 35px;

}



.index_p2_jj p {

    text-indent: 2em;

}



.index_p2_jj span {

    font-size: 24px;

    color: #854c2d;

    line-height: 50px;

}



.index_p2_jj a {

    width: 180px;

    line-height: 30px;

    border: 1px #754c24 solid;

    text-align: center;

    color: #060001;

    margin: 50px 5px 0 0;

    display: block;

}



.index_p2_jj a:hover {

    color: #06316d;

}



.centre1200 {

    margin: 0 auto;

    width: 1200px;

    clear: both;

    overflow: hidden;

}



.profile {

    width: 100%;

    height: 100%;

}





.mian {

    width: 82%;

    margin: 26px 0;

}



.about_left {

    width: 200px;

    float: left;

    position: absolute;

    top: 500px;

}



.about_left .title {

    background: #06316d;

    height: 110px;

}



.about_left .title h2 {

    font-size: 30px;

    color: #fff;

    text-align: center;

    padding-top: 26px;

}



.about_left .title p {

    font-size: 14px;

    color: #67b98f;

    text-align: center;

}



.about_left ul {

    width: 101%;

}



.about_left li {

    width: 200px;

    height: 60px;

    line-height: 60px;

    float: left;

    font-size: 14px;

    text-align: center;

    -moz-transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

    -o-transition: all 0.3s linear 0s;

    transition: all 0.3s linear 0s;

    margin-right: 13px;

    border-bottom: 1px solid #ebebeb;

}



.about_left li:last-child {

    margin-right: 0px

}



.about_left .li1 {

    width: 5px;

    height: 1px;

    float: left;

    background: none;

}



.about_left li a {

    display: block;

    color: #333;

}



.about_left li a:hover {

    background: #038844;

    color: #fff;

}



.about_left .on a {

    color: #fff;

}



.about_left .hd1 ul li {

    background: #f5f5f5;

}



.about_left .hd1 ul li.on {

    background: #038844;

    color: #fff;

}



.f1R {

    width: 970px;

    float: right;

}



.f1R h3 {

    border-bottom: 1px solid #eaeaea;

    height: 52px;

}



.f1R h3 b {

    display: inline-block;

    font-size: 20px;

    color: #5c5c5c;

    line-height: 24px;

    position: relative;

    padding-right: 5px;

    float: left;

    font-weight: normal;

}



.f1R h3 b i {

    display: block;

    width: 100%;

    height: 2px;

    background-color: #2da07d;

    position: absolute;

    left: 0;

    bottom: -1px;

}



.f1R h3 span {

    font-size: 14px;

    color: #818181;

    line-height: 52px;

    font-weight: normal;

    float: right;

}



.f1R h3 span em {

    color: #079167;

    font-style: normal;

}



.f1R h3 span a {

    color: #818181;

    display: inline-block;

}



.f1R h3 span a.ioc {

    padding-left: 25px;

    background: url(../images/ico01.png) left center no-repeat;

}



.f1R h3 span a:hover {

    color: #079167;

}



.f1BoxList h2 {

    text-align: center;

    line-height: 0px;

    font-size: 24px;

    color: #5f5f5f;

    font-weight: normal;

    padding-top: 48px;

}



.f1BoxList span {

    line-height: 30px;

    font-size: 14px;

    color: #5f5f5f;

    font-weight: normal;

}



.f1BoxList img {

    padding-top: 0px;

    padding-bottom: 10px;

}



.f1BoxList p {

    line-height: 70px;

    font-size: 14px;

    color: #5f5f5f;

    font-weight: normal;

    text-align: center;

}



.brand-rongyu-info {

    padding: 30px 45px;

    height: 150px;

    margin: 0 0 70px 0;

    font-size: 16px;

    text-indent: 2em;

    line-height: 30px;

    background: url("../images/brand_ry_bg0.gif") no-repeat;

}



.brand-rongyu-list {

    margin: 0 0 40px 0;

}



.brand-rongyu-tab .hd {

    margin: 0 0 0 -20px;

}



.brand-rongyu-tab .hd li {

    float: left;

    position: relative;

    width: 450px;

    height: 60px;

    cursor: pointer;

    margin: 0 0 0 20px;

    _display: inline;

    text-align: center;

    line-height: 60px;

    color: #fff;

    font-size: 22px;

    background: #bbbbbb;

}



.brand-rongyu-tab .hd li::after {

    display: none;

    position: absolute;

    content: '';

    font-size: 0;

    left: 50%;

    margin-left: -8px;

    width: 0;

    height: 0;

    border: 8px solid #f5f5f5;

    border-top-color: #4cbbb4;

}



.brand-rongyu-tab .hd li.on {

    background: #4cbbb4;

}



.brand-rongyu-tab .hd li.on::after {

    display: block;

}



.brand-rongyu-tab .bd {

    padding: 20px 0 0 22px;

}



.brand-rongyu-tab .brand-rongyu-list {

    display: none;

}



.brand-rongyu-tab .brand-rongyu-list.on {

    display: block;

}



.brand-rongyu-list ul {

    margin-left: -28px;

}



.brand-rongyu-list li {

    position: relative;

    float: left;

    width: 300px;

    height: 200px;

    padding: 5px;

    margin: 0 0 10px 10px;

    overflow: hidden;

    border: 1px solid #d8d8d8;

}



.brand-rongyu-list li.big {

    width: 404px;

    background: url("../images/rongyu_bg2.gif");

}



.brand-rongyu-list li.nomr {

    margin-right: 0;

}



.brand-rongyu-list li img {

    display: block;

}



.brand-rongyu-list li:after {

    position: absolute;

    opacity: 0;

    content: '';

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    border: 5px solid #06316d;

    transition: none;

}



.brand-rongyu-list li:hover:after {

    opacity: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    transition: all linear .4s;

}



/**==========品牌资讯==================**/





.position {

    border-bottom: 1px solid #cccccc;

    height: 50px;

    line-height: 50px;

    font-size: 18px;

    color: #666;

    margin-top: 10px

}



.sign {

    background: url(../images/wz_title.png) no-repeat left center;

    padding-left: 30px

}



.con_title {

    background: url(../images/title_hd.png) no-repeat left center;

    padding-left: 15px;

    height: 76px;

    line-height: 76px;

}



.con_title p {

    font-size: 24px;

    color: #0087cd;

    font-weight: bold

}



.cont_l_left {

    width: 280px;

    float: left;

}



.content_left {

    width: 880px;

    margin: 0 auto;

}



.cont_l_right {

    width: 670px;

    float: right;

}



.cont_l_right p {

    font-size: 18px;

    line-height: 30px;

    text-indent: 2em

}



.cont_1 {

    width: 970px;

}



.cont_1 dl {

    clear: both;

    overflow: hidden;

    margin-top: 28px;

    margin-left: 50px;

}



.cont_1 dl dt {

    width: 578px;

    height: 30px;

    background: url(../images/syzz.jpg) no-repeat center center;

    font-size: 24px;

    color: #06316d;

    font-weight: bold;

    text-align: center;

}



.slideGroup4 {

    width: 578px;

    margin-top: 26px;

    float: left;

    height: 140px;

    margin-bottom: 20px

}



.slideGroup4 .slideBox {

    overflow: hidden;

    zoom: 1;

    position: relative;

}



.slideGroup4 .sPrev {

    float: left;

    margin-top: 40px;

    display: block;

    width: 9px;

    height: 45px;

    margin-right: 6px;

    background: url(../images/icoleft.jpg) center center no-repeat;

    z-index: 20;

}



.slideGroup4 .sNext {

    position: absolute;

    left: auto;

    top: 40px;

    width: 9px;

    height: 45px;

    right: 0px;

    background: url(../images/icoright.jpg) center center no-repeat;

}



.slideGroup4 .sPrev:hover, .slideGroup .sNext:hover {

    border-color: #f60;

}



.slideGroup4 .parBd ul {

    overflow: hidden;

    zoom: 1;

}



.slideGroup4 .parBd ul li {

    width: 125px;

    background: #999999;

    border: 1px solid #999999;

    margin-right: 13px;

    float: left;

    _display: inline;

    overflow: hidden;

    text-align: center;

    position: relative;

}



.slideGroup4 .parBd ul li span {

    display: block;

    height: 30px;

    line-height: 30px;

    font-size: 16px;

    color: #FFF;

}



.dise_qa {

    width: 970px;

    overflow: hidden;

}



.dise_qa .dise_qa_in {

    width: 970px;

}



.dise_qa .dise_qa_in dl {

    position: relative;

    float: left;

    width: 428px;

    height: 178px;

    border: 1px solid #eee;

    margin: 0px 20px 18px 0;

    -webkit-box-shadow: 0 5px 5px -5px #cccccc;

    -moz-box-shadow: 0 5px 5px -5px #cccccc;

    box-shadow: 0 5px 5px -5px #cccccc;

}



.dise_qa .dise_qa_in dl:nth-child(even) {

    margin: 0px 0px 0 0;

}



.dise_qa .dise_qa_in dl.hover {

    border: 1px solid #43bfc7;

}



.dise_qa .dise_qa_in dl dt {

    position: absolute;

    top: 0;

    left: 0;

    width: 138px;

    height: 178px;

    background-color: #f6f6f6;

}



.dise_qa .dise_qa_in dl dt a, .dise_qa .dise_qa_in dl dt a:hover {

    display: block;

    text-decoration: none;

    cursor: pointer;

}



.dise_qa .dise_qa_in dl dt .imgbox {

    display: block;

    width: 92px;

    height: 92px;

    padding: 10px 0 0px;

    margin: 0 auto;

}



.dise_qa .dise_qa_in dl dt .imgbox img {

    width: 92px;

    height: 92px;

    border-radius: 92px;

    overflow: hidden;

}



.dise_qa .dise_qa_in dl dt .p1 {

    height: 24px;

    line-height: 24px;

    font-size: 16px;

    color: #222;

    text-align: center;

    margin-bottom: 4px;

}



.dise_qa .dise_qa_in dl dt .p2 {

    height: 34px;

    overflow: hidden;

    line-height: 18px;

    font-size: 12px;

    color: #666;

    padding: 0 16px;

    text-align: center;

}



.dise_qa .dise_qa_in dl dd {

    padding: 14px 0 0 158px;

    margin-right: 10px;

}



.dise_qa .dise_qa_in dl dd h3 {

    font-size: 12px;

    position: relative;

    padding-left: 25px;

    line-height: 20px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    margin-bottom: 12px;

    margin-top: 10px;

}



.dise_qa .dise_qa_in dl dd h3 a {

    font-size: 16px;

    color: #222;

    font-weight: 700;

}



.dise_qa .dise_qa_in dl dd h3 i {

    position: absolute;

    top: 2px;

    left: 0;

    width: 18px;

    height: 18px;

    background: url(../images/q.jpg) no-repeat center;;

    overflow: hidden;

}



.dise_qa .dise_qa_in dl dd p {

    position: relative;

    padding-left: 25px;

    line-height: 21px;

    font-size: 14px;

    color: #7b838a;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    margin-top: 28px;

}



.dise_qa .dise_qa_in dl dd p a {

    font-size: 14px;

    color: #7b838a;

    display: block;

}



.dise_qa .dise_qa_in dl dd p a:hover {

    text-decoration: none;

}



.dise_qa .dise_qa_in dl dd p i {

    position: absolute;

    top: 3px;

    left: 0;

    width: 18px;

    height: 18px;

    background: url(../images/a.jpg) no-repeat center;

    overflow: hidden;

}



.content {

    overflow: hidden;

    clear: both;

    margin-bottom: 30px

}



.comm-jigou {

    margin-top: 10px;

}



.comm-jigou ul {

    margin: 0 0 0 -6px;

}



.comm-jigou li {

    position: relative;

    float: left;

    width: 215px;

    height: 225px;

    margin: 0 50px 0 6px;;

    background: #0087cd;

    _display: inline;

}



.comm-jigou li h3 {

    height: 45px;

    line-height: 45px;

    font-size: 18px;

    color: #fff;

    font-weight: normal;

    text-align: center;

}



.comm-jigou li img {

    display: block;

    width: 215px;

    height: 180px;

}



.comm-jigou li p {

    padding: 10px 15px;

    height: 85px;

    font-size: 15px;

    line-height: 22px;

    color: #fff;

    text-align: center;

}



.comm-jigou li a {

    display: block;

    width: 160px;

    height: 30px;

    margin: 0 auto;

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    text-align: center;

    background: #666;

    transition: all ease .3s;

}



.comm-jigou li a:hover {

    background: #4cbbb4;

}



.comm-jigou li .comm-jigou-mask {

    display: none;

    position: absolute;

    left: 0;

    top: 45px;

    right: 0;

    bottom: 0;

    background: #0087cd;

    filter: alpha(opacity:80);

    opacity: 0.8;

}



.comm-jigou li .comm-jigou-info {

    display: none;

    position: absolute;

    left: 10px;

    top: 55px;

    bottom: 10px;

    right: 10px;

}



.honour {

    width: 100%;

    overflow: hidden;

    margin: auto;

}



.honour_pic {

    width: 90%;

    height: 220px;

    padding: 7px 0;

    margin: 5px 0 15px 0;

    border: 1px solid #eeeeee;

    cursor: pointer;

    transition: all .2s linear;

    overflow: hidden;

    text-decoration: none;

    -webkit-box-shadow: 0 5px 5px -5px #cccccc;

    -moz-box-shadow: 0 5px 5px -5px #cccccc;

    box-shadow: 0 5px 5px -5px #cccccc;

}



.honour_pic:hover {

    border: 1px solid #06316d;

}



.honour_pic img {

    width: 210px;

    height: 210px;

    margin: 10px 20px;

    float: left;

    overflow: hidden;

}



.honour_pic h5 {

    width: 546px;

    line-height: 30px;

    float: left;

    margin-left: 20px;

    font-size: 18px;

    margin-top: 8px;

}



.honour_pic-zi {

    margin-top: 0px;

    float: left;

    width: 620px;

    height: 150px;

    text-decoration: none;

    margin-top: 10px;

}



.honour_pic p {

    width: 580px;

    float: left;

    margin-left: 18px;

    font-size: 16px;

    line-height: 30px;

    margin-top: 10px;

}



.honour_pic p a {

    color: #06316d;

}



.honour_pic a:hover {

    color: #06316d;

}



.rqyd {

    width: 580px;

    border-top: 1px solid #eee;

    margin-left: 18px;

    height: 40px;

    line-height: 40px;

    margin-top: 10px;

    float: left;

    text-align: right

}



.rqyd em {

    display: inline-block;

    margin-left: 20px;

    font-size: 14px;

    color: #999;

    font-style: normal;

}



.page {

    width: 665px;

    overflow: hidden;

    margin: auto;

    font-size: 20px;

    margin: 20px 0px;

}



.page li {

    display: inline;

    line-height: 30px;

    margin: 0 2px;

    font-size: 20px;

    font-weight: bold;

}



.thisclass {

    background: none repeat scroll 0 0 #ff9933;

    color: #FFFFFF;

    font-weight: bold;

    padding: 2px 5px;

}



.page li a {

    color: #696969;

    font-weight: 100;

    padding: 2px 5px;

}



.page a:hover {

    background: none repeat scroll 0 0 #ff9933;

    color: #FFFFFF;

    font-weight: bold;

}



.art-hd {

    margin: 60px 0 10px 0;

    font-size: 36px;

    color: #333;

    font-weight: normal;

    text-align: center;

    line-height: 45px;

}



.art-meta {

    margin: 30px 0 0 0;

    text-align: center;

    color: #999;

    font-size: 14px;

    line-height: 22px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 10px

}



.art-meta img {

    vertical-align: middle;

}





﻿ /*清除浮动*/

.clearfix::before,

.clearfix::after,

.clearfix:before,

.clearfix:after,

.hdbzj-container:before,

.hdbzj-container:after,

.hdbzj-wrap:before,

.hdbzj-wrap:after {

    content: '';

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden;

    clear: both;

}



/*左浮动*/

.l_t {

    float: left !important;

}



/*有浮动*/

.r_t {

    float: right !important;

}



/* 导航模块 */

.pc_hudzz_nav_wrap {

    width: 100%;

    position: relative;

    /* padding: 0 260px;*/

    overflow: hidden;

}



/************footer模块*************/

button {

    border: 0;

}



.www {

    width: 1400px;

    margin: 0 auto;

}



#footer {

    background-color: #06316d;

    overflow: hidden;

    width: 100%;

}



#footer .footer_log {

    margin-top: 15px;

    margin-left: 53px;

}



#footer .footer_nav {

    margin-left: 70px;

}



#footer .footer_nav .footer_nav_link {

}



#footer .footer_nav .footer_nav_link ul {

    width: 1290px;

    padding-top: 45px;

    padding-bottom: 27px;

    border-bottom: 1px solid #fff;

}



#footer .footer_nav .footer_nav_link ul li {

    float: left;

    height: 24px;

}



#footer .footer_nav .footer_nav_link ul li:last-child a {

    border-right: 0;

}



#footer .footer_nav .footer_nav_link ul .footer_nav_link_first_li a {

    padding-left: 0;

}



#footer .footer_nav .footer_nav_link ul .footer_nav_link_last_li a {

    padding-right: 0;

    border: 0;

}



#footer .footer_nav .footer_nav_link ul li a {

    font-size: 18px;

    padding: 0 18px;

    line-height: 20px;

    color: #fff;

    border-right: 1px solid #fff;

}



#footer .footer_nav .footer_nav_contact {

    margin-top: 32px;

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_site {

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_site h2,

#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone h2 {

    font-size: 18px;

    font-weight: bold;

    line-height: 20px;

    color: #fff;

    position: relative;

    padding-left: 48px;

    margin-bottom: 10px;

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_site h2 img,

#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone h2 img {

    position: absolute;

    top: 0;

    left: 0;

}



.footer_nav_contact_site strong {

    font-size: 16px;

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_site p {

    font-size: 18px;

    line-height: 31px;

    color: #fff;

    padding-left: 48px;

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone {

    margin-left: 58px;

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone h2 {



}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_phone p {

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    line-height: 38px;

    padding-left: 46px;

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_wx {

    width: 140px;

    position: relative;

    margin-left: 73px;

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_wx_code {

    position: absolute;

    top: -20px;

    left: 56px;

}



#footer .footer_nav .footer_nav_contact .footer_nav_contact_wx_code span {

    display: block;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    color: #fff;

}



#footer .footer_InternetContentProvider {

    width: 100%;

    height: 56px;

    border-top: 1px solid #fff;

    margin-top: 26px;

}



#footer .footer_InternetContentProvider p {

    font-size: 12px;

    color: #fff;

    line-height: 44px;

    text-align: center;



}



#footer .footer_InternetContentProvider p span {

    padding: 0 13px;

}



.footer_InternetContentProvider p span a {

    color: #fff;

}





.art-content {

    margin: 30px 0 0 0;

    font-size: 16px;

    line-height: 200%;

}



.art-nav {

    margin: 30px 0;

}



.art-nav ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.common-title {

    font-size: 34px;

    color: #06316d;

    text-align: center;

    margin: 40px auto 30px auto;

    font-weight: bold;

}



.common-title p {

    width: 100%;

    height: 30px;

    position: relative;

    border-bottom: 1px solid #ccc;

}



.common-title p .line-color {

    position: absolute;

    bottom: -2px;

    left: 50%;

    margin-left: -68px;

    width: 137px;

    height: 100%;

    border-bottom: 3px solid #06316d;

}



.common-title span {

    font-size: 16px;

    color: #696969;

    font-weight: normal;

}





/*右边悬浮内容*/

.suspension-right {

    position: fixed;

    right: 0;

    top: 60%;

    transform: translateY(-60%);

    -webkit-transform: translateX(-50%);

    margin-top: -327px;

    z-index: 1000;

}



.suspension-right .top {

    background: #2879fe;

    display: block;

    padding-left: 20px;

    padding-right: 15px;

    position: absolute;

    right: 70px;

    top: 0;

    width: 380px;

    z-index: 2;

    display: none;

}



.suspension-right .top.on {

    opacity: 1;

    transition: all 0.5s linear 0s;

}



.suspension-right .top .phone {

    width: 220px;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    font-size: 14px;

    outline: none;

    border: none;

    border-radius: 50px;

    float: left;

    margin: 20px 0;

    background: #fff;

    overflow: hidden;

}



.suspension-right .top .call {

    display: inline-block;

    font-size: 16px;

    line-height: 40px;

    font-size: 16px;

    background: #1bc4f5;

    color: #fff;

    border-radius: 50px;

    float: left;

    margin: 20px 0;

    margin-left: 12px;

    padding: 0 20px;

}



.suspension-right .top .call:hover {

    background: #11b4e3;

}



.suspension-right .lists {

    position: absolute;

    right: 0;

    top: -2px;

}



.suspension-right .lists li {

    width: 70px;

    margin-top: 2px;

    padding-left: 15px;

    padding-right: 15px;

    background: #06316d;

    text-align: center;

    padding-top: 7px;

    padding-bottom: 7px;

    cursor: pointer;

}



.suspension-right .lists li em {

    display: block;

    width: 40px;

    height: 40px;

    margin: 0 auto;

    background: url(../images/suspension-right.png) no-repeat;

}



.suspension-right .lists li span {

    font-size: 16px;

    line-height: 26px;

    color: #fff;

    text-align: center;

    display: inline-block

}



.suspension-right .lists li.sus1 em {

    background-position: 0px 0px;

}



.suspension-right .lists li.sus2 em {

    background-position: -40px 0px;

}



.suspension-right .lists li.sus3 em {

    background-position: -80px 0px;

}



.suspension-right .lists li.sus4 em {

    background-position: -120px 0px;

}



.suspension-right .lists li.sus5 em {

    background-position: -160px 0px;

}



.suspension-right .lists li.sus6 em {

    background-position: -200px 0px;

}



.suspension-right .lists li.sus7 em {

    background-position: -240px 0px;

}



.suspension-right .lists li.sus8 em {

    background-position: -280px 0px;

}



.suspension-right .lists li.sus1:hover, .suspension-right .lists li.sus1.on {

    background-color: #2879fe;

}















































