body {
    height: 100%;
    width: 100%;
}

body, form, div, span, ul, ol, li, p, pre, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, a, fieldset, legend, address, label, textarea, select, input, figure, table, th, td, b, i {
    margin: 0;
    padding: 0
}

body, button, input, select, textarea {
    font: 12px/1.5 Tahoma, Arial, '\5B8B\4F53'
}

fieldset, img {
    border: 0
}

ul, li {
    list-style: none
}

em, i {
    font-style: normal
}

table {
    border-collapse: separate;
    border-spacing: 0
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:focus, input, button, select, textarea {
    outline: none;
    font-size: 100%
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-variant: normal
}

input, select, img {
    vertical-align: middle
}

legend {
    display: none
}

textarea {
    resize: none
}

button {
    cursor: pointer
}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

html, body{
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    width:100%;
    height:100%;
    background-color:#020202;
}

.wapper{
    width:100%;
    min-height:3700px;
    background:url(../images/index_FY4C_bg.jpg) top center no-repeat;
    background-color: #000000;
    min-width:1500px;
    position:relative;
}
.main{
    width:1400px;
    margin:0px auto 0px auto;
    padding:781px 0px  0px 0px;
    position: relative;
}
.introduction_fy4c{
    display: flex;
    flex-direction: row-reverse;
    width:100%;
}
.introduction_fy4c_wrap{
    display: inline-flex;
    width:690px;
    height:200px;
    margin: 10px;
}
.introduction_fy4c_txt{
    padding: 25px 10px 0px 25px;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    background: rgba(131, 117, 100, 0.5);
    border-radius: 10px;
}
.introduction_tedian{
    width:100%;
}
.introduction_tedian_wrap{
    font-size:16px;
    color:#ffffff;
    width: 635px;
    margin-left: 765px;
    margin-top: 65px;
}
.introduction_tedian_wrap > div{
    display: block;
}
.introduction_tedian_title{
    width:501px;
    height:46px;
    background:url(../images/index_introduction_tedian_title.png)top left no-repeat;
    text-align: center;
    line-height:46px;
    color:#654c2e;
    margin-left: 53px;
}
.introduction_tedian_pub{
    background: rgba(131, 117, 100, 0.5);
    height:60px;
    text-align: center;
    line-height:60px;
    border-radius: 60px;
    margin-top:50px;
}
.introduction_tedian_01{
    margin-top:65px;
    width:410px;
    margin-left:20px;
}
.introduction_tedian_02{
    width:476px;
    margin-left:5px;
}
.introduction_tedian_03{
    width:450px;
    margin-left:-15px;
}
.introduction_tedian_04{
    width:450px;
    margin-left:-55px;
}
.introduction_tedian_05{
    width:470px;
    margin-left:-105px;
}
.introduction_tedian_06{
    width:450px;
    margin-left:-175px;
}
.logo_wrap{
    position:absolute;
    left:-239px;
    top:40px;
}
.introduction_yiqi_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position:relative;
}
.introduction_yiqi_cell{
    width:416px;
    height:320px;
    background-color:#000000;
    border:1px solid #5d5d5d;
}
.introduction_yiqi_img{
    text-align: center;
    margin:45px 0px 0px 0px;
}
.introduction_yiqi_txt{
    font-size:16px;
    color:#ffffff;
    text-align: center;
    padding:6px 0px 0px 0px;
}
.introduction_yiqi{
    margin:170px 0px 0px 130px;
}
.introduction_yiqi_01{
    position:absolute;
    left:15px;
    top:0px;
    width:419px;
    height:641px;
    background-color:#000000;
    border:1px solid #ffffff;
}
.introduction_yiqi_02{
    position:absolute;
    left:433px;
    top:0px;
    width:419px;
    height:641px;
    background-color:#000000;
    border:1px solid #ffffff;
}
.introduction_yiqi_03{
    position:absolute;
    right:-2px;
    top:0px;
    width:419px;
    height:641px;
    background-color:#000000;
    border:1px solid #ffffff;
}
.introduction_yiqi_txt2{
    font-size:16px;
    color:#ffffff;
    padding:30px;
}

