@charset "utf-8";

body{

    overflow: hidden;

    /* max-width: 1920px; */

    min-height: 100vh;

    margin:auto;

    background: #fff;

}

*{

    font-family: "Microsoft Yahei", "PingFangSC-Light", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", tahoma, SimSun, sans-serif ;

}

/*主内容区*/

.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;

}

/* 手机端导航 */

.ys_navph2_header {

    display: none;

}

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

    .ys_navph2_header {

        display: block;

    }

    .g_show{

        display: none;

    }

}

.ys_navph2_header {

    position: relative;

    z-index: 99;

    height: 100%;

}

.ys_navph2_navbar {

    background: #fff;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 100;

    padding-right: 20px;

    box-shadow: 0 0 10px 3px rgba(0,0,0,.05);

}

.ys_navph2_logo {

    position: relative;

    z-index: 50;

    width: 130px;

}

.ys_navph2_logo_btn {

    position: absolute;

    left: 0;

    top: 0;

    display: table-cell;

    width: 100%;

    height: 64px;

    line-height: 64px;

    padding: 0 10px;

    display: block;

    background: #006cca;

    transition: all .36s;

}

.ys_navph2_logo_btn img, .ys_navph2_search_btn img{

    width:100%;

}

.ys_navph2_search_btn {

    display: block;

    font-size: 16px;

    line-height: 64px;

    color: #333333;

    transition: all .36s;

}

.ys_navph2_modal {

    position: fixed;

    top: 64px;

    left: 0;

    width: 100%;

    background-color: #fff;

    text-align: center;

    border-top: 1px solid #eee;

    overflow: hidden;

    display: none;

}

.ys_navph2_modalmbox {

    padding: 16px 20px;

}

.ys_navph2_modalm {

    transform: translateX(0px);

}

.ys_navph2_msc_box {

    width: 100%;

    display: block;

}

.ys_navph2_msc_boxl {

    border-bottom: 1px solid #eee;

    width: calc(100% - 40px);

    padding-right: 20px;

    height: 40px;

}

.ys_navph2_msc_boxl input {

    width: 100%;

    height: 100%;

    font-size: 16px;

}

.ys_navph2_msc_boxr {

    width: 30px;

}

.ys_navph2_msc_boxr img{

    width:100%;

    line-height: 40px;

}

.ys_navph2_menu {

    line-height: 64px;

    margin-left: 15px;

}

.ys_navph2_menu_btn {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    width: 28px;

    height: 22px;

    cursor: pointer;

}

.ys_navph2_menu_line, .ys_navph2_menu_line::before, .ys_navph2_menu_line::after {

    display: block;

    width: 100%;

    height: 2px;

    background: #006cca;

    transition: all .36s;

}

.ys_navph2_menu_line {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}

.ys_navph2_menu_line::before {

    content: "";

    position: absolute;

    top: 10px;

}

.ys_navph2_menu_line::after {

    content: "";

    position: absolute;

    top: -10px;

}

.ys_navph2_list {

    position: fixed;

    z-index: 99;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding: 84px 0 50px;

    background: #006cca;

    color: #fff;

    overflow: hidden;

    transform: translateX(100%);

    transition: all .5s ease-out;

}

.ys_navph2_subnav {

    padding: 0 20px;

    height: 100%;

    overflow: auto;

}

.ys_navph2_subnav li>div {

    position: relative;

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

}

.ys_navph2_subnav a {

    line-height: 24px;

    padding: 13px 0;

    color: #ffffff;

    display: inline-block;

}

.ys_navph2_subnav_a {

    font-size: 16px;

}

.ys_navph2_nav_icon {

    position: absolute;

    right: 5px;

    top: 50%;

    transform: translateY(-50%);

    width: 12px;

    height: 12px;

}

.ys_navph2_nav_icon::before {

    transform: rotate(90deg);

}

.ys_navph2_nav_icon::before, .ys_navph2_nav_icon::after {

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    margin-left: -1px;

    width: 2px;

    height: 100%;

    background: #fff;

    transition: all .36s;

}

