@charset 'utf-8';

/** Generated by FG **/

*{
    font-family: '微软雅黑';
}
.j_h1xq_con1 .j_h1xq_z{
    width: 22px;
}
/*
h1项目案例2
*/
/*.j_nybanner{*/
    /*position: relative;*/
    /*height: 100vh;*/
/*}*/
.j_nybanner{
    position: relative;
    height: 610px;
}
.ntyubang{
    position: relative;
}
.j_h1_mengc{
    position: fixed;
    width:100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 1;
    left: 0;
    top: 0;
}
.j_nybanner .video{
    position: fixed;
    width:100%;
    z-index: 1;
}
.j_nybanner .h1_ny_t1b{
    position: absolute;
    right:21.888%;
    width:33.22%;
    height: 394px;
    line-height: 394px;
    margin-top: 90px;
    top: 0;
    z-index:13;
}
.j_nybanner .h1_ny_t1b img{
    width:100%;
}
.nysjpic{
    width:100%;
}
.nyb_tbox{
    position: absolute;
    /*left: -120px;*/
    bottom: 0px;
    width:100%;
    height: 115px;
    line-height: 115px;
    /*padding-right: 120px;*/
    z-index:13;
}
.j_nymarb .nyb_tbox{
    bottom: 25px;
}
.nyb_text{
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.section{
    background: #e9e9e9;
}
.j_h1_tle{
    padding: 70px 15px;
}
.j_h1_tle h1{
    font-family: 宋体;
    font-size: 56px;
    line-height: 56px;
    color: #193d5c;
    margin-bottom: 20px;
    font-weight: bold;
}
.j_h1_tle h2{
    font-size: 40px;
    line-height: 40px;
    color: #dbdbdb;
    text-transform: uppercase;
    /* font-family: ww; */
    font-style: normal;
}
.j_h1_box1{
    position: relative;
    z-index:13;
    background: #fff;
}
.j_h1c1_ul li .pic_box,
.j_h1c1_ul li .li_con,
.j_h1c1_ul li .li_goto{
    float: left;
}
.j_h1c1_ul li{
    padding: 36px 0px;
}
.j_h1c1_ul li:nth-child(1){
    padding-top: 0px;
}
.j_h1c1_ul li:nth-child(even){
    background: #f4f4f4;
}


/*
媒体查询
*/
@media (max-width: 1366px) and (min-width: 1200px){
    /*
    h1项目案例
    */
    .j_h1_tle,
    .j_h1c1_box,
    .nyb_text{
        width: 1080px;
    }
    .nyb_text{
        left: 0px;
    }
}
@media (max-width: 1366px){
    /*
    h1项目案例
    */
    .j_h1_tle h1{
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .j_h1_tle h2{
        font-size: 18px;
        line-height: 24px;
    }
    .li_con .tle h1{
        font-size: 18px;
    }
    .li_con .kuai i{
        font-size: 14px;
    }
    .j_h1_tle{
        padding: 36px 15px;
    }
    .j_h1c1_ul li{
        padding: 26px 0px;
    }
    .pc_fenye{
        margin-top: 36px;
    }
    .j_h1_box1{
        padding-bottom: 36px;
    }
}
@media (max-width: 1199px){
    .j_h1_mengc{
        position: absolute;
    }
    /*
    h1项目案例2
    */
    .j_h1_box1{
        margin-top: 0px;
        transform: translateX(0);
        padding-left: 0px;
    }
    .nyb_tbox{
        left:0px;
        bottom: 0px;
        padding-left: 0px;
    }
    .j_nybanner .h1_ny_t1b{
        height: 591px;
        line-height: 591px;
    }
    .j_h1c1_ul li .pic_box{
        width: 330px;
    }
    .j_h1c1_ul li .li_con{
        width:calc(100% - 330px - 250px);
    }
    .j_h1c1_ul li .li_goto{
        width: 250px;
    }
}
@media (max-width: 991px){
    /*
    h1项目案例
    */
    .j_h1c1_ul li .pic_box{
        width:100%;
        height: auto;
    }
    .j_h1c1_ul li .li_con,
    .j_h1c1_ul li .li_goto{
        width:50%;
        padding-left: 0px;
    }
    .j_h1c1_ul li .pic_box img{
        position: static;
        transform: translateX(0);
        width:100%;
        height: auto;
    }
    .pc_fenye{
        display: none;
    }
    .sj_fenye{
        display: block;
    }
}
@media (max-width: 767px){
    /*
    h1项目案例
    */
    .j_h1c1_ul li .li_con,
    .j_h1c1_ul li .li_goto{
        width:100%;
        padding-left: 0px;
    }
    .j_nybanner{
        height: 300px;
    }
    .li_goto .j_gslogo{
        margin-top: 26px;
    }
    .li_con .tle h1{
        float: left;
    }
    .li_con .tle span{
        float: right;
    }
    .nyb_tbox{
        display: none;
        height: auto;
    }
    .nyb_text span{
        margin:0px 33px;
    }
    .nyb_text{
        position: static;
        width: 306px;
        transform: translateY(0);
    }
    /*.j_h1_mengc {*/
        /*display: none;*/
    /*}*/
}
@media (max-width: 600px){
    .nybanimg{
        position: relative;
        overflow: hidden;
    }
    .nybanimg >img{
        width: 100%;
        display: block;
        position: relative;
    }


}


@charset 'utf-8';
a
{
    color: #333;
}
a:hover
{
    color: #0365b2;
}
body
{
    font-size: 14px;
}
@font-face
{
    font-family: 'iconfont';

    src: url('../fonts/iconfont.eot?t=1491464865511'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1491464865511#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?t=1491464865511') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf?t=1491464865511') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1491464865511#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont
{
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-xiazai:before
{
    content: '\e6b7';
}

.icon-sousuo:before
{
    content: '\e601';
}

.icon-dianhua:before
{
    content: '\e6c9';
}

.icon-zhuzhai:before
{
    content: '\e65c';
}

.icon-pdf:before
{
    content: '\e661';
}
body{
    background: gainsboro;
}

/*小屏幕设备头部*/
.headerm
{
    position: fixed;
    z-index: 1500;
    top: 0;
    right: 0;

    width: 100%;
    height: 75px;
    padding-right: 25px;
    padding-left: 25px;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.headerm.act
{
    position: absolute;
}
.headermindex
{
    position: fixed;
}
.headerm .logodiv
{
    line-height: 70px;
}
.headerm .navbtn
{
    position: relative;

    width: 27px;
    height: 27px;
    margin-top: 20px;
}
.headerm .navbtn span
{
    position: absolute;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 2px;

    -webkit-transition: opacity .25s;
    transition: opacity .25s;

    background: #ffffff;
}
.headerm .navbtn::before,
.headerm .navbtn::after
{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;

    width: 100%;
    height: 2px;

    content: '';
    -webkit-transition: -webkit-transform .25s;
    transition:         transform .25s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    background: #ffffff;
}
.headerm .navbtn::before
{
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
.headerm .navbtn::after
{
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
.headerm .navbtn.act span
{
    opacity: 0;
}
.headerm .navbtn.act::before
{
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.headerm .navbtn.act::after
{
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
.headerm .navdiv
{
    position: fixed;
    top: 75px;
    right: 0;

    width: 100%;
    padding-bottom: 30px;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: top center 0;
    -moz-transform-origin: top center 0;
    -ms-transform-origin: top center 0;
    transform-origin: top center 0;

    background-color: rgba(0,0,0,0.6);

    -webkit-overflow-scrolling: touch;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.headerm .navdiv.act
{
    position: absolute;

    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}
.headerm .navdiv ul
{
    padding-right: 50px;
    padding-left: 50px;
}
.headerm .navdiv ul li
{
    margin-top: 20px;
    cursor: pointer;
}
.headerm .navdiv ul li ul
{
    display: none;

    padding-left: 30px;
}
.headerm .navdiv ul li a
{
    color: #fff;
}
.headerm .navdiv ul li a:hover
{
    color: #fff;
}
.headerm .navdiv ul li span
{
    line-height: 24px;

    vertical-align: middle;
}
.headerm .navdiv ul li span.fr
{
    font-size: 24px;

    color: #fff;
}
.headerm .navdiv ul li span.fr img:last-child
{
    display: none;
}
.headerm .navdiv ul li span.fr.act img:first-child
{
    display: none;
}
.headerm .navdiv ul li span.fr.act img:last-child
{
    display: inline;
}
.mask
{
    position: fixed;
    z-index: 990;

    visibility: hidden;

    width: 100%;
    height: 100%;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    opacity: 0;
    background: rgba(0,0,0,.7);
}
.mask.act
{
    visibility: visible;

    opacity: 1;
}
.headerm{
    display: none;
}
.logodiv{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
}
.headerm{
    background: rgba(0,0,0,0.3);
}