@charset "utf-8";
html {
    color: #333;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font: 16px/28px "Microsoft YaHei";
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

ol, ul, li {
    list-style: none;
}

img {
    border: none;
    vertical-align: top;
}

.fl, .fr {
    _display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    text-decoration: none;
}

i, em {
    font-style: normal;
}

.cl {
    *zoom: 1;
}

.clear {
    clear: both;
}

.cl:after {
    content: ".";
    visibility: hidden;
    height: 0;
    font-size: 0;
    display: block;
    clear: both;
}

.partbox {
    width: 100%;
    overflow: hidden;
}

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

.bg1 {
    background: url("../img/bg2.jpg") no-repeat center center;
    background-attachment: fixed;
    height: 1329px;
}

.bg2 {
    background: url("../img/bg3.jpg") no-repeat center center;
    background-attachment: fixed;
    height: 1330px;
}

.bg3 {
    background: url("../img/bg4.jpg") no-repeat center center;
    height: 335px;
}

.title1 {
    text-align: center;
    padding: 40px 0 40px 0;
}

/*头部页面*/
.bannerbox {
    background: url("../img/banner-bg.jpg") no-repeat center center;
    height: 573px;
    padding: 25px 0 0 0;
}

.banner-drx-logo {
    background: url("../img/banner-img1.png") no-repeat center top;
    padding-top: 130px;
    text-align: center;
    width: 119px;
}

.backto {
    color: #fff;
}

.banner-logo {
    text-align: right;
    margin-top: -155px;
}

.banner-title1 {
    text-align: center;
    margin-top: -30px
}

.banner-title2 {
    text-align: center;
    margin-top: 10px
}

/*导语*/
#part01 {
    background: url("../img/bg1.jpg") no-repeat center center;
    height: 450px;
    text-align: center;
}

#part01 .title {
    margin-top: 40px;
}

#part01 .part01-article {
    margin-top: 20px
}

/*公共样式    开始*/
/*part-content1*/
.part-content1 {
    padding: 0 44px;
}

.part-content1 .right-body {
    width: 641px;
    margin-left: 31px;
}

.part-content1 .right-body li {
    float: left;
    width: 158px;
    height: 158px;
    margin: 0 3px 3px 0;
    color: #fff;
    text-align: center
}

.part-content1 .right-body li.margin0 {
    margin-right: 0
}

.part-content1 .right-body li h2 {
    font-size: 18px;
}

.part-content1 .right-body li p {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px
}

.part-icon1 {
    background: url("../img/icon1.jpg") no-repeat center center;
}

.part-icon2 {
    background: url("../img/icon2.jpg") no-repeat center center;
}

.part-icon3 {
    background: url("../img/icon3.jpg") no-repeat center center;
}

.part-icon4 {
    background: url("../img/icon4.jpg") no-repeat center center;
}

.part-icon5 {
    background: url("../img/icon5.jpg") no-repeat center center;
}

.part-icon6 {
    background: url("../img/icon6.jpg") no-repeat center center;
}

.part-icon7 {
    background: url("../img/icon7.jpg") no-repeat center center;
}

.part-icon8 {
    background: url("../img/icon8.jpg") no-repeat center center;
}

.part-icon1 h2 {
    padding-top: 50px
}

.part-icon2 h2 {
    padding-top: 50px
}

.part-icon3 h2 {
    padding-top: 50px
}

.part-icon4 h2 {
    padding-top: 50px
}

.part-icon5 h2 {
    padding-top: 50px
}

.part-content1 .part-name h2 {
    font-size: 34px;
    font-weight: normal;
    line-height: 50px;
}

.part-content1 .part-name b {
    font-size: 45px;
    color: #e10c15;
}

.part-content1 .part-name strong {
    font-weight: normal;
    text-transform: uppercase;
}

/* part-content2 */
.part-content2 > .bd {
    text-align: center;
    margin: 35px 0;
}

.part-content2 > .bd li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #fff;
    padding: 20px;
    line-height: 24px;
    margin: 0 15px;
    border: 1px solid;
    position: relative;
    cursor: pointer;
}

.part-content2 > .bd li i {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
}

.pre {
    display: block;
    width: 44px;
    height: 44px;
    background: url("../img/prev1.png") no-repeat center center;
    position: absolute;
}

.nex {
    display: block;
    width: 44px;
    height: 44px;
    background: url("../img/next1.png") no-repeat center center;
    position: absolute;
}

