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,input,textarea,p,blockquote,th,td,hr,button,footer,header,menu,nav,section{margin:0;padding:0;}
ol,ul,li{list-style:none;}.fl{float:left;}.fr{float:right;}img{border:none;display:block;width:100%;}
a{text-decoration:none;color:#333;}.cl{clear:both;}.cl:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.content{width:1200px;margin:0 auto;position:relative}.bg1{background:#f6f6f6;}

/* 标题 */
.title{text-align:center;font-size:0;padding:5% 0;}.title h2{font-size:45px;font-weight:normal;}
.title p{font-size:16px;font-weight:normal;text-transform:uppercase;color:#b7b7b7;line-height:20px}
.title .border{display:inline-block;margin-top:10px;width:78px;height:2px;background:#87b600}

/*头图*/
.banner{background:url(https://zt.cdnjm.cn/response/view/demo02/head-bg.jpg) no-repeat center center;height:620px;}
.head-img{padding:50px 0 0 20px;width:257px;}.head-title1{font-size:110px;text-align:center;color:#87b600;}
.head-title2{font-size:0;text-align:center;color:#fff;vertical-align:middle;margin-top:10px}
.head-title2 .left-border,.head-title2 .right-border{display:inline-block;width:247px;height:1px;background:#fff;vertical-align:middle;}
.head-title2 .left-border{margin-right:5px;}.head-title2 .right-border{margin-left:5px;}
.head-title2 .text{display:inline-block;text-align:center;vertical-align:middle;}
.head-title2 .text h2{font-size:24px;font-weight:normal;letter-spacing:20px;}
.head-title2 .text strong{font-size:18px;text-transform:uppercase;font-weight:normal;letter-spacing:5px;line-height:34px}
.preface-title{text-align:center;margin-top:30px}
.preface-title h2{display:inline-block;width:96px;height:30px;color:#fff;font-size:20px;font-weight:normal;background:#87b600;border-radius:5px}
.preface-text{padding:10px 70px 0;color:#fff}.preface-text p{font-size:16px;text-indent:2em;line-height:34px}

/*内容1*/
.part01-main{background:#f3f3f3;}.part01-main .left-body ,.part01-main .right-body{width:50%;}.part01-main .right-body{padding-top:35px}
.part01-main .right-body h2{width:208px;height:57px;padding-left:45px;line-height:57px;background:#87b600;font-weight:normal;color:#fff;font-size:36px}
.part01-main .right-body .part01-text{padding:30px 30px 0 45px}
.part01-main .right-body .part01-text p{line-height:45px;font-size:20px;color:#111;text-align:justify;}

/*内容2*/
.part02-main{padding:5% 0;background:#f3f3f3;}
.part02-main .left-body{width:55%;}.part02-main .right-body{width:45%;}.part02-main .right-body .part02-content{padding:10px 0 0 4%;}
.part02-main .right-body .part02-title{position:relative;width:179px;height:38px;background:#dde7c2;text-align:center;margin:30px 0 13px 4px}
.part02-main .right-body .part02-title h2{position:absolute;top:-4px;left:-4px;font-size:22px;color:#fff;width:179px;height:38px;background:#87b600;line-height:38px;}
.part02-main .right-body .part02-title h2 i{display:inline-block;width:6px;height:6px;background:#fff;vertical-align:middle;margin:0 15px;border-radius:100%;}

/*内容3*/
.part03-main .left-body{width:48%;padding-top:30px;}.part03-main .right-body{width:52%;}
.part03-title{padding:0 50px 0 112px;}.part03-title h2{font-size:20px;color:#111;}
.part03-title p{font-size:16px;color:#111;margin:15px 0 49px;line-height:28px;}
.part03-icon1{background:url(https://zt.cdnjm.cn/response/view/demo02/number1.jpg) no-repeat left center;}
.part03-icon2{background:url(https://zt.cdnjm.cn/response/view/demo02/number2.jpg) no-repeat left center;}
.part03-icon3{background:url(https://zt.cdnjm.cn/response/view/demo02/number3.jpg) no-repeat left center;}

/*内容4*/
.part04-main{padding:5% 0;background:#f3f3f3;}
.part04-main .left-body{width:51.8%;}.part04-main .right-body{width:47.2%;margin-left:1%;}
.part04-main .right-body .part04-title{background:#fff;margin-bottom:10px;padding:22px 26px 28px 34px;}
.part04-main .right-body .part04-title.marginb0{margin-bottom:0}
.part04-main .right-body .part04-title h2{font-size:24px;color:#87b600;margin-bottom:9px;}
.part04-main .right-body .part04-title p{line-height:28px;}
.part04-main .right-body  h2 i{display:inline-block}.part04-main .right-body  h2  img{width:auto}
.pointer{position:absolute;bottom:0;left:0;width:100%;text-align:right;padding:5px 0;background:url(https://zt.cdnjm.cn/response/view/demo02/bg.png);}
.pointer li{border:solid 1px #f8f8f8;width:18px;height:18px;margin:5px 3px;display:inline-block;border-radius:20px;cursor:pointer;}
.pointer li.on{border-color:#87b600;background:#87b600;}

/*评测总结*/
.result-img{width:599px;border:1px solid #000;border-left:none;}
.result-article{width:515px;height:390px;margin-left:10px;background:#f3f3f3;padding:0 30px 0 45px;display:table;}
.result-article .result-text{display:table-cell;vertical-align:middle;*position:absolute;*top:50%;*left:50%;width:100%;}
.result-article .result-text p{position:relative;*top:-50%;*left:-50%;font-size:16px;line-height:34px;}

/* 策划团队 */
.team-main{background:url(https://zt.cdnjm.cn/response/view/demo02/team-bg.jpg) no-repeat center center;height:258px;padding-top:65px;}
.mz{width:520px;padding:0 110px 0 27px;}.mz h2{font-weight:bold;font-size:20px;margin-bottom:10px}.mz p{text-indent:2em;line-height:32px}
.gz{text-align:center;margin-right:35px;width:150px;}.gz-title{line-height:24px}.planner{line-height:40px}

@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;}

    .title h2{font-size:40px;font-weight:normal;}
    .title p{font-size:14px;line-height:20px}
    .title .border{display:inline-block;margin-top:10px;width:78px;height:2px;}

    .banner{height:600px;}
    .head-img{width:180px;}
    .head-title1{font-size:74px;}
    .head-title2 .left-border,.head-title2 .right-border{width:170px;}
    .head-title2 .left-border{margin-right:-20px;}
    .head-title2 .right-border{margin-left:-20px;}
    .head-title2 .text h2{font-size:20px;letter-spacing:11px;}
    .head-title2 .text strong{font-size:16px;letter-spacing:4px;line-height:30px;}
    .preface-text{padding:50px 70px 0;color:#fff}
    .preface-text p{line-height:34px}
    /*内容1*/
    .part01-main{background:#f3f3f3;}
    .part01-main .left-body ,.part01-main .right-body{width:100%;}
    .part01-main .right-body{padding:40px 0;text-align:center;}
    .part01-main .right-body h2{display:inline-block;width:180px;height:48px;line-height:48px;padding-left:0;font-size:24px;}
    .part01-main .right-body .part01-text{padding:30px 30px 0 45px;text-align:left}
    .part01-main .right-body .part01-text p{line-height:38px;font-size:18px;}
    /*内容2*/
    .part02-main .left-body,.part02-main .right-body{width:100%;}
    .part02-main .right-body .part02-content{padding:10px 0 0 4%;}
    /*内容3*/
    .part03-main .left-body{width:100%;}
    .part03-main .right-body{width:100%;}
    .part03-title{padding:0 50px 0 112px;margin-left:12px;}
    .part03-title h2{font-size:20px;color:#111;}
    .part03-title p{font-size:16px;color:#111;margin:15px 0 49px;line-height:28px;}

    /*内容4*/
    .part04-main .left-body{width:100%;}
    .part04-main .right-body{width:100%;margin-left:0;}

    /*评测总结*/
    .result-img{box-sizing:border-box;width:100%;border:1px solid #000;border-left:none;}
    .result-article{box-sizing:border-box;width:100%;margin-left:0;}

    /* 策划团队 */
    .team-main{background-size:auto 100%;height:460px;}
    .contact{width:100%;display:flex;justify-content:center;float:none;}
    .mz{width:100%;padding:0;margin:20px auto;float:none;text-align:center;}
    .mz h2{font-size:20px;margin-bottom:10px}
    .mz p{text-indent:2em;line-height:32px}
    .gz{text-align:center;margin-right:35px;width:150px;float:none;}
    .gz-title{line-height:24px}
    .planner{line-height:40px;float:none;}
}

@media screen and (max-width:480px){
    .title h2{font-size:23px;}
    .title p{font-size:12px;line-height:20px}
    .title .border{display:inline-block;margin-top:10px;width:78px;height:2px;}

    .preface-title{text-align:center;margin-top:40px;}
    .preface-title h2{display:inline-block;width:70px;height:24px;line-height:24px;font-size:16px;border-radius:5px;}
    .head-img{width:150px;padding:20px 0 40px 20px;}
    .head-title1{font-size:50px;}
    .head-title2 .text h2{font-size:14px;letter-spacing:5px;}
    .head-title2 .text strong{font-size:12px;letter-spacing:2px;line-height:30px;}
    .head-title2 .left-border,.head-title2 .right-border{width:100px;}
    .preface-text{padding:20px 5px 0 5px;color:#fff;}
    .preface-text p{font-size:14px;line-height:30px}

    .part01-main .right-body h2{display:inline-block;width:124px;height:29px;line-height:29px;padding-left:0;font-size:18px;}
    .part01-main .right-body .part01-text{padding:20px 0 0 15px;text-align:left;}
    .part01-main .right-body .part01-text p{line-height:30px;font-size:16px;}
    .part02-main .right-body .part02-content p{font-size:14px;line-height:26px}
    .part02-main .right-body .part02-title h2{font-size:18px;width:160px;height:34px;line-height:34px;}
    .part02-main .right-body .part02-title{width:160px;height:34px;}
    .part03-title{padding:0 5px 0 60px;background-size:47px auto}
    .part03-title h2{font-size:18px}
    .part03-title p{font-size:14px;margin:5px 0 25px;line-height:24px;}
    .part04-main .right-body .part04-title h2{font-size:20px;margin-bottom:8px;}
    .part04-main .right-body .part04-title p{font-size:14px;line-height:24px;}
    .result-article{height:260px;}
    .result-article .result-text p{font-size:14px;line-height:27px;}
    .team-main{height:320px;   padding-top:30px;}
    .gz{text-align:center;margin-right:15px;width:100px;}
    .gz-title{font-size:9px;line-height:16px;}
    .planner{line-height:26px;font-size:10px;}
    .mz{padding:0;margin:10px auto;float:none;text-align:center;}
    .mz h2{font-size:16px;margin-bottom:10px}
    .mz p{text-indent:2em;line-height:20px;font-size:10px}
}