.news_wrap{
    width: 1400px;
	margin:0px auto;
    margin-top:95px;
    display: flex;
    flex-wrap: wrap;
}
.news_wrap > a{
    display: block;
    width:410px;
    height:300px;
    position:relative;
    border: 1px solid #8f8e8e;
    margin: 0px 25px 25px 0px;
}
.news_wrap > a > div.news_box{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    text-align: center;
    min-height:50px;
    line-height:50px;
    font-size:14px;
    color:#fff;
    background:rgba(0,0,0,0.7);
}
#news_box_01{
    background:url(../images/index_news_01.jpg) left top no-repeat;
    background-size: 100% auto;
}
#news_box_02{
    background:url(../images/index_news_02.jpg) left top no-repeat;
    background-size: 100% auto;
}
#news_box_03{
    background:url(../images/index_news_03.jpg) left top no-repeat;
    background-size: 100% auto;
}
#news_box_04{
    background:url(../images/index_news_04.jpg) left top no-repeat;
    background-size: 100% auto;
}
#news_box_05{
    background:url(../images/index_news_05.jpg) left top no-repeat;
    background-size: 100% auto;
}
#news_box_06{
    background:url(../images/index_news_06.jpg) left top no-repeat;
    background-size: 100% auto;
}
.hover_yiqi_04 .introduction_yiqi_txt2, .hover_yiqi_05 .introduction_yiqi_txt2, .hover_yiqi_06 .introduction_yiqi_txt2 {
    height:202px;
    padding-top:90px;
}

.foot{
	width: 1400px;
	margin:0px auto;
    margin-top:150px;
}
.foot_l, .foot_r{
	float:left;
}
.foot_r{
	margin-left:20rem;
}
.foot_r div{
	color:#fff;
	font-size:16px;
	text-align:left;
	height:2rem;
}
.foot_logo_i{
	float:left;
	height:4.5rem;
	margin-left:0.5rem;
    padding: 10px 0px 0px 0px;
}
.foot_logo_i img{
	height:45px;
}
.foot_logo_t{
	float:left;
	color:#fff;
	font-size:16px;
	text-align:left;
	height:4.5rem;
	line-height:4.5rem;
	margin-left:0.5rem;
}

.right_linkfv{
    position: absolute;
    right: 10px;
    top: 30px;
    width: 150px;
    height: auto;
    padding: 0px 0px 10px 0px;
    background: rgba(10, 20, 40, 0.5);
    border-radius: 0.5rem;
    border: 2px solid #e0a047;
    z-index: 1000;
}
.right_linkfv a:link, .right_linkfv a:hover, .right_linkfv a:visited, .right_linkfv a:active{
    display: block;
    outline:none;
    width:100%;
    height:100%;
    position:relative;
    text-decoration:none;
}
.right_linkfv_icon{
    width:100px;
    height:auto;
    position:absolute;
    left:25px;
    top:-30px;
}
.right_linkfv_icon img{
    width:100px;
    height:auto;
}
.right_link2_icon{
    width: auto;
    height: auto;
    text-align: center;
    padding: 6px 0px 0px 0px;
}
.right_link2_icon img{
    width:90%;
    height:auto;
}
.right_link2_text{
    width:80%;
    margin:0rem auto;
    font-size: 20px;
    letter-spacing: 2px;
    color:#e0a149;
    font-weight:600;
    text-align: center;
    padding: 6px 0px 0px 0px;
}

@media screen and (min-width: 2200px) {
    
}

@media screen and (min-width: 2500px) {
    
}

@media screen and (min-width: 3000px) {
    
}

@media screen and (min-width: 4000px) {
    
}
@media screen and (min-width: 5000px) {
    
}

@media screen and (min-width: 6000px) {
    
}

@media screen and (min-width: 7000px) {
    
}

@media screen and (min-width: 8000px) {
    
}

@media screen and (max-width: 1800px) {
    .logo_wrap{
        position:absolute;
        left:-100px;
        top:40px;
    }
}
@media screen and (max-width: 1650px) {
    .logo_wrap{
        position:absolute;
        left:20px;
        top:40px;
    }
}
@media screen and (max-width: 1500px) {
    
}
@media screen and (max-width: 1420px) {
    .logo_wrap{
        position:absolute;
        left:20px;
        top:40px;
    }
}

@media screen and (max-width: 1300px) {
    /* .wapper{
        width:100%;
        min-height:1800px;
        background:url(../images/index_FY4C_bg.jpg) top left no-repeat;
        background-color: #000000;
        background-size: 100% auto;
    } */
}