* {
    margin: 0px;
    padding: 0px;
    border: none
}

body {
    font-family: "宋体";
    font-size: 16px;
    width: 100%;
}

ul {
    list-style: none
}

a {
    text-decoration: none
}

p {
    text-indent: 2em;
    line-height: 30px;
}

.xd_cent_flef {
    float: left;
}

.xd_cent_frig {
    float: right;
}

.top,
.nav ul,
.xd_top,
.xd_cent,
.Colleague_img,
.performance_img,
.membership_cent,
.Heroicspectrum,
.bottom_cent,
.c-banner {
    width: 1303px;
    margin: 0px auto
}


/*top*/

.top {
    
    height: 118px;
    line-height: 118px;
}

.top img {
    float: left;
}

.imga {
    padding-top: 30px
}

.imgb {
    padding-top: 10px;
    margin-left: 30px
}

.imgy {
    margin-left: 30px
}

.clear {
    clear: both;
}


/* 清除浮动 */


/*导航*/

.nav {
    width: 100%;
    height: 60px;
    background: red;
    position: relative;
    z-index: 1;
    left: 0px;
    top: 0px;
}

.nav .level {
    height: 60px;
    font-weight: bold;
    width: 1300px
}

a:hover {
    text-decoration: none;
    border: none
}

.nav .level>li {
    float: left;
    width: 130px;
    font-size: 16px;
    height: 59px;
    line-height: 59px;
    margin: 0;
    color: #fff;
   
}
.nav .level li div{
    display: none;
    background: red;
}
.nav .level>li a {
    height: 59px;
    color: #fff;
    display: block;
     padding: 0 24px;
}
.nav .level li:hover  div{
    display: block;
   
   
}
.nav .level>li a:hover {
    background: #23ac38;
   
   
}


/* 设置鼠标滑过后的样式 */

.nav .level>li:hover .two {
    display: block;
}


/* 鼠标滑过一级菜单后的显示二级菜单 */

.nav .two {
    display: none;
    width: 130px;
    height: 197px;
    padding: 0px;
    background-color: red;
   
}


/* 先使二级菜单的内容隐藏 */

.nav .two>li a {
    height: 49px;
    
    color: #fff;
    display: block;
    line-height: 49px
}

.nav .two li {
    width: 130px;
    height: 49px;
    margin: 0px auto;
    padding: 0;
}

.nav .two>li:hover {
    background: #23ac38;
    border: none
}


/* 设置鼠标滑过后的样式 */

.nav .twoa {
    height: 147px;
}
.nav .twob {
    height: 99px;
}


/*banner*/

.banner {
    width: 100%
}


/*xd*/

.xd {
    width: 100%;
    height: auto;
    margin: 0px auto;
    background: url("../../images/wh/bj.jpg");
    margin-top: -5px;
    padding: 0px;
    padding-bottom: 40px
}

.xd_top {
    text-align: center;
    padding-top: 50px;
    margin-bottom: 17px
}

.xd_cent {
    height: 510px;
    padding: 18px 108px;
    width: 1087px;
}

.bj_color {
    background-color: #fff;
}

.bg_color {
    background-color: #ffd8d8;
}

.xd_cent_rig {
    width: 322px;
    height: 348px;
    padding-top: 85px
}

.xd_cent_left {
    width: 670px;
    height: 500px;
}

.xd_cent_left img {
    margin: 5px;
    padding: 0px;
    float: left;
}

.p_padd {
    padding-top: 50px
}

.team {
    width: 1273px;
    height: 360px;
    background-color: #fff;
    margin: 0px auto;
    padding: 35px 15px 10px;
}

.team p {
    width: 1051px;
    height: 60px;
    margin: 0px auto;
}

.team_img {
    width: 1275px;
    padding-top: 20px;
}

.team_img img {
    float: left;
    margin-right: 7px
}


/*Colleague*/

