@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;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/demo04/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:97px}
.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 0 0 45px}
.part01-main .right-body .part01-text p{line-height:45px;font-size:20px;color:#111;}

/*内容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;/* 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;}
.part03-icon1{background:url("https://zt.cdnjm.cn/response/view/demo04/number1.jpg") no-repeat left center;}
.part03-icon2{background:url("https://zt.cdnjm.cn/response/view/demo04/number2.jpg") no-repeat left center;}
.part03-icon3{background:url("https://zt.cdnjm.cn/response/view/demo04/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/demo04/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-color:#87b600;}

/* 评测视频 */
.part05 {background:#f5f5f5;}
.part05 .title {
    background: #ffffff;
}
.part05-main{ background:#f5f5f5; margin: 0 auto;padding: 40px 170px;}
/* .part05-main .video{ background:url(https://zt.cdnjm.cn/response/view/demo04/video.png) no-repeat; padding:80px 75px 45px 75px;margin: 0 auto;} */
.part05-main .video {
    background-image: url(https://zt.cdnjm.cn/response/view/demo04/video.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding:8% 5%;
}
.part05-main .video iframe{ height:400px}

/*评测总结*/
.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/demo04/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 0 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;}

    /* 评测视频 */
    .part05-main{ padding:5%; box-sizing:border-box}
	.part05-main .video{ background-size:100%; padding:8% 5% 5% 5%; box-sizing:border-box; height: 415px;}
	.part05-main .video iframe{ height:100%}

    /*评测总结*/
    .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;}
    .part05-main .video{ height:225px}
    .part05-main .video { padding: 8% 5%;}
    .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}
}
@media screen and (max-width:375px){
    .part05-main .video{ height:205px}
    .part05-main .video { padding: 8% 5%;}
}
@media screen and (max-width:320px){
    .part05-main .video{ height:180px;}
    .part05-main .video { padding: 10% 5%;}
}