@charset "utf-8";
/* CSS Document */

:root {
    --hover: #ec2800
}

@font-face {
    font-family: "syRegular";
    src: url("../fonts/syRegular.eot");
    src: url("../fonts/syRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/syRegular.woff") format("woff"), url("../fonts/syRegular.ttf") format("truetype"), url("../fonts/syRegular.svg#syRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 0.875rem;
}
html{font-size:62.5%;}
a{
	color:#222;
	text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
a:hover
{
    color:#d92b38;
	text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cell, .cell2, .cell3 {
	border-collapse:collapse;
	border-spacing:0;
}
.fl {
	float:left;}
.fr {
	float:right;}
.yh {
    font-family:"Microsoft Yahei","微软雅黑";
}
a,img{border:0px;}

br{font-family:SimSun;}

p{margin:0px;padding:0px;line-height:1.75;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
input::-ms-clear, input::-ms-reveal{
        display: none;
  }
input[type="text"]:disabled
{
background-color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

/*loading*/
.loading{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:9998;display:block;}
.loading b.b1{width:100%;height:100%;display:block;overflow:hidden;background-color:#004c98;position:absolute;left:0px;top:0%;}

.container{width:100%;min-width:1440px;}
.section{width:100%;}
.section .pagefr_n{width:100%;height:calc(100vh);max-width:1920px;margin:0px auto;padding:0px;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.section.active .pagefr_n{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}

@-webkit-keyframes an_0 {
  0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
  100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
}
 
@keyframes an_0 {
  0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
  100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
}

@-webkit-keyframes an_02 {
  0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
  100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
 
@keyframes an_02 {
 0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
  100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
.an_02{-webkit-animation-name:an_02;animation-name:an_02}


@-webkit-keyframes an_01 {
  0% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
  100% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
}
 
@keyframes an_01 {
  0% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
  100% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
}


@-webkit-keyframes an_03 {
  0% {opacity:0;}
  100%{opacity:1;}
}
 
@keyframes an_03 {
 0% {opacity:0;}
  100%{opacity:1;}
}
.an_03{-webkit-animation-name:an_03;animation-name:an_03;}

@-webkit-keyframes an_zdy {
  0% {}
  100%{}
}
 
@keyframes an_zdy {
 0% {}
  100%{}
}
.an_zdy{-webkit-animation-name:an_zdy;animation-name:an_zdy;}

@-webkit-keyframes an_04 {
  0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
  100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
}
 
@keyframes an_04 {
  0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
  100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
}

@-webkit-keyframes an_05 {
  0% {transform:scale(0.96, 0.96); -moz-transform:scale(0.96, 0.96); -webkit-transform:scale(0.96, 0.96);opacity:1;}
  50%{transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1);opacity:.4;}
  100% {transform:scale(0.96, 0.96); -moz-transform:scale(0.96, 0.96); -webkit-transform:scale(0.96, 0.96);opacity:1;}
}
 
@keyframes an_05 {
  0% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);opacity:1;}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);opacity:.4;}
  100% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);opacity:1;}
}
/*common*/


.in_body{min-height:100vh;position:relative;background-color:#000;}
.home_body{overflow:hidden;height:100vh;}
.wrap{width:100%;margin:0px auto;padding:0px;min-width:1440px;}
.wrap_in{margin:0px auto;max-width:1920px;padding:0px;}

.w_pc{}
.w_wap{display:none !important;}

.topfr{width:100%;overflow:visible;position:fixed;left:0px;top:0px;height:12rem;border-bottom:.1rem solid rgba(255,255,255,.25);z-index:9999;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.topfr .fl{height:12rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;padding-left:5rem;}
.topfr .fl img{display:block;height:4rem;}


.topfr .top_menu{float:left;}
.topfr .top_menu ul li{float:left;font-size:1.8rem;height:12rem;margin-right:5vw;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.topfr .top_menu ul li a{color:#fff;}
.topfr .top_menu ul li a:hover{color:#dcab5f;}

.topfr .top_sch{float:left;width:11.6rem;height:12rem;border-left:.1rem solid rgba(255,255,255,.25);display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.topfr .top_sch label{width:100%;height:2.4rem;display:block;overflow:hidden;}
.topfr .top_sch b{width:2.4rem;height:2.4rem;display:block;overflow:hidden;background:url("../img/top_01.png") center no-repeat;background-size:100%;margin-left:5rem;cursor:pointer;}



.topfr .top_user{float:left;overflow:visible;position:relative;width:19rem;height:12rem;border-left:.1rem solid rgba(255,255,255,.25);}
.topfr .top_user .top_u_t{width:19rem;height:12rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.topfr .top_user .top_u_t a{display:inline-block;font-size:1.8rem;color:#fff;background:url("../img/t1.png") right center no-repeat;background-size:.6rem;padding-right:2rem;}
.topfr .top_user .top_u_c{width:calc(100% + .2rem);position:absolute;left:-.1rem;top:12rem;display:none;border:.1rem solid rgba(255,255,255,.25);border-top:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.topfr .top_user .top_u_c p{width:100%;position:relative;height:7.8rem;overflow:hidden;font-size:1.8rem;color:#fff;display:flex;display:-webkit-flex;align-items:center;justify-content:center;border-bottom:.1rem solid rgba(255,255,255,.25);}
.topfr .top_user .top_u_c p:before{content:"";width:0;height:calc(100% + .2rem);overflow:hidden;position:absolute;left:50%;top:-.1rem;opacity:0;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.topfr .top_user .top_u_c p span{position:relative;z-index:9;}
.topfr .top_user .top_u_c p a{color:#fff;}
.topfr .top_user .top_u_c p:hover:before{left:-.1rem;opacity:1;width:calc(100% + .2rem)}
.topfr .top_user a:hover{color:#dcab5f;}

.topfr .top_lgn{float:left;border-right:.1rem solid rgba(255,255,255,.25);border-left:.1rem solid rgba(255,255,255,.25);height:12rem;font-size:1.8rem;color:#fff;display:flex;display:-webkit-flex;align-items:center;justify-content:center;padding:0px 3rem;}
.topfr .top_lgn a{color:#fff;}


.page1{overflow:hidden;position:relative;}
.page1 .pagefr_n{height:auto;position:relative;}

@media screen and (min-width:1921px) {
    .page1 .p1r_c{right:50%;margin-right:-0rem;}
}


.p1_bg{width:100%;overflow:hidden;}
.p1_bg img{width:100%;display:block;}
.p1_bg b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
.p1_bg i{position:absolute;pointer-events:none;}
.p1_bg .i1{width:100%;height:20%;overflow:hidden;display:block;left:0px;top:0px;background-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));z-index:99;}
.p1_bg .i2{width:100%;height:20%;overflow:hidden;display:block;left:0px;bottom:0px;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));z-index:99;}
.p1_bg .i3{width:5%;height:100%;overflow:hidden;display:block;left:0px;top:0px;background-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));z-index:99;}
.p1_bg .i4{width:5%;height:100%;overflow:hidden;display:block;right:0px;top:0px;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1));z-index:99;}


.page1 .p1_c{position:absolute;left:10%;top:12rem;height:calc(100% - 12rem);display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.page1 .p1_c p{width:100%;overflow:hidden;}
.page1 .p1_c p.p1{font-size:6rem;color:#fff;line-height:1.75;font-weight:bold;letter-spacing:1rem;padding-top:40px;}
.page1 .p1_c p.p1 span{display:inline-block;}
.page1 .p1_c p.p2{margin-top:.4rem;}
.page1 .p1_c p.p2 label{display:inline-block;position:relative;padding-left:0;font-size:1.8rem;color:rgba(255,255,255,0.5);text-transform:uppercase;line-height:2.6rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page1 .p1_c p.p2 label:before{content:"";width:.3rem;height:4.1rem;display:block;overflow:hidden;background-color:rgba(255,255,255,.5);position:absolute;left:0px;top:.7rem;}
.page1 .p1_c p.p2 label.on{padding-left:3.3rem;}
.page1 .p1_c p.p3{margin-top:4rem;}
.page1 .p1_c p.p3 a{display:inline-block;line-height:4rem;padding:0px 3rem;font-size:2rem;color:#fff;font-weight:bold;text-transform:uppercase;position:relative;}
.page1 .p1_c p.p3 a span{display:inline-block;position:relative;z-index:2;}
.page1 .p1_c p.p3 a:before{content:"";width:0%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page1 .p1_c p.p3 a.on:before{width:36%;}
.page1 .p1_c p.p3 a:hover:before{width:100%;}

.page1 .p1r_c{width:34.7%;overflow:hidden;height:calc(100% - 12rem);position:absolute;right:10%;top:12rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.page1 .p1r_c .p1cr_c{width:100%;overflow:hidden;position:relative;}
.page1 .p1r_c img.img1{width:100%;display:block;-webkit-animation:an_02 36.1s linear infinite;animation: an_02 36.1s linear infinite;pointer-events:none;}
.page1 .p1r_c img.img2{width:100%;display:block;position:absolute;left:0px;top:0px;pointer-events:none;}
.page1 .p1r_c a{width:16.48%;display:block;overflow:visible;position:absolute;left:50%;margin-left:-8.24%;top:50%;margin-top:-8.24%;opacity:0;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page1 .p1r_c a img{width:100%;display:block;}
.page1 .p1r_c a.a1.on{left:calc(19.19% + 8.24%);top:calc(9.5% + 8.24%);opacity:1;-webkit-animation:an_04 2.1s linear infinite;animation: an_04 2.1s linear infinite;}
.page1 .p1r_c a.a2.on{left:calc(77.66% + 8.24%);top:calc(26.68% + 8.24%);opacity:1;-webkit-animation:an_04 3.1s linear infinite;animation: an_04 3.1s linear infinite;}
.page1 .p1r_c a.a3.on{left:calc(27.43% + 8.24%);top:calc(77.81% + 8.24%);opacity:1;-webkit-animation:an_04 1.1s linear infinite;animation: an_04 1.1s linear infinite;}


.page2{overflow:hidden;position:relative;}
.page2 .pagefr_n{align-items:flex-start;height:auto;position:relative;}

.p2c_l{position:absolute;left:10%;top:30%;z-index:999;}
.p2c_l p{width:100%;overflow:hidden;opacity:0;}
.p2c_l p.p1{font-size:3rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.7rem;line-height:1.4;}
.p2c_l p.p2{font-size:3.6rem;color:#fff;line-height:1.5;letter-spacing:1rem;position:relative;overflow:visible;padding-bottom:2.4rem;}
.p2c_l p.p2 b{width:1.8rem;height:.5rem;display:block;overflow:hidden;background-color:#c89646;position:absolute;left:50%;bottom:0px;margin-left:-.9rem;}

.p2c_c{width:13%;height:46%;overflow:hidden;position:absolute;left:41.6%;top:23.5%;background-color:rgba(30,28,28,.95);z-index:98;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.p2c_c .p2cc_t{width:100%;height:22.5%;overflow:hidden;font-size:4.5rem;color:#fff;letter-spacing:.3rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);}
.p2c_c .p2cc_c{width:100%;overflow:hidden;height:calc(49vh - 22.5%);position:absolute;left:0px;bottom:0px;display:none;}
.p2c_c .p2cc_c ul{width:100%;overflow:hidden;height:100%;position:absolute;left:0px;top:0px;}
.p2c_c .p2cc_c ul li{width:100%;height:33.3333%;position:relative;overflow:hidden;border-bottom:.1rem solid rgba(255,255,255,.1);display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.p2c_c .p2cc_c ul li:last-child{border-bottom:0px;}
.p2c_c .p2cc_c ul li label{display:inline-block;margin-left:3.7rem;}
.p2c_c .p2cc_c ul li label span{width:100%;display:block;overflow:hidden;}
.p2c_c .p2cc_c ul li label span.sp1{font-size:5rem;color:#fff;font-family:"Bahnschrift";line-height:1.1;}
.p2c_c .p2cc_c ul li label span.sp2{font-size:1.8rem;color:rgba(255,255,255,.6);line-height:1.1;letter-spacing:.3rem;}
.p2c_c .p2cc_c ul li i{position:absolute;right:3.7rem;font-size:.24rem;color:rgba(255,255,255,.6);line-height:1.1;top:3rem;}


.p2c_r{width:43.22%;height:50.92%;overflow:hidden;padding:0% 8rem 0% calc(4.1% + 8rem);position:absolute;right:6.25%;top:29%;background-color:rgba(255,255,255,.1);z-index:96;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:flex;display:-webkit-flex;align-items:center;justify-content:center;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;}
.p2c_r.on{background-color:rgba(255,255,255,.9);}
.p2ccr_c{width:100%;overflow:hidden;}
.p2ccr_c p{width:100%;overflow:hidden;}
.p2ccr_c p.p1{border-bottom:.1rem solid #bfbfbf;font-size:3.6rem;color:#000;letter-spacing:.5rem;line-height:1.75;padding-bottom:1.5rem;font-weight:bold;margin-bottom:2.5rem;opacity:0;}
.p2ccr_c p.p2{font-size:1.6rem;color:#666666;line-height:3rem;height:12rem;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;display:-webkit-box;opacity:0;}
.p2ccr_c p.p3{margin-top:6rem;}
.p2ccr_c p.p3 a{display:inline-block;line-height:4rem;padding:0px 3rem;font-size:2rem;color:#1e1c1c;font-weight:bold;text-transform:uppercase;position:relative;}
.p2ccr_c p.p3 a span{display:inline-block;position:relative;z-index:2;}
.p2ccr_c p.p3 a:before{content:"";width:0%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.p2ccr_c p.p3 a.on:before{width:36%;}
.p2ccr_c p.p3 a:hover:before{width:100%;}


.page3{overflow:hidden;position:relative;}
.page3 .pagefr_n{height:auto;position:relative;}

.p3_btnfr{width:100%;overflow:hidden;position:absolute;left:0px;bottom:0px;z-index:990;}
.btn_01{width:100%;overflow:hidden;position:relative;}
.btn_01:before{content:"";width:50%;height:100%;display:block;overflow:hidden;background-color:#303030;position:absolute;left:0px;top:0px;z-index:1;}
.btn_01:after{content:"";width:50%;height:100%;display:block;overflow:hidden;position:absolute;right:0px;top:0px;z-index:1;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);}
.btn_01 .wrap_in{position:relative;z-index:99;}
.btn_01 .fl{width:calc(50% - 20rem);overflow:hidden;margin-left:10rem;}
.btn_01 .fl ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between}
.btn_01 .fl ul li{height:20rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;font-size:2rem;}
.btn_01 .fl ul li a{color:rgba(255,255,255,.75);}
.btn_01 .fr{width:calc(50% - 20rem);margin-right:10rem;height:20rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;font-size:2rem;color:#fff;}
.btn_01 .fr a{color:#fff;}

.btn_02{width:100%;overflow:hidden;background-color:#fff;}
.btn_02 a{color:#303030;}
.btn_02 .btn2_c{width:calc(100%);padding:0px 10rem;overflow:hidden;margin:0px auto;line-height:1.1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:1.8rem;color:#303030;}
.btn_02 .btn2_c .fl{height:12rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.btn_02 .btn2_c .fr{height:12rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}


.p3c_l{position:absolute;left:10%;top:5rem;height:calc(100% - 32rem - 12rem);z-index:999;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.p3c_l .p3cl_c{width:100%;overflow:hidden;}
.p3c_l p{width:100%;overflow:hidden;opacity:0;}
.p3c_l p.p1{font-size:3rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.7rem;line-height:1.4;}
.p3c_l p.p2{font-size:3.6rem;color:#fff;line-height:1.5;letter-spacing:1rem;position:relative;overflow:visible;padding-bottom:2.4rem;}
.p3c_l p.p2 b{width:1.8rem;height:.5rem;display:block;overflow:hidden;background-color:#c89646;position:absolute;left:50%;bottom:0px;margin-left:-.9rem;}












@media screen and (min-width:1921px) {
    .topfr{}
    .topfr .fl{border-left:.1rem solid rgba(255,255,255,.25);}
    .topfr .top_user{border-right:.1rem solid rgba(255,255,255,0.25);}


    .topfr .top_menu ul li{margin-right:8rem;}
    .topfr .top_sch{width:32.0rem;}

}





@media screen and (max-width:1880px) {

    .topfr .top_sch{width:14vw;}
    .topfr .top_menu ul li{margin-right:4vw;}

    .page1 .p1_c p.p1{font-size:5rem;}


    .btn_01 .fr{font-size:2rem;}

}


@media screen and (max-width:1600px) {

    .topfr .top_sch{width:13vw;}
    .topfr .top_menu ul li{margin-right:3vw;}

    .page1 .p1_c p.p1{font-size:4.5rem;}
    .p2c_c .p2cc_t{font-size:3.5rem;}

    .btn_01 .fr{font-size:2rem;width:calc(50% - 10rem);margin-right:5rem;}

    .btn_01 .fl{margin-left:5rem;width:calc(50% - 14rem);}

    .btn_02 .btn2_c{padding-left:5rem;padding-right:5rem;}

}

@media screen and (max-width:1440px) {

  .topfr .top_sch{width:188px;}
  .topfr .top_menu ul li{margin-right:44px;}
}


