@charset "utf-8";
/*头部导航*/
.top{ width:100%; height:100vh;display: flex; justify-content:center; flex-direction: column; position:relative; background:#fff;}
.top_logo{ width:100%; height:auto; text-align:center;}
.top_logo img{ height:7.9vh; width:auto;}
.top_tit{ width:100%; text-align: center; font-weight:bold; color:#302f35; font-size:4.375rem; margin-top:3.375rem;} 
.top_lian{ margin:auto; margin-top:3.375rem; width:4.75rem; height:4.375rem; text-align:center; position:relative;margin-bottom:0;}
.top_lian i{ color:#424142; font-size:2.5rem; -webkit-transform:rotate(90deg); line-height:4.375rem;
	-webkit-transition: all 0.4s ease-in-out;
	 -webkit-background-clip: text;    /*按文字裁剪*/
    -webkit-text-fill-color: transparent;    /*文字的颜色使用背景色*/
    background-color:#000;    /*设置一个背景色*/
    background-image: -webkit-linear-gradient(-45deg, rgba(31, 82, 162, 1) 30%,rgba(255, 255, 255, 1) 50%, rgba(31, 82, 162, 1) 70%);        /*设置渐变的背景，按对角线渐变*/
    background-blend-mode: hard-light;    /*设置背景为混合模式下的强光模式*/
    background-size: 200%;
    -webkit-animation: shine 2s infinite;    /*给背景添加动画改变位置*/
}

@-webkit-keyframes shine {

    from {background-position: 100%;}

    to {background-position: 0;}

}

.top_lian_1{ position:absolute; top:0; left:0.625rem; width:3.875rem; height:2px; background:#000000; overflow:hidden; -webkit-animation: widthdu 1s infinite normal ease;
    animation: widthdu 1s infinite normal ease;}

@-webkit-keyframes widthdu {
    from {width: 0%;}
    to {width: 100%;}
}


.top_lian_2{ position:absolute; top:0; left:0; width:2px; height:3.125rem;  -webkit-transform:rotate(20deg); overflow:hidden;}
.top_lian_2:after{ content:""; width:2px; height:100%; position:absolute; top:0; background:#000;background-image: linear-gradient(to right, #1f52a2 , rgba(255,255,255,0.1)); right:0;-webkit-transition: all 0.6s ease-in-out;
 -webkit-animation: gaodu 1s infinite normal ease;
    animation: gaodu 1s infinite normal ease;
}
@-webkit-keyframes gaodu {
    from {height: 0%;}
    to {height: 100%;}
}



.top_lian_3{ position:absolute; bottom:0; left:0.25rem; width:3.875rem; height:2px; overflow:hidden;}
.top_lian_3:after{ content:""; width:100%; height:2px; position:absolute; top:0; background:#000000; right:0;-webkit-transition: all 0.6s ease-in-out;
 -webkit-animation: widthdu 1s infinite normal ease;
    animation: widthdu 1s infinite normal ease;
}

.top_lian_4{ position:absolute; bottom:0; right:0; width:2px; height:3.125rem; -webkit-transform:rotate(20deg); overflow:hidden;}
.top_lian_4:after{ content:""; width:2px; height:100%; position:absolute; bottom:0; background:#000;background-image: linear-gradient(to right, #1f52a2 , rgba(255,255,255,0.1)); right:0;-webkit-transition: all 0.6s ease-in-out;
 -webkit-animation: gaodu 1s infinite normal ease;
    animation: gaodu 1s infinite normal ease;
}

.top_shu{ position:absolute; bottom:3.25rem; left:calc(50%); width:2px; height:3.125rem; background:#000000; overflow:hidden;}
.top_shu:after{ content:""; width:2px; height:100%; position:absolute; top:0; background:#1f52a2;background-image: linear-gradient(to right, #1f52a2 , rgba(255,255,255,0.5)); right:0;-webkit-transition: all 0.6s ease-in-out;
 -webkit-animation: top_infinite 2s infinite normal ease;
    animation: top_infinite 2s infinite normal ease;
}


@keyframes right_infinite {
    0% {
        right: -120%;
    }
    100% {
        right: 120%;
    }
}
@keyframes right_infinite1 {
    0% {
        right: 120%;
    }
    100% {
        right: -120%;
    }
}

@keyframes top_infinite {
    0% {
        top: 120%;
    }
    100% {
        top: -120%;
    }
}
@keyframes top_infinite1 {
    0% {
        top: -120%;
    }
    100% {
        top: 120%;
    }
}


.banner{ width:100%; height: auto; overflow:hidden; position:relative;}
.banner_bg{
	width:100%;
	height: calc(100vw * 1170 / 1920);
}
.banner_bg img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.banner_shu{ position:absolute; top:2.625rem; left:calc(50%); width:2px; height:3.125rem; background:#fff; overflow:hidden; z-index:9;}
.banner_shu:after{ content:""; width:2px; height:100%; position:absolute; top:0; background:#1f52a2;background-image: linear-gradient(to right, #1f52a2 , rgba(255,255,255,0.1)); right:0;-webkit-transition: all 0.6s ease-in-out;
 -webkit-animation: top_infinite1 2s infinite normal ease;
    animation: top_infinite1 2s infinite normal ease;
}
.banner_img{ width:75vw; 
	height: calc(75vw * 973/ 1680);
	padding-top: 5.5rem; margin:0 auto; background:url(../images/fuxing_09.png) no-repeat center top; background-size:cover; margin-top:-38rem; position:relative; z-index:2;}
.banner_img_1{
	width: 77.5%;
	 height:calc(75vw * 670 / 1400);
	margin-left: 11.3%;
	overflow: hidden;
	border-radius:10px;
	
}


.brief{ width:75vw; width: var(--mainwidth); height:auto; overflow:hidden; margin:0 auto; margin-top:5rem;}
.brief_tit{ width:100%; color:#343434; font-size:2.875rem;}
.brief_con{ width:100%; height:auto;display: flex;justify-content: space-between; margin-top:2.75rem; padding-bottom:12.1875rem;}
.brief_left{ width:29%; height:auto;}
.brief_1{ font-size:1.25rem; color:rgba(0,0,0,0.6); line-height:2.125rem;}
.brief_2{ font-size:1.25rem; color:rgba(0,0,0,0.6); line-height:2.125rem; font-family:Arial;}
.brief_right{ width:66%; height: auto; font-size:1.125rem; color:rgba(0,0,0,0.6); line-height:2.125rem;}

.norm{width:75vw; width: var(--mainwidth);height:auto;  margin:0 auto; position: relative;}
.norm_con{ width:100%; height:auto;display: flex;justify-content: space-between; margin-top:5.5rem;} 
.norm_yan{
	width:17.6%;
	height: calc(75vw * 0.176);
	height: calc(var(--mainwidth) * 0.176);
	font-size: 0px;
	overflow: hidden;
	border-radius:50% ;
	 -webkit-animation: quan 20s infinite normal ease;
    animation: quan 20s infinite normal ease;
}
.norm_yan img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
@keyframes quan {
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}

.norm_zi{ color: #000;
	font-size: 1.25rem;
	line-height: 2.25rem;
	width: 66.5%;
}
.pigment{
	 width:100%; height:auto;display: flex;justify-content: space-between; margin-top: -0.75rem; position: relative; z-index: 2;
}
.pigment_left{ 
	width: 20%; 
	height: auto;
	padding-top: calc(75vw * 0.5024 * 592 / 703);
	padding-top: calc(var(--mainwidth) * 0.5024 * 592 / 703);
}
.pigment_1{
	width:100%;
	height: calc(75vw * 0.2);
	height: calc(var(--mainwidth) * 0.2);
	background: #1f52a2; text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.pigment_1 span{ 
	-webkit-text-stroke:2px #e5e5e5;
	font-size: 6.25rem;
	color: #1f52a2;
	opacity: 0.2;
	font-family: mont;
}
.pigment_2{
	width:100%;
	height: calc(75vw * 0.2);
	height: calc(var(--mainwidth) * 0.2);
	background: #171717; text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.pigment_2 span{ 
	-webkit-text-stroke:2px #e5e5e5;
	font-size: 6.25rem;
	color: #171717;
	opacity: 0.2;
	font-family: mont;
}

.pigment_right{ 
	width: 80%; 
	height: auto;
	display: flex;
	justify-content: space-between;
}
.pigment_zuo{
	width: 62.8%;
}
.pigment_top{
	width:100%;
	height: calc(75vw * 0.5024 * 433 / 703);
	height: calc(var(--mainwidth) * 0.5024 * 433 / 703);
	background: #1f52a2;
}
.pigment_top span{ 
	font-size:3.125rem;
	color: #fff;
	font-family: mont;
	font-weight: bold;
	font-style: italic;
	line-height: 7.5rem;
	padding-left: 2.75rem;
}
.pigment_bottom{
	width:100%;
	height: calc(75vw * 0.5024 * 160 / 703);
	height: calc(var(--mainwidth) * 0.5024 * 160 / 703);
	display: flex;
	justify-content: space-between;
}
.pigment_bottom_1{
	width: calc(100% / 3);
	height: 100%;
	position: relative;
	background: #eaedff;
}
.pigment_bottom_1:nth-child(2){ background: #d4d4d4;}
.pigment_bottom_1:nth-child(3){ background: #b5b5b5;}
.pigment_bottom_1 span{
	position: absolute;
	bottom: 0;
	color: #000;
	font-size: 1.25rem;
	line-height: 2.875rem;
	left: 1rem;
}
.pigment_xia{
	width:100%;
	height: calc(75vw * 0.5024 * 734 / 703);
	height: calc(var(--mainwidth) * 0.5024 * 734 / 703);
	background: #fff;
}
.pigment_zi{
	width:78%;
	height: auto;
	margin: 0 auto;
	padding-top: 4.375rem;
	padding-bottom: 7.25rem;
}
.pigment_zi_1{
	font-size: 1.875rem;
	color: rgba(0,0,0,0.4);
}
.pigment_zi_2{
	font-size: 3.5rem;
	color:#1f52a2;
}
.pigment_zi_2a{
	font-family: mont;
}


.pigment_you{
	width: 37.2%;
}
.pigment_one{
	width:100%;
	height: calc(75vw * 0.5024 * 433 / 703);
	height: calc(var(--mainwidth) * 0.5024 * 433 / 703);
	background: #171717;
}
.pigment_one span{ 
	font-size:3.125rem;
	color: #fff;
	font-family: mont;
	font-weight: bold;
	font-style: italic;
	line-height: 7.5rem;
	padding-left: 2.75rem;
}
.pigment_two{
	width:100%;
	height: calc(75vw * 0.5024 * 160 / 703);
	height: calc(var(--mainwidth) * 0.5024 * 160 / 703);
	position: relative;
	background: #fff;
}
.pigment_two span{
	position: absolute;
	bottom: 0;
	color: #000;
	font-size: 1.25rem;
	line-height: 2.875rem;
	left: 1rem;
}
.norm_bg{
	width:48.85%;
	height: calc(75vw * 0.4885);
	height: calc(var(--mainwidth) * 0.4885);
	background: url("../images/fuxing_17.png") no-repeat center;
	background-size:cover;
	font-size: 0px;
	overflow: hidden;
	border-radius:50% ;
	 -webkit-animation: quan 20s infinite normal ease;
    animation: quan 20s infinite normal ease;
	right: -10.7%;
	
	position: absolute;
	bottom: calc(75vw * 0.5024 * 247 / 703);
	bottom: calc(var(--mainwidth) * 0.5024 * 247 / 703);
}
.norm_logo{
	position: absolute;
	bottom: -11.5rem;
	text-align: right;
	font-size: 18.5625rem;
	z-index: 3;
	-webkit-text-stroke: 2px #246ad8;
	right: 0;

        color: transparent;
	animation: 4s animate infinite linear;
}

@keyframes animate{
		    0%{ text-shadow: 0 0 0 rgba(36,106,206,0); }
		    40%{
	
		        text-shadow: 0 0 30px rgba(36,106,206,0.2);
		    }
		    70%{
		 
		        text-shadow: 0 0 10px rgba(36,106,206,0.4);
		    }
		    90%{
	
		        text-shadow: 0 0 30px rgba(36,106,206,0.6);
		    }
		    100%{ text-shadow: 0 0 40px rgba(36,106,206,0); }
		}



.grid_warp{
	width: 100%;
	height: auto;
	background: #131313;
}
.grid{
	width:75vw;
	width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 14rem 0 7.5rem 0;
}
.grid_con{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 9.75rem;
}
.grid_left{
	 color: #fff;
	font-size: 2.875rem;
	position: relative;
	height: 9.5rem;
	line-height: 4.5rem;
}
.grid_left:after{
	content:"";
	background: #2568d1;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 0.75rem;
}
.grid_right{
	width: 74%;
	height: auto;
}
.grid_1{
	width:100%;
	line-height: 4.5rem;
	color: #fff;
	font-size: 2.875rem;
}
.grid_2{
	width:100%;
	line-height: 2.25rem;
	color: rgba(255,255,255,0.5);
	font-size: 1.25rem;
	margin-top: 2.75rem;
}
.grid_img{
	width:100%;
	border: 5px solid #2568d1;
	height: calc(75vw * 727 / 1397);
	height: calc(var(--mainwidth)  * 727 / 1397);
	font-size: 0px;
	overflow: hidden;
	border-radius: 20px;
}
.grid_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.show{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 6.25rem;
	border-top: 1px solid #dfe5ef;
	padding-top: 3.75rem;
	padding-bottom: 1.5rem;
}
.show_con{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 5rem;
}
.show_tit{
	color: #555555;
	font-weight: bold;
	font-size: 2.875rem;
	line-height: 3.625rem;
}
.show_xia{
	border: 1px dashed #f9f9f9;
	width: calc(75vw * 0.107);
	width: calc(var(--mainwidth) * 0.107);
	height: calc(75vw * 0.107);
	height: calc(var(--mainwidth) * 0.107);
	text-align: center;
	border-radius:50%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
	
}
.show_xia:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	border: 1px dashed #b0b1b2;
	border-radius:50%;
	animation: 10s bian infinite linear;
}

@keyframes bian{
		    0%{ -webkit-transform:rotate(0deg); }
		   
		    100%{-webkit-transform:rotate(360deg);  }
		}

.show_xia_1{animation: 2s shangxia infinite linear;}

@keyframes shangxia{
		    0%{ margin-top: 0; }
			25%{ margin-top: 10px; }
		   	50%{ margin-top: 0px; }
		   	75%{ margin-top: -10px; }
		   
		    100%{margin-top: 0px; }
		}



.show_en{
	color: #555555;
	font-size: 1.875rem;
	line-height: 2.875rem;
	text-align: right;
	font-family: mont;
}
.show_nei{
	width:100%;
	height: calc(68.75vw * 750 / 1320 + 6.25rem);
	position: relative;
	
}
.show_img{
	width:68.75vw;
	border:8px solid #000;
	height: calc(68.75vw * 750 / 1320);
	font-size: 0px;
	overflow: hidden;
	border-radius: 20px;
	position: absolute;
	left:calc(-1 * ((100vw - var(--mainwidth)) / 2 + 8px));
	-moz-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
	text-align: center;
}
		.show_img:before{
		    content: "";
		    background: linear-gradient(to left top,#1f52a2,#6080b2);
		    height: 100%;
		    width: 100%;
		    opacity: 0;
		    position: absolute;
		    left: 0;
		    top: 0;
		    transition: all 0.4s linear;
		}
		
.show_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.box-content{
		    color: #fff;
		    width: 100%;
		    transform: translateY(-50%) scale(0);
		    position: absolute;
		    top: 50%;
		    left: 0;
		    transition: all 0.4s linear;
	
		}
.title{
		    font-size: 3rem;
		    font-weight: 600;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		    margin: 0;
	
		}		
 .post{
		    font-size: 1rem;
		    text-transform: capitalize;
	 padding-top: 10px;
		}

.show_zi{
	color: rgba(0,0,0,0.1);
	font-size: 15.5rem;
	line-height: 10.25rem;
	 writing-mode: vertical-lr;
	font-family: mont;
	position: absolute;
	right: 0;
	top: -1.25rem;
	
}

.show_neia .show_img{
	left:inherit;
	right:calc(-1 * ((100vw - var(--mainwidth)) / 2 + 14px));
}
.show_neia .show_zi{
	right:inherit;
	left:0;
}

.fit{
	width: 100%;
	height: auto;
	padding-top: 13rem;
	background: #fff;
}
.fit_tit{
	width:73vw;
	width:var(--mainwidth);
	margin: 0 auto;
	color: #555555;
	font-weight: bold;
	font-size: 2.875rem;
	text-align: center;
}
.fit_come{
	width:100%;
	height: auto;
	overflow: hidden;
	color: rgba(0,0,0,0.6);
	font-size: 1.25rem;
	text-align: center;
	line-height: 2.25rem;
	margin-top: 3.125rem;
}
.fit_all{
	width:89.5vw;
	height: auto;
	position: relative;
	margin: 0 auto;
	margin-top: 6.25rem;
}
.fit_img{
	width:62.5%;
	height: calc(89.5vw * 0.625 * 584 / 1077);
	font-size: 0px;
	overflow: hidden;
	border-radius: 35px;
	margin:0 auto;
	border: 8px solid #000100;
	-moz-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
}
.fit_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.fit_img2{
	width:45.4%;
	height: calc(89.5vw * 0.454 * 468 / 781);
	font-size: 0px;
	overflow: hidden;
	border-radius: 35px;
	margin-top: -5rem;
	margin-left: 8.8%;
	position: relative;
	z-index: 2;
	border: 8px solid #000100;
	-moz-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
}
.fit_img2 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fit_img3{
	width:14.4%;
	height: calc(89.5vw * 0.144 * 473 / 248);
	font-size: 0px;
	overflow: hidden;
	border-radius: 35px;
	position:  absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border: 8px solid #000100;
	-moz-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
}
.fit_img3 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fit_img4{
	width:26.74%;
	height: calc(89.5vw * 0.2674 * 595 / 460);
	font-size: 0px;
	overflow: hidden;
	border-radius: 35px;
	position:  absolute;
	top: calc(89.5vw * 0.625 * 584 / 1077 * 0.368);
	right: 0;
	z-index: 2;
	border: 8px solid #000100;
	-moz-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
}
.fit_img4 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.fit_biao{
	width:100%;
	font-size: 2.875rem;
	color: #555555;
	font-weight: bold;
	text-align: center;
	line-height: 3.375rem;
	margin-top: 13.5rem;
}

.delight_warp{
	width:100%;
	height: auto;
	 padding-top: 8.25rem;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.delight_bg{
	width: 120%;
	height: 75vw;
	height: var(--mainwidth);
	background: #1f52a2;
	position: absolute;
	transform: skewY(-20deg);
	top: calc(75vw * 0.645 * 915 / 905);
	top: calc(var(--mainwidth) * 0.645 * 915 / 905);
}




.delight {
    width: 75vw;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
   position: relative;
	height: calc(75vw * 0.645 * 2850 / 905);
	height: calc(var(--mainwidth) * 0.645 * 2850 / 905);
}

.delight_img{
	width:45.7%;
	height: calc(75vw * 0.457 * 1780 / 640);
	height: calc(var(--mainwidth) * 0.457 * 1780 / 640);
	font-size: 0px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 13.5rem;
	-moz-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
}
.delight_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.delight_img1{
	float: right;
	width:64.5%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	position:  relative;
	z-index: 3;
	right: 0;
	top: 0;
	-moz-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px rgba(0,0,0,0.24);
}
.delight_img1 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media screen and (max-width:1280px)and (min-width:1024px){
	.banner_img{ padding-top: 4rem;}
}


@media screen and (max-width:1023px)and (min-width:300px){
	/*头部导航*/

	.top_logo img{ height:5vh; width:auto;}
	.top_tit{ font-size:2.5rem; margin-top:3.375rem;} 

	.top_lian{ margin:0 auto; margin-top:3.375rem; width:4rem; height:3.5rem;}

	.top_lian i{ font-size:2rem; line-height:3.5rem;}

	.top_lian_1{ position:absolute; top:0; left:0.5rem; width:3.25rem; height:1px;}
	.top_lian_2{ position:absolute; top:0; left:0; width:1px; height:3rem;}




	.top_lian_3{ left:0.25rem; width:3.25rem; height:1px;}
	.top_lian_3:after{ height:1px;}

	.top_lian_4{ width:1px; height:3rem;}
	.top_lian_4:after{ width:1px;}




	.banner{ width:100%; height: auto; overflow:hidden; position:relative;}

	.banner_shu{ position:absolute; top:1.5rem; width:2px; height:2.5rem; }
	.banner_shu:after{ content:""; width:2px;}
	.banner_img{ width:96vw; height:calc(96vw * 742 / 1400); margin-top:-12rem; padding-top: 0.5rem;}
	.banner_img_1{
		width: 79.64%;
		 height:calc(96vw * 652 / 1400);
		margin-left: 11%;
		border-radius:10px;

	}


	.brief{ width:96vw;  margin-top:5vh;}
	.brief_tit{ font-size:1.5rem; text-align: center;}
	.brief_con{ display: flex;justify-content: center; flex-direction: column; margin-top:2vh; padding-bottom:5rem;}
	.brief_left{ width:100%; height:auto; text-align: center;}

	.brief_right{ width:94%; text-align: center; margin: 0 auto;margin-top: 2vh;}

	.norm{width:96vw;}
	.norm_con{ justify-content: center; flex-direction: column; margin-top:2vh; position: relative;} 
	.norm_yan{
		width:50px;
		height: 50px;
		position: absolute;
		left: 0;
		top: 0;
		opacity:0.5;
	}


	.norm_zi{ 
		line-height: 2rem;
		text-align: center;
		width: 100%;
		position: relative;
		z-index: 2;
	}
	.pigment{
		 width:100%; height:auto;display: flex;justify-content: center; flex-direction: column; margin-top: 3vh; position: relative; z-index: 2;
		padding-bottom: 5vh;
	}
	.pigment_left{ 
		display: none;
	}

	.pigment_right{ 
		width: 100%; 
		height: auto;
		display: flex;
		justify-content: space-between;
	}
	.pigment_zuo{
		width: 62.8%;
	}
	.pigment_top{
		width:100%;
		height: calc(96vw * 0.5024 * 433 / 703);
	}
	.pigment_top span{ 
		font-size:2.25rem;
		line-height: 6.5rem;
		padding-left: 1.75rem;
	}
	.pigment_bottom{
		width:100%;
		height: 40px;
	}

	.pigment_bottom_1 span{
		position: absolute;
		font-size: 1rem;
		line-height: 40px;
		left: 0.75rem;
	}
	.pigment_xia{
		width:100%;
		height: calc(96vw * 0.5024 * 734 / 703);
	}
	.pigment_zi{
		width:90%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
		padding-bottom:1rem;
	}
	.pigment_zi_1{
		font-size: 1.25rem;
	}
	.pigment_zi_2{
		font-size: 2rem;
	}


	.pigment_one{
		height: calc(96vw * 0.5024 * 433 / 703);
	}
	.pigment_one span{ 
		font-size: 2.25rem;
		line-height: 6.5rem;
		padding-left: 1.75rem;
	}
	.pigment_two{
		height: 40px;
	}
	.pigment_two span{
		font-size: 1rem;
		line-height: 40px;
		left: 0.75rem;
	}
	.norm_bg{
		width:100px;
		height: 100px;
		right: -6%;

		bottom: calc(96vw * 0.5024 * 247 / 703);
	}
	.norm_logo{
		position: absolute;
		bottom: -5.5rem;
		text-align: right;
		font-size: 8rem;
	}



	.grid{
		width:96vw;
		padding: 8rem 0 5vh 0;
	}
	.grid_con{
		justify-content: center;
		flex-direction: column;
		padding-bottom: 3vh;
	}
	.grid_left{
		font-size:1.5rem;
		height: 3.5rem;
		line-height:2.5rem;
		text-align: center;
	}
	.grid_left:after{

		left: calc(50% - 20px);
		bottom: 0;
		width: 40px;
		height: 3px;
	}
	.grid_right{
		width: 100%;
		height: auto;
		margin-top: 2vh;
		text-align: center;
	}
	.grid_1{
		line-height: 2.5rem;
		font-size: 1.5rem;
	}
	.grid_2{
		width:90%;
		margin: 0 auto;
		line-height: 2rem;
		font-size: 1.125rem;
		margin-top: 1.75rem;
	}
	.grid_img{
		width:100%;
		border: 2px solid #2568d1;
		height: calc(96vw * 727 / 1397);
		border-radius: 10px;
	}

	.show{
		width:96vw;
		margin-top:3vh;
		padding-top: 2rem;
		padding-bottom: 1.5rem;
	}
	.show_con{
		padding-bottom: 3vh;
	}
	.show_tit{
		font-size: 1.5rem;
		line-height:2.25rem;
	}
	.show_xia{
		display: none;

	}


	.show_en{
		font-size: 1.25rem;
		line-height:2.25rem;
	}
	.show_nei{
		width:100%;
		height: calc(96vw * 750 / 1320 + 1.5rem);
		position: relative;

	}
	.show_img{
		width:90vw;
		border:2px solid #000;
		height: calc(90vw * 750 / 1320);
		border-radius: 10px;
		left:calc(-1 * (10vw / 2 + 4px));
	}


	.title{
				font-size: 1.5rem;

			}		
	 .post{
	 padding-top: 5px;
		}

	.show_zi{
		font-size:3.5rem;
		line-height: 2.25rem;
		top: -0.25rem;
		right: 0;
	}

	.show_neia .show_img{
		left:inherit;
		right:calc(-1 * (0vw / 2 + 4px));
	}


	.fit{
		padding: 3vh 0;
	}
	.fit_tit{
		width:80vw;
		font-size: 1.5rem;
	}
	.fit_come{
		margin: 0 auto;
		width:90%;
		font-size: 1.25rem;
		text-align: center;
		line-height: 2.25rem;
		margin-top: 2vh;
	}
	.fit_all{
		width:89.5vw;
		height: auto;
		position: relative;
		margin: 0 auto;
		margin-top:5vh;
	}
	.fit_img{
		width:62.5%;
		height: calc(89.5vw * 0.625 * 584 / 1077);
		font-size: 0px;
		overflow: hidden;
		border-radius: 10px;
		margin:0 auto;
		border: 2px solid #000100;

	}

	.fit_img2{
		border-radius: 10px;
		margin-top: -5rem;
		margin-left: 8.8%;
		border: 2px solid #000100;
	}

	.fit_img3{
		border-radius:10px;
		border: 2px solid #000100;
	}

	.fit_img4{

		border-radius: 10px;
		border: 2px solid #000100;
	}

.fit_biao{
	font-size: 1.5rem;
	line-height:2.5rem;
	margin-top: 8vh;
}

.delight_warp{
	 padding-top: 5vh;
}
.delight_bg{
	width: 120%;
	height: 75vw;
	top: calc(96vw * 0.645 * 915 / 905);
}




.delight {
    width: 96vw;
	height: calc(96vw * 0.645 * 2850 / 905);
}

.delight_img{
	width:45.7%;
	height: calc(96vw * 0.457 * 1780 / 640);
	top: 5vh;
}

.delight_img1{
	float: right;
	width:64.5%;
	height: 100%;

}

}