@font-face{ font-family:'shu'; src:url('../font/FONTFABRIC-MONT-HEAVY-DEMO-2.woff2');}
@font-face{ font-family:'consult'; src:url('../font/impact.woff2');}


.beijing{ width:100%; height:100vh; position:relative;}
.beijing_tu{ width:1400px; height:auto; overflow:hidden; margin:auto; padding-top:29vh;}
.beijing_tu img{ height:409px; width:auto;}


.item{ 
	width:100%; 
	height:auto; 
	position:relative; 
	background: #000000;
}
.item_box{ 
	width:100%; 
	height:calc(70vw * 1080 / 1920); 
	position:relative; 
	background: #000000;
}
.item_img{
	width:70%; 
	height:100%; 
	overflow:hidden; 
	border:10px solid #313131; 
	border-radius:30px; 
	margin:auto; 
	/*margin-top:-148px; */
	position: absolute; 
	left: 15%;
	top: -20vh;
	z-index:1;
}
.item_img img { 
	width: 100%; position: absolute; border-radius:20px;
}




.item_biao{ width:70%; height:auto; overflow:hidden; margin:auto;}
.item_left{ float:left; width:350px; height:auto; overflow:hidden;}
.item_en{ width:100%; font-size:80px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:80px;}
.item_tit{ width:100%; font-size:40px; color:#fff; line-height:40px; margin-top:5px;}

.item_right{ float:right; width:825px; height:auto; overflow:hidden; margin-top:8px;}
.item_1{ width:100%; height:10px;}
.item_1_1{ float:left; width:10px; height:10px; background-color:#fff;}
.item_1_2{ float:left; width:103px; height:1px; background-color:#fff; margin-top:5px; position:relative; overflow:hidden;}
.item_1_2::before{ content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background:#b51c21; animation: left_scroll 3s infinite normal;}


@keyframes left_scroll {
	0% {transform: translate3d( -100%,0, 0);}
	15% {transform: translate3d( -98%,0, 0);}
	85% { transform: translate3d( 98%,0, 0);}
	100% {transform: translate3d( 100%,0, 0);}
}



.item_2{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:28px; color:rgba(255,255,255,0.5); margin-top:28px;}

.item_ti{ width:1400px; height:240px; margin:auto; position:relative; margin-top:205px;}
.item_ti_img {
  background-image: url("../beijingfangimages/uFpLbYt.png");
  -moz-background-clip: text;
  -o-background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
text-shadow: 0px 0px rgba(255, 255, 255, 0.3);
  animation: wave-animation 1s infinite linear, loading-animation 10s infinite linear alternate;
  background-size: 200px 100px;
  background-repeat: repeat-x;
  opacity: 1; height:130px; line-height:144px; width:auto; font-size:178px; font-family:shu; position:absolute; top:0; z-index:1; left: -12px;
}

@keyframes wave-animation {
  0% { background-position: 200px top;}
  100% { background-position: 0 top;}
}
@keyframes loading-animation {
  0% { background-size: 200px 200px;}
  100% { background-size: 200px 0px;}
}

.item_ti_1{ position:absolute; width:30px; height:30px; background-color:#f2000b; border-radius:50%; right:40px; top:-30px;}



.item_list{ width:70%; height:auto; overflow:hidden; margin:auto; margin-top:10vh; position:relative; z-index:1; padding-bottom: 10vh;}
.item_list ul li{ float:left; width:330px; height:auto; overflow:hidden; list-style:none; cursor:pointer;}
.item_list ul li:hover small { opacity: 0;}
.item_list ul li:hover i { width: 100%; opacity: 1;}


.item_san{ width:100%; height:auto; overflow:hidden;}
.item_san img{ height:14px; width:auto;}
.item_zhong{ width:100%; font-size:28px; color:#fff; font-weight: bold; overflow:hidden; height:40px; line-height:40px; margin-top:33px;position: relative;}

.item_zhong small { font-size: 28px; color:#fff;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
.item_zhong i { font-size: 28px; white-space: nowrap; display: block; font-style:inherit; width: 0; overflow: hidden; position: absolute; left: 0; top: 0; color: #f2000b;  transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}


/*.bei.on .beijing_tu{ transform: translateX(0); opacity: 1;}
.bei.on.item_img{ transform: translateY(0); opacity: 1;}
.bei.on.item_biao{ transform: translateY(0); opacity: 1;}
.bei.on.item_ti{ transform: translateY(0); opacity: 1;}
.bei.on.item_list{ transform: translateY(0); opacity: 1;}*/



.item_shu{ width:100%; font-size:28px; color:#fff; font-weight: bold; font-family:Arial, Helvetica, sans-serif; overflow:hidden; height:35px; line-height:35px;}

.item_shuzi{ position:absolute; font-size:28px; font-family:Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.1);writing-mode: vertical-lr; writing-mode: tb-rl; bottom:80px; right:0;}

.item_bg{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:0; background-color:#000; z-index:-1;} 
.item_quan{ width:885px; height:885px; position:absolute; left:-290px; bottom:-458px; border-radius:50%; border:2px solid rgba(168,168,168,0.2); 
animation:kuangda 2s linear infinite both;}

@keyframes kuangda{
    0%{ transform: scale(1); opacity:1;}
    50%{ transform: scale(1.2); opacity:0;}
	100%{ transform: scale(1.2); opacity:0;}
}


.audience{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:100px; position:relative; z-index:1;}
.audience .item_en{ color:#000;}
.audience .item_tit{ color:#000;}
.audience_list{ width:100%; height:179px; margin-top:75px;}
.audience_list ul li{ float:left; width:124px; height:179px; list-style:none; margin-right:195px;}
.audience_list ul li:nth-child(3) .audience_tit{ width:208px; margin-left:-42px;}
.audience_list ul li:nth-child(5){ margin-right:0px;}
.audience_list ul li:hover{-webkit-animation:bounce 1s .2s ease both;}

.audience_img{ width:124px; height:124px; border-radius:50%;}
.audience_img img{ width:124px; height:124px;}
.audience_tit{ width:100%; text-align:center; font-size:24px; color:#000; height:55px; line-height:55px;}


@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-20px)
}
60% {
-webkit-transform:translateY(-15px)
}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform:translateY(0)
}
40% {
-moz-transform:translateY(-20px)
}
60% {
-moz-transform:translateY(-15px)
}
}



.target{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:130px; padding-bottom:165px;}
.target_left{ float:left;}
.target_left .item_en{ color:#000;}
.target_left .item_tit{ color:#000;}
.target_right{ float:right; height:auto; overflow:hidden; padding-top:50px;}
.target_right span{ display:block; background:url(../beijingfangimages/bei_24.png) no-repeat left; font-size:24px; color:#000; line-height:37px; padding-left:35px;}

.skeleton_chao{ width:100%; height:auto; overflow:hidden;}
.skeleton_warp{ width:100%; background:#e9e9e9; height:auto; position:relative;}
.skeleton_bg{ background: url(../beijingfangimages/bei_27.png) no-repeat center; width:944px; height:1520px; position: absolute; right:0; top:1030px; background-size: cover;}


.skeleton{ width:1400px; height:auto; overflow:hidden; margin:auto; padding-top:135px; padding-bottom:325px; position:relative; z-index:1;}
.skeleton .item_en{ color:#000;}
.skeleton .item_tit{ color:#000;}
.skeleton_img{ width:1400px; height:800px; margin-top:95px; overflow:hidden; border-radius:30px; position:relative;}
.skeleton_img img{ position:absolute; width:100%;}

.skeleton_con{ width:100%; height:432px; margin-top:153px;}
.skeleton_list{ float:left; width:855px; height:432px;}
.skeleton_list ul li{ float:left; width:268px; height:424px; padding-top:8px; list-style:none; background-color:#fff; position:relative; margin-right:25px;}
.skeleton_list ul li:nth-child(3){ margin-right:0px;}
.skeleton_list ul li:nth-child(2) .skeleton_yan{ background-color:#221815;}
.skeleton_list ul li:nth-child(3) .skeleton_yan{ background-color:#d2a36c;}

.skeleton_yan{ margin: auto; width:252px; height:160px; padding-top:92px; background-color:#b81c22; margin:auto; text-align:center; line-height:34px; font-family:Arial, Helvetica, sans-serif; font-size:40px; color:#fff;}
.skeleton_1{ width:100%; text-align:center; font-size:40px; color:#000; height:70px; line-height:70px; margin-top:18px;}
.skeleton_2{ width:100%; text-align:center; font-size:22px; color:#000; height:45px; line-height:45px; position:absolute; bottom:0;}

.skeleton_tu{ float:right; width:385px; height:56px; margin-top:8px;}
.skeleton_tu img{ width:385px; height:56px;}

.supple{ width:100%; height:auto;  margin-top:250px;/*animation: animate 1s linear infinite both;*/}
.supple_left{ float:left; font-size:529px; color:rgba(180,180,180,0.3); font-family:shu; line-height:432px;animation: se 3s infinite normal;}

@keyframes se {
  0% { color: rgba(180,180,180,0.3);}
  50% { color: rgba(180,180,180,1);}
  100% { color: #C81c22;}
}


.supple_right{ float:right; width:965px; height:auto;}
.supple_1{ width:100%; height:auto; overflow:hidden; font-size:40px; color:#000; line-height:40px;}
.supple_2{ width:100%; font-size:30px; color:#000; margin-top:35px; height:117px; letter-spacing:2px;}
.supple_2 span:nth-child(even){ animation: blink 1s steps(1, start) 0.33s infinite;}
.supple_2 span:nth-child(odd){ animation: blink 1s steps(1, start) 0.66s infinite;}


.supple_xian{ width:100%; height:2px; background-color:#000; position:relative; overflow:hidden;}
.supple_xian::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #C81c22;
    animation: left_scroll 3s infinite normal;
}


.supple_3{ width:100%; font-family:consult; font-size:40px; color:#000; height:50px; line-height:50px; margin-top:50px;}
.supple_3 span:nth-child(even){ animation: blink 1s steps(1, start) 0.33s infinite;}
.supple_3 span:nth-child(odd){ animation: blink 1s steps(1, start) 0.66s infinite;}

.supple_4{ width:100%; font-size:30px; color:#000; font-family:consult; height: auto; line-height:35px;letter-spacing:2px; margin-top:20px;}

@keyframes animate{
	0%, 50%, 100%{ transform: rotate(0deg) scale(1); }
	25%{ transform: rotate(1deg) scale(0.98); }
	75%{ transform: rotate(-1deg) scale(1.02); }
}


@keyframes blink {
  33% { color: #C81c22;}
  66% { color: #333;}
}



.supple_bg{ width:815px; height:815px; position:absolute; right:-408px;  top:140px; border-radius:50%; background-color:#b81c22;animation: eztMyl 1s ease infinite alternate;}

@keyframes eztMyl{
0% {
    transform: scale(1) translate(38px, -10px);
}

100% {
    transform: scale(0.99) translate(10px, -20px);
}
}

.design_warp{ width:100%; height:auto; background-color:#000;}
.design{ width:1400px; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1; padding-top:115px;}
.design_all{ width:100%; height:auto; overflow:hidden;}
.design_left{ float:left;}
.design_right{ float:right; width:760px; height:227px; position:relative; text-align:right; margin-top:10px;}
.design_right img{ height:227px; width:auto;}
.design_right_1{ position:absolute; width:30px; height:30px; background-color:#f2000b; border-radius:50%; left:0px; top:0px;}

.design_con{ width:1400px; height: auto; padding-top:122px; position:relative; margin-top:64px;padding-bottom: 262px;}
.design_1{ width:800px; height: auto; overflow:hidden; position:relative; z-index:1;-moz-box-shadow:13px 0px 96px rgba(0,0,0,0.43);
-webkit-box-shadow:13px 0px 96px rgba(0,0,0,0.43);
box-shadow:13px 0px 96px rgba(0,0,0,0.43);}
.design_1 img{ max-width:100%; height:auto;}
.design_2{ width:800px; height: auto; overflow:hidden; position:absolute; top:0; right:0;}
.design_2 img{ max-width:100%; height:auto;}

.strength{ width:100%; height:auto; background-color:#000; overflow:hidden; padding-top:115px;}
.strength_tit{ width:100%; text-align:center; position:relative; height:130px;}  
.strength_tit_1{ width:100%; font-size:63px; color:#fff; font-weight:lighter; letter-spacing: 4px; line-height:120px;}
.strength_tit_2{ width:100%; font-size:178px; color:rgba(255,255,255,0.1); font-family:shu; line-height:130px; position:absolute; top:0;}

.strength_all{ width:100%; height:1000px; position:relative; overflow:hidden; margin-top:177px;    background-attachment: fixed;}

.in_part5{background: #000; position: relative; z-index: 1; overflow: hidden; height: 1000px;}
.in_part5 .img{position: absolute; left: 0; top: 0; width: 100%; height:100%; overflow: hidden;}
.in_part5 .img ul{position: absolute; left: -10%; top: -50%; width: 100%; height: 100%; transform: rotate(0)}
.in_part5 .img li{float: left; width: 33.33%; box-sizing: border-box; padding:0 20px;}
.in_part5 .img li img{width: 100%; margin-bottom: 40px;}



.journey_chao{ width:100%; height:auto; overflow:hidden;} 

.mature{ width:100%; height:auto; overflow:hidden; background-color:#b71c22; padding:90px 0px;}

.mature_shi{ width:100%;  position:relative; height:auto; overflow:hidden;}
.mature_all{ width:100%; height: auto; overflow:hidden;}
.mature_bg{ width:100%; height:100%;  background:url(../beijingfangimages/bei_37.jpg) repeat-y center; position:absolute; top:0; background-attachment: fixed;}
.mature_bga{ position:fixed;}

.mature_biaoti{ width:100%; height: auto; z-index:2; position: absolute; top:0; }
.mature_biaotia{ position:fixed; top:60px;}

.mature_tit{ width:70%; height:auto; line-height:normal; margin:auto; font-size:30px; color:#fff; font-weight:lighter; padding-top:140px;}
.mature_con{ width:70%; height:auto; overflow:hidden; margin:auto;}
.mature_con_1{ font-size:17px; color:rgba(255,255,255,0.8); line-height:29px; width:595px; margin-top:21px;}

.mature_img{ position: relative; float:right; width:1166px; text-align:right; height: auto; overflow:hidden; z-index:1;}
.mature_img img{ max-width:100%; height:auto;}



@media screen and (max-width:1911px)and (min-width:1592px){
.beijing_tu{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.beijing_tu img{ height:350px; width:auto;}



.item_left{ float:left; width:300px;}
.item_en{ width:100%; font-size:68px; line-height:68px;}
.item_tit{ width:100%; font-size:34px; line-height:34px; margin-top:5px;}

.item_right{ float:right; width:710px; margin-top:8px;}
.item_1{ width:100%; height:8px;}
.item_1_1{ float:left; width:8px; height:8px;}
.item_1_2{ float:left; width:90px; margin-top:3px;}
.item_2{ font-size:14px; line-height:24px; margin-top:24px;}

.item_ti{ width:1200px; height:205px; margin:auto; position:relative; margin-top:175px;}
.item_ti img{ height:205px; width:auto;}
.item_ti_img { height:112px; line-height:126px; width:auto; font-size:152px; left: -10px; top:-5px;}



.item_ti_1{ position:absolute; width:26px; height:26px; right:35px; top:-27px;}

.item_list ul li{ float:left; width:285px; height:auto; overflow:hidden; list-style:none;}
.item_san{ width:100%; height:auto; overflow:hidden;}
.item_san img{ height:12px; width:auto;}
.item_zhong{ width:100%; font-size:24px; height:35px; line-height:35px; margin-top:30px;}
.item_zhong small { font-size: 24px;}
.item_zhong i { font-size: 24px;}


.item_shu{ width:100%; font-size:24px; height:31px; line-height:31px;}

.item_shuzi{ position:absolute; font-size:24px; bottom:70px; right:0;}
.item_quan{ width:760px; height:760px; left:-250px; bottom:-395px;}

.audience{ width:1200px; margin-top:87px;}
.audience_list{ width:100%; height:154px; margin-top:65px;}
.audience_list ul li{ float:left; width:106px; height:154px; list-style:none; margin-right:167px;}
.audience_list ul li:nth-child(3) .audience_tit{ width:208px; margin-left:-51px;}
.audience_list ul li:nth-child(5){ margin-right:0px;}
.audience_img{ width:106px; height:106px;}
.audience_img img{ width:106px; height:106px;}
.audience_tit{ width:100%; text-align:center; font-size:20px; height:48px; line-height:48px;}

.target{ width:1200px; margin-top:115px; padding-bottom:145px;}
.target_right{ float:right; height:auto; overflow:hidden; padding-top:45px;}
.target_right span{ display:block; background-size:9px; font-size:20px; line-height:31px; padding-left:30px;}


.skeleton_warp{ width:100%; background-size:cover;}
.skeleton_bg{ width:813px; height:1309px; top:885px;}

.skeleton{ width:1200px; padding-top:120px; padding-bottom:280px;}
.skeleton_img{ width:1200px; height:685px; margin-top:80px;}
.skeleton_img img{ width:100%; height:auto;}


.skeleton_con{ width:100%; height:371px; margin-top:132px;}
.skeleton_list{ float:left; width:733px; height:371px;}
.skeleton_list ul li{ float:left; width:230px; height:363px; padding-top:8px; margin-right:21px;}

.skeleton_yan{ margin: auto; width:216px; height:136px; padding-top:80px; line-height:29px; font-size:34px;}
.skeleton_1{ font-size:34px; height:60px; line-height:60px; margin-top:14px;}
.skeleton_2{ font-size:19px; height:40px; line-height:40px;}

.skeleton_tu{ float:right; width:330px; height: auto; margin-top:8px;}
.skeleton_tu img{ width:100%; height: auto;}

.supple{ width:100%; height:auto; overflow:hidden; margin-top:205px;}
.supple_left{ float:left; font-size:453px; line-height:375px;}
.supple_right{ float:right; width:830px;}
.supple_1{ font-size:34px; line-height:34px;}
.supple_2{ width:100%; font-size:26px; line-height:35px; margin-top:30px; height:100px;}
.supple_3{ font-size:34px; height:44px; line-height:44px; margin-top:44px;}
.supple_4{ width:100%; font-size:26px; line-height:30px;margin-top:18px;}

.supple_bg{ width:700px; height:700px; right:-350px;  top:120px;}


.design{ width:1200px; padding-top:100px;}
.design_right{ float:right; width:650px; height:195px; position:relative; text-align:right; margin-top:10px;}
.design_right img{ height:195px; width:auto;}
.design_right_1{ position:absolute; width:26px; height:26px;}

.design_con{ width:1200px; height: auto; padding-top:106px; position:relative; margin-top:70px;}
.design_1{ width:760px; }
.design_2{ width:760px;}


.strength_tit{ height:113px;}  
.strength_tit_1{ width:100%; font-size:54px; line-height:103px;}
.strength_tit_2{ width:100%; font-size:152px; ine-height:113px;}
.strength_all{ width:100%; height:858px; margin-top:153px;}

.in_part5{ height: 858px;}
.in_part5 .img li{ padding:0 18px;}
.in_part5 .img li img{width: 100%; margin-bottom:36px;}


.mature{ padding:80px;}
.mature_all{ width:100%; height: auto;}
.mature_tit{ height:48px; font-size:26px; padding-top:120px;}
.mature_con{ height:auto; overflow:hidden; margin:auto;}
.mature_con_1{ font-size:15px; line-height:25px; width:510px; margin-top:19px;}
.mature_img{ width:1000px;}

.mature_biaoti{ width:100%; height: auto; z-index:2; position: absolute; top:0; }
.mature_biaotia{ position:fixed; top:60px;}

}

@media screen and (max-width:1591px)and (min-width:1272px){
.beijing_tu{ width:1000px; height:auto; overflow:hidden; margin:auto;}
.beijing_tu img{ height:295px; width:auto;}



.item_left{ float:left; width:250px;}
.item_en{ width:100%; font-size:57px; line-height:57px;}
.item_tit{ width:100%; font-size:28px; line-height:28px; margin-top:5px;}

.item_right{ float:right; width:590px; margin-top:8px;}
.item_1{ width:100%; height:8px;}
.item_1_1{ float:left; width:8px; height:8px;}
.item_1_2{ float:left; width:90px; margin-top:3px;}
.item_2{ font-size:14px; line-height:24px; margin-top:24px;}

.item_ti{ width:1000px; height:172px; margin:auto; position:relative; margin-top:145px;}
.item_ti img{ height:172px; width:auto;}
.item_ti_img { height:94px; line-height:104px; font-size:127px; left: -8px; top:-5px;}


.item_ti_1{ position:absolute; width:22px; height:22px; right:28px; top:-22px;}

.item_list ul li{ float:left; width:240px; height:auto; overflow:hidden; list-style:none;}
.item_san{ width:100%; height:auto; overflow:hidden;}
.item_san img{ height:10px; width:auto;}
.item_zhong{ width:100%; font-size:20px; height:30px; line-height:30px; margin-top:23px;}
.item_zhong small { font-size: 20px;}
.item_zhong i { font-size: 20px;}

.item_shu{ width:100%; font-size:20px; height:26px; line-height:26px;}

.item_shuzi{ position:absolute; font-size:20px; bottom:60px; right:0;}
.item_quan{ width:635px; height:635px; left:-210px; bottom:-330px;}

.audience{ width:1000px; margin-top:70px;}
.audience_list{ width:100%; height:130px; margin-top:55px;}
.audience_list ul li{ float:left; width:90px; height:130px; list-style:none; margin-right:137px;}
.audience_list ul li:nth-child(3) .audience_tit{ width:180px; margin-left:-45px;}
.audience_list ul li:nth-child(5){ margin-right:0px;}
.audience_img{ width:90px; height:90px;}
.audience_img img{ width:90px; height:90px;}
.audience_tit{ width:100%; text-align:center; font-size:17px; height:40px; line-height:40px;}

.target{ width:1000px; margin-top:95px; padding-bottom:120px;}
.target_right{ float:right; height:auto; overflow:hidden; padding-top:38px;}
.target_right span{ display:block; background-size:8px; font-size:17px; line-height:26px; padding-left:30px;}

.skeleton_warp{ width:100%; background-size:cover;}
.skeleton_bg{ width:678px; height:1092px; top:738px;}

.skeleton{ width:1000px; padding-top:100px; padding-bottom:210px;}
.skeleton_img{ width:1000px; height:573px; margin-top:65px;}
.skeleton_img img{ width:100%; height:auto;}


.skeleton_con{ width:100%; height:310px; margin-top:108px;}
.skeleton_list{ float:left; width:611px; height:310px;}
.skeleton_list ul li{ float:left; width:192px; height:302px; padding-top:8px; margin-right:17px;}

.skeleton_yan{ margin: auto; width:180px; height:115px; padding-top:65px; line-height:24px; font-size:28px;}
.skeleton_1{ font-size:28px; height:52px; line-height:52px; margin-top:10px;}
.skeleton_2{ font-size:16px; height:35px; line-height:35px;}

.skeleton_tu{ float:right; width:275px; height: auto; margin-top:8px;}
.skeleton_tu img{ width:100%; height: auto;}

.supple{ width:100%; height:auto; overflow:hidden; margin-top:170px;}
.supple_left{ float:left; font-size:378px; line-height:318px;}
.supple_right{ float:right; width:690px;}
.supple_1{ font-size:28px; line-height:28px;}
.supple_2{ width:100%; font-size:21px; line-height:30px; margin-top:23px; height:85px;}
.supple_3{ font-size:28px; height:37px; line-height:37px; margin-top:35px;}
.supple_4{ width:100%; font-size:21px; line-height:27px;margin-top:14px;}

.supple_bg{ width:584px; height:584px; right:-292px;  top:100px;}

.design{ width:1000px; padding-top:85px;}
.design_right{ float:right; width:545px; height:163px; position:relative; text-align:right; margin-top:10px;}
.design_right img{ height:163px; width:auto;}
.design_right_1{ position:absolute; width:22px; height:22px;}

.design_con{ width:1000px; height: auto; padding-top:90px; position:relative; margin-top:60px;}
.design_1{ width:570px; }
.design_2{ width:570px;}

.strength_tit{ height:95px;}  
.strength_tit_1{ width:100%; font-size:45px; line-height:90px;}
.strength_tit_2{ width:100%; font-size:127px; ine-height:95px;}
.strength_all{ width:100%; height:716px; margin-top:128px;}
.in_part5{ height: 716px;}
.in_part5 .img li{ padding:0 14px;}
.in_part5 .img li img{width: 100%; margin-bottom:28px;}




.mature{ padding:70px;}
.mature_all{ width:100%; height: auto;}
.mature_tit{ font-size:21px; padding-top:100px;}
.mature_con{ height:auto; overflow:hidden; margin:auto;}
.mature_con_1{ font-size:14px; line-height:24px; width:425px; margin-top:19px;}
.mature_img{ width:835px;}

.mature_biaoti{ width:100%; height: auto; z-index:2; position: absolute; top:0; }
.mature_biaotia{ position:fixed; top:60px;}

}

@media screen and (max-width:1271px)and (min-width:768px){
.beijing_tu{ width:700px; height:auto; overflow:hidden; margin:auto;}
.beijing_tu img{ height:205px; width:auto;}



.item_left{ float:left; width:180px;}
.item_en{ width:100%; font-size:40px; line-height:40px;}
.item_tit{ width:100%; font-size:20px; line-height:20px; margin-top:5px;}

.item_right{ float:right; width:415px; margin-top:8px;}
.item_1{ width:100%; height:7px;}
.item_1_1{ float:left; width:7px; height:7px}
.item_1_2{ float:left; width:55px; margin-top:3px;}
.item_2{ font-size:12px; line-height:20px; margin-top:20px;}

.item_ti{ width:700px; height:120px; margin:auto; position:relative; margin-top:105px;}
.item_ti img{ height:120px; width:auto;}
.item_ti_img { height:67px; line-height:76px; font-size:89px; left: -6px; top:-5px;}


.item_ti_1{ position:absolute; width:16px; height:16px; right:20px; top:-18px;}


.item_list ul li{ float:left; width:170px; height:auto; overflow:hidden; list-style:none;}
.item_san{ width:100%; height:auto; overflow:hidden;}
.item_san img{ height:7px; width:auto;}
.item_zhong{ width:100%; font-size:16px; height:23px; line-height:23px; margin-top:15px;}
.item_zhong small { font-size: 16px;}
.item_zhong i { font-size: 16px;}
.item_shu{ width:100%; font-size:16px; height:20px; line-height:20px;}

.item_shuzi{ position:absolute; font-size:16px; bottom:45px; right:0;}
.item_quan{ width:445px; height:445px; left:-150px; bottom:-230px;}

.audience{ width:700px; margin-top:50px;}
.audience_list{ width:100%; height:100px; margin-top:40px;}
.audience_list ul li{ float:left; width:70px; height:100px; list-style:none; margin-right:87px;}
.audience_list ul li:nth-child(3) .audience_tit{ width:130px; margin-left:-30px;}
.audience_list ul li:nth-child(5){ margin-right:0px;}
.audience_img{ width:70px; height:70px;}
.audience_img img{ width:70px; height:70px;}
.audience_tit{ width:100%; text-align:center; font-size:14px; height:30px; line-height:30px;}

.target{ width:700px; margin-top:65px; padding-bottom:80px;}
.target_right{ float:right; height:auto; overflow:hidden; padding-top:24px;}
.target_right span{ display:block; background-size:7px; font-size:14px; line-height:23px; padding-left:23px;}

.skeleton_warp{ width:100%; background-size:cover;}
.skeleton_bg{ width:475px; height:765px; top:520px;}

.skeleton{ width:700px; padding-top:65px; padding-bottom:160px;}
.skeleton_img{ width:700px; height:400px; margin-top:45px;}
.skeleton_img img{ width:100%; height:auto;}


.skeleton_con{ width:100%; height:218px; margin-top:75px;}
.skeleton_list{ float:left; width:430px; height:218px;}
.skeleton_list ul li{ float:left; width:135px; height:214px; padding-top:4px; margin-right:12px;}

.skeleton_yan{ margin: auto; width:126px; height:80px; padding-top:46px; line-height:17px; font-size:20px;}
.skeleton_1{ font-size:20px; height:37px; line-height:37px; margin-top:7px;}
.skeleton_2{ font-size:12px; height:21px; line-height:21px;}

.skeleton_tu{ float:right; width:195px; height: auto; margin-top:4px;}
.skeleton_tu img{ width:100%; height: auto;}

.supple{ width:100%; height:auto; overflow:hidden; margin-top:120px;}
.supple_left{ float:left; font-size:264px; line-height:230px;}
.supple_right{ float:right; width:485px;}
.supple_1{ font-size:20px; line-height:20px;}
.supple_2{ width:100%; font-size:15px; line-height:22px; margin-top:17px; height:60px;}
.supple_3{ font-size:20px; height:27px; line-height:27px; margin-top:24px;}
.supple_4{ width:100%; font-size:15px; line-height:20px;margin-top:10px;}

.supple_bg{ width:410px; height:410px; right:-205px;  top:70px;}
	
.design{ width:700px; padding-top:60px;}
.design_right{ float:right; width:380px; height:115px; position:relative; text-align:right; margin-top:10px;}
.design_right img{ height:115px; width:auto;}
.design_right_1{ position:absolute; width:16px; height:16px;}

.design_con{ width:700px; height: auto; padding-top:64px; position:relative; margin-top:43px;}
.design_1{ width:400px; }
.design_2{ width:400px;}

.strength_tit{ height:67px;}  
.strength_tit_1{ width:100%; font-size:31px; line-height:67px;}
.strength_tit_2{ width:100%; font-size:89px; line-height:67px;}
.strength_all{ width:100%; height:500px; margin-top:90px;}

.in_part5{ height: 500px;}
.in_part5 .img li{ padding:0 14px;}
.in_part5 .img li img{width: 100%; margin-bottom:28px;}


.mature{ padding:48px 0px;}
.mature_shi{ margin-top:-1px;}
.mature_all{ width:100%; height:450px; }
.mature_tit{ font-size:16px; padding-top:70px;}
.mature_con{ height:auto; overflow:hidden; margin:auto;}
.mature_con_1{ font-size:14px; line-height:24px; width:425px; margin-top:15px;}


.mature_img{ width:500px; height:100%;}
	
}
@media screen and (max-width:767px)and (min-width:300px){
	.beijing{ width:100%; height:auto; position:relative;}
	.beijing_tu{ width:96%; height:auto; overflow:hidden; margin:auto; padding-top:15vh; padding-bottom: 20vh; text-align: center;}
	.beijing_tu img{ height:auto; width:60%;}
	
	
	.item{ 
	width:100%; 
	height:auto; 
	position:relative; 
	background: #000000;
}
.item_box{ 
	width:100%; 
	height:calc(80vw * 2080 / 1920); 
	position:relative; 
	background: #000000;
}
.item_img{
	width:80%; 
	height:100%; 
	overflow:hidden; 
	border:6px solid #313131; 
	border-radius:30px; 
	margin:auto; 
	/*margin-top:-148px; */
	position: absolute; 
	left: 10%;
	top: -10vh;
	z-index:1;
}
.item_img img { 
	width: 100%; position: absolute; border-radius:20px;
}
	
	
	
	.item_biao{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
	.item_left{ float:none; width:100%; height:auto; overflow:hidden;}
	.item_en{ width:100%; font-size:16px; line-height:16px; text-align:center;}
	.item_tit{ width:100%; font-size:16px; line-height:18px; margin-top:5px; text-align:center;}
	
	.item_right{ float:none; width:100%; height:auto; overflow:hidden;}
	.item_1{ width:100%; height:10px; display:none;}
	.item_2{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:24px; margin-top:10px; text-align:center;}
	
	
	.item_ti{ width:96%; height:57px; margin:auto; position:relative; margin-top:60px;}
	.item_ti img{ width:292px; height:auto;}
	
	
	.item_ti_img {
	  background-image: url("../beijingfangimages/uFpLbYt.png");
	  background-size: 40px 50px;
	  opacity: 1; height:30px; line-height:35px; width:auto; font-size:40px; top:0; z-index:1; left: -2px;
	}
	
	@keyframes wave-animation {
	  0% { background-position: 40px top;}
	  100% { background-position: 0 top;}
	}
	@keyframes loading-animation {
	  0% { background-size: 40px 40px;}
	  100% { background-size: 40px 0px;}
	}
	
	.item_ti_1{ position:absolute; width:10px; height:10px; right:10px; top:-10px;}
	
	
	
	.item_list{ width:96%; margin-top:40px;}
	.item_list ul li{ float:left; width:330px; height:auto; overflow:hidden; list-style:none; cursor:pointer; margin-bottom:10px;}
	.item_list ul li:hover small { opacity: 0;}
	.item_list ul li:hover i { width: 100%; opacity: 1;}
	
	
	.item_san{ width:100%; height:auto; overflow:hidden;}
	.item_san img{ height:8px; width:auto;}
	.item_zhong{ width:100%; font-size:16px; height:24px; line-height:24px; margin-top:10px;}
	
	.item_zhong small { font-size:16px;}
	.item_zhong i { font-size: 16px;}
	
	.item_shu{ width:100%; font-size:16px; height:24px; line-height:24px;}

	.item_shuzi{ position:absolute; font-size:18px; bottom:40px; right:0;}
	.item_quan{ width:225px; height:225px; position:absolute; left:-90px; bottom:-80px;}


	.audience{ width:96%; margin-top:30px;}
	.audience_list{ width:100%; height: auto;  margin-top:30px; text-align:center;}
	.audience_list ul li{ float:none; display:inline-block; width:32%; height:140px; list-style:none; margin-right:0px;}
	.audience_list ul li:nth-child(3) .audience_tit{ width:120%; margin-left:-10%;}
	
	.audience_img{ width:84px; height:84px; border-radius:50%; margin:auto;} 
	.audience_img img{ width:84px; height:84px;}
	.audience_tit{ width:100%; text-align:center; font-size:14px; height:45px; line-height:45px;}
	
	.target{ width:96%; margin-top:30px; padding-bottom:50px;}
	.target_left{ float:none; width:100%;}
	
	.target_right{ float:none; height:auto; overflow:hidden; padding-top:20px;}
	.target_right span{ display:block; background-size:8px; font-size:14px; line-height:24px; padding-left:6%;}


	.skeleton_bg{ display:none;}
	.skeleton{ width:96%; padding-top:30px; padding-bottom:55px;}
	
	.skeleton_img{ width:100%; height:200px; margin-top:25px;}
	.skeleton_img img{ position:absolute; width:100%;}
	
	.skeleton_con{ width:100%; height: auto; overflow:hidden; margin-top:50px;}
	.skeleton_list{ float:none; width:100%; height: auto; overflow:hidden;}
	.skeleton_list ul li{ float:left; width:32%; height:174px; padding-top:6px; margin-right:2%;}
	
	.skeleton_yan{ margin: auto; width:90%; height:70px; padding-top:20px; line-height:24px; font-size:16px;}
	
	.skeleton_1{ width:100%; text-align:center; font-size:16px; height:40px; line-height:40px; margin-top:10px;}
	.skeleton_2{ width:100%; text-align:center; font-size:12px; height:35px; line-height:35px;}
	.skeleton_tu{ display:none;}

	
	.supple{ width:100%; height:auto;  margin-top:50px;}
	.supple_left{ display:none;}
	
	.supple_right{ float:none; width:100%; height:auto;}
	.supple_1{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:16px;}
	.supple_2{ width:100%; font-size:16px; margin-top:15px; height:57px; letter-spacing:2px;}
	
	.supple_xian{ width:100%; height:1px;}
	
	.supple_3{ font-size:24px; height:30px; line-height:30px; margin-top:20px;}
	.supple_4{ width:100%; font-size:18px; line-height:24px;letter-spacing:2px; margin-top:5px;}
	
	.supple_bg{ display:none;}
	.design{ width:96%; padding-top:30px;}
	.design_all{ width:100%; height:auto; overflow:hidden;}
	.design_left{ float:none; width:100%;}
	.design_right{ display:none;}


	.design_con{ width:100%; padding-top:20px; position:relative; margin-top:30px;padding-bottom:40px;}
	.design_1{ width:50%; height: auto;}
	.design_1 img{ max-width:100%; height:auto;}
	.design_2{ width:50%; height: auto; overflow:hidden; position:absolute; top:0; right:0;}
	.design_2 img{ max-width:100%; height:auto;}

	.strength{ padding-top:30px;}
	.strength_tit{ width:100%; text-align:center; position:relative; height:60px;}  
	.strength_tit_1{ width:100%; font-size:20px; letter-spacing: 2px; line-height:50px;}
	.strength_tit_2{ width:100%; font-size:80px; line-height:60px; position:absolute; top:0;}

	.strength_all{ width:96%; margin:auto; height: auto; position:relative; overflow:hidden; margin-top:30px; padding-bottom:20px;}
	
	.in_part5{background: #000; position: relative; z-index: 1; overflow: hidden; height:  auto;}
	.in_part5 .img{position: relative; left: 0; top: 0; width: 100%; height:100%; overflow: hidden;}
	.in_part5 .img ul{position:  relative; left:0; top:0%; width: 100%; height: 100%; transform: rotate(0)}
	.in_part5 .img li{float: left; width: 32%; box-sizing: border-box; padding:0 0px; margin-right:2%;}
	.in_part5 .img li:nth-child(3){ margin-right:0px;}
	.in_part5 .img li img{width: 100%; margin-bottom:8px;}
	
	

	.journey_chao{ width:100%; height:auto; overflow:hidden;} 
	
	.mature{ width:100%; height:auto; overflow:hidden; background-color:#b71c22; padding:30px 0px; padding-bottom:10px;}
	
	.mature_shi{ width:100%;  position:relative; height:auto; overflow:hidden;}
	.mature_all{ width:100%; height: auto; overflow:hidden;}
	
	.mature_biaoti{ width:96%; height:auto; overflow:hidden; margin:auto; position:relative; margin-top:0px;}
	.mature_tit{ width:100%; height:25px; line-height:25px; margin:auto; font-size:16px; padding-top:10px;}
	.mature_con{ width:100%;}
	.mature_con_1{ font-size:14px; line-height:24px; width:100%; margin-top:15px; overflow:hidden;}
	
	.mature_img{ position: relative; float:none; width:100%; text-align: center; height: auto; margin-top:30px;}
	.mature_img img{ max-width:100%; height:auto;}

}