.Colleague {
    width: 100%;
    height: auto;
    background: url(../../images/wh/Colleague_bj.jpg) repeat;
}

.Colleague_cent {
    width: 1079px;
    height: auto;
    margin: 0px auto
}

.Colleague_img img {
    float: left;
    margin-right: 4px;
    margin-bottom: 35px;
    margin-top: 25px;
}


/*performance*/

.performance {
    width: 100%;
    height: auto;
    background: #fde5e5;
    clear: both;
    padding-bottom: 50px
}

.performance_img img {
    float: left;
    margin-right: 4px;
    margin-top: 15px;
}


/*membership*/

.membership {
    width: 100%;
    height: auto;
    background: url(../../images/wh/Colleague_bj.jpg) repeat;
}

.membership_cent {
    background: #cc0000;
    padding: 43px 110px;
    width: 1083px;
    margin-bottom: 30px
}

.membership_cents {
    width: 1079px;
    height: 315px;
    margin-bottom: 10px
}

.membership_cents p {
    width: 380px;
    height: 168px;
    color: #fff;
    float: left;
    padding: 43px 67px;
}

.membership_centx {
    margin-right: 11px
}

.Heroicspectrum {
    width: 1083px;
    margin-bottom: 30px
}

.Heroicspectrum_cent {
    width: 1067px;
    height: 116px;
    margin: 0px auto;
}


/*旋转*/

#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-top: 15px
}

#certify .swiper-container {
    padding-bottom: 60px;
}

#certify .swiper-slide {
    width: 520px;
    height: 541px;
    /*box-shadow: 0 8px 30px #ddd;*/
}

#certify .swiper-slide img {
    display: block;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 10px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}


/*bottom*/

.bottom {
    width: 100%;
    height: 180px;
}

.bottom_cent {
    padding-top: 30px
}

.bottom_cent p {
    width: 990px;
    height: auto;
    float: left;
    text-align: center;
    padding-top: 10px
}

.bottom_cent p a {
    color: #000
}

.top ul {
    width: 300px;
    height: auto;
    float: right;
    padding-top: 70px
}

.top ul li {
    width: 85px;
    height: 30px;
    float: left;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px
}

.top ul li a {
    color: #000
}


/*xd*/

.Box {
    position: relative;
}

.Box .content {
    width: 1200px;
    margin: 0 auto;
}

.Box .Box_con {
    position: relative;
}

.Box .Box_con .btnl {
    position: absolute;
}

.Box .Box_con .btn {
    display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 80px;
    cursor: pointer;
}

.Box .Box_con .btnl {
    background: url(images/jtl02.png) no-repeat center;
    left: -72px;
}

.Box .Box_con .btnr {
    background: url(images/jtr02.png) no-repeat center;
    right: -72px;
}

.Box .Box_con .btnl:hover {
    background: url(images/jtl03.png) no-repeat center;
}

.Box .Box_con .btnr:hover {
    background: url(images/jtr03.png) no-repeat center;
}

.Box .Box_con .conbox {
    position: relative;
    overflow: hidden;
}

.Box .Box_con .conbox ul {
    position: relative;
    list-style: none;
}

.Box .Box_con .conbox ul li {
    float: left;
    width: 285px;
    height: 240px;
    margin-left: 20px;
    overflow: hidden;
}

.Box .Box_con .conbox ul li:first-child {
    margin-left: 0;
}

.Box .Box_con .conbox ul li img {
    display: block;
    width: 291px;
    height: 245px;
    transition: all 0.5s;
}

.Box .Box_con .conbox ul li:hover img {
    transform: scale(1.1);
}

.Box .BoxSwitch {
    text-align: center;
}

.Box .BoxSwitch span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 3px;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer;
}

.Box .BoxSwitch span.cur {
    background: red;
}


/*c-banner*/

.c-banner {
    position: relative;
}

.c-banner img {
    width: 100%;
}