.pre:hover {
    background: url("../img/prev2.png") no-repeat center center
}

.nex:hover {
    background: url("../img/next2.png") no-repeat center center
}

.part-1 .right-body {
    width: 430px;
    margin: 60px 40px;
}

.part-1 .right-body h2 {
    font-size: 24px;
    color: #ededed;
}

.part-1 .right-body h2 i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url("../img/diamond.png") no-repeat center center;
    margin-right: 10px
}

.part-1 .right-body p {
    margin: 20px 0 0 8px;
    padding: 0 0 30px 20px;
    border-left: 1px dashed #b90e15;
    line-height: 32px;
    font-size: 16px;
}

.part-1 .left-body .part-img {
    width: 680px;
    height: 440px;
    overflow: hidden
}

.part-1 .left-body img {
    transition: transform 2s;
}

.part-1 .left-body img:hover {
    transform: scale(1.1);
    transition: transform 2s;
}

.part-images1 {
    position: relative
}

.part-images1 .hd1 {
    overflow: hidden
}

.part-images1 .hd1 li {
    width: 680px !important;
    height: 440px
}

.part-images1 .hd1 img {
    transition: transform 2s;
}

.part-images1 .hd1 img:hover {
    transform: scale(1.1);
    transition: transform 2s;
}

.prev1 {
    bottom: 0;
    right: -120px
}

.next1 {
    bottom: 0;
    right: -180px
}

.part-2 .left-body {
    position: relative;
    width: 490px;
    background: url("../img/part-bg1.jpg") no-repeat center center #e10c15;
    color: #ededed;
}

.part-2 .left-body h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.part-2 .left-body p {
    text-indent: 2em;
}

.part-2 .right-body .part-img {
    width: 664px;
    overflow: hidden
}

.part-2 .right-body img {
    transition: transform 2s;
}

.part-2 .right-body img:hover {
    transform: scale(1.1);
    transition: transform 2s;
}

.part-images2 {
    position: relative
}

.part-images2 .hd2 {
    overflow: hidden
}

.part-images2 .hd2 img {
    transition: transform 2s;
}

.part-images2 .hd2 img:hover {
    transform: scale(1.1);
    transition: transform 2s;
}

.prev2 {
    bottom: 0;
    left: -180px
}

.next2 {
    bottom: 0;
    left: -120px
}

.part-3 img {
    transition: transform 2s;
}

.part-3 img:hover {
    transform: scale(1.1);
    transition: transform 2s;
}

.part-3 .images {
    position: relative;
    width: 1060px;
    margin: 0 auto;
    overflow: hidden
}

.part-3 .article {
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 920px;
    padding: 20px 30px;
    background: url("../img/bg.png");
    color: #fff;
}

.part-3 .article h2 {
    font-size: 24px;
    margin-bottom: 10px
}

.part-3 .article p {
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em
}

.part-images3 {
    position: relative;
    padding-bottom: 40px;
}

.part-images3 .hd3 {
    overflow: hidden
}

.part-images3 .bd3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0
}

.part-images3 .hd3 img {
    transition: transform 2s;
}

.part-images3 .hd3 img:hover {
    transform: scale(1.1);
    transition: transform 2s;
}

.part-images3 .bd3 li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 16px;
    margin: 0 5px;
}

.part-images3 .bd3 li.on {
    width: 42px;
    background: #e10c15;
    border-color: #e10c15
}

.part-4 .left-body .part-img {
    width: 690px;
    overflow: hidden
}

.part-4 img {
    transition: transform 2s;
}

.part-4 img:hover {
    transform: scale(1.1);
    transition: transform 2s;
}

.part-4 .right-body {
    position: relative;
    width: 504px;
    background: url("../img/part-bg1.jpg") no-repeat center center #e10c15;
    color: #ededed;
}

.part-4 .right-body h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.part-4 .right-body p {
    text-indent: 2em;
}

.part-images4 {
    position: relative
}

.part-images4 .hd {
    overflow: hidden
}

.part-images4 .hd4 img {
    transition: transform 2s;
}

.part-images4 .hd4 img:hover {
    transform: scale(1.1);
    transition: transform 2s;
}

.prev4 {
    bottom: 0;
    right: -120px
}

.next4 {
    bottom: 0;
    right: -180px
}

