@charset 'utf-8';

body{

    overflow: hidden;

    /* max-width: 1920px; */

    min-height: 100vh;

    margin:auto;

    background: #fff;

}


/*主内容区*/

.g_content{

    width:1200px;

    margin:auto;

}

/*编辑器正文*/

.yxedr_active p{

    font-size: 16px;

    line-height: 28px;

    color: #666;

}

/*两张图*/

.g_comimg{

    width:100%;

    position: relative;

    overflow: hidden;

}

.g_comimg img{

    width:100%;

    height:100%;

    top:0;

    left:0;

    transition: all .36s ease;

}

.g_comimg1{

    position: relative;

}

.g_comimg2{

    position: absolute;

}

/*背景图两边截取*/

.g_backgd{

    width:100%;

    /*高度灵活处理*/

    position: relative;

}

.g_backgd img{

    width:auto;

    height:100%;

    position: relative;

    top:0;

    left:50%;

    transform: translateX(-50%);

}

/* plaeceholder样式改变 */

.input::-webkit-input-placeholder {

    /* WebKit browsers */

    color: #666;

    font-size: 14px;

}



.input:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #666;

    font-size: 14px;

}



.input::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #666;

    font-size: 14px;

}



.input:-ms-input-placeholder {

    /* Internet Explorer 10+ */

    color: #666;

    font-size: 14px;

}

/*快捷展示*/

.g_show{

    display: block;

}

.g_hide{

    display: none;

}

/*首页banner*/

.g_sybannr{

    display: none;

}

.g_sybannr.on{

    display:block;

}

.g_syhead{

    position: fixed;

    top:0;

    left:0;

    width:100%;

    z-index: 500;

}

.g_syhdtop, .g_syhdbot{

    transition: all .36s ease;

}

.g_syhdbot{

    border-bottom: 1px solid rgba(255,255,255,.3)

}

.g_sylogo{

    width:384px;

    line-height: 90px;

}

.g_sysearch{

    margin-top: 30px;

    width:235px;

    height:34px;

    border-radius: 16.5px;

    border:1px solid #c1c7db;

}

.g_sysearch img{

    width:17px;

    cursor: pointer;

    display: block;

    margin-top: 8px;

    margin-right: 15px;

}

.g_sysearch input{

    display: block;

    width:calc(100% - 32px);

    padding:0 15px;

    height:100%;

}

.g_synavli p a{

    line-height: 70px;

    color:rgba(255,255,255,.8);

    font-size: 16px;

    display: block;

    transition: all .36s ease;

}

.g_syhdbot ul{

    width:100%;

}

.g_synavli{

    margin-right: 58px;

}

.g_synavli:last-child{

    margin-right: 0;

}

.g_sybansk{

    overflow: hidden;

}

.g_sybantu{

    width:100%;

    position: relative;

}

.g_sybantu img{

    width:100%;

}

.g_sybantu video{

    position: absolute;

    top:50%;

    left:50%;

    transform: translate(-50%,-50%);

    min-width: 100%;

    min-height: 100%;

}

.g_syban{

    position: relative;

}

.g_sybannr{

    position: relative;

}

.g_sybanwz{

    position: absolute;

    top:46%;

    left:50%;

    transform: translateX(-50%);

}

/*载入效果*/

.g_fadein1{

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 0.36s; 

}

.g_fadeup1{

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.2s;

}

.g_fadeup2{

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.3s;

}

.g_fadeup3{

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.4s;

}

.g_fadeup4{

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.5s;

}

.g_fadeup5{

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.6s;

}

.g_fadeup6{

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.7s;

}

.g_fadeup7{

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.8s;

}

.g_fadedown1{

    -webkit-animation: fadeInDown 1s ease both;

    animation: fadeInDown 1s ease both;

    animation-delay: 0.36s; 

}

.g_fadeleft1{

    -webkit-animation: fadeInLeft 1s ease both;

    animation: fadeInLeft 1s ease both;

    animation-delay: 0.36s; 

}

.g_faderigth1{

    -webkit-animation: fadeInRight 1s ease both;

    animation: fadeInRight 1s ease both;

    animation-delay: 0.36s; 

}

/*鼠标效果*/

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

    /*两张图显隐*/

}

/*响应式*/

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

    .g_content{

        width:85%;

    }

}

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

    .g_content{

        width:100%;

        padding-left: 40px;

        padding-right: 40px;

    }

}

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

    .g_content{

        width:100%;

        padding-left: 20px;

        padding-right: 20px;

    }

    .g_syhead{

        display: none;

    }

    /*.header2, .phxia{

        display: block !important;

    }*/

}

.t_sycon{

    max-width: 1920px;

    margin:0 auto;

}

.t_neipic img{

    width: 100%;

}

.t_neicon {

    max-width: 1920px;

    margin:0 auto;

}