.c-banner .banner-hz ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.c-banner .banner-hz ul li {
    position: absolute display: none;
    opacity: 0;
}

.c-banner .banner-hz ul li:nth-child(1) {
    opacity: 1;
    display: block;
}

.c-banner .banner-hz ul li img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.c-banner .banner-hz ul li:first-child img {
    position: relative;
}

.c-banner .nexImg,
.c-banner .preImg {
    padding: 25px 10px 25px 10px;
    position: absolute;
    top: 50%;
    margin-top: -53px;
    background: #000000;
    opacity: 0.5;
    border-radius: 5px;
    z-index: 10;
}

.c-banner .nexImg:hover,
.c-banner .preImg:hover {
    opacity: 0.8;
}

.c-banner .nexImg {
    right: 0px;
}

.c-banner .nexImg img,
.c-banner .preImg img {}

.c-banner .jumpBtn {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.c-banner .jumpBtn ul {
    margin-bottom: 0px;
    padding: 0px;
}

.c-banner .jumpBtn ul li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: white;
    opacity: 0.9;
    margin-left: 10px;
}

.c-banner .jumpBtn ul li:first-child {
    margin-left: 0px;
}

@media screen and (max-width:768px) {
    .c-banner {
        width: 100%;
        height: 345px;
        overflow: hidden;
    }
    .c-banner .banner-hz ul li img {
        width: 768px;
        height: 345px;
        position: absolute;
        left: 50%;
        margin-left: -384px;
    }
}


/*mt*/

.scroll-outer {
    height: auto;
    width: 100%;
    margin: 0px auto;
}

#scroll {
    width: 1303px;
    margin: 0 auto;
    padding-top: 30px;
    font-family: "Microsoft Yahei";
}

#scroll .owl-wrapper-outer {
    margin: 0 auto;
}

#scroll .item {
    position: relative;
    width: 319px;
    height: 480px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: 180px;
    width: 30px;
    height: 60px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    font: 60px/60px "宋体";
    background-color: transparent;
    overflow: hidden;
    _display: none;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -40px;
    top: 250px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -40px;
    top: 250px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before {
    content: "<";
}

.owl-theme .owl-controls .owl-buttons .owl-next:before {
    content: ">";
}


/*hero*/

.hero {
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding-top: 60px;
    background: url(images/Colleague_bj.jpg) repeat;
}

.hero_top {
    width: 893px;
    height: 117px;
    margin: 0px auto;
}

.hero_cont {
    width: 1300px;
    height: auto;
    margin: 0px auto;
}

.hero_cont_top {
    width: 1300px;
    height: 190px;
    margin: 0xp auto;
    padding-top: 50px;
    background: url(images/hero_cont_top-bj_03.jpg) repeat;
}

.hero_cont_top p {
    width: 1065px;
    margin: 0px auto;
}

.hero_cont_ul {
    width: 1300px;
    height: 480px;
    margin: 0px auto;
}

.hero_cont_ul li {
    float: left;
    margin-right: 5px;
}

.hero_cont_ul ul :nth-child(3) {
    margin-right: 0px;
}

.hero_cont_ul ul li:last-child {
    margin-right: 0px;
}

.hero_cont_bz {
    width: 1300px;
    height: auto;
    margin: 0px auto;
    text-align: center;
}

.hero_cont_gx {
    width: 1300px;
    height: 640px;
    margin: 0px auto;
}

.hero_cont_gx li {
    float: left;
}
.hlj_zp {
  position: fixed;
  width: 125px;
  height: 325px;
  right: 20px;
  top: 100px;
  z-index: 10;
}
.hlj_zp .close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer;
}
#fhdb{
    position: fixed;
right: 20px;
bottom: 198px;
width: 40px;
height: 50px;
z-index: 999;
display: none;
}
#fhdb span{
    font-size: 38px;
padding: 10px;
background: #999;
cursor: pointer;
}
#fhdb span:hover {
  color: red;
}