/*颜色*/
.duck .part-content1 .part-name {
    color: #fff;
}

.duck .part-content1 .part-name strong {
    color: #ededed
}

.duck .part-1 .right-body {
    color: #fff
}

.duck .part-content2 .bd li {
    border-color: #fff;
}

.duck .part-content2 .bd li.on {
    border-color: #fff;
}

.duck .part-content2 .bd li.on {
    border-color: #e10c15;
    background-color: #e10c15
}

.duck .part-content2 .bd li .top-left {
    top: -7px;
    left: -7px;
    background: url("../img/top-left2.png") no-repeat top left;
}

.duck .part-content2 .bd li .top-right {
    top: -7px;
    right: -7px;
    background: url("../img/top-right2.png") no-repeat top right;
}

.duck .part-content2 .bd li .bottom-left {
    bottom: -7px;
    left: -7px;
    background: url("../img/bottom-left2.png") no-repeat bottom left;
}

.duck .part-content2 .bd li .bottom-right {
    bottom: -7px;
    right: -7px;
    background: url("../img/bottom-right2.png") no-repeat bottom right;
}

.duck .part-content2 .bd li.on .top-left {
    background: url("../img/top-left1.png") no-repeat top left;
}

.duck .part-content2 .bd li.on .top-right {
    background: url("../img/top-right1.png") no-repeat top right;
}

.duck .part-content2 .bd li.on .bottom-left {
    background: url("../img/bottom-left1.png") no-repeat bottom left;
}

.duck .part-content2 .bd li.on .bottom-right {
    background: url("../img/bottom-right1.png") no-repeat bottom right;
}

.whit .part-content1 .part-name {
    color: #111;
}

.whit .part-content1 .part-name strong {
    color: #c4c4c4
}

.whit .part-1 .right-body {
    color: #fff
}

.whit .part-content2 .bd li {
    border-color: #7d7d7d;
    color: #111;
    font-size: 18px;
}

.whit .part-content2 .bd li.on {
    border-color: #fff;
}

.whit .part-content2 .bd li.on {
    border-color: #e10c15;
    background-color: #e10c15;
    color: #fff
}

.whit .part-content2 .bd li .top-left {
    top: -7px;
    left: -7px;
    background: url("../img/top-left4.png") no-repeat top left;
}

.whit .part-content2 .bd li .top-right {
    top: -7px;
    right: -7px;
    background: url("../img/top-right4.png") no-repeat top right;
}

.whit .part-content2 .bd li .bottom-left {
    bottom: -7px;
    left: -7px;
    background: url("../img/bottom-left4.png") no-repeat bottom left;
}

.whit .part-content2 .bd li .bottom-right {
    bottom: -7px;
    right: -7px;
    background: url("../img/bottom-right4.png") no-repeat bottom right;
}

.whit .part-content2 .bd li.on .top-left {
    background: url("../img/top-left3.png") no-repeat top left;
}

.whit .part-content2 .bd li.on .top-right {
    background: url("../img/top-right3.png") no-repeat top right;
}

.whit .part-content2 .bd li.on .bottom-left {
    background: url("../img/bottom-left3.png") no-repeat bottom left;
}

.whit .part-content2 .bd li.on .bottom-right {
    background: url("../img/bottom-right3.png") no-repeat bottom right;
}

.whit .part-1 .right-body h2 {
    color: #111;
}

.whit .part-1 .right-body p {
    color: #111;
}

/*公共样式   结束*/

/*人物1*/
#part02 .part-icon6 h2 {
    padding-top: 35px
}

#part02 .part-icon7 h2 {
    padding-top: 20px
}

#part02 .part-icon8 h2 {
    padding-top: 20px
}

#part02 .part-content2 .part-2 .left-body {
    margin: 45px -50px 0 0;
}

#part02 .part-content2 .part-4 .right-body {
    margin: 65px 0 0 -100px;
}

#part02 .part-2 .left-body {
    padding: 25px 40px;
}

#part02 .part-4 .right-body {
    padding: 50px 40px;
}

#part02 .part-images3 {
    padding-bottom: 0;
}

#part02 .part-3 .article {
    bottom: 0
}

/*人物2*/
#part03 .part-icon6 h2 {
    padding-top: 35px
}

#part03 .part-icon7 h2 {
    padding-top: 20px
}

#part03 .part-icon8 h2 {
    padding-top: 10px
}

