body{ overflow-x: hidden }

.gh{ height: 32px; width: 28px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 15px; top: 5px; display: none }

.selected .gh{ transform: rotate(90deg) }

img{ max-width: 100% }

.gh a{ background-color: #fff; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100% }

.gh:hover a:before{ transform: translateY(-2px) rotate(0deg); -webkit-transform: translateY(-2px) rotate(0deg); -ms-transform: translateY(-2px) rotate(0deg) }

.gh:hover a:after{ transform: translateY(2px) rotate(0deg); -webkit-transform: translateY(2px) rotate(0deg); -ms-transform: translateY(2px) rotate(0deg) }

.selected .gh:hover a:before{ transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(0px) rotate(-55deg); -ms-transform: translateY(0px) rotate(-55deg) }

.selected .gh:hover a:after{ transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(0px) rotate(55deg); -ms-transform: translateY(0px) rotate(55deg) }

.gh a:after, .gh a:before{ background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100% }

.gh a:after{ top: 8px }

.gh a:before{ top: -8px }

.selected .gh a:after, .selected .gh a:before{ top: 0 }

.selected .gh a:before{ transform: translateY(0px) rotate(-45deg); -webkit-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg) }

.selected .gh a:after{ transform: translateY(0px) rotate(45deg); -webkit-transform: translateY(0px) rotate(45deg); -ms-transform: translateY(0px) rotate(45deg) }

.selected .gh a{ background-color: transparent !important }

@media (max-width: 1200px){
    .wrap{ width: 980px }

    .banner img{ height: 100% }

    .xk-list .body{ overflow-x: auto; padding-bottom: 10px }

    .xk-list .body ul{ width: 1250px }

    .cz-fc-list .body{ overflow-x: auto; padding-bottom: 10px }

    .cz-fc-list ul{ width: 1250px }

    .banner{ -webkit-background-size: cover; background-size: cover }

    .news-list .right-list{ width: 474px }

    .img-list .body li img{ height: 198px }

    .footer .right h4 img{ width: 85% }

    .navs li a{ padding: 0 20px }

    .xx-notice .wrap{ padding-left: 0 }

    .xx-news-list li{ width: 313px; height: 480px }

    .xx-news-list li .text{ margin: 20px; margin-bottom: 0; height: 195px }

    .xx-news-list li .img img{ height: 215px }

    .tsjx .tsjx-body li{ width: 315px }

    .tsjx .tsjx-body h3{ margin-top: 20px }

    .xx-hd-list .swiper-slide img{ height: 240px }

    .xx-hd-list .swiper-slide li{ width: 33.3333%; margin: 0 }

    .xx-hd-list .swiper-slide .text{ top: 175px }

    .header .right .sear-box{ display: none }

    .cz-news-list .body li{ width: 237px; margin-right: 10px }

    .xk-list .xk-body{ margin-top: 20px }

    .xk-list .xk-body li{ margin-right: 30px }

    .xx-hd-list .swiper-slide .text{ top: 202px }

    .xx-hd-list .swiper-slide .text p{ padding: 10px }

    .gz-yx-list .swiper-slide img{ height: 140px }

    .header .right{ width: 260px }

    .xx-hd-list{ padding: 20px 0; padding-bottom: 0 }

    .xx-fc-list .fc-list{ height: 160px }

    .xx-fc-list .swiper-slide img{ height: 160px }

    .cz-hd-list .body li{ width: 320px; margin: 10px auto }

    .gz-zd-list .body li{ margin-bottom: 15px }

    .cz-hd-list .body li img{ width: 100% }

    .gz-zd-list .body{ height: auto; padding-bottom: 10px }

    .gz-zd-list{ height: auto }

    .toptxt .texts .center{ width: 692px }

    .toptxt .texts .right{ width: 692px; margin-top: 5px; height: 66px }

    .en-news-list .left-list{ width: 580px }

    .en-news-list .left-list .body .img{ margin-right: 10px }

    .en-news-list .left-list li{ width: 278px }

    .enminbanner{ display: none }

    .en-news-list .left-list .body .text{ float: none; width: 570px }

    .en-text-list li{ width: 312px }

    .en-text-list .img img{ width: 100% }

    .en-text-list{ -webkit-background-size: cover; background-size: cover }

    .toptxt .texts .center{ width: 609px }

    .toptxt .texts .right{ width: 609px }

    .content .main .md-xxry li img{ height: 125px }

    .content .main .md-xxry2 li img{ height: 175px }

    .img-tc{ width: 600px; height: 380px; margin-left: -300px; margin-top: -190px }
    .img-tc2{ height: 400px; width: 320px; margin-top: -200px; margin-left: -160px;}
    .content .main .md-list .text p{ margin-top: 8px; overflow: hidden; height: 75px; margin-bottom: 5px }
    .en-footer .top .texts{ margin-left: 10px;}
    .en-footer .top .texts{ margin-right: 10px;}
    .en-footer .top .addr{ width: 213px;}

    .content .main .md-xxry.md-xxry3 li img{ height: 285px;}
}

