*{
    margin: 0;
    padding: 0;
}
.section{
    overflow: hidden;
}
@media (min-width: 601px) {
    .page1{
        background-color: #142344;
    }
    .page1_1 {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0.001%;
        opacity: 1;
    }

    .page1_2 {
        position: absolute;
        width: 100%;
        left: 0;
        top: 26%;
        opacity: 1;
    }

    .page1_3 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 21%;
    }
    .huodong {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 2%;
    }
    .huodong2 {

        position: absolute;
        width: 100%;
        left: 0.01%;
         bottom: 0;
    }
    .page1 .page1_4 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 42%;
    }

    .page1_5 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 56%;
    }

    .page1_6 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 72%;
    }

    .page1_7 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        bottom: 0.001%;
    }

    .section {
        text-align: center;
    }

    .banner {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .shouy1 {
        width: 37%;
        display: inline-block;
        vertical-align: middle;

    }

    /*@media all and (orientation :  portrait) {*/
    /*#orientLayer {*/
    /*display: block;*/
    /*}*/
    /*}*/
    /*@media all and (orientation : landscape){*/
    /*#orientLayer {*/
    /*display: none;*/
    /*}*/
    /*}*/
    /*.mod-orient-layer {*/
        /*display: none;*/
        /*position: absolute;*/
        /*height: 100%;*/
        /*width: 100%;*/
        /*top: 0;*/
        /*left: 0;*/
        /*background: #000;*/
        /*z-index: 9997;*/
        /*overflow: hidden;*/
    /*}*/

    /*.mod-orient-layer__content {*/
        /*position: absolute;*/
        /*width: 100%;*/
        /*top: 45%;*/
        /*margin-top: -75px;*/
        /*text-align: center;*/
    /*}*/

    /*.mod-orient-layer__icon-orient {*/
        /*background-image: url("../images/hengping.png");*/
        /*display: inline-block;*/
        /*width: 67px;*/
        /*height: 109px;*/
        /*transform: rotate(90deg);*/
        /*-webkit-transform: rotate(90deg);*/
        /*-webkit-animation: rotation infinite 1.5s ease-in-out;*/
        /*animation: rotation infinite 1.5s ease-in-out;*/
        /*-webkit-background-size: 67px;*/
        /*background-size: 67px;*/
    /*}*/

    /*.mod-orient-layer__desc {*/
        /*margin-top: 20px;*/
        /*font-size: 15px;*/
        /*color: #fff;*/
    /*}*/

    .nav {
        width: 100%;
        height: 50px;
        top: 0;
        margin: 0;
        position: absolute;
        background-color: #000000;
    }

    .logo {
        margin: 0 0 0 20px;
        width: 150px;
        height: 40px;
        float: left;;
    }
    .logo img{
        width: 100%;
    }
    .Openxc{
        display: none;
    }
    .Close1{
        display: none;
    }

    .nav_right {
        right: 0;
        width: 800px;
        height: 40px;
        margin: 0;
        float: right;
    }

    .nav_right ul li {
        width: 100px;
        height: 40px;

        float: left;
        list-style-type: none;
        line-height: 40px;
        text-align: center;
    }

    .nav_item {
        width: 100px;
        height: 40px;
    }

    .nav_item:link, .nav_right ul li a:link, .nav_item:visited, .nav_right ul li a:visited {
        text-decoration: none;
        font-size: 14px;
        color: #fff;
        font-family: "微软雅黑";
    }

    .nav_item:hover, .nav_right ul li a:hover, .nav_item:active, .nav_right ul li a:active {
        text-decoration: none;
        font-size: 14px;
        color: #e60012;
        font-family: "微软雅黑";

    }

    .nav_item:hover {
        border-bottom: 3px solid #e60012;
        color: #e60012;
    }

    .active1 {
        border-bottom: 3px solid #e60012;
        color: #e60012;
    }

    /*service*/
    .page2-1 {
        position: absolute;
        width: 80%;
        left: 10%;
        top: 14%;
    }

    .page2-2 {
        position: absolute;
        width: 6%;
        left: 22%;
        top: 25%;
        opacity: 1;
    }

    .page2-3 {
        position: absolute;
        width: 16%;
        left: 16.5%;
        top: 39%;

    }

    .zdsc_1 {
        color: #59a8f5;
        font-size: 16px;
        font-weight: bold;
        line-height: 45px;
    }

    .zdsc_2 {
        color: #b5b5b5;
        font-size: 14px;
        top: 6%;
    }

    .page2-4 {
        position: absolute;
        width: 6%;
        left: 47%;
        top: 25%;
        opacity: 1;
    }

    .page2-5 {
        position: absolute;
        width: 16%;
        left: 42%;
        top: 39%;
    }

    .cpgx_1 {
        color: #59a8f5;
        font-size: 16px;
        font-weight: bold;
        line-height: 45px;
    }

    .cpgx_2 {
        color: #b5b5b5;
        font-size: 14px;
        top: 6%;
    }

    .page2-6 {
        position: absolute;
        width: 6%;
        right: 22%;
        top: 25%;
        opacity: 1;
    }

    .page2-7 {
        position: absolute;
        width: 16%;
        right: 16.5%;
        top: 39%;
    }

    .dsp_1 {
        color: #59a8f5;
        font-size: 16px;
        font-weight: bold;
        line-height: 45px;
    }

    .dsp_2 {
        color: #b5b5b5;
        font-size: 14px;
        top: 6%;
    }

    .page2-8 {
        position: absolute;
        width: 6%;
        left: 22%;
        top: 58%;
        opacity: 1;
    }

    .page2-9 {
        position: absolute;
        width: 16%;
        left: 16.5%;
        top: 72%;
    }

    .zdy_1 {
        color: #59a8f5;
        font-size: 16px;
        font-weight: bold;
        line-height: 45px;
    }

    .zdy_2 {
        color: #b5b5b5;
        font-size: 14px;
        top: 6%;
    }

    .page2-10 {
        position: absolute;
        width: 6%;
        left: 47%;
        top: 58%;
        opacity: 1;
    }

    .page2-11 {
        position: absolute;
        width: 16%;
        left: 42%;
        top: 72%;
    }

    .hdyl_1 {
        color: #59a8f5;
        font-size: 16px;
        line-height: 45px;
        font-weight: bold;
    }

    .hdyl_2 {
        color: #b5b5b5;
        font-size: 14px;
        top: 6%;
    }

    .page2-12 {
        position: absolute;
        width: 6%;
        right: 22%;
        top: 58%;
        opacity: 1;
    }

    .page2-13 {
        position: absolute;
        width: 16%;
        right: 16.5%;
        top: 72%;
    }

    .sjfx_1 {
        color: #59a8f5;
        font-size: 16px;
        font-weight: bold;
        line-height: 45px;
    }

    .sjfx_2 {
        color: #b5b5b5;
        font-size: 14px;
        top: 6%;
    }

    .page3-1 {
        position: absolute;
        width: 80%;
        left: 10%;
        top: 14%;
    }

    .page3-2 {
        position: absolute;
        width: 10%;
        left: 27%;
        top: 30%;
    }

    .page3-3 {
        position: absolute;
        width: 8%;
        left: 23%;
        top: 61%;
    }

    .page3-4 {
        position: absolute;
        width: 6%;
        left: 44%;
        top: 69%;
    }

    .page3-5 {
        position: absolute;
        width: 20%;
        left: 40%;
        top: 24%;
    }

    .page3-6 {
        position: absolute;
        width: 7%;
        right: 27%;
        top: 30%;
    }

    .page3-7 {
        position: absolute;
        width: 10%;
        right: 17%;
        top: 49%;
    }

    .page3-8 {
        position: absolute;
        width: 12%;
        right: 25%;
        top: 73%;
    }

    .page4-1 {
        position: absolute;
        width: 80%;
        left: 10%;
        top: 14%;
    }

    .page4-2 {
        position: absolute;
        width: 20%;
        left: 40%;
        top: 30%;
    }

    .page4-3 {
        position: absolute;
        width: 6%;
        left: 47%;
        top: 77%;
    }

    .page5-1 {
        position: absolute;
        width: 80%;
        left: 10%;
        top: 16%;
    }

    .guanyu {
        width: 60%;
        position: absolute;
        font-size: 16px;
        color: white;
        top: 34%;
        line-height: 32px;
        text-align: justify;
        left: 20%;

    }

    .page5-3 {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }

    .page6-1 {
        position: absolute;
        width: 80%;
        left: 10%;
        top: 16%;
    }

    .page6-7 {
        position: absolute;
        width: 80%;
        left: 10%;
        top: 40%;
    }

    .wenzi {
        width: 100%;
        position: absolute;
        font-size: 18px;
        color: white;
        top: 27%;
    }

    .dianhua {
        width: 100%;
        position: absolute;
        font-size: 14px;
        color: white;
        top: 34%;
    }
.contactsj{
    display: none;
}
    .footer {
        width: 100%;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        z-index: 99;
        position: fixed;
        bottom: 0;
        color: white;
        background-color: rgb(0, 0, 0);
    }

    .marquee {
        padding: 0 20px;
        float: left;
        width: 600px;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        bottom: 0;
        color: rgba(40, 40, 40, 0.89);
        background-color: rgb(0, 0, 0);
        font-size: 12px;

    }

    .marquee ul li {
        list-style-type: none;
    }

    .marquee ul li a {
        color: #333333;
        text-decoration: none;
    }

    .footer2 {
        height: 40px;
        width: 600px;
        color: white;
        font-size: 12px;
        float: right;
    }
}