#part03 .part-content2 .bd li.pad1 {
    padding: 0 20px;
    line-height: 88px;
}

#part03 .part-content2 .part-2 .left-body {
    margin: 33px -50px 0 0;
}

#part03 .part-2 .left-body p {
    text-indent: 0;
}

#part03 .part-content2 .part-4 .right-body {
    margin: 30px 0 0 -100px;
}

#part03 .part-2 .left-body {
    padding: 25px 40px;
}

#part03 .part-4 .right-body {
    padding: 55px 40px;
}

#part03 .part-images3 {
    padding-bottom: 0;
}

#part03 .part-3 .article {
    bottom: 0
}

/*人物3*/
#part04 .part-icon6 h2 {
    padding-top: 35px
}

#part04 .part-icon7 h2 {
    padding-top: 20px
}

#part04 .part-icon8 h2 {
    padding-top: 20px
}

#part04 .part-content2 .part-2 .left-body {
    margin: 30px -50px 0 0;
}

#part04 .part-content2 .part-4 .right-body {
    margin: 30px 0 0 -100px;
}

#part04 .part-2 .left-body {
    padding: 70px 40px;
}

#part04 .part-4 .right-body {
    padding: 70px 40px;
}

/*人物4*/
#part05 .part-icon6 h2 {
    padding-top: 35px
}

#part05 .part-icon7 h2 {
    padding-top: 20px
}

#part05 .part-icon8 h2 {
    padding-top: 20px
}

#part05 .part-content2 .part-2 .left-body {
    margin: 30px -50px 0 0;
}

#part05 .part-2 .left-body p {
    text-indent: 0;
}

#part05 .part-content2 .part-4 .right-body {
    margin: 30px 0 0 -100px;
}

#part05 .part-2 .left-body {
    padding: 110px 40px;
}

#part05 .part-4 .right-body {
    padding: 50px 40px;
}

/* 结语 */
.epilogue-title {
    padding: 22px 0 25px 0;
    text-align: center
}

.epilogue-article {
    text-align: center;
    font-size: 18px;
    color: #fefefe;
    line-height: 34px
}

/*策划团队*/
.company {
    margin: 130px 100px 0 70px
}

.company .gz {
    margin: 8px 45px 0 0
}

.company .gz .gz_nav {
    text-align: center;
    margin-top: 10px
}

.tud {
    background: url("../img/team-bg.jpg") no-repeat center center;
    width: 250px;
    height: 406px;
    color: #fff
}

.tud .tud-title {
    position: relative;
    text-align: center
}

.tud .tud-title h2 {
    font-size: 30px;
    margin: 20px 0 5px 0
}

.tud .tud-title strong {
    font-size: 18px;
    text-transform: uppercase;
}

.tud .tud-title .left-border, .tud .tud-title .right-border {
    position: absolute;
    width: 44px;
    height: 1px;
    background: #fff
}

.tud .tud-title .left-border {
    left: 30px;
    top: 38px
}

.tud .tud-title .right-border {
    right: 30px;
    top: 38px
}

.tud ul {
    text-align: center;
    margin-top: 5px
}

.tud ul li {
    margin-bottom: 5px
}

.tud ul h2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-weight: normal;
}

.mz {
    text-align: center;
    margin: 115px 0 0 10px
}

.mz h2 i {
    color: #db0000
}

.part08 {
    text-align: center;
    padding-bottom: 30px
}

/*导航*/
.nav_r {
    position: fixed;
    right: 30px;
    top: 100px;
    font-size: 0;
    display: none;
    text-align: right;
}

.nav_r ul {
    margin-right: 20px;
}

.nav_r li {
    font: 16px/48px microsoft yahei;
    color: #363538;
    text-align: right;
}

.nav_r li span {
    display: none
}

.nav_r li i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 1px solid #a1a1a1
}

.nav_r li a {
    display: block;
    color: #363538;
}

.nav_r li a.cur span {
    color: #f4121a;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.nav_r li a.cur i {
    background: #f4121a;
    border-color: #f4121a
}

.focus {
    font-size: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: center;
}

.nav_r span b {
    color: #f4121a;
    font-size: 16px;
    font-weight: normal;
}

.nav_r strong {
    display: block;
    font-size: 16px;
    color: #3d3d3d;
    text-align: center;
    margin: -10px 0 10px 0;
}

.nav_r a.top {
    display: block;
    padding-right: 21px;
}