@media (max-width: 980px){
    .en-footer .top .wx{ display: none;}
    .en-footer .top .texts{ float: none; width: auto; border-right:none; font-size: 18px; height: auto; margin-left: 0; padding-left: 0;}
    .en-footer .top .addr{ float: none; width: auto;}
    .navs li{ width: auto !important }

    .gh{ display: block }

    .navs{ height: auto; width: 100%; clear: both }

    .wrap{ width: 640px }

    .header #logo img{ width: 70% }

    .header .right .tip{ display: none }

    .header .right{ width: 210px }

    .news-list .left-list{ width: 100%; float: none }

    .news-list .right-list{ margin: 0 auto; float: none }

    .img-list .body li{ width: 48%; margin: 1%; }
    .img-list{ padding-bottom: 20px; background: none;}
    .shcoll-list .shcoll-slide li{ width: 48%; margin: 1%;}
    .shcoll-list .shcoll-slide .swiper-slide li:nth-child(3){ display: none;}
    .shcoll-list .shcoll-slide{ height: 290px;}
    .news-list .right-list{ margin-top: 20px; width: auto;}

    .img-list .body{ margin-top: 20px;}
    .footer .right{ width: 450px }

    .footer .right h4{ display: none }

    .footer .right .addr{ margin-top: 80px }

    .notice .swiper-text a{ display: inline-block; width: 300px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

    .notice .swiper-text{ width: 410px }

    .banner .nav ul{ width: 640px }

    .navs li{ background: rgba(0, 0, 0, 0.6); float: none; width: 100% }

    .navs li a{ color: #ffffff; padding: 0; text-align: center }

    .en-news-list .right-video{ margin-top: 15px }

    .en-news-list .left-list{ float: none }

    .header #logo img{ width: 100% }

    .navs{ display: none }

    .navs .wrap{ width: auto }

    .header .right .en{ margin-right: 60px }

    .header{ height: 100px }

    .header .indexlogo{ width: 250px }

    .header #logo{ width: 330px }

    .header .wrap{ width: auto; padding: 0 10px }

    .header .right{ width: 262px }

    .notice.xx-notice .swiper-text{ width: 80% }

    .notice.xx-notice .swiper-text a{ width: 90% }

    .index-gb-hd h3{ font-size: 30px }

    .xx-news-list li{ width: 48%; margin: 0 1% }

    .xx-news-list li:nth-child(3){ display: none }

    .xk-list .wrap{ width: auto; padding: 10px }

    .tsjx .tsjx-body li{ width: 33%; margin: 0 }

    .xx-news-list ul{ width: auto }

    .cz-news-list .body li{ width: 315px }

    .xk-list2 .txt{ padding: 0; padding-bottom: 15px }

    .xk-list2 .xk-body{ overflow-x: auto; overflow-y: hidden }

    .xk-list2 .xk-body ul{ width: 1011px }

    .cz-hd-list .body li{ width: 48%; margin: 1%; height: 365px;}

    .cz-hd-list .body li .img{ height: 100%;}
    .cz-hd-list .body li img{ width: 100% ;height: 100%;}

    .gz-zd-list .body li{ float: none; margin: 10px auto }

    .gz-zd-list{ height: auto }

    .gz-zd-list .body{ height: auto }

    .gz-zd-list .body ul{ padding-top: 15px; width: auto }

    .en-shnav li{ width: auto; float: none; margin-bottom: 10px }

    .toptxt .texts{ height: auto }

    .toptxt .texts .img img{ width: 232px; height: 190px }

    .toptxt .texts .img{ margin: 10px }

    .toptxt .texts .center{ width: auto; float: none; padding-right: 10px }

    .toptxt .texts .right{ width: auto; float: none; margin-left: 10px; padding-left: 0; border-left: none }

    .en-news-list .right-video{ float: none; width: 80%; margin: 0 auto; margin-top: 15px }

    .en-news-list .left-list{ width: 100% }

    .en-news-list{ padding-bottom: 20px }

    .cz-fc-list li .img{ height: 100%;}
    .cz-fc-list li img{ width: 100%; height: 100% }

    .cz-fc-list{ height: auto; overflow: hidden }

    .content .aside{ float: none; width: auto }

    .content .main{ margin-left: 0 }

    .content{ padding-bottom: 20px }

    .content .main .body{ padding: 15px 0 }

    .content .main{ padding: 10px }

    .img-tc{ width: 460px; height: 280px; margin-left: -230px; margin-top: -190px }
    .img-tc2{ height: 400px; width: 320px; margin-top: -200px; margin-left: -160px;}
    .gz-yx-list .body .yx-slide{ height: 430px; overflow-y: hidden }
    .content .main .md-xxry.md-xxry3 li img{ height: 260px;}
    .content .aside .body .contat{ display: none;}
    .content .main .md-xxry.md-xxry2 li img{ height: 200px;}
    .index-gb-hd span:before, .index-gb-hd span:after{ display: none;}
    .cz-fc-list{  padding-top: 15px; padding-bottom: 15px; }
    .xx-hd-list .swiper-slide li{ width: 48%; margin: 1%;}
    .xx-fc-list .swiper-slide li{width: 48%; margin: 1%;}
    .xx-fc-list .fc-list{ height: 420px;}
    .xx-fc-list .swiper-slide img{ height: 200px;}
    .cz-news-list .body .img img{ height: 180px;}
    .gz-yx-list .swiper-slide li{ width: 48%; margin: 1%;}
    .gz-yx-list .swiper-slide li:nth-child(4),.gz-yx-list .swiper-slide li:nth-child(3){ display: none;}
    .gz-yx-list .swiper-slide img{ height: 180px;}
    .cz-hd-list{ padding-top: 15px;}
    .en-footer .bottom{ height: auto; line-height: 24px; padding: 10px; text-align: center;}
    .en-footer .bottom p{ float: none;}
    .en-footer .bottom .link{ float: none;}
}

@media (max-width: 640px){
    .en-news-list{ padding-top: 15px;}
    .en-news-list .left-list .body .img{ text-align: center; width: auto;}
    .en-footer .top{ padding: 10px; height: auto;}
    .banner-slide{ margin-top: 0; height: auto; overflow: hidden;}
    .toptxt{ margin-top: 0;}

    .img-tc2{ position: absolute; left: 50%; top: 50%; right: auto; height: 400px; width: 320px; margin-top: -200px; margin-left: -160px;}
    .shcoll-list .shcoll-slide img{ height: 170px;}
    .shcoll-list .shcoll-slide{ height: 225px;}
    .shcoll-list .body .swiper-button-next2{ display: none;}
    .shcoll-list .body .swiper-button-prev2{ display: none;}
    .gz-yx-list .swiper-slide li{ width: 370px; float: none; margin: 10px auto;}
    .gz-yx-list .body .yx-slide{ height: auto; }
    .cz-news-list .body li{ width: 320px; float: none; margin: 10px auto;}
    .content .main .md-list .img a{ width: 100%; height: 100% }

    .content .main .md-list .img img{ width: 100%; height: 100% }

    .content .main .md-list .text h3{ word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

    .content .main .md-list .img{ width: 30%; height: 125px }

    .content .main .md-list .text{ margin-left: 33% }

    .img-tc{ left: 0; right: 0; width: auto; padding: 15px 0px; margin: 15px; margin-top: -190px }

    .content .main .md-xxry li img{ height: 95px }

    .content .main .md-xxry2 li img{ height: 135px }

    .content .aside .body .img{ display: none }

    .banner{ background: none !important; margin-top: 0 ; height:250px;}

    .banner ul{ height: 60px; width: auto }

    .content .main .md-djgh li a{ width: 60%; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block }

    .content{ padding-top: 10px }

    .content .aside .head h3{ font-size: 18px }

    .content .aside .head{ height: 70px }

    .content .aside .head h3{ padding-top: 20px }

    .gb-pager a{ margin-right: -4px }

    .content .aside .body .contat dt{ margin-bottom: 10px }

    .shcoll-list .body .swiper-button-next2{ right: 0 }

    .shcoll-list .body .swiper-button-prev2{ left: 0 }

    .shcoll-list{ padding-bottom: 0;}
    .header .wrap{ width: auto; padding: 0 10px }

    .banner .nav ul{ width: auto }

    .notice{ height: auto }

    .notice .tit{ top: 0; display: none }

    .notice .wrap{ padding-left: 10px }

    .news-list .left-list li{ height: auto }

    .news-list .right-list{ width: 95% }

    .benner-min h3{ font-size: 16px }

    .benner-min{ height: 120px }

    .benner-min h3{ line-height: 120px }

    .index-gb-hd h3{ font-size: 16px }

    .img-list{ padding-top: 20px; padding-bottom: 15px }

    .shcoll-list .body{ margin-top: 15px }

    .news-list .right-list .swiper-slide img{ height: 280px }

    .footer .wx{ display: none }

    .footer{ text-align: center }

    .goTop{ display: none }

    .footer{ height: 160px; text-align: center }

    .footer .right .addr{ margin-top: 35px }

    .footer .right{ text-align: center }

    .header #logo{ width: 200px }

    .header #logo img{ display: none }

    .header #logo span{ display: block; font-size: 18px; color: #ffffff; line-height: 100px }

    .tsjx .tsjx-body li{ width: 370px; float: none; margin: 2% auto; overflow: hidden }

    .tsjx{ height: auto }

    .tsjx .tsjx-body ul{ width: auto }

    .notice.xx-notice{ clear: both; overflow: hidden }

    .header{ overflow: hidden }

    .wrap{ width: auto }

    .xx-news-list li{ width: 370px; margin: 2% auto; float: none; margin-bottom: 10px }

    .xx-news-list ul{ width: auto }

    .xx-hd-list .swiper-slide .ico{ margin-top: 20px }

    .xx-hd-list .body{ padding: 10px }

    .xx-fc-list .body{ padding: 10px }

    .xx-fc-list{ padding-bottom: 80px }

    .xx-hd-list{ padding: 20px 0 }

    .xx-news-list{ padding-bottom: 20px }

    .xx-news-list li:nth-child(3){ display: block }

    .shcoll-list{ padding-top: 15px;}
    .news-list .left-list li .date{ left: 10px }

    .img-list .body li{ margin: 2%; width: 46%; float: left }

    .banner.banner2{ height: 140px }

    .banner.banner2 .swiper-slide img{ height: 140px; width: 100% }


    .cz-news-list .body ul{ width: auto }

    .cz-news-list .body{ margin-top: 15px }

    .gz-yx-list .body{ padding: 10px }

    .cz-hd-list .body ul{ width: auto }

    .cz-hd-list .body li{ width: 370px; float: none; margin: 10px auto; }

    .cz-hd-list .body li img{ height: 320px }

    .cz-hd-list .body li{ height: 320px }
    .cz-news-list .body li{ width: 370px;}
    .cz-news-list .body .img img{ height: 210px;}

    .gz-zd-list{ padding-top: 0 }

    .footer .right{ width: auto }

    .gz-yx-list{ padding-bottom: 0 }

    .en-text-list li{ width: 46%; margin: 0 2% }

    .en-text-list ul{ width: 100% }

    .en-news-list .right-video{ margin-top: 10px }

    .en-news-list .left-list ul{ margin-bottom: 20px }

    .toptxt .texts .right{ height: auto; padding-bottom: 15px }

    .en-news-list .left-list{ float: none; margin-bottom: 20px; padding: 10px }

    .en-news-list .left-list .body{ margin-bottom: 10px }

    .en-news-list .left-list li{ width: auto; float: none; margin-bottom: 10px }

    .en-news-list .left-list ul{ margin-top: 10px }

    .xk-list .body{ overflow-x: auto }

    .xk-list .body ul{ width: 1250px }

    .en-news-list .left-list .body .img{ float: none; text-align: center }

    .xx-hd-list .xx-hd-slide{ height: 250px }

    .xx-fc-list .swiper-slide li{margin-left: 0; margin-right: 10px }

    .xx-fc-list .swiper-slide li{ width: 370px;}
    .xx-fc-list .fc-list{ height: 200px;}
    .xx-fc-list .swiper-slide img{ height: 200px;}
    .cz-fc-list{ height: auto; overflow: hidden;  }
    .cz-hd-list{ padding-bottom: 0;}
    .cz-fc-list li{ margin: 1%; width: 48% }
    .cz-fc-list li{ height: 300px;}

    .cz-fc-list ul{ width: 100% }
    .xx-fc-list .body{ margin-top: 10px;}
    .table{ overflow-x: auto }

    .content .main .md-djgh li .new{ top: -15px }

    .header .en a:last-child{ display: none }
    .xx-hd-list .swiper-slide li{ width: 370px; margin: 10px auto; float: none;}
    .xx-hd-list .xx-hd-slide{ height: auto;}
    .xx-hd-list .swiper-slide ul{ height: auto; overflow: hidden;}
    .xx-hd-list .body{ padding: 0;}
    .xx-hd-list .body{ margin-top:  15px;}
    .xx-fc-list{ padding-top: 0;}
    .xx-fc-list .swiper-slide li{ float: none; margin: 0 auto; display: none;}
    .xx-fc-list .swiper-slide li:first-child{ display: block;}
    .xx-fc-list{ padding-bottom: 60px;}
    .xx-fc-list .swiper-pagination{ bottom: -40px;}
    .xx-hd-list .swiper-slide li:nth-child(4){ display: none;}
    .xx-hd-list .swiper-slide li:nth-child(5){ display: none;}
    .xx-hd-list .swiper-slide li:nth-child(6){ display: none;}
    .navs li:hover .subnav{ display: none;}
    .xx-news-list{ padding-top: 15px; }
    .gz-yx-list .swiper-slide img{ height: 220px;}
    .banner .nav{ position: static;}
    .notice .swiper-text{ height: 48px; line-height: 48px;}
    .benner-min{ display: none;}
    .banner-slide .wrap{ bottom: 10px;}
    .en-news-list .left-list .body .text{ width: auto; margin-top: 10px; padding: 10px; height: auto;}
    .en-news-list .left-list .body .text p{ height: auto;}
    .cz-fc-list li:last-child{ display: none;}
    .content .main .md-wenjuan .hd>h3{ font-size: 18px; margin-bottom: 10px;}
}

@media (max-width: 480px){
    .gb-tc-mask .wj-tc{ width: auto; left: 0; right: 0; margin-left: 0;}
    .toptxt .texts .img{float: none; width: auto;}
    .toptxt .texts .img{ text-align: center;}
    .shcoll-list .shcoll-slide li{ width: 95%; float: none; margin: 2% auto;}
    .shcoll-list .shcoll-slide img{ height: 245px;}
    .shcoll-list .shcoll-slide{ height: auto;}
    .cz-fc-list li{ height: 220px;}
    .content .main .md-list .img{ height: 100px }

    .img-tc{ height: 200px }

    .content .main .md-xxry li{ width: 48% }

    .content .main .md-xxry li img{ height: 90px }

    .content .main .md-xxry2 li img{ height: 130px }

    .img-list .body li{ width: 95%; margin: 2% auto; float: none }

    .header{ padding-top: 0 }

    .img-list .body li img{ height: 240px }

    .header .sear{ display: none }

    .header{ height: 45px; line-height: 45px }

    .header #logo span{ display: block; font-size: 18px; color: #ffffff; line-height: 45px }

    .banner .nav li a{ font-size: 16px }

    .notice .swiper-text a{ width: 185px }

    .notice .swiper-text{ width: 85% }

    .cz-hd-list .body{ margin-top: 15px;}

    .xk-list .xk-body li{ margin-right: 15px }


    .cz-hd-list .body li{ height: 350px }

    .cz-hd-list .body li img{ height: 350px }


    .en-text-list li{ width: 96%; margin: 10px auto; float: none }

    .en-text-list .img img{ height: 260px }

    .en-text-list li{ padding-bottom: 10px; height: auto }

    .en-news-list .left-list ul{ margin-bottom: 0 }

    .toptxt .texts .img{ float: none }

    .toptxt .texts .center h3{ font-size: 20px }

    .en-news-list .head h3{ font-size: 20px }

    .en-news-list{ padding-top: 10px }
    .toptxt .texts .center{ padding: 10px;}
    .toptxt{ padding-bottom: 15px;}
    .toptxt .texts{ margin-top: 15px;}

}