@media (max-width: 1200px) {

    .footer {

        background: #101d28;

        padding: 0;

        color: #fff;
    }



    .con {

        width: 100%;

        margin: 0 auto;

        overflow: hidden;
    }





    .banner {

        margin-top: 69px;

    }



    .banner img {

        width: 100%;
        /*height: 600px;*/

    }



    .banner {

        /*height: 472px;*/

    }



    .banner .swiper-slide a {

        display: block;

        height: 100%;

        overflow: hidden;

    }

    .banner .swiper-button-prev{
        background: url(../images/left.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
        left: 2%;
    }
    .banner .swiper-button-next{
        background: url(../images/right.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
        right: 2%;
    }

    .banner .imgFull {

        height: 100%;

        /*transform: scale(1.1) rotate(1deg);*/

        /*transition: all 0.6s ease 0s;*/

    }



    .banTextBg {

        position: absolute;

        left: 14%;

        top: 8%;

    }



    .banText {

        float: left;

    }

    .banText h2{

        font-size: 18px;

        color: #fff;

    }

    .banText h3{

        font-size: 20px;

        margin-top: 9px;

        background: #fff;

        width: 82px;

        height: 4px;

    }

    .banText p{

        font-size: 14px;

        margin-top: 9px;

        color: #fff;

        width: 90%;

    }

    .banText .zixun{

        width: 90px;

        height: 25px;

        background: url(../images/btnbg.png) no-repeat;

        opacity: 1;

        float: left;

        /* text-align: center; */

        line-height: 25px;

        color: #fff;

        font-size: 12px;

        padding-left: 22px;

        margin-top: 17px;

        background-size: 100% 100%;

    }
    .banText .zixun i{
        float: right;
        font-style: normal;
        margin-right: 20px;display: none;
    }
    .banText .zixun:hover {
        font-weight: 700;
    }


    .ban2 .banTextBg {

        bottom: auto;

        top: 50%;

        transform: translateY(-50%);

    }



    .ban2 .banText {

        float: none;

    }



    .ban2 .banImg img {

        margin: 0 auto;

    }



    .banImg {

    }



    .banner .swiper-pagination {

        margin: 0;

        bottom: 10px;

    }



    .banner .swiper-pagination-bullet {

        width: 10px;

        height: 10px;

        background: #fff;

        opacity: 1;

        transition: all 0.4s ease 0s;

    }



    .banner .swiper-pagination-bullet-active {

        background: #c50f09;

    }



    /*.banner .swiper-slide-active .imgFull {*/

    /*    transform: scale(1);*/

    /*    transition: all 6s ease 0s;*/

    /*}*/





    .title {

        /* padding-left: 10px; */

        margin: 20px auto;

        overflow: hidden;

        width: 92%;

    }



    .title > a {

        width: 100px;

        height: 30px;

        background: url(../images/btnbg.png) no-repeat;

        opacity: 1;

        float: right;

        /* text-align: center; */

        line-height: 30px;

        color: #fff;

        font-size: 12px;

        padding-left: 22px;

        margin-top: 13px;

        background-size: 100% 100%;

    }

    .title > a i{
        float: right;
        font-style: normal;
        margin-right: 20px;
    }

    .title > a:hover {

        font-weight: 700;

    }

    .titleL{

        float: left;
    }
    .titleL h2{

        font-size: 18px;

        position: relative;

        margin-top: -15px;

    }
    .titleL h2 span{

        background: #006bbd;

        width: 10px;

        height: 20px;

        display: inline-block;

        margin-right: 14px;
    }
    .titleL p{

        font-size: 25px;

        color: #e6e5e5;

        text-transform: uppercase;

    }

    .title2 {

        font-size: 25px;

        color: #fff;

        border-left: 4px solid #fff;

        padding-left: 10px;

        margin: 50px 0;

    }



    .title2 a {

        width: 140px;

        height: 40px;

        background: #fff;

        border-radius: 30px 30px 30px 30px;

        opacity: 1;

        float: right;

        text-align: center;

        line-height: 40px;

        color: #CAA873;

        font-size: 16px;

    }



    .title2 a:hover {

        background: #CAA873;

        color: #fff;

    }

    .about{
        background: url("../images/bg1.png") no-repeat center 40px;
        background-size: 100%;
    }

    .aboutcon{

        overflow: hidden;

        width: 90%;

        margin: 0 auto;

    }
    .aboutconL{

        width: 100%;

        height: auto;

        float: left;

        border-radius: 30px 0 30px 0;

        overflow: hidden;

    }
    .aboutconL video{
        width: 100%;
        height: auto;
    }
    .aboutconR{

        width: 100%;

        float: right;

    }
    .aboutconR h2{

        color: #006bbd;

        font-size: 23px;

        margin-bottom: 10px;

        margin-top: 20px;

    }
    .aboutconR p{

        font-size: 14px;

        color: #323c46;

        line-height: 25px;

    }
    .aboutdata{

        overflow: hidden;

        margin-top: 30px;
    }
    .aboutdataitem{

        float: left;

        padding-left: 40px;

        background: url("../images/line.png") no-repeat left 11px;

        margin-right: 29px;
    }
    .aboutdataitem h2{

        font-size: 12px;

        color: #515151;

        margin-bottom: -6px;
    }
    .aboutdataitem h2 span{

        color: #006bbd;

        font-size: 35px;

    }
    .aboutdataitem p{

        color: #515151;
    }
    .case{

        margin: 0 auto 40px;
    }
    .casecon{

        width: 93%;

        margin: 0 auto;

    }
    .casecon .swiper-container{
        padding-bottom: 70px;
    }
    .caseitem{

        display: block;

        width: 100%;

        /* overflow: hidden; */

        position: relative;
        margin: 0 auto;
    }
    .caseitem img{

        width: 100%;

        border-radius: 10px;
    }
    .casedes{

        position: absolute;

        width: 100%;

        bottom: -17px;

        z-index: 10;
    }
    .casedes p{

        width: 90%;

        margin: 0 auto;

        background: #fff;

        text-align: center;

        height: 50px;

        line-height: 50px;

        box-shadow: 1px 1px 8px 0px #ddd;

        border-radius: 10px;
    }
    .news{
        background: url("../images/newsbg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .newscon{

        width: 93%;

        margin: 0 auto;

        overflow: hidden;

    }
    .newsconL{

        float: left;

        width: 100%;

        height: auto;

        overflow: hidden;

        margin-bottom: 10px;

    }
    .newsconL a{

        display: block;

        position: relative;
    }
    .newsconL a img{

        vertical-align: middle;

        width: 100%;

    }
    .newsconLdes{

        position: absolute;

        bottom: 0;

        left: 0;

        background: rgba(0,0,0,.5);
    }
    .newsconLdes h2{

        font-size: 18px;

        color: #fff;

        margin: 10px 20px;

        font-weight: normal;
    }
    .newsconLdes p{

        font-size: 14px;

        color: #fff;

        margin: 10px 20px;

        line-height: 25px;
    }
    .newsconR{

        float: right;

        width: 100%;

        float: right;

    }
    .newsconR a{

        display: block;

        overflow: hidden;

        color: #000;

        margin-bottom: 60px;

    }
    .newsconR a:hover{
        color: #0056a3;
    }
    .newsconR a img{

        float: left;

        width: 100%;

        height: auto;

        margin-right: 0;

        margin-bottom: 10px;

    }
    .newsconR1L{

        float: right;

        width: 100%;

    }
    .newsconR1L h2{

        font-size: 18px;
    }
    .newsdes{

        color: #808080;

        line-height: 20px;

        margin: 10px 0;

    }
    .newstime{

        color: #808080;

        font-size: 14px;

        margin-top: 53px;
    }
    .newstime span{

        float: right;
        color: #0056a3;
    }
    .newstime span img{

        width: 15px;

        height: auto;

        float: right;

        margin: 4px;
    }
    .footer{

    }
    .footer1{

        overflow: hidden;

        border-bottom: 1px solid #28343e;

        padding: 25px 0;
    }
    .footer1L{

        float: left;

        margin-left: 15px;

    }
    .footer1L img{

    }
    .footer1R{

        float: right;

        margin-top: 18px;
    }
    .footer1R a{

        opacity: 0.8;

        font-size: 16px;

        margin-left: 19px;

        padding-bottom: 10px;

        float: left;

    }
    .footer2{

        width: 90%;

        margin: 0 auto;

    }
    .footer2 h3{

        font-size: 20px;

        font-weight: normal;

        margin: 15px 0;

    }
    .footcontact{

        overflow: hidden;
    }
    .footcontact a{

        float: left;

        width: 50%;

        margin-bottom: 10px;

    }
    .footcontact a h2 {

        font-size: 16px;

        font-weight: normal;

        opacity: 0.8;

        margin: 10px 0;
    }
    .footcontact a p{

    }
    .copyright{

        text-align: center;

        font-size: 14px;

        border-top: 1px solid #28343e;

        line-height: 29px;

        margin-top: 20px;

    }


    /*page*/
    .pagebanner{

        margin-top: 67px;

        color: #fff;

        height: 181px;

        display: flex;

        align-items: center;

    }
    .pagebanner h2{

        font-size: 28px;

        margin-left: 20px;

    }
    .pagebanner p{

        font-size: 19px;

        margin-left: 20px;

    }
    .position{
        background: url("../images/locationbg.png");
    }

    .positioncon{

        font-size: 14px;
    }
    .positionL{

        height: 80px;

        line-height: 80px;

        color: #fff;
        
        float:none;
        
        text-align: center;
    }
    .positionL img{

        vertical-align: middle;
    }
    .positionL a{

    }
    .positionR{

        display: none;

    }
    .positionR a{

    }
    .product{

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        flex-wrap: wrap;

    }
    .productitem{

        /* float: left; */

        width: 100%;

        /* float: left; */

        overflow: hidden;

        box-shadow: 1px 1px 5px 2px #eee;

        margin: 1%;

        border-top: 2px solid #fff;

        border-radius: 13px;

        /* text-align: center; */

    }
    .productitemL{

        float: left;

        width: 100%;
        
        text-align: center;

    }
    .productitemL img{

    }
    .productitemR{

        float: left;

        width: 100%;
        text-align: center;

    }
    .proname{

        font-size: 18px;

        border-bottom: 1px solid #eee;

        line-height: 50px;

        display: block;

        color: #333;

        margin: 0 10px;

    }
    .productitemR p{

        color: #515151;

        font-size: 14px;

        line-height: 28px;

        margin: 20px 10px;
        text-align: left;

    }
    .goodview{

        line-height: 50px;

        border-top: 1px solid #eee;

        display: block;

        color: #333;
        background: none;
        text-align: center;
    }
    .goodview span{

        float: none;

        margin-left: 0px;
        text-align: center;

    }
    .goodview img{

    }
    .productitem:hover .goodview{
        color: #0056a3;
        background: url("../images/r.png") no-repeat 96% 17px;
    }
    .productitem:hover .proname{
        color: #0056a3;
    }
    .pagetit{

        font-size: 20px;

        font-weight: 700;

        border-bottom: 1px solid #ddd;

        width: 100%;

        margin: 20px auto;

        text-align: center;

        padding: 20px 0;

    }
    .chang{

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        justify-content: flex-start;

        flex-wrap: wrap;

    }
    .chang a{

        float: left;

        box-shadow: 1px 1px 5px 2px #eee;

        margin: 1%;

        text-align: center;

        width: 48%;

    }
    .chang a:hover {
        color: #0056a3;
    }
    .changimg{
        width: 96%;
        margin: 10px auto 0;
    }

    .changimg img{

        width: 100%;
    }
    .chang a p{

        line-height: 24px;

        padding: 10px 0;

        font-size: 14px;

        height: 45px;

    }
    .pages{

        text-align: center;

        margin: 70px 0;
    }
    .pages a{
        width: 30px;
        height: 30px;
        display: inline-block;
        border: 1px solid #ddd;
        line-height: 30px;
        border-radius: 30px;
        font-size: 14px !important;
        font-size: 16px;
        color: #666;
        margin: 0 0px;
    }

    .pages a.active{

        background: #0056a3;

        color: #fff;
    }
    .pone{

        padding: 0 10px;

    }
    .intro{

        width: 92%;

        margin: 0px auto 100px;

    }
    .intro h2{

        text-align: center;

        color: #006bbd;

        font-size: 20px;

        margin: 20px 0;

    }
    .intro p{

        font-size: 16px;

        color: #323c46;

        line-height: 29px;

        margin: 20px 0;
    }
    .imtroimg {

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }
    .imtroimg img{

        width: 100%;

        margin: 10px 0;

    }

    .fennav{

        width: 69px;
    }
}

@media (max-width: 768px) {
    .footer {

        background: #101d28;

        padding: 0;

        color: #fff;
    }



    .con {

        width: 100%;

        margin: 0 auto;

        overflow: hidden;
    }





    .banner {

        margin-top: 69px;

    }



    .banner img {

        width: 100%;
        /*height: 600px;*/

    }



    .banner {

        /*height: 472px;*/

    }



    .banner .swiper-slide a {

        display: block;

        height: 100%;

        overflow: hidden;

    }

    .banner .swiper-button-prev{
        background: url(../images/left.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
        left: 2%;
    }
    .banner .swiper-button-next{
        background: url(../images/right.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
        right: 2%;
    }

    .banner .imgFull {

        height: 100%;

        /*transform: scale(1.1) rotate(1deg);*/

        /*transition: all 0.6s ease 0s;*/

    }



    .banTextBg {

        position: absolute;

        left: 14%;

        top: 8%;

    }



    .banText {

        float: left;

    }

    .banText h2{

        font-size: 18px;

        color: #fff;

    }

    .banText h3{

        font-size: 20px;

        margin-top: 9px;

        background: #fff;

        width: 82px;

        height: 4px;

    }

    .banText p{

        font-size: 14px;

        margin-top: 9px;

        color: #fff;

        width: 90%;

    }

    .banText .zixun{

        width: 80px;

        height: 25px;

        background: url(../images/btnbg.png) no-repeat;

        opacity: 1;

        float: left;

        /* text-align: center; */

        line-height: 25px;

        color: #fff;

        font-size: 12px;

        padding-left: 22px;

        margin-top: 17px;

        background-size: 100% 100%;

    }
    .banText .zixun i{
        float: right;
        font-style: normal;
        margin-right: 20px;display: none;
    }
    .banText .zixun:hover {
        font-weight: 700;
    }


    .ban2 .banTextBg {

        bottom: auto;

        top: 50%;

        transform: translateY(-50%);

    }



    .ban2 .banText {

        float: none;

    }



    .ban2 .banImg img {

        margin: 0 auto;

    }



    .banImg {

    }



    .banner .swiper-pagination {

        margin: 0;

        bottom: 3%;

    }



    .banner .swiper-pagination-bullet {

        width: 10px;

        height: 10px;

        background: #fff;

        opacity: 1;

        transition: all 0.4s ease 0s;

    }



    .banner .swiper-pagination-bullet-active {

        background: #c50f09;

    }



    /*.banner .swiper-slide-active .imgFull {*/

    /*    transform: scale(1);*/

    /*    transition: all 6s ease 0s;*/

    /*}*/





    .title {

        /* padding-left: 10px; */

        margin: 20px auto;

        overflow: hidden;

        width: 92%;

    }



    .title > a {

        width: 100px;

        height: 30px;

        background: url(../images/btnbg.png) no-repeat;

        opacity: 1;

        float: right;

        /* text-align: center; */

        line-height: 30px;

        color: #fff;

        font-size: 12px;

        padding-left: 22px;

        margin-top: 13px;

        background-size: 100% 100%;

    }

    .title > a i{
        float: right;
        font-style: normal;
        margin-right: 20px;
    }

    .title > a:hover {

        font-weight: 700;

    }

    .titleL{

        float: left;
    }
    .titleL h2{

        font-size: 18px;

        position: relative;

        margin-top: -15px;

    }
    .titleL h2 span{

        background: #006bbd;

        width: 10px;

        height: 20px;

        display: inline-block;

        margin-right: 14px;
    }
    .titleL p{

        font-size: 25px;

        color: #e6e5e5;

        text-transform: uppercase;

    }

    .title2 {

        font-size: 25px;

        color: #fff;

        border-left: 4px solid #fff;

        padding-left: 10px;

        margin: 50px 0;

    }



    .title2 a {

        width: 140px;

        height: 40px;

        background: #fff;

        border-radius: 30px 30px 30px 30px;

        opacity: 1;

        float: right;

        text-align: center;

        line-height: 40px;

        color: #CAA873;

        font-size: 16px;

    }



    .title2 a:hover {

        background: #CAA873;

        color: #fff;

    }

    .about{
        background: url("../images/bg1.png") no-repeat center 40px;
        background-size: 100%;
    }

    .aboutcon{

        overflow: hidden;

        width: 90%;

        margin: 0 auto;

    }
    .aboutconL{

        width: 100%;

        height: auto;

        float: left;

        border-radius: 30px 0 30px 0;

        overflow: hidden;

    }
    .aboutconL video{
        width: 100%;
        height: auto;
    }
    .aboutconR{

        width: 100%;

        float: right;

    }
    .aboutconR h2{

        color: #006bbd;

        font-size: 23px;

        margin-bottom: 10px;

        margin-top: 20px;

    }
    .aboutconR p{

        font-size: 14px;

        color: #323c46;

        line-height: 25px;

    }
    .aboutdata{

        overflow: hidden;

        margin-top: 30px;
    }
    .aboutdataitem{

        float: left;

        padding-left: 40px;

        background: url("../images/line.png") no-repeat left 11px;

        margin-right: 29px;
    }
    .aboutdataitem h2{

        font-size: 12px;

        color: #515151;

        margin-bottom: -6px;
    }
    .aboutdataitem h2 span{

        color: #006bbd;

        font-size: 35px;

    }
    .aboutdataitem p{

        color: #515151;
    }
    .case{

        margin: 0 auto 40px;
    }
    .casecon{

        width: 93%;

        margin: 0 auto;

    }
    .casecon .swiper-container{
        padding-bottom: 70px;
    }
    .caseitem{

        display: block;

        width: 100%;

        /* overflow: hidden; */

        position: relative;
        margin: 0 auto;
    }
    .caseitem img{

        width: 100%;

        border-radius: 10px;
    }
    .casedes{

        position: absolute;

        width: 100%;

        bottom: -17px;

        z-index: 10;
    }
    .casedes p{

        width: 90%;

        margin: 0 auto;

        background: #fff;

        text-align: center;

        height: 50px;

        line-height: 50px;

        box-shadow: 1px 1px 8px 0px #ddd;

        border-radius: 10px;
    }
    .news{
        background: url("../images/newsbg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .newscon{

        width: 93%;

        margin: 0 auto;

        overflow: hidden;

    }
    .newsconL{

        float: left;

        width: 100%;

        height: auto;

        overflow: hidden;

        margin-bottom: 10px;

    }
    .newsconL a{

        display: block;

        position: relative;
    }
    .newsconL a img{

        vertical-align: middle;

        width: 100%;

    }
    .newsconLdes{

        position: absolute;

        bottom: 0;

        left: 0;

        background: rgba(0,0,0,.5);
    }
    .newsconLdes h2{

        font-size: 18px;

        color: #fff;

        margin: 10px 20px;

        font-weight: normal;
    }
    .newsconLdes p{

        font-size: 14px;

        color: #fff;

        margin: 10px 20px;

        line-height: 25px;
    }
    .newsconR{

        float: right;

        width: 100%;

        float: right;

    }
    .newsconR a{

        display: block;

        overflow: hidden;

        color: #000;

        margin-bottom: 60px;

    }
    .newsconR a:hover{
        color: #0056a3;
    }
    .newsconR a img{

        float: left;

        width: 100%;

        height: auto;

        margin-right: 0;

        margin-bottom: 10px;

    }
    .newsconR1L{

        float: right;

        width: 100%;

    }
    .newsconR1L h2{

        font-size: 18px;
    }
    .newsdes{

        color: #808080;

        line-height: 20px;

        margin: 10px 0;

    }
    .newstime{

        color: #808080;

        font-size: 14px;

        margin-top: 53px;
    }
    .newstime span{

        float: right;
        color: #0056a3;
    }
    .newstime span img{

        width: 15px;

        height: auto;

        float: right;

        margin: 4px;
    }
    .footer{

    }
    .footer1{

        overflow: hidden;

        border-bottom: 1px solid #28343e;

        padding: 25px 0;
    }
    .footer1L{

        float: left;

        margin-left: 15px;

    }
    .footer1L img{

    }
    .footer1R{

        float: right;

        margin-top: 18px;
    }
    .footer1R a{

        opacity: 0.8;

        font-size: 16px;

        margin-left: 19px;

        padding-bottom: 10px;

        float: left;

    }
    .footer2{

        width: 90%;

        margin: 0 auto;

    }
    .footer2 h3{

        font-size: 20px;

        font-weight: normal;

        margin: 15px 0;

    }
    .footcontact{

        overflow: hidden;
    }
    .footcontact a{

        float: left;

        width: 50%;

        margin-bottom: 10px;

    }
    .footcontact a h2 {

        font-size: 16px;

        font-weight: normal;

        opacity: 0.8;

        margin: 10px 0;
    }
    .footcontact a p{

    }
    .copyright{

        text-align: center;

        font-size: 14px;

        border-top: 1px solid #28343e;

        line-height: 29px;

        margin-top: 20px;

    }


    /*page*/
    .pagebanner{

        margin-top: 67px;

        color: #fff;

        height: 181px;

        display: flex;

        align-items: center;

    }
    .pagebanner h2{

        font-size: 28px;

        margin-left: 20px;

    }
    .pagebanner p{

        font-size: 19px;

        margin-left: 20px;

    }
    .position{
        background: url("../images/locationbg.png");
    }

    .positioncon{

        font-size: 14px;
    }
    .positionL{

        height: 80px;

        line-height: 80px;

        color: #fff;
        
        float:none;
        
        text-align: center;
    }
    .positionL img{

        vertical-align: middle;
    }
    .positionL a{

    }
    .positionR{

        display: none;

    }
    .positionR a{

    }
    .product{

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        flex-wrap: wrap;

    }
    .productitem{

        /* float: left; */

        width: 100%;

        /* float: left; */

        overflow: hidden;

        box-shadow: 1px 1px 5px 2px #eee;

        margin: 1%;

        border-top: 2px solid #fff;

        border-radius: 13px;

        /* text-align: center; */

    }
    .productitemL{

        float: left;

        width: 100%;
        
        text-align: center;

    }
    .productitemL img{

    }
    .productitemR{

        float: left;

        width: 100%;
        text-align: center;

    }
    .proname{

        font-size: 18px;

        border-bottom: 1px solid #eee;

        line-height: 50px;

        display: block;

        color: #333;

        margin: 0 10px;

    }
    .productitemR p{

        color: #515151;

        font-size: 14px;

        line-height: 28px;

        margin: 20px 10px;
        text-align: left;

    }
    .goodview{

        line-height: 50px;

        border-top: 1px solid #eee;

        display: block;

        color: #333;
        background: none;
        text-align: center;
    }
    .goodview span{

        float: none;

        margin-left: 0px;
        text-align: center;

    }
    .goodview img{

    }
    .productitem:hover .goodview{
        color: #0056a3;
        background: url("../images/r.png") no-repeat 96% 17px;
    }
    .productitem:hover .proname{
        color: #0056a3;
    }
    .pagetit{

        font-size: 20px;

        font-weight: 700;

        border-bottom: 1px solid #ddd;

        width: 100%;

        margin: 20px auto;

        text-align: center;

        padding: 20px 0;

    }
    .chang{

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        justify-content: flex-start;

        flex-wrap: wrap;

    }
    .chang a{

        float: left;

        box-shadow: 1px 1px 5px 2px #eee;

        margin: 1%;

        text-align: center;

        width: 48%;

    }
    .chang a:hover {
        color: #0056a3;
    }
    .changimg{
        width: 96%;
        margin: 10px auto 0;
    }

    .changimg img{

        width: 100%;
    }
    .chang a p{

        line-height: 24px;

        padding: 10px 0;

        font-size: 14px;

        height: 45px;

    }
    .pages{

        text-align: center;

        margin: 70px 0;
    }
    .pages a{
        width: 30px;
        height: 30px;
        display: inline-block;
        border: 1px solid #ddd;
        line-height: 30px;
        border-radius: 30px;
        font-size: 14px !important;
        font-size: 16px;
        color: #666;
        margin: 0 0px;
    }

    .pages a.active{

        background: #0056a3;

        color: #fff;
    }
    .pone{

        padding: 0 10px;

    }
    .intro{

        width: 92%;

        margin: 0px auto 100px;

    }
    .intro h2{

        text-align: center;

        color: #006bbd;

        font-size: 20px;

        margin: 20px 0;

    }
    .intro p{

        font-size: 16px;

        color: #323c46;

        line-height: 29px;

        margin: 20px 0;
    }
    .imtroimg {

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }
    .imtroimg img{

        width: 100%;

        margin: 10px 0;

    }

    .fennav{

        width: 69px;
    }
}




@media (max-width: 1200px) {

    .footer {

        background: #101d28;

        padding: 0;

        color: #fff;
    }



    .con {

        width: 100%;

        margin: 0 auto;

        overflow: hidden;
    }





    .banner {

        margin-top: 51px;

    }



    .banner img {

        width: 100%;
        /*height: 600px;*/

    }



    .banner {

        /*height: 472px;*/

    }



    .banner .swiper-slide a {

        display: block;

        height: 100%;

        overflow: hidden;

    }

    .banner .swiper-button-prev{
        background: url(../images/left.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
        left: 2%;
    }
    .banner .swiper-button-next{
        background: url(../images/right.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
        right: 2%;
    }

    .banner .imgFull {

        height: 100%;

        /*transform: scale(1.1) rotate(1deg);*/

        /*transition: all 0.6s ease 0s;*/

    }



    .banTextBg {

        position: absolute;

        left: 14%;

        top: 8%;

    }



    .banText {

        float: left;

    }

    .banText h2{

        font-size: 18px;

        color: #fff;

    }

    .banText h3{

        font-size: 20px;

        margin-top: 9px;

        background: #fff;

        width: 82px;

        height: 4px;

    }

    .banText p{

        font-size: 14px;

        margin-top: 9px;

        color: #fff;

        width: 90%;

    }

    .banText .zixun{

        width: 80px;

        height: 25px;

        background: url(../images/btnbg.png) no-repeat;

        opacity: 1;

        float: left;

        /* text-align: center; */

        line-height: 25px;

        color: #fff;

        font-size: 12px;

        padding-left: 0px;
        text-align: center;

        margin-top: 17px;

        background-size: 100% 100%;

    }
    .banText .zixun i{
        float: right;
        font-style: normal;
        margin-right: 20px;display: none;
    }
    .banText .zixun:hover {
        font-weight: 700;
    }


    .ban2 .banTextBg {

        bottom: auto;

        top: 50%;

        transform: translateY(-50%);

    }



    .ban2 .banText {

        float: none;

    }



    .ban2 .banImg img {

        margin: 0 auto;

    }



    .banImg {

    }



    .banner .swiper-pagination {

        margin: 5px;

        bottom: 3%;

    }



    .banner .swiper-pagination-bullet {

        width: 10px;

        height: 10px;

        background: #fff;

        opacity: 1;

        transition: all 0.4s ease 0s;

    }



    .banner .swiper-pagination-bullet-active {

        background: #c50f09;

    }



    /*.banner .swiper-slide-active .imgFull {*/

    /*    transform: scale(1);*/

    /*    transition: all 6s ease 0s;*/

    /*}*/





    .title {

        /* padding-left: 10px; */

        margin: 20px auto;

        overflow: hidden;

        width: 92%;

    }



    .title > a {

        width: 100px;

        height: 30px;

        background: url(../images/btnbg.png) no-repeat;

        opacity: 1;

        float: right;

        /* text-align: center; */

        line-height: 30px;

        color: #fff;

        font-size: 12px;

        padding-left: 22px;

        margin-top: 13px;

        background-size: 100% 100%;

    }

    .title > a i{
        float: right;
        font-style: normal;
        margin-right: 20px;
    }

    .title > a:hover {

        font-weight: 700;

    }

    .titleL{

        float: left;
    }
    .titleL h2{

        font-size: 18px;

        position: relative;

        margin-top: -15px;

    }
    .titleL h2 span{

        background: #006bbd;

        width: 10px;

        height: 20px;

        display: inline-block;

        margin-right: 14px;
    }
    .titleL p{

        font-size: 25px;

        color: #e6e5e5;

        text-transform: uppercase;

    }

    .title2 {

        font-size: 25px;

        color: #fff;

        border-left: 4px solid #fff;

        padding-left: 10px;

        margin: 50px 0;

    }



    .title2 a {

        width: 140px;

        height: 40px;

        background: #fff;

        border-radius: 30px 30px 30px 30px;

        opacity: 1;

        float: right;

        text-align: center;

        line-height: 40px;

        color: #CAA873;

        font-size: 16px;

    }



    .title2 a:hover {

        background: #CAA873;

        color: #fff;

    }

    .about{
        background: url("../images/bg1.png") no-repeat center 40px;
        background-size: 100%;
    }

    .aboutcon{

        overflow: hidden;

        width: 90%;

        margin: 0 auto;

    }
    .aboutconL{

        width: 100%;

        height: auto;

        float: left;

        border-radius: 30px 0 30px 0;

        overflow: hidden;

    }
    .aboutconL video{
        width: 100%;
        height: auto;
    }
    .aboutconR{

        width: 100%;

        float: right;

    }
    .aboutconR h2{

        color: #006bbd;

        font-size: 23px;

        margin-bottom: 10px;

        margin-top: 20px;

    }
    .aboutconR p{

        font-size: 14px;

        color: #323c46;

        line-height: 25px;

    }
    .aboutdata{

        overflow: hidden;

        margin-top: 30px;
    }
    .aboutdataitem{

        float: left;

        padding-left: 40px;

        background: url("../images/line.png") no-repeat left 11px;

        margin-right: 29px;
    }
    .aboutdataitem h2{

        font-size: 12px;

        color: #515151;

        margin-bottom: -6px;
    }
    .aboutdataitem h2 span{

        color: #006bbd;

        font-size: 35px;

    }
    .aboutdataitem p{

        color: #515151;
    }
    .case{

        margin: 0 auto 40px;
    }
    .casecon{

        width: 93%;

        margin: 0 auto;

    }
    .casecon .swiper-container{
        padding-bottom: 70px;
    }
    .caseitem{

        display: block;

        width: 100%;

        /* overflow: hidden; */

        position: relative;
        margin: 0 auto;
    }
    .caseitem img{

        width: 100%;

        border-radius: 10px;
    }
    .casedes{

        position: absolute;

        width: 100%;

        bottom: -17px;

        z-index: 10;
    }
    .casedes p{

        width: 90%;

        margin: 0 auto;

        background: #fff;

        text-align: center;

        height: 50px;

        line-height: 50px;

        box-shadow: 1px 1px 8px 0px #ddd;

        border-radius: 10px;
    }
    .news{
        background: url("../images/newsbg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .newscon{

        width: 93%;

        margin: 0 auto;

        overflow: hidden;

    }
    .newsconL{

        float: left;

        width: 100%;

        height: auto;

        overflow: hidden;

        margin-bottom: 10px;

    }
    .newsconL a{

        display: block;

        position: relative;
    }
    .newsconL a img{

        vertical-align: middle;

        width: 100%;

    }
    .newsconLdes{

        position: absolute;

        bottom: 0;

        left: 0;

        background: rgba(0,0,0,.5);
    }
    .newsconLdes h2{

        font-size: 18px;

        color: #fff;

        margin: 10px 20px;

        font-weight: normal;
    }
    .newsconLdes p{

        font-size: 14px;

        color: #fff;

        margin: 10px 20px;

        line-height: 25px;
    }
    .newsconR{

        float: right;

        width: 100%;

        float: right;

    }
    .newsconR a{

        display: block;

        overflow: hidden;

        color: #000;

        margin-bottom: 60px;

    }
    .newsconR a:hover{
        color: #0056a3;
    }
    .newsconR a img{

        float: left;

        width: 100%;

        height: auto;

        margin-right: 0;

        margin-bottom: 10px;

    }
    .newsconR1L{

        float: right;

        width: 100%;

    }
    .newsconR1L h2{

        font-size: 18px;
    }
    .newsdes{

        color: #808080;

        line-height: 20px;

        margin: 10px 0;

    }
    .newstime{

        color: #808080;

        font-size: 14px;

        margin-top: 53px;
    }
    .newstime span{

        float: right;
        color: #0056a3;
    }
    .newstime span img{

        width: 15px;

        height: auto;

        float: right;

        margin: 4px;
    }
    .footer{

    }
    .footer1{

        overflow: hidden;

        border-bottom: 1px solid #28343e;

        padding: 25px 0;
    }
    .footer1L{

        float: left;

        margin-left: 15px;

    }
    .footer1L img{

    }
    .footer1R{

        float: right;

        margin-top: 18px;
    }
    .footer1R a{

        opacity: 0.8;

        font-size: 16px;

        margin-left: 19px;

        padding-bottom: 10px;

        float: left;

    }
    .footer2{

        width: 90%;

        margin: 0 auto;

    }
    .footer2 h3{

        font-size: 20px;

        font-weight: normal;

        margin: 15px 0;

    }
    .footcontact{

        overflow: hidden;
    }
    .footcontact a{

        float: left;

        width: 50%;

        margin-bottom: 10px;

    }
    .footcontact a h2 {

        font-size: 16px;

        font-weight: normal;

        opacity: 0.8;

        margin: 10px 0;
    }
    .footcontact a p{

    }
    .copyright{

        text-align: center;

        font-size: 14px;

        border-top: 1px solid #28343e;

        line-height: 29px;

        margin-top: 20px;

    }


    /*page*/
    .pagebanner{

        margin-top: 67px;

        color: #fff;

        height: 181px;

        display: flex;

        align-items: center;

    }
    .pagebanner h2{

        font-size: 28px;

        margin-left: 20px;

    }
    .pagebanner p{

        font-size: 19px;

        margin-left: 20px;

    }
    .position{
        background: url("../images/locationbg.png");
    }

    .positioncon{

        font-size: 14px;
    }
    .positionL{

        height: 80px;

        line-height: 80px;

        color: #fff;
        
        float:none;
        
        text-align: center;
    }
    .positionL img{

        vertical-align: middle;
    }
    .positionL a{

    }
    .positionR{

        display: none;

    }
    .positionR a{

    }
    .product{

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        flex-wrap: wrap;

    }
    .productitem{

        /* float: left; */

        width: 100%;

        /* float: left; */

        overflow: hidden;

        box-shadow: 1px 1px 5px 2px #eee;

        margin: 1%;

        border-top: 2px solid #fff;

        border-radius: 13px;

        /* text-align: center; */

    }
    .productitemL{

        float: left;

        width: 100%;
        
        text-align: center;

    }
    .productitemL img{

    }
    .productitemR{

        float: left;

        width: 100%;
        text-align: center;

    }
    .proname{

        font-size: 18px;

        border-bottom: 1px solid #eee;

        line-height: 50px;

        display: block;

        color: #333;

        margin: 0 10px;

    }
    .productitemR p{

        color: #515151;

        font-size: 14px;

        line-height: 28px;

        margin: 20px 10px;
        text-align: left;

    }
    .goodview{

        line-height: 50px;

        border-top: 1px solid #eee;

        display: block;

        color: #333;
        background: none;
        text-align: center;
    }
    .goodview span{

        float: none;

        margin-left: 0px;
        text-align: center;

    }
    .goodview img{

    }
    .productitem:hover .goodview{
        color: #0056a3;
        background: url("../images/r.png") no-repeat 96% 17px;
    }
    .productitem:hover .proname{
        color: #0056a3;
    }
    .pagetit{

        font-size: 20px;

        font-weight: 700;

        border-bottom: 1px solid #ddd;

        width: 100%;

        margin: 20px auto;

        text-align: center;

        padding: 20px 0;

    }
    .chang{

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        justify-content: flex-start;

        flex-wrap: wrap;

    }
    .chang a{

        float: left;

        box-shadow: 1px 1px 5px 2px #eee;

        margin: 1%;

        text-align: center;

        width: 48%;

    }
    .chang a:hover {
        color: #0056a3;
    }
    .changimg{
        width: 96%;
        margin: 10px auto 0;
    }

    .changimg img{

        width: 100%;
    }
    .chang a p{

        line-height: 24px;

        padding: 10px 0;

        font-size: 14px;

        height: 45px;

    }
    .pages{

        text-align: center;

        margin: 70px 0;
    }
    .pages a{
        width: 30px;
        height: 30px;
        display: inline-block;
        border: 1px solid #ddd;
        line-height: 30px;
        border-radius: 30px;
        font-size: 14px !important;
        font-size: 16px;
        color: #666;
        margin: 0 0px;
    }

    .pages a.active{

        background: #0056a3;

        color: #fff;
    }
    .pone{

        padding: 0 10px;

    }
    .intro{

        width: 92%;

        margin: 0px auto 100px;

    }
    .intro h2{

        text-align: center;

        color: #006bbd;

        font-size: 20px;

        margin: 20px 0;

    }
    .intro p{

        font-size: 16px;

        color: #323c46;

        line-height: 29px;

        margin: 20px 0;
    }
    .imtroimg {

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }
    .imtroimg img{

        width: 100%;

        margin: 10px 0;

    }

    .fennav{

        width: 69px;
    }
    .con{width:100%;}
}


@media (max-width: 1300px) {
    .con{width:100%;}
    
}



@media (max-width: 1366px) {
    .con{width:100%;}
    .centerBox{width:100%;}
    .phone{margin-right:50px;}
    .pagebanner h2{padding-left:25px;}
    .pagebanner p{padding-left:25px;}
    .positionR{padding-right:10px;}
    .pagetit{width:95%;}
    .intro{width:98%;}
    .intro p{padding:10px;}
   .imtroimg img{padding-right:3px;}
    .footer1L{padding-left:10px;}
    .footer1R{margin-right:10px;}
    .footer2 h3{margin-left:10px;}
    .footcontact{margin-left:10px;}
    .product{width:100%;}
    .footcontact a p{color:#fff;}
    .footcontact a h2{color:#fff;}
    .position{padding-left:30px;}
    .chang{width:100%;}
    .news_details .w_100{width:95%;}
    .title{padding:10px;}
    .aboutcon{padding:10px;}
    .cpyskd{width:100%}
    .z_pro_head{width:90%!important;}
    .z_index_pro{min-height:49vw!important;}
    .z_pro_swiper{box-shadow:none!important;}
    .casecon{width:98%;}
    .newscon{width:98%;}
    
}
@media (max-width: 1365px) {
    .con{width:100%;}
    .centerBox{width:100%;}
    .phone{margin-right:50px;}
    .pagebanner h2{padding-left:25px;}
    .pagebanner p{padding-left:25px;}
    .positionR{padding-right:10px;}
    .pagetit{width:95%;}
    .intro{width:98%;}
    .intro p{padding:10px;}
   .imtroimg img{padding-right:3px;}
    .footer1L{padding-left:10px;}
    .footer1R{margin-right:10px;}
    .footer2 h3{margin-left:10px;}
    .footcontact{margin-left:10px;}
    .product{width:100%;}
    .footcontact a p{color:#fff;}
    .footcontact a h2{color:#fff;}
    .position{padding-left:30px;}
    .chang{width:100%;}
    .news_details .w_100{width:95%;}
    .title{padding:10px;}
    .aboutcon{padding:10px;}
    .cpyskd{width:100%}
    .z_pro_head{width:90%!important;}
    .z_index_pro{min-height:49vw!important;}
    .z_pro_swiper{box-shadow:none!important;}
    .casecon{width:98%;}
    .newscon{width:98%;}
    .newsconR{width:640px!important;}
    .newsconR1L{width:340px!important;}
    
}
@media (max-width: 1340px) {
    .con{width:100%;}
    .centerBox{width:100%;}
    .phone{margin-right:50px;}
    .pagebanner h2{padding-left:25px;}
    .pagebanner p{padding-left:25px;}
    .positionR{padding-right:10px;}
    .pagetit{width:95%;}
    .intro{width:98%;}
    .intro p{padding:10px;}
   .imtroimg img{padding-right:3px;}
    .footer1L{padding-left:10px;}
    .footer1R{margin-right:10px;}
    .footer2 h3{margin-left:10px;}
    .footcontact{margin-left:10px;}
    .product{width:100%;}
    .footcontact a p{color:#fff;}
    .footcontact a h2{color:#fff;}
    .position{padding-left:30px;}
    .chang{width:100%;}
    .news_details .w_100{width:95%;}
    .title{padding:10px;}
    .aboutcon{padding:10px;}
    .cpyskd{width:100%}
    .z_pro_head{width:90%!important;}
    .z_index_pro{min-height:49vw!important;}
    .z_pro_swiper{box-shadow:none!important;}
    .casecon{width:98%;}
    .newscon{width:98%;}
    .newsconR{width:620px!important;}
    .newsconR1L{width:320px!important;}
    
}
@media (max-width: 1320px) {
    .con{width:100%;}
    .centerBox{width:100%;}
    .phone{margin-right:50px;}
    .pagebanner h2{padding-left:25px;}
    .pagebanner p{padding-left:25px;}
    .positionR{padding-right:10px;}
    .pagetit{width:95%;}
    .intro{width:98%;}
    .intro p{padding:10px;}
   .imtroimg img{padding-right:3px;}
    .footer1L{padding-left:10px;}
    .footer1R{margin-right:10px;}
    .footer2 h3{margin-left:10px;}
    .footcontact{margin-left:10px;}
    .product{width:100%;}
    .footcontact a p{color:#fff;}
    .footcontact a h2{color:#fff;}
    .position{padding-left:30px;}
    .chang{width:100%;}
    .news_details .w_100{width:95%;}
    .title{padding:10px;}
    .aboutcon{padding:10px;}
    .cpyskd{width:100%}
    .z_pro_head{width:90%!important;}
    .z_index_pro{min-height:49vw!important;}
    .z_pro_swiper{box-shadow:none!important;}
    .casecon{width:98%;}
    .newscon{width:98%;}
    .newsconR{width:600px!important;}
    .newsconR1L{width:300px!important;}
    
}
@media (max-width: 1300px) {
    .con{width:100%;}
    .centerBox{width:100%;}
    .phone{margin-right:50px;}
    .pagebanner h2{padding-left:25px;}
    .pagebanner p{padding-left:25px;}
    .positionR{padding-right:10px;}
    .pagetit{width:95%;}
    .intro{width:98%;}
    .intro p{padding:10px;}
   .imtroimg img{padding-right:3px;}
    .footer1L{padding-left:10px;}
    .footer1R{margin-right:10px;}
    .footer2 h3{margin-left:10px;}
    .footcontact{margin-left:10px;}
    .product{width:100%;}
    .footcontact a p{color:#fff;}
    .footcontact a h2{color:#fff;}
    .position{padding-left:30px;}
    .chang{width:100%;}
    .news_details .w_100{width:95%;}
    .title{padding:10px;}
    .aboutcon{padding:10px;}
    .cpyskd{width:100%}
    .z_pro_head{width:90%!important;}
    .z_index_pro{min-height:49vw!important;}
    .z_pro_swiper{box-shadow:none!important;}
    .casecon{width:98%;}
    .newscon{width:98%;}
    .newsconR{width:580px!important;}
    .newsconR1L{width:280px!important;}
    
}
@media (max-width: 1290px) {
    .logo{width:18%;}
    .con{width:100%;}
    .centerBox{width:100%;}
    .phone{margin-right:0px;width:10%;display:block}
    .pagebanner h2{padding-left:25px;}
    .pagebanner p{padding-left:25px;}
    .positionR{padding-right:10px;}
    .pagetit{width:95%;}
    .intro{width:98%;}
    .intro p{padding:10px;}
   .imtroimg img{padding-right:3px;}
    .footer1L{padding-left:10px;}
    .footer1R{margin-right:10px;}
    .footer2 h3{margin-left:10px;}
    .footcontact{margin-left:10px;}
    .product{width:100%;}
    .footcontact a p{color:#fff;}
    .footcontact a h2{color:#fff;}
    .position{padding-left:30px;}
    .chang{width:100%;}
    .news_details .w_100{width:95%;}
    .title{padding:10px;}
    .aboutcon{padding:10px;}
    .cpyskd{width:100%}
    .z_pro_head{width:90%!important;}
    .z_index_pro{min-height:49vw!important;}
    .z_pro_swiper{box-shadow:none!important;}
    .casecon{width:98%;}
    .newscon{width:98%;}
    .newsconL{width:54%!important;}
    .newsconR{width:44%!important;}
    .newsconR a img{width:auto;max-width:50%}
    .newsconR a{margin-bottom:9.5%}
    .newsdes{height:80px;min-height:90px;}
    .newsconR1L{width:44%!important;}
    .z_pro_swiper li.swiper-slide-active a{margin-top:0px!important;}
    .z_pro_swiper li .infobox{top:200px!important}
    .z_pro_swiper .next{top:54%!important;}
    .z_pro_swiper li .overbox{margin-top:-160px!important;}
    .newsconR1L h2{height:24px;overflow:hidden;}
    .aboutconL{width:45%!important;padding-right:2%}
    .aboutconR{width:53%!important;}
}
@media (max-width: 1290px) {
    
    .phone{display:none;}
}
@media (max-width: 1400px) {
    
    .newsconR{width:660px;}
    
}
@media (max-width: 768px) {
    .pagebanner {
        margin-top: 50px !important;
    }
    .products_box1 .details {
        box-sizing: border-box;
        font-size: 12px;
        line-height: 20px;
    }
    .project_details2 .details p span{
        font-size: 14px !important;
    }
    .contact_form .list .item textarea {
        width: 100%;
        box-sizing: border-box;
    }
    .contact_form .w_100 .list .item {
        padding: 0 0 10px;
        margin-bottom: 0px;
        width: 32%;
    }
    .contact_form .w_100 .list .item1 {
        width: 100%;
    }
    .contact_box .w_100 .info1 .details {
        padding: 20px;
    }
    .contact_form .list .item input {
        width: 100%;
        box-sizing: border-box;
    }
    .strenght_box .box .list {
        width: 100%;
    }
    .strenght_box .box .list .item {
        box-sizing: border-box;
    }
    .strenght_box .w_100 .box .list .item .name {
        margin-top: 10px;
    }
    .footer {

        background: #101d28;

        padding: 0;

        color: #fff;
    }



    .con {

        width: 100%;

        margin: 0 auto;

        overflow: hidden;
    }





    .banner {

        margin-top: 51px;

    }



    .banner img {

        width: 100%;
        /*height: 600px;*/

    }



    .banner {

        /*height: 472px;*/

    }



    .banner .swiper-slide a {

        display: block;

        height: 100%;

        overflow: hidden;

    }

    .banner .swiper-button-prev{
        background: url(../images/left.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
        left: 2%;
    }
    .banner .swiper-button-next{
        background: url(../images/right.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
        right: 2%;
    }

    .banner .imgFull {

        height: 100%;

        /*transform: scale(1.1) rotate(1deg);*/

        /*transition: all 0.6s ease 0s;*/

    }



    .banTextBg {

        position: absolute;

        left: 14%;

        top: 8%;

    }



    .banText {

        float: left;

    }

    .banText h2{

        font-size: 18px;

        color: #fff;

    }

    .banText h3{

        font-size: 20px;

        margin-top: 9px;

        background: #fff;

        width: 82px;

        height: 4px;

    }

    .banText p{

        font-size: 12px;

        line-height: 16px;

        margin-top: 9px;

        color: #fff;

        width: 90%;

    }

    .banText .zixun{

        width: 90px;

        height: 25px;

        background: url(../images/btnbg.png) no-repeat;

        opacity: 1;

        float: left;

        /* text-align: center; */

        line-height: 25px;

        color: #fff;

        font-size: 12px;

        padding-left: 22px;

        margin-top: 17px;

        background-size: 100% 100%;

    }
    .banText .zixun i{
        float: right;
        font-style: normal;
        margin-right: 20px;display: none;
    }
    .banText .zixun:hover {
        font-weight: 700;
    }


    .ban2 .banTextBg {

        bottom: auto;

        top: 50%;

        transform: translateY(-50%);

    }



    .ban2 .banText {

        float: none;

    }



    .ban2 .banImg img {

        margin: 0 auto;

    }



    .banImg {

    }



    .banner .swiper-pagination {

        margin: 0;

        bottom: 3%;

    }



    .banner .swiper-pagination-bullet {

        width: 10px;

        height: 10px;

        background: #fff;

        opacity: 1;

        transition: all 0.4s ease 0s;

    }



    .banner .swiper-pagination-bullet-active {

        background: #c50f09;

    }



    /*.banner .swiper-slide-active .imgFull {*/

    /*    transform: scale(1);*/

    /*    transition: all 6s ease 0s;*/

    /*}*/





    .title {

        /* padding-left: 10px; */

        margin: 20px auto;

        overflow: hidden;

        width: 92%;

    }



    .title > a {

        width: 100px;

        height: 30px;

        background: url(../images/btnbg.png) no-repeat;

        opacity: 1;

        float: right;

        /* text-align: center; */

        line-height: 30px;

        color: #fff;

        font-size: 12px;

        padding-left: 22px;

        margin-top: 13px;

        background-size: 100% 100%;

    }

    .title > a i{
        float: right;
        font-style: normal;
        margin-right: 20px;
    }

    .title > a:hover {

        font-weight: 700;

    }

    .titleL{

        float: left;
    }
    .titleL h2{

        font-size: 18px;

        position: relative;

        margin-top: -15px;

    }
    .titleL h2 span{

        background: #006bbd;

        width: 10px;

        height: 20px;

        display: inline-block;

        margin-right: 14px;
    }
    .titleL p{

        font-size: 25px;

        color: #e6e5e5;

        text-transform: uppercase;

    }

    .title2 {

        font-size: 25px;

        color: #fff;

        border-left: 4px solid #fff;

        padding-left: 10px;

        margin: 50px 0;

    }



    .title2 a {

        width: 140px;

        height: 40px;

        background: #fff;

        border-radius: 30px 30px 30px 30px;

        opacity: 1;

        float: right;

        text-align: center;

        line-height: 40px;

        color: #CAA873;

        font-size: 16px;

    }



    .title2 a:hover {

        background: #CAA873;

        color: #fff;

    }

    .about{
        background: url("../images/bg1.png") no-repeat center 40px;
        background-size: 100%;
        margin-bottom: 20px;
    }

    .aboutcon{

        overflow: hidden;

        width: 90%;

        margin: 0 auto;

        display: flex;
        flex-wrap: wrap;

    }
    
    .aboutconL{

        width: 100% !important;

        height: auto;

        float: left;

        border-radius: 30px 0 30px 0;

        overflow: hidden;
        

    }
    .aboutconL video{
        width: 100%;
        height: auto;
    }
    .z_index_pro {
        background: url(../images/dbj.jpg) no-repeat top center !important;
    }

    .z_index_pro .z_pro_head .title {
        margin: 0 auto;
        width: 100%;
        
        box-sizing: border-box;

    }
    .z_index_pro .z_pro_head {
        background: none;
        margin: 0 auto;
        width: 100% !important;
        box-sizing: border-box;
    
        padding: 10px;
    }

    .z_pro_swiper li a {
        display: flex !important;
        flex-wrap: wrap;
    }
    .z_pro_swiper li .infobox {
        position: unset !important;
    }

    .z_index_pro .z_pro_swiper li.swiper-slide-active a {
        padding: 10px 0;
    }
    .z_pro_swiper li.swiper-slide .infobox div ,
    .z_pro_swiper li.swiper-slide-active .infobox div {
        margin-top: 10px !important;
        color: #fff;
    }
    .z_index_pro .sz_pro_swiper li.swiper-slide .infobox div ,
    .z_index_pro .sz_pro_swiper li.swiper-slide-active .infobox div {
        color: #fff;
    }
    .z_index_pro .z_pro_swiper li h3 {
        color: #fff;
    }
    .z_index_pro .z_pro_swiper .csbar span {
        background: url(../images/gou.png) no-repeat left center;
        color: #fff;
    }

    .z_index_pro .z_pro_swiper li .imgbox  {
        margin-top: 0;
    }
    .z_index_pro .z_pro_swiper li .overbox {
        margin-top: 0 !important;
    }
    .news .newscon .newsconLdes h2 {
        font-size: 16px;
        color: #fff;
        margin: 10px;
        font-weight: normal;
    }
    .news .newscon .newsconLdes p {
        line-height: 18px;
        font-size: 12px;
        margin: 10px;
    }
    .news .newscon {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .news .newscon .newsconL {
        width: 100% !important;
    }
    .news .newscon .newsconR {
        width: 100% !important;
    }
    
    .news .newscon .newsconR a img {
        max-width: 100%;
    }
    .news .newscon .newsconR a .newsconR1L .newstime {
        margin-top: 20px;
    }
    .news .newscon .newsconR a .newsconR1L .newsdes {
        max-height: 80px;
        height: auto;
        min-height: auto;
    }
    .news .newscon .newsconR a .newsconR1L {
        width: 100% !important;
    }
    .news .newscon .newsconR a {
        display: flex;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }
    .aboutconR{

        width: 100% !important;

        float: right;

    }
    .aboutconR h2{

        color: #006bbd;

        font-size: 23px;

        margin-bottom: 10px;

        margin-top: 20px;

    }
    .aboutconR p{

        font-size: 14px;

        color: #323c46;

        line-height: 25px;

    }
    .aboutdata{

        overflow: hidden;

        margin-top: 30px;
    }
    .aboutdataitem{

        float: left;

        padding-left: 40px;

        background: url("../images/line.png") no-repeat left 11px;

        margin-right: 29px;
    }
    .aboutdataitem h2{

        font-size: 12px;

        color: #515151;

        margin-bottom: -6px;
    }
    .aboutdataitem h2 span{

        color: #006bbd;

        font-size: 35px;

    }
    .aboutdataitem p{

        color: #515151;
    }
    .case{

        margin: 0 auto 40px;
    }
    .casecon{

        width: 93%;

        margin: 0 auto;

    }
    .casecon .swiper-container{
        padding-bottom: 70px;
    }
    .caseitem{

        display: block;

        width: 100%;

        /* overflow: hidden; */

        position: relative;
        margin: 0 auto;
    }
    .caseitem img{

        width: 100%;

        border-radius: 10px;
    }
    .casedes{

        position: absolute;

        width: 100%;

        bottom: -17px;

        z-index: 10;
    }
    .casedes p{

        width: 90%;

        margin: 0 auto;

        background: #fff;

        text-align: center;

        height: 50px;

        line-height: 50px;

        box-shadow: 1px 1px 8px 0px #ddd;

        border-radius: 10px;
    }
    .news{
        background: url("../images/newsbg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .newscon{

        width: 93%;

        margin: 0 auto;

        overflow: hidden;

    }
    .newsconL{

        float: left;

        width: 100%;

        height: auto;

        overflow: hidden;

        margin-bottom: 10px;

    }
    .newsconL a{

        display: block;

        position: relative;
    }
    .newsconL a img{

        vertical-align: middle;

        width: 100%;

    }
    .newsconLdes{

        position: absolute;

        bottom: 0;

        left: 0;

        background: rgba(0,0,0,.5);
    }
    .newsconLdes h2{

        font-size: 18px;

        color: #fff;

        margin: 10px 20px;

        font-weight: normal;
    }
    .newsconLdes p{

        font-size: 14px;

        color: #fff;

        margin: 10px 20px;

        line-height: 25px;
    }
    .newsconR{

        float: right;

        width: 100%;

        float: right;

    }
    .newsconR a{

        display: block;

        overflow: hidden;

        color: #000;

        margin-bottom: 60px;

    }
    .newsconR a:hover{
        color: #0056a3;
    }
    .newsconR a img{

        float: left;

        width: 100%;

        height: auto;

        margin-right: 0;

        margin-bottom: 10px;

    }
    .newsconR1L{

        float: right;

        width: 100%;

    }
    .newsconR1L h2{

        font-size: 18px;
    }
    .newsdes{

        color: #808080;

        line-height: 20px;

        margin: 10px 0;

    }
    .newstime{

        color: #808080;

        font-size: 14px;

        margin-top: 53px;
    }
    .newstime span{

        float: right;
        color: #0056a3;
    }
    .newstime span img{

        width: 15px;

        height: auto;

        float: right;

        margin: 4px;
    }
    .footer{

    }
    .footer1{

        overflow: hidden;

        border-bottom: 1px solid #28343e;

        padding: 25px 0;
    }
    .footer1L{

        float: left;

        margin-left: 15px;

    }
    .footer1L img{

    }
    .footer1R{

        float: right;

        margin-top: 18px;
    }
    .footer1R a{

        opacity: 0.8;

        font-size: 16px;

        margin-left: 19px;

        padding-bottom: 10px;

        float: left;

    }
    .footer2{

        width: 90%;

        margin: 0 auto;

    }
    .footer2 h3{

        font-size: 20px;

        font-weight: normal;

        margin: 15px 0;

    }
    .footcontact{

        overflow: hidden;
    }
    .footcontact a{

        float: left;

        width: 50%;

        margin-bottom: 10px;

    }
    .footcontact a h2 {

        font-size: 16px;

        font-weight: normal;

        opacity: 0.8;

        margin: 10px 0;
    }
    .footcontact a p{

    }
    .copyright{

        text-align: center;

        font-size: 14px;

        border-top: 1px solid #28343e;

        line-height: 29px;

        margin-top: 20px;

    }


    /*page*/
    .pagebanner{

        margin-top: 67px;

        color: #fff;

        height: 181px;

        display: flex;

        align-items: center;

    }
    .pagebanner h2{

        font-size: 28px;

        margin-left: 20px;

    }
    .pagebanner p{

        font-size: 19px;

        margin-left: 20px;

    }
    .position{
        background: url("../images/locationbg.png");
    }

    .positioncon{

        font-size: 14px;
    }
    .positionL{

        height: 80px;

        line-height: 80px;

        color: #fff;
        
        float:none;
        
        text-align: center;
    }
    .positionL img{

        vertical-align: middle;
    }
    .positionL a{

    }
    .positionR{

        display: none;

    }
    .positionR a{

    }
    .product{

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        flex-wrap: wrap;

    }
    .productitem{

        /* float: left; */

        width: 100%;

        /* float: left; */

        overflow: hidden;

        box-shadow: 1px 1px 5px 2px #eee;

        margin: 1%;

        border-top: 2px solid #fff;

        border-radius: 13px;

        /* text-align: center; */

    }
    .productitemL{

        float: left;

        width: 100%;
        
        text-align: center;

    }
    .productitemL img{

    }
    .productitemR{

        float: left;

        width: 100%;
        text-align: center;

    }
    .proname{

        font-size: 18px;

        border-bottom: 1px solid #eee;

        line-height: 50px;

        display: block;

        color: #333;

        margin: 0 10px;

    }
    .productitemR p{

        color: #515151;

        font-size: 14px;

        line-height: 28px;

        margin: 20px 10px;
        text-align: left;

    }
    .goodview{

        line-height: 50px;

        border-top: 1px solid #eee;

        display: block;

        color: #333;
        background: none;
        text-align: center;
    }
    .goodview span{

        float: none;

        margin-left: 0px;
        text-align: center;

    }
    .goodview img{

    }
    .productitem:hover .goodview{
        color: #0056a3;
        background: url("../images/r.png") no-repeat 96% 17px;
    }
    .productitem:hover .proname{
        color: #0056a3;
    }
    .pagetit{

        font-size: 20px;

        font-weight: 700;

        border-bottom: 1px solid #ddd;

        width: 100%;

        margin: 20px auto;

        text-align: center;

        padding: 20px 0;

    }
    .chang{

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        display: flex;

        justify-content: flex-start;

        flex-wrap: wrap;

    }
    .chang a{

        float: left;

        box-shadow: 1px 1px 5px 2px #eee;

        margin: 1%;

        text-align: center;

        width: 48%;

    }
    .chang a:hover {
        color: #0056a3;
    }
    .changimg{
        width: 96%;
        margin: 10px auto 0;
    }

    .changimg img{

        width: 100%;
    }
    .chang a p{

        line-height: 24px;

        padding: 10px 0;

        font-size: 14px;

        height: 45px;

    }
    .pages{

        text-align: center;

        margin: 70px 0;
    }
    .pages a{
        width: 30px;
        height: 30px;
        display: inline-block;
        border: 1px solid #ddd;
        line-height: 30px;
        border-radius: 30px;
        font-size: 14px !important;
        font-size: 16px;
        color: #666;
        margin: 0 0px;
    }

    .pages a.active{

        background: #0056a3;

        color: #fff;
    }
    .pone{

        padding: 0 10px;

    }
    .intro{

        width: 92%;

        margin: 0px auto 100px;

    }
    .intro h2{

        text-align: center;

        color: #006bbd;

        font-size: 20px;

        margin: 20px 0;

    }
    .intro p{

        font-size: 16px;

        color: #323c46;

        line-height: 29px;

        margin: 20px 0;
    }
    .imtroimg {

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }
    .imtroimg img{

        width: 100%;

        margin: 10px 0;

    }

    .fennav{

        width: 69px;
    }
}