@charset "utf-8";
/* CSS Document */
html {color: #222;background: #fff; font-family: microsoft yahei; font-size:62.5%; }
body{font-size: 16px;}
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; }
.fl, .fr { _display: inline; }
.fl { float: left; }
.fr { float: right; }
img {border: none;display: block;}
a { text-decoration: none; color:#333;}
.cl { clear: both; }
.cl:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.relative{ position:relative;}
.bg_white{ background:#fff;}

.content{width:1200px;margin:0 auto;position: relative}
.bg1{background: #f6f6f6;}

/*头图*/
.banner{background:url("https://zt.cdnjm.cn/response/drx/demo02/header-bg1.jpg") no-repeat center bottom;height:725px;}
.head-img{padding:50px 0 0 20px;}
.head-title1{text-align:center;font-size:90px;color:#fff;}
.head-title2{text-align:center;font-size:60px;color:#02eeff}
.nav-article{width:843px;height:142px;margin:20px auto 0;background:url("https://zt.cdnjm.cn/response/drx/demo02/header-bg2.png") no-repeat center center;}
.nav-article p{padding: 20px 50px 20px 35px;font-size:14px;line-height:24px;color:#fff;}


.publicity-banner {
    position: relative;
    width: 100%;
    height: auto;
  }
  .publicity-banner-img {
    width: 100%;
    height: inherit;
    vertical-align: middle;
  }
.drx{position:relative;width:175px;text-align:center;font-size:0;}
.drx em{
    display:inline-block;*display:inline;*zoom:1;
    border:1px solid #333;
    margin: 5px auto;
    padding: 0 4%;
    background:#fff;
    font-style:normal;
    font-size:14px;
    line-height:1.5;
}
.drx-site{position:absolute;left:0;top:96px;width:100%;font-weight:bold;font-size:12px;line-height:20px;text-align:center;color:#fff;}
.pb5{padding-bottom:5%;}
/*人物*/
/*标题*/
.title{position: relative;text-align:center;font-size: 30px;padding:5% 0;}
.title strong{color:#0f3c98}
.title-left1,.title-right1{display:inline-block;vertical-align:middle;width:318px;height:23px;}
.title-left1{background: url("https://zt.cdnjm.cn/response/drx/demo02/title-left.png") no-repeat center right;}
.title-right1{background: url("https://zt.cdnjm.cn/response/drx/demo02/title-right.png") no-repeat center left;}
/*人物介绍*/
.introduce .left-body{float: left;margin-left: 80px;border-radius: 50%;border: 1px solid #366ddd;width: 390px;/*height: 390px;*/}
.introduce .left-body img{border-radius: 50%;width: 97.436%; margin: -9px 0 4px -2px;}

.introduce .right-body{float:right;margin-right:80px;padding:60px 95px 0 85px;width:456px;height:318px;background:url("https://zt.cdnjm.cn/response/drx/demo02/introduce-bg.png") no-repeat center center;overflow:hidden;}
.introduce .right-body h2{display: block;font-size: 36px;color:#222;padding: 5px 0;margin-bottom: 15px;border-bottom: 1px solid #002e8c;}
.introduce .right-body h2 strong{font-size: 30px;text-transform:uppercase;font-weight:normal;color:#ddd;}
.introduce .right-body ul li{float:left;font-size:18px;line-height: 25px;padding-left: 7%;margin:5px 0;}
.icon1{background:url("https://zt.cdnjm.cn/response/drx/demo02/icon1.png") no-repeat left center;width:49%;}
.icon2{background:url("https://zt.cdnjm.cn/response/drx/demo02/icon2.png") no-repeat left center;width: 37%;}
.icon3{background:url("https://zt.cdnjm.cn/response/drx/demo02/icon3.png") no-repeat left center;width:49%;}
.icon4{background:url("https://zt.cdnjm.cn/response/drx/demo02/icon4.png") no-repeat left center;width:37%;}
.icon5{background:url("https://zt.cdnjm.cn/response/drx/demo02/icon5.png") no-repeat left center;width:100%;}
.icon6{background:url("https://zt.cdnjm.cn/response/drx/demo02/icon6.png") no-repeat left center;width:100%;}
.icon7{background:url("https://zt.cdnjm.cn/response/drx/demo02/icon7.png") no-repeat left center;width:100%;}
/* 内容 */
.slider{padding-bottom: 40px;}
.slider .bd1>li{clear:both}
.slider .pointer{text-align:center;font-size:0;margin:65px 0 55px 0;}
.slider .pointer li{display:inline-block;vertical-align: middle;*display:inline;*zoom:1;width:186px;height:62px;line-height:62px;border:1px solid #12357c;font-size: 20px;margin: 0 8px;}
.slider .pointer li.on{background:#12357c;color:#fff}
.slider .part-photos{float: left;width:650px;overflow:hidden;}
.slider .hd{text-align:center;font-size:0;margin-top:20px}
.slider .hd li{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;width:15px;height:15px;border-radius: 15px;line-height:62px;border: 1px solid #366ddd;font-size: 20px;margin: 0 8px;cursor:pointer;}
.slider .hd li.on{width:49px;background:#366ddd;}
.slider .part-article{position: relative;float:right;width:490px;/* margin-right:25px; */display: table;height:380px;}
.slider .part-text{display:table-cell;vertical-align:middle;*position: absolute; *top:50%;*left: 50%;width: 100%;}
.slider .part-article p{position: relative; *top:-50%; *left:-50%;font-size:18px;line-height:30px;}
.slider .part-photos .hd li{clear:both}


/*企业简介*/
.enterprise{padding-bottom:5%;}
.enterprise-imgs{width: 1188px;margin:0 auto;}
.enterprise-img{float:left;margin:0 5px 10px 5px;}
.enterprise-article{margin-top:20px;padding:0 15px}
.enterprise-article p{font-size:16px;color:#000;text-indent:2em;line-height:30px;}

/*采访手记*/
.notes{background: url("https://zt.cdnjm.cn/response/drx/demo02/bg2.jpg") no-repeat center center;height: 390px;}
.notes .left-body{float:left;margin:80px 0 0 45px}
.notes .right-body{float:right;width:815px;margin:85px 10px 0 0 ;/*! padding:10px 35px 0 0; */color:#fff;background:url("https://zt.cdnjm.cn/response/drx/demo02/notes-bg.png") no-repeat right top;}
.notes-title{text-align:center;font-size:0}
.notes-title h2{font-size:30px;}
.notes-title .border{display:inline-block;width:100px;height:1px;background:#fff;margin:15px 0 40px 0}
.notes .right-body p{font-size:16px;;text-indent:2em;line-height:34px}

/* 策划团队 */
.foot-end{padding-bottom:5%;}
.team-wrap{font-size:0;text-align:center;}
.team-wrap>div{display:inline-block;*display:inline;*zoom:1;margin: 2%;vertical-align: top;}
.team .text{font-size:16px;line-height: 2;text-align:center;text-indent:0;}

.free-duty h3{font-weight:bold;font-size:24px;line-height:3;text-align:center;}
.free-duty b{color:#db0000;}
.free-duty p{font-size:16px;line-height:2;text-align:center;}



@media screen and (max-width:1200px){
    html {color: #222;background: #fff; font-size:62.5%; }
    img{width:100%;}
    body{font-size:16px;}
    .content{max-width: 750px;width: 94%;margin:0 auto;}
    .banner{height: 574px;}
    .drx{width:150px;}
    .drx-site{top:82px;}
    .head-img{padding: 15px 0 0 10px;width: 15%;}
    .head-title1{margin:0 auto;font-size: 5rem;}
    .head-title2{font-size: 3.6rem;}
    .nav-article{width:90%;height: auto;background-size: 100% 100%;}
    .title h2{font-size: 2.2rem;}
    .title-left1, .title-right1{width: 8rem;}
    .title-left1{background: url("https://zt.cdnjm.cn/response/drx/demo02/title-left1.png") no-repeat center right;background-size: 100% auto;}
    .title-right1{background: url("https://zt.cdnjm.cn/response/drx/demo02/title-right1.png") no-repeat center left;background-size: 100% auto;}

    .introduce .left-body{float: none;width: 82%;margin: 0 auto;border-radius: 50%;border: 1px solid #366ddd;}
    .introduce.left-body img{width: 98%;margin-left: -8px;margin-top: -7px;border-radius: 50%;}
    .introduce .right-body{float:none;width: 100%;height: auto;margin:0 auto;padding: 0;background: none;}
    .introduce .right-body h2{font-size:2.5rem}
    .introduce .right-body h2 strong{font-size:2rem}
    .slider .pointer{display:-webkit-flex;display:flex;margin: 5% 0;}
    .slider .pointer li{-webkit-flex:1;flex:1;font-size: 1.3rem;margin: 0 .2rem;height: 4rem;line-height: 4rem;}
    .slider .bd1 .part-photos{display:block;width:100%;float:none}
    .slider .bd1 .part-article{display:block;width:100%;float:none;height: auto;margin: 10px 0 0 0;}
    .slider .bd1 .part-article p{font-size: 1.5rem;line-height: 2.4rem;}
    /* .slider .hd li{width:1rem;height:1rem;}
    .slider .hd li.on{width:3rem} */
    .enterprise-imgs{width:100%;display: flex;flex-wrap: wrap;}
    .enterprise-imgs .enterprise-img{box-sizing:border-box;width:50%;padding: .05rem;margin:0;float: inherit;}
    /* .enterprise-imgs .enterprise-img:nth-child(odd){float:left}
    .enterprise-imgs .enterprise-img:nth-child(even){float:right} */
    /* .enterprise-imgs .enterprise-img:nth-child(3){display: none;} */
    .notes .left-body{float:none;width:28%;margin:0 auto;}
    .notes .left-body{padding-top:20px}
    .notes .right-body{float:none;width:100%;margin:0 auto;padding: 0;background: none;}
    .notes-title .border{margin:5px 0 10px 0}
    .notes-title h2{font-size: 2.2rem;margin-bottom: .5rem;}
    .notes .right-body p{line-height: 2.3rem;font-size: 1.5rem;}
    .planner{float:none;margin:0;display: flex;justify-content: center}
    .company{display: flex;justify-content: center;margin-top: 4rem;}
    .enterprise-article p{font-size:1.6rem}
    .introduce .right-body ul li {font-size: 1.6rem;}

    
    .planner{float: none;font-size: 1.6rem;line-height:32px;}
    .planner .left-body{float: none;text-align:right;margin-right:20px;}
    .planner .right-body{float: none;}
    .team .text,.free-duty p{font-size:14px;}
}

@media screen and (max-width:480px){
    .banner{height:auto;padding:2% 0 5%;background-size:400%;}
    .nav-article{background:none;border:1px solid #02eeff;}
    .nav-article p{padding:5%;font-size:12px;background:rgba(24, 63, 128, .75)}
    .drx{width:25%;}
    .drx-site{font-weight:normal;font-size:10px;top:45%;}
    .drx em{font-size: 10px;}
    .head-title1{margin:0 auto;font-size: .58rem;}
    .head-title2{font-size: .36rem;padding: .1rem;}
    .title-left1, .title-right1 {width: .6rem;}
    .title h2 {font-size: .4rem;}
    .introduce .right-body ul li {font-size: .28rem;}
    .enterprise-article p {font-size: .28rem;line-height:1.8;}
    .planner .left-body p,.planner .right-body p{font-size: .28rem;line-height:1.8;}
    .team-wrap .gz,.team-wrap .ewm{width: 30%;}
    .free-duty h3{font-size: 20px;}
    .free-duty p{font-size:12px;}
    .team .text,.free-duty p{font-size:12px;}
    .introduce .right-body h2{font-size:.5rem;}
    .introduce .right-body h2 strong{font-size:.4rem;}
    .slider .bd1 .part-article p{font-size: .28rem;line-height:1.8;}
    .slider{padding-bottom:5%;}
    .slider .hd{margin-top:10px;}
    .slider .hd li{width:10px;height:10px;border-radius:10px;margin:0 5px;}
    .slider .hd li.on{width:30px;}
    .enterprise-article{padding:0;}
    .slider .pointer li{font-size: .26rem;margin: 0 .05rem;height: .8rem;line-height: .8rem;}
    .notes-title h2{font-size: .44rem;margin-bottom: .1rem;}
    .notes .right-body p{line-height: 1.8;font-size: .28rem;}
    .notes{height:auto;padding-bottom:8%;}
}

@media screen and (max-width:375px){
    .planner .left-body{margin-right: .1rem;}
    .free-duty p{font-size:10px;}
}
@media screen and (max-width:320px){

}