body{background-color: #fff;color: #333}
.banner{position: relative;}
.banner .bg{width: 100%;z-index: -1;}
.container {width:62%;margin: 0 auto;max-width: 1400px;}
.banner .container{text-align: center;height: 100%;
 position:absolute;
 left: 50%;top: 0;-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }
.banner .container .imgbox{width: 62.2%;height:auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
     -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);}
.banner .container .imgbox img{width: 100%;}
.content>div{padding-top: 79px;padding-bottom: 137px;}
.content .container{position: relative;}
.content img{width:100%;float: left;}
.content .leftbox{width: 40.72%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.img-left .leftbox{right: 0;left: auto}
.content .rightbox{width: 40.8%;height: 100%;}
.content h3{font-size: 42px;padding-bottom: 36px;}
.content h4{font-weight: bold;}
.content h4,.content p{font-size: 18px;line-height: 1.8;}

/* 真人数据 */
.real-data{background-color: #f6f6f6}
.content ol{padding-left: 5%;}
.content ol li {
 list-style: disc;
 padding-bottom: 20px
}
/******* 我们的优势 *******/
.advantage{
 background-color: #f6f6f6;
 text-align: center;
}
.advantage ul {padding:  79px 1% 150px;overflow: hidden;font-size:16px;line-height: 1.6}
 .advantage h3{font-size: 30px; padding-top:96px;line-height: 1}
.advantage ul h5{font-size: 20px;line-height: 2;padding-top: 28px;color: #333}
.advantage ul li{width:19%;padding: 0 3%;float: left;color: #333;}
.advantage ul li img{width: 60%}

/******* 人群画像 *******/
.person{text-align: center;padding-top: 106px;padding-bottom: 60px;background-color: #fff}
.person img{width: 76.6%}
.person .container{position: relative;padding-top: 26px;}
.person h3{font-size: 30px;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);
        line-height: 1}
.person p{font-size: 18px;line-height: 2;padding: 32px 0}
/******* 专业团队 *******/
.tem {text-align: center;padding-top:56px;background-color: #f6f6f6;line-height: 1.8;font-size: 18px;padding-bottom:96px}
.tem  img{width: 42%}

.tem  h3{font-size: 30px;margin-top: 42px;line-height: 2}
/******* 联系我们 *******/
.server{position: fixed;right: 15px;top:40%;text-align: center;}
.server a{color:#57aaff}
.server img{width: 30px;height: 30px;}
#contant_us{padding-bottom: 20px;}
#contant_us h3{color: #57aaff;font-size: 18px; line-height: 50px;}
#contant_us  img{width: 18px;height: 18px;vertical-align: middle;margin-right: 8px;}
#contant_us,#contant_us a{ color: #666;margin-top: 14px;line-height: 32px;}
@media (min-width: 1600px){
.tem {padding-top:80px;padding-bottom:136px}
.tem  h3{font-size: 60px;margin-top: 60px;line-height: 2}
#contant_us h3{font-size: 32px;line-height: 60px; }
#contant_us a,#contant_us{font-size: 24px;line-height: 50px }
#contant_us  img{width: 32px;height: 32px;}

.content ol li{padding-bottom: 28px}
.content>div{padding-top: 114px;padding-bottom: 196px;}
.content h3{font-size: 60px;padding-bottom: 36px;}
.content h4,.content p,.tem p{font-size: 24px;}
.advantage ul {padding:  113px 1% 200px;font-size:24px}
.advantage h3{font-size: 60px; padding-top: 137px;}
.advantage ul h5{font-size: 30px;padding-top: 40px}
 .person{text-align: center;padding-top: 114px;padding-bottom: 42px}
 .person h3{font-size: 60px}
.person .container{padding-top: 35px;}
.person p{font-size: 24;line-height: 4}
}
@media (max-width: 1600px) {
.container {width: 80%}
.content h3{font-size: 30px;padding-bottom: 13px;}
}

@media (max-width: 1200px) {
  .content h3{font-size: 30px;padding-bottom: 13px;}
.container {width: 90%}
}
@media (max-width: 960px){
  .container {width: 90%}
 .content h3{font-size: 26px;padding-bottom: 13px;}
 .content h4,.content p{font-size: 12px;}
 .content ol li{padding-bottom:20px}
}
@media (max-width: 992px){
  .container {width: 90%}
}
@media (max-width: 550px){
  .container {width: 90%}
  .content h3{font-size: 24px;}
 .content .rightbox,
.content .leftbox{
 position: relative;top: 0;left: 0;width: 100%;-webkit-transform: translateY(0) translateX(0);
   -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
     -o-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        float: none;
        text-align: center;
}
 .content .rightbox img{float:none;width: 50%;}
 .content>div {
    padding-top: 40px;
    padding-bottom: 50px;
}
.advantage ul {padding: 0px 1% 100px;font-size: 12px}
.advantage ul li{width:44%;margin-top: 60px;overflow: hidden; }
.advantage h3{font-size: 30px; padding-top: 98px;}
.advantage ul h5{font-size: 16px;padding-top: 20px}
.person p{font-size: 14px;}
.person h3{font-size: 30px;}
.tem .container{font-size: 12px; }
}