.ys_navph2_subnav ul {

    display: none;

    padding-left: 15px;

}

.ys_navph2_thirnav_a {

    font-size: 14px;

}

.ys_navph2_thirnav a{

    padding: 8px 0;

}

.ys_navph2_nav_icon {

    position: absolute;

    right: 5px;

    top: 50%;

    transform: translateY(-50%);

    width: 12px;

    height: 12px;

    cursor: pointer;

}

.ys_navph2_subnav ul {

    display: none;

    padding-left: 15px;

}



.ys_navph2_fournav_li {

    font-size: 12px;

}

.ys_navph2_lang {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    text-align: center;

}

.ys_navph2_lang_btn {

    display: inline-block;

    padding: 15px;

    cursor: pointer;

}

.ys_navph2_lang_btn img {

    width: 20px;

}

.ys_navph2_lang_modal {

    transform: translateX(100%);

    transition: all .5s ease-out;

}

.ys_navph2_lang_modal {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: inherit;

    padding: 84px 0 20px;

}

.ys_navph2_lang_back {

    font-size: 16px;

    margin-bottom: 10px;

}

.ys_navph2_lang_back {

    padding: 0 15px;

    cursor: pointer;

}

.ys_navph2_subnav {

    padding: 0 20px;

    height: 100%;

    overflow: auto;

}

.ys_navph2_search_btn {

    width: 20px;

    cursor: pointer;

}

.modal-open {

    overflow: hidden;

}

.ys_navph2_list.act {

    transform: translateX(0);

}

.ys_navph2_menu_btn.act .ys_navph2_menu_line {

    background: transparent;

}

.ys_navph2_menu_btn.act .ys_navph2_menu_line::before {

    top: 0;

    transform: rotate(45deg);

}

.ys_navph2_menu_btn.act .ys_navph2_menu_line::after {

    top: 0;

    transform: rotate(-45deg);

}

.ys_navph2_nav_icon::before {

    transform: rotate(90deg);

}

.ys_navph2_subnav li.act>div .ys_navph2_nav_icon::after {

    transform: rotate(90deg);

}

.ys_navph2_lang_modal.act {

    transform: translateX(0);

}

.ys_navph2_subnav_a.yxnav_active1,

.ys_navph2_thirnav_a.yxnav_active2,

.ys_navph2_fournav_a.yxnav_active3{

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

}

.ys_navph3_login a {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    line-height: 1.75;

}

.ys_navph3_loginb{

    padding: 0 20px;

}

/*首页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_sybantuph{

    display: none;

}

.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;

    bottom: 125px;

    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; 

}

/* Linda载入效果 */

@keyframes mcfadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 30px, 0);

        transform: translate3d(0, 30px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes mcfadeInUp1 {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 50px, 0);

        transform: translate3d(0, 50px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}

@keyframes fadeInUphalf {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 30%, 0);

        transform: translate3d(0, 30%, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}

@keyframes fadeInUpSmall {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 30px, 0);

        transform: translate3d(0, 30px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}

.l_fadeup1{

    animation-name: mcfadeInUp;

    animation-delay: .3s;

    animation-timing-function: ease;

}

.l_fadeup2{

    animation-name: mcfadeInUp;

    animation-delay: .4s;

    animation-timing-function: ease;

}

.l_fadeup3{

    animation-name: mcfadeInUp;

    animation-delay: .5s;

    animation-timing-function: ease;

}

.l_fadeup4{

    animation-name: mcfadeInUp;

    animation-delay: .6s;

    animation-timing-function: ease;

}

.l_fadein1{

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: .3s; 

}

.l_fadein2{

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: .5s; 

}

.l_fadein3{

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: .7s; 

}

.l_fadein4{

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: .9s; 

}

.l_fadein5{

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 1.1s; 

}

.l_fadein6{

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 1.5s; 

}





/*鼠标效果*/

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

    /*两张图显隐*/

}

/*响应式*/

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

    .g_content{

        width:82.5%;

    }

}

@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;

    }*/

}