@media (min-width: 400px) and (max-width: 600px) {
    .page1_1 {
        position: absolute;
        width: 200%;
        left: -78%;
        top: 20%;
    }

    .page1_2 {
        position: absolute;
        width: 176%;
        left: -27%;
        top: 26%;
    }

    .page1_3 {

        position: absolute;
        width: 180%;
        left: -60%;
        top: 21%;
    }


    .huodong {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 2%;
        opacity: 0;
    }
    .page1 .page1_4 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 42%;
    }

    .page1_5 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 56%;
    }

    .page1_6 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 72%;
    }

    .page1_7 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        bottom: 0.001%;
    }

    .section {
        text-align: center;
    }

    .banner {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .shouy1 {
        width: 37%;
        display: inline-block;
        vertical-align: middle;

    }

    /*@media all and (orientation :  portrait) {*/
    /*#orientLayer {*/
    /*display: block;*/
    /*}*/
    /*}*/
    /*@media all and (orientation : landscape){*/
    /*#orientLayer {*/
    /*display: none;*/
    /*}*/
    /*}*/
    /*.mod-orient-layer {*/
        /*display: none;*/
        /*position: absolute;*/
        /*height: 100%;*/
        /*width: 100%;*/
        /*top: 0;*/
        /*left: 0;*/
        /*background: #000;*/
        /*z-index: 9997;*/
        /*overflow: hidden;*/
    /*}*/

    /*.mod-orient-layer__content {*/
        /*position: absolute;*/
        /*width: 100%;*/
        /*top: 45%;*/
        /*margin-top: -75px;*/
        /*text-align: center;*/
    /*}*/

    /*.mod-orient-layer__icon-orient {*/
        /*background-image: url("../images/hengping.png");*/
        /*display: inline-block;*/
        /*width: 67px;*/
        /*height: 109px;*/
        /*transform: rotate(90deg);*/
        /*-webkit-transform: rotate(90deg);*/
        /*-webkit-animation: rotation infinite 1.5s ease-in-out;*/
        /*animation: rotation infinite 1.5s ease-in-out;*/
        /*-webkit-background-size: 67px;*/
        /*background-size: 67px;*/
    /*}*/

    /*.mod-orient-layer__desc {*/
        /*margin-top: 20px;*/
        /*font-size: 15px;*/
        /*color: #fff;*/
    /*}*/

    .nav {
        z-index: 9999;
        width: 100%;
        height: 250px;
        top: 0;
        margin: 0;
        position: absolute;
        /*background-color: #000000;*/
    }

    .logo {
        position: absolute;
        margin: 0 ;
        width: 100%;
        height: 50px;
        left: 0;
        top: 0;
        background-color: #000000;
    }
    .logo img{
        height: 30px;
        position: absolute;
        margin: 0 ;
        left: 20px;
        top: 10px;
    }
    .Openxc{
    position: absolute;
    margin: 0 ;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 10px;
    overflow: hidden;
    display: none;
    }
    .Openxc img{
        width: 100%;
    }
    .Close1{
        position: absolute;
        margin: 0 ;
        width: 30px;
        height: 30px;
        right: 20px;
        top: 10px;
        overflow: hidden;

    }
    .Close1 img{
        width: 100%;
    }
    .nav_right {
        top: 50px;
        position: absolute;
        right: 0;
        width: 100%;
        height: 250px;
        margin: 0;
        display: none;
        background-color: #000000;
    }

    .nav_right ul li {
        width: 100px;
        left: 30%;
        height: 30px;
        list-style-type: none;
        line-height: 30px;
        text-align: center;
        margin: 0 auto;

    }

    .nav_item {
        width: 100px;
        height: 35px;
    }

    .nav_item:link, .nav_right ul li a:link, .nav_item:visited, .nav_right ul li a:visited {
        text-decoration: none;
        font-size: 14px;
        color: #fff;
        font-family: "微软雅黑";
    }

    .nav_item:hover, .nav_right ul li a:hover, .nav_item:active, .nav_right ul li a:active {
        text-decoration: none;
        font-size: 14px;
        color: #e60012;
        font-family: "微软雅黑";

    }

    .nav_item:hover {
        border-bottom: 3px solid #e60012;
        color: #e60012;
    }

    .active1 {
        border-bottom: 3px solid #e60012;
        color: #e60012;
    }
.zhuce{
    display: none;
}
.wanyu{
    display: none;
}
    /*service*/
    .page2-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 13%;
    }

    .page2-2 {
        position: absolute;
        width: 15%;
        left: 19%;
        top: 22%;
        opacity: 1;
    }

    .page2-3 {
        position: absolute;
        width: 44%;
        left: 4.5%;
        top: 31%;

    }

    .zdsc_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .zdsc_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-4 {
        position: absolute;
        width: 15%;
        right: 19%;
        top: 22%;
        opacity: 1;
    }

    .page2-5 {
        position: absolute;
        width: 44%;
        right: 4.5%;
        top: 31%;

    }

    .cpgx_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .cpgx_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-6 {
        position: absolute;
        width: 15%;
        left: 19%;
        top: 46%;
        opacity: 1;
    }

    .page2-7 {
        position: absolute;
        width: 44%;
        left: 4.5%;
        top: 56%;
    }

    .dsp_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .dsp_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-8 {
        position: absolute;
        width: 15%;
        right: 19%;
        top: 46%;
        opacity: 1;
    }

    .page2-9 {
        position: absolute;
        width: 44%;
        right: 4.5%;
        top: 56%;
    }

    .zdy_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .zdy_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-10 {
        position: absolute;
        width: 15%;
        left: 19%;
        top: 69%;
        opacity: 1;
    }

    .page2-11 {
        position: absolute;
        width: 44%;
        left: 4.5%;
        top: 78%;
    }

    .hdyl_1 {
        color: #59a8f5;
        font-size: 14px;
        line-height: 45px;
        font-weight: bold;
    }

    .hdyl_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-12 {
        position: absolute;
        width: 15%;
        right: 19%;
        top: 69%;
        opacity: 1;
    }

    .page2-13 {
        position: absolute;
        width: 44%;
        right: 4.5%;
        top: 78%;
    }

    .sjfx_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .sjfx_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page3-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 14%;
    }

    .page3-2 {
        position: absolute;
        width: 25%;
        left: 16%;
        top: 25%;
    }

    .page3-3 {
        position: absolute;
        width: 20%;
        left: 9%;
        top: 54%;
    }

    .page3-4 {
        position: absolute;
        width: 16%;
        left: 34%;
        top: 69%;
    }

    .page3-5 {
        position: absolute;
        width: 40%;
        left: 30%;
        top: 36%;
    }

    .page3-6 {
        position: absolute;
        width: 21%;
        right: 7%;
        top: 44%;
    }

    .page3-7 {
        position: absolute;
        width: 17%;
        right: 17%;
        top: 27%;
    }

    .page3-8 {
        position: absolute;
        width: 20%;
        right: 13%;
        top: 64%;
    }

    .page4-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 14%;
    }

    .page4-2 {
        position: absolute;
        width: 46%;
        left: 27%;
        top: 30%;
    }

    .page4-3 {
        position: absolute;
        width:12%;
        left: 44%;
        top: 60%;
    }

    .page5-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 16%;
    }

    .guanyu {
        width: 80%;
        position: absolute;
        font-size: 12px;
        color: white;
        top: 30%;
        line-height: 26px;
        text-align: justify;
        left: 10%;

    }

    .page5-3 {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }

    .page6-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 16%;
    }

    .page6-7 {
        display: none;
    }

    .wenzi {
        display: none;
    }

    .dianhua {
        display: none;
    }



    .contacts2_3 {
        position: absolute;
        bottom: 0;
        z-index: 99;
        width: 100%;

    }

    .contacts2_4 {
        position: absolute;
        color: #ffffff;
        z-index: 999;
        width: 80%;
        left: 10%;
        top: 18%;
        display: none;
    }

    .contacts2_5 {
        text-align: center;
        z-index: 99;
        color: #ffffff;
        font-size: 42px;
        font-weight: 800;
    }

    .contacts2_6 {
        width: 100px;
        height: 50px;
    }

    .contacts2_7 {
        text-align: justify;
        color: #ffffff;
        font-size: 15px;
    }
    .contact2_3 {
        position: absolute;
        top: 46%;
        z-index: 99;
        width: 100%;
        left: 0;
        display: none;
    }
    .contactsj{
        position: absolute;
        top: 15%;
        width: 80%;
        left: 10%;
        z-index: 99;
    }
    .contactsj1{
        position: absolute;
        top: 34px;
        width: 100%;
        left: 0;
    }
    .contactsj1_1{
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }
    .contactsj2{
        position: absolute;
        top: 75px;
        width: 100%;
        left: 0;
    }
    .contactsj2_1{
        text-align: center;
        font-size: 13.5px;
        /*font-weight: 300;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }
    .contactsj3{
        position: absolute;
        top: 135px;
        width: 100%;
        left: 0;
    }
    .contactsj3_1{
        position: absolute;
        top:0;
        width: 100%;
        left: 0;
    }
    .contactsj4{
        position: absolute;
        top: 273px;
        width: 100%;
        left: 0;
    }
    .contactsj4_1{
        text-align: center;
        line-height: 26px;
        font-size: 13px;
        /*font-weight: 300;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }
    .contactsj4_2{
        text-align: center;
        line-height: 26px;
        font-size: 13px;
        /*font-weight: 300;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }
    .contactsj4_3{
        text-align: center;
        line-height: 26px;
        font-size: 13px;
        /*font-weight: 300;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }


.contactcanvas canvas{
    display: none;
}


    .footer {
        width: 100%;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        z-index: 99;
        position: fixed;
        bottom: 0;
        color: white;
        background-color: rgb(0, 0, 0);
    }

    .marquee {
        padding: 0 20px;
        float: left;
        width: 600px;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        bottom: 0;
        color: rgba(40, 40, 40, 0.89);
        background-color: rgb(0, 0, 0);
        font-size: 12px;

    }

    .marquee ul li {
        list-style-type: none;
    }

    .marquee ul li a {
        color: #333333;
        text-decoration: none;
    }

    .footer2 {
        height: 40px;
        width: 600px;
        color: white;
        font-size: 12px;
        float: right;
    }
}








@media (max-width: 399px) {
    .page1_1 {
        position: absolute;
        width: 200%;
        left: -78%;
        top: 20%;
    }

    .page1_2 {
        position: absolute;
        width: 176%;
        left: -27%;
        top: 26%;
    }

    .page1_3 {

        position: absolute;
        width: 180%;
        left: -60%;
        top: 21%;
    }

    .page1 .page1_4 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 42%;
    }

    .page1_5 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 56%;
    }

    .page1_6 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        top: 72%;
    }

    .page1_7 {

        position: absolute;
        width: 100%;
        left: 0.01%;
        bottom: 0.001%;
    }

    .section {
        text-align: center;
    }

    .banner {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .shouy1 {
        width: 37%;
        display: inline-block;
        vertical-align: middle;

    }

    /*@media all and (orientation :  portrait) {*/
    /*#orientLayer {*/
    /*display: block;*/
    /*}*/
    /*}*/
    /*@media all and (orientation : landscape){*/
    /*#orientLayer {*/
    /*display: none;*/
    /*}*/
    /*}*/
    /*.mod-orient-layer {*/
        /*display: none;*/
        /*position: absolute;*/
        /*height: 100%;*/
        /*width: 100%;*/
        /*top: 0;*/
        /*left: 0;*/
        /*background: #000;*/
        /*z-index: 9997;*/
        /*overflow: hidden;*/
    /*}*/

    /*.mod-orient-layer__content {*/
        /*position: absolute;*/
        /*width: 100%;*/
        /*top: 45%;*/
        /*margin-top: -75px;*/
        /*text-align: center;*/
    /*}*/

    /*.mod-orient-layer__icon-orient {*/
        /*background-image: url("../images/hengping.png");*/
        /*display: inline-block;*/
        /*width: 67px;*/
        /*height: 109px;*/
        /*transform: rotate(90deg);*/
        /*-webkit-transform: rotate(90deg);*/
        /*-webkit-animation: rotation infinite 1.5s ease-in-out;*/
        /*animation: rotation infinite 1.5s ease-in-out;*/
        /*-webkit-background-size: 67px;*/
        /*background-size: 67px;*/
    /*}*/

    /*.mod-orient-layer__desc {*/
        /*margin-top: 20px;*/
        /*font-size: 15px;*/
        /*color: #fff;*/
    /*}*/

    .nav {
        z-index: 9999;
        width: 100%;
        height: 250px;
        top: 0;
        margin: 0;
        position: absolute;
        /*background-color: #000000;*/
    }

    .logo {
        position: absolute;
        margin: 0 ;
        width: 100%;
        height: 50px;
        left: 0;
        top: 0;
        background-color: #000000;
    }
    .logo img{
        height: 30px;
        position: absolute;
        margin: 0 ;
        left: 20px;
        top: 10px;
    }
    .Openxc{
        position: absolute;
        margin: 0 ;
        width: 30px;
        height: 30px;
        right: 20px;
        top: 10px;
        overflow: hidden;
        display: none;
    }
    .Openxc img{
        width: 100%;
    }
    .Close1{
        position: absolute;
        margin: 0 ;
        width: 30px;
        height: 30px;
        right: 20px;
        top: 10px;
        overflow: hidden;

    }
    .Close1 img{
        width: 100%;
    }
    .nav_right {
        top: 50px;
        position: absolute;
        right: 0;
        width: 100%;
        height: 250px;
        margin: 0;
        display: none;
        background-color: #000000;
    }

    .nav_right ul li {
        width: 100px;
        left: 30%;
        height: 30px;
        list-style-type: none;
        line-height: 30px;
        text-align: center;
        margin: 0 auto;

    }

    .nav_item {
        width: 100px;
        height: 35px;
    }

    .nav_item:link, .nav_right ul li a:link, .nav_item:visited, .nav_right ul li a:visited {
        text-decoration: none;
        font-size: 14px;
        color: #fff;
        font-family: "微软雅黑";
    }

    .nav_item:hover, .nav_right ul li a:hover, .nav_item:active, .nav_right ul li a:active {
        text-decoration: none;
        font-size: 14px;
        color: #e60012;
        font-family: "微软雅黑";

    }

    .nav_item:hover {
        border-bottom: 3px solid #e60012;
        color: #e60012;
    }

    .active1 {
        border-bottom: 3px solid #e60012;
        color: #e60012;
    }
    .zhuce{
        display: none;
    }
    .wanyu{
        display: none;
    }
    /*service*/
    .page2-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 13%;
    }

    .page2-2 {
        position: absolute;
        width: 15%;
        left: 19%;
        top: 22%;
        opacity: 1;
    }

    .page2-3 {
        position: absolute;
        width: 48%;
        left: 2.5%;
        top: 30%;

    }

    .zdsc_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .zdsc_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-4 {
        position: absolute;
        width: 15%;
        right: 19%;
        top: 22%;
        opacity: 1;
    }

    .page2-5 {
        position: absolute;
        width: 48%;
        right: 2.5%;
        top: 30%;

    }

    .cpgx_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .cpgx_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-6 {
        position: absolute;
        width: 15%;
        left: 19%;
        top: 46%;
        opacity: 1;
    }

    .page2-7 {
        position: absolute;
        width: 48%;
        left: 2.5%;
        top: 55%;
    }

    .dsp_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .dsp_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-8 {
        position: absolute;
        width: 15%;
        right: 19%;
        top: 46%;
        opacity: 1;
    }

    .page2-9 {
        position: absolute;
        width: 48%;
        right: 2.5%;
        top: 55%;
    }

    .zdy_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .zdy_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-10 {
        position: absolute;
        width: 15%;
        left: 19%;
        top: 69%;
        opacity: 1;
    }

    .page2-11 {
        position: absolute;
        width: 48%;
        left: 2.5%;
        top: 77%;
    }

    .hdyl_1 {
        color: #59a8f5;
        font-size: 14px;
        line-height: 45px;
        font-weight: bold;
    }

    .hdyl_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page2-12 {
        position: absolute;
        width: 15%;
        right: 19%;
        top: 69%;
        opacity: 1;
    }

    .page2-13 {
        position: absolute;
        width: 48%;
        right: 2.5%;
        top: 77%;
    }

    .sjfx_1 {
        color: #59a8f5;
        font-size: 14px;
        font-weight: bold;
        line-height: 45px;
    }

    .sjfx_2 {
        color: #b5b5b5;
        font-size: 12px;
        top: 6%;
    }

    .page3-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 14%;
    }

    .page3-2 {
        position: absolute;
        width: 25%;
        left: 16%;
        top: 25%;
    }

    .page3-3 {
        position: absolute;
        width: 20%;
        left: 9%;
        top: 54%;
    }

    .page3-4 {
        position: absolute;
        width: 16%;
        left: 34%;
        top: 69%;
    }

    .page3-5 {
        position: absolute;
        width: 40%;
        left: 30%;
        top: 36%;
    }

    .page3-6 {
        position: absolute;
        width: 21%;
        right: 7%;
        top: 44%;
    }

    .page3-7 {
        position: absolute;
        width: 17%;
        right: 17%;
        top: 27%;
    }

    .page3-8 {
        position: absolute;
        width: 20%;
        right: 13%;
        top: 64%;
    }

    .page4-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 14%;
    }

    .page4-2 {
        position: absolute;
        width: 46%;
        left: 27%;
        top: 30%;
    }

    .page4-3 {
        position: absolute;
        width:12%;
        left: 44%;
        top: 60%;
    }

    .page5-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 16%;
    }

    .guanyu {
        width: 80%;
        position: absolute;
        font-size: 12px;
        color: white;
        top: 30%;
        line-height: 26px;
        text-align: justify;
        left: 10%;

    }

    .page5-3 {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }

    .page6-1 {
        position: absolute;
        width: 160%;
        left: -30%;
        top: 16%;
    }

    .page6-7 {
        display: none;
    }

    .wenzi {
        display: none;
    }

    .dianhua {
        display: none;
    }



    .contacts2_3 {
        position: absolute;
        bottom: 0;
        z-index: 99;
        width: 100%;

    }

    .contacts2_4 {
        position: absolute;
        color: #ffffff;
        z-index: 999;
        width: 80%;
        left: 10%;
        top: 18%;
        display: none;
    }

    .contacts2_5 {
        text-align: center;
        z-index: 99;
        color: #ffffff;
        font-size: 42px;
        font-weight: 800;
    }

    .contacts2_6 {
        width: 100px;
        height: 50px;
    }

    .contacts2_7 {
        text-align: justify;
        color: #ffffff;
        font-size: 15px;
    }
    .contact2_3 {
        position: absolute;
        top: 46%;
        z-index: 99;
        width: 100%;
        left: 0;
        display: none;
    }
    .contactsj{
        position: absolute;
        top: 15%;
        width: 80%;
        left: 10%;
        z-index: 99;
    }
    .contactsj1{
        position: absolute;
        top: 34px;
        width: 100%;
        left: 0;
    }
    .contactsj1_1{
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }
    .contactsj2{
        position: absolute;
        top: 75px;
        width: 100%;
        left: 0;
    }
    .contactsj2_1{
        text-align: center;
        font-size: 13.5px;
        /*font-weight: 300;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }
    .contactsj3{
        position: absolute;
        top: 135px;
        width: 100%;
        left: 0;
    }
    .contactsj3_1{
        position: absolute;
        top:0;
        width: 100%;
        left: 0;
    }
    .contactsj4{
        position: absolute;
        top: 273px;
        width: 100%;
        left: 0;
    }
    .contactsj4_1{
        text-align: center;
        line-height: 26px;
        font-size: 13px;
        /*font-weight: 300;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }
    .contactsj4_2{
        text-align: center;
        line-height: 26px;
        font-size: 13px;
        /*font-weight: 300;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }
    .contactsj4_3{
        text-align: center;
        line-height: 26px;
        font-size: 13px;
        /*font-weight: 300;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
    }


    .contactcanvas canvas{
        display: none;
    }


    .footer {
        width: 100%;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        z-index: 99;
        position: fixed;
        bottom: 0;
        color: white;
        background-color: rgb(0, 0, 0);
    }

    .marquee {
        padding: 0 20px;
        float: left;
        width: 600px;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        bottom: 0;
        color: rgba(40, 40, 40, 0.89);
        background-color: rgb(0, 0, 0);
        font-size: 12px;

    }

    .marquee ul li {
        list-style-type: none;
    }

    .marquee ul li a {
        color: #333333;
        text-decoration: none;
    }

    .footer2 {
        height: 40px;
        width: 600px;
        color: white;
        font-size: 12px;
        float: right;
    }
}