.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) }
.content .md-px .course li .text dl{ padding-left: 0;}
.layout{ max-width:1920px; margin: 0 auto; overflow: hidden;}
.index-project .body li.last{ display: none;}
img{ max-width: 100% }
.banner-slide .slide{ -webkit-background-size: cover; background-size: cover; background-position: top center;}
.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 }

body{ width: 100%; overflow-x: hidden }

img{ max-width: 100% }

@media (max-width: 1200px){
    .header{ background-position: 44% 0 }

    .header .nav li{ margin: 0 13px }

    .wrap{ width: 980px }

    .banner-slide .owl-pagination{ width: 980px; margin-left: -490px }

    .index-sunshine .left{ width: auto; float: none; margin-top: 0 }

    .index-sunshine .right{ width: auto; height: 400px; float: none; margin-top: 20px }

    .index-sunshine{ height: auto; padding: 20px 0 }

    .index-sunshine .right .item3{ left: 0; top: 200px }

    .banner-slide .slide{ height: 520px }

    .banner-slide{ height: 520px }

    .content .md-subject .intro .text{ width: 530px }

    .content .md-subject .welfare .body dl{ padding-left: 280px }

    .content .md-subject .welfare .body .item1{ width: 280px }

    .content .md-subject .welfare .body .item2 .text{ width: 280px }

    .content .md-subject .gy-slide .gy-slides{ width: 960px }

    .footer .media .left .img{ display: none }

    .history-slide .swiper-slide{ text-align: center }

    .md-shop-slide .wrap{ margin-left: -490px }

    .md-shop-slide .btns{ width: 715px }

    .md-shop-slide .shop-nav dd{ line-height: 62px; height: 62px }

    .banner-slide.banner-shop-slide{ height: 438px }

    .banner-slide.banner-shop-slide .slide{ height: 438px }

    .md-hot-shop li.item5{ display: none }

    .md-shop-list .body li{ width: 31%; margin: 1% }

    .md-shop-list .body ul{ width: 100% }

    .md-shop-slide .wrap{ height: 438px }

    .content .md-px .reasons .body li{ width: 46%; margin: 2% }

    .content .md-px .course li{ width: 31%; margin: 1% }

    .content .md-px .teacher .teacher-slide{ width: 98%; margin: 0 auto }

    .content .md-px .cooperation .cooperation-slide{ width: 98%; margin: 0 auto }

    .md-buy .shoptext{ width: 435px }

    .banner .box .txt{ width: 230px; height: 230px }

    .content .md-nb .body li{ width: 31%; margin: 1% }

    .content .md-nb .body li .img{ width: auto; margin: 10px; height: 220px }

    .content .md-nb .body li{ height: 328px }

    .banner .box{ height: 270px; width: 270px }

    .banner .box .txt{ margin: 20px }

    .banner .box .txt h3{ margin-top: 82px }

    .content .md-nb .head{ margin: 20px 0; padding-top: 25px }

    .banner{ height: 370px; -webkit-background-size: cover; background-size: cover }

    .content .md-jj .texts{ width: 600px }

    .content .md-contact .map .map-con{ width: 615px }

    .content .md-contact .map .text{ width: 285px }

    .md-shop-slide .shop-nav{ display: none }
    .md-shop-slide .btns{ display: none;}
}

@media (max-width: 981px){

    .md-shop-slide .shop-nav{ position: static; display: block; width: auto;}
    .md-shop-slide .wrap{ position: static; margin-left: 0; height: auto; width: auto;}
    .content .md-contact .map .text .img{ display: none }
    .md-shop-slide .shop-nav .sub{ display: none !important;}
    .content .md-contact .map .map-con{ width: auto; float: none }
    .md-shop-slide .shop-nav>dl>dd{ width: 50%; float: left; height: 60px; line-height: 60px;}
    .content .md-contact .map .text{ width: auto; float: none }

    .content .md-jj .texts{ width: auto; float: none }

    .content .md-jj .lists .yw-list{ display: none }

    .content .md-jj .lists{ width: auto; float: none }

    .content .md-px .course ul{ width: auto }

    .content .md-px .course li .img a > img{ height: 157px }


    .banner-slide.banner-shop-slide .owl-pagination{ width: auto; left: 0; right: 0; text-align: center; margin-left: 0 }

    .gh{ display: block; top: 20px }

    .header{ background-position: 26% 0 }

    .wrap{ width: 640px }

    .md-shop-slide .btns{ display: none }

    .index-shop .body dl .item6 .text h3, .index-shop .body dl .item1 .text h3{ color: #ffffff }

    .index-shop .body dl .item6 .text h3:after, .index-shop .body dl .item1 .text h3:after{ background: #ffffff }

    .index-shop .body dl dt{ border-bottom: 1px solid #ccc; width: 320px; position: relative; float: left; height: 299px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

    .index-shop .body dl{ padding-left: 0 }

    .index-shop .body dl dd{ border-bottom: 1px solid #ccc; width: 320px }

    .index-shop .body dl dt .img{ display: none }

    .index-shop .body dl .item2{ display: none }

    .index-shop .body dl .text{ padding: 25px; z-index: 9999 }

    .index-shop .body dl dd .text p, .index-shop .body dl dd .text .btn{ display: block }

    .index-shop .body dl dd em{ opacity: 1 }

    .index-project .body ul{ width: 640px; margin: 0 auto; position: relative; height: auto; overflow: hidden; padding-bottom: 220px }

    .index-project .body li{ width: 48%; margin: 1%; height: 180px; float: left; position: static; background: #ccc !important }

    .index-project .body li.item3{ position: absolute; bottom: 20px; left: 0;  background: #006ec7 !important }

    .index-project{ height: auto; overflow: hidden }

    .index-project .body .items{ width: auto }

    .footer .media .left .img{ display: none }

    .footer .media .left{ margin-bottom: 15px; float: none }

    .footer .media dl{ float: none }

    .footer .media{ padding-top: 0 }

    .banner-slide .slide{ height: 340px }

    .banner-slide{ height: 340px }

    .banner-slide .owl-pagination{ width: auto; left: 5%; margin-left: 0 }

    .header .nav{ display: none }

    .index-sunshine .left h3{ font-size: 32px }

    .footer .media .left .media-tit{ float: none }

    .footer .media dd:nth-child(6), .footer .media dd:nth-child(7){ display: none }

    .footer .media{ display: none }

    .index-project .head h3{ font-size: 30px }

    .content .md-subject .intro .text{ width: auto; float: none }

    .content .md-subject .intro .links{ float: none }

    .content .md-subject .intro{ height: auto }

    .content .md-subject .intro .text h3{ font-size: 30px }

    .content .md-subject .intro .text h3 span{ font-size: 20px }

    .content .md-subject{ padding-top: 0 }

    .gb-nav li{ height: 80px; line-height: 80px }

    .content .md-subject .intro .links ul{ margin: 10px auto }

    .content .md-subject .intro .text .btn{ height: 40px; line-height: 40px; margin-top: 10px; width: 130px }

    .content .md-subject .welfare .head h3{ font-size: 18px }

    .content .md-subject .welfare{ padding-top: 20px }

    .content .md-subject .welfare .head{ margin-bottom: 25px }

    .content .md-subject .welfare .body .item2{ height: 520px; margin-left: 280px; width: auto }

    .content .md-subject .welfare .body dl{ height: auto }

    .content .md-subject .welfare .body .item2 .img{ width: 100%; float: left; position: relative; height: 220px }

    .content .md-subject .welfare .body .item2 .img em{ top: 0; left: 50% }

    .content .md-subject .welfare .body dl{ padding-left: 0 }

    .content .md-subject .welfare .body .item2 .date{ margin: 0 }

    .content .md-subject .welfare .body .item2 .date h3{ font-size: 25px; height: 40px; line-height: 40px }

    .content .md-subject .welfare .body .item2 .date{ height: 70px }

    .content .md-subject .welfare .body .item2 .text{ padding-top: 10px; padding-right: 5px; float: none }

    .content .md-subject .welfare .body .item2 .text{ width: 310px; padding-left: 10px }

    .content .md-subject .welfare .body .item2 .text h3{ font-size: 18px }

    .content .md-subject .welfare .body .item2 .text{ height: 300px; padding-top: 40px }

    .content .md-subject .history .body .btns{ margin: 20px auto }

    .content .md-subject .gy-slide .gy-slides{ width: 600px }

    .content .md-subject .wrap{ padding: 0 }

    .content .md-subject .history .history-slide{ width: auto }

    .content .md-subject .history .head h3{ font-size: 30px }

    .content .md-subject .history .head h3 span{ font-size: 20px }

    .content .md-subject .gy-imgs{ -webkit-background-size: cover; background-size: cover; height: 500px; padding-top: 30px; }

    .content .md-subject .history .head{ margin-top: 25px; margin-bottom: 15px }

    .content .md-subject .gy-imgs h3{ font-size: 25px }

    .md-hot-shop li{ width: 31%; margin: 1% }

    .md-hot-shop li.item4{ display: none }

    .md-shop-slide .shop-nav dd{ height: 46px; line-height: 45px }

    .md-shop-slide .shop-nav dd img{ top: 10px }

    .banner-slide.banner-shop-slide{ height: auto }

    .banner-slide.banner-shop-slide .slide{ height: 214px ; background-position: top center;}
    .md-shop-list .body .list2{ margin-top: 0;}
    .md-shop-list .body .bd{ height: 230px }

    .md-shop-list .body .ft .p{ float: none }

    .md-shop-list .body .ft .btn{ float: none }

    .md-shop-list .body .ft{ height: 95px }

    .md-shop-list .body li{ height: 405px }

    .md-shop-list .body .ft .btn{ height: 35px; line-height: 35px }

    .md-shop-list .body .more{ margin-bottom: 30px }

    .md-shop-list .body .more a{ height: 50px; line-height: 50px }

    .content .md-fw .head ul{ width: auto }

    .content .md-fw.md-fw2 .head li{ background: url("../imgs/img55.png") no-repeat 10% center }

    .content .md-fw.md-fw2 .head li:hover, .content .md-fw.md-fw2 .head li.active{ background: url("../imgs/img56.png") no-repeat 10% center }

    .banner .text h3{ margin-top: 125px }

    .content .md-px .notice-slide .swiper-slide span{ margin-right: 96px }

    .content .md-px .reasons .body li{ float: none !important; width: auto }

    .content .md-px .course li{ width: 48%; margin: 1% }

    .md-buy .shopslide{ float: none; margin: 0 auto }

    .md-buy .shoptext{ padding: 10px; float: none; width: auto; margin-top: 10px }

    .content .md-zp .wrap{ padding: 10px }

    .content .md-zp .body .table{ margin-top: 10px }

    .content .md-jj .wrap{ padding: 10px }

    .content .md-news li .img img{ width: 220px; height: 150px }

    .content .md-news li .text{ margin-left: 235px }

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

    .content .md-news li .text h3{ margin-bottom: 10px }

    .content .md-news li .text p{ overflow: hidden; height: 72px }

    .content .md-news li{ padding: 15px 0 }

    .gb-page span.ml22{ display: none }

    .content .md-contact .wrap{ padding-bottom: 20px }

    .content .md-contact .wrap{ padding: 10px }

    .header .nav{ background: rgba(0, 0, 0, 0.6); z-index: 999; display: none; position: absolute; left: 0; right: 0; top: 72px }

    .header .nav li{ width: 25%; height: 72px; line-height: 72px; overflow: hidden }

    .header .nav li{ margin: 0 }

    .header .nav li.active > a:before, .header .nav li:hover > a:before{ display: none }

    .header .nav li.active > a:after, .header .nav li:hover > a:after{ display: none }

    .header .nav ul{ float: none }

    .header .nav .list ul{ margin-left: 0 }

    .header.selected .nav{ display: block }

    .fexdnav{ display: none }

    .gb-nav.nav-col6 li{ width: 33.33% }

    .content .md-webmap .wrap{ padding: 15px }

    .content .md-webmap .head{ height: 75px }
    .md-hot-shop li img{ width: 60px;}
    .md-buy .shoptext .list{ height: auto;}

    .index-project .body li.last{ display: table;}
    .index-project .body li.last{ position: absolute; right: 0; bottom: 20px; background: #006ec7 !important; }
    .index-project .body li.last a{ height: 180px;}
    .index-project .body li.last img{ width: 50px;}
    .index-project .body li.last h3{ color: #ffffff;}
}

@media (max-width: 640px){
    .index-sunshine .right .item2{ display: none;}
    .popover2{ width: 320px; margin-left: -160px; height: auto; top: 30%; margin-top: 0;}
    #videostr{ width: 100%; height: auto;}
    .gb-page a{ height: auto; padding: 5px; line-height:normal; margin: 0 2px;}
    .content .md-news li .text h3 a{ width: 100%;}
    .md-shop-list .body .hd{ font-size: 14px;}
    .md-buy .shoptext .list{ margin-top: 8px;}
    .banner-slide.banner-shop-slide{ height: 220px; -webkit-background-size: cover; background-size: cover }
    .content .md-news li .text h3 span{ display: none;}
    .content .md-webmap .wrap{ padding: 10px }
    .content .md-fw .head li{ width: auto; float: none;}
    .content .md-webmap li a{ width: 48% }
    .content .md-fw .head ul{ height: auto;}
    .content .md-fw .head li{ border-bottom: 1px solid #eee;}
    .content .md-fw .wrap{ padding: 10px;}
    .content .md-subject .intro .links ul{ width: 320px; margin: 0 auto;}
    .header .logo{ margin-left: 10px }
    .header .nav{ top: 55px }
    .header .nav li{ width: 33.333%; height: 50px; line-height: 50px }
    .content .md-px .cooperation .body .btns{ display: none;}
    .header .nav li.active > a, .header .nav li:hover > a{ height: 50px; line-height: 50px }

    .content{ padding-bottom: 0 }

    .footer .link .links span{ margin: 0 5px }

    .footer .link .links{ height: auto }

    .content .md-news li{ padding: 10px 0 }

    .content .md-news .wrap{ padding: 10px }

    .content .md-news li .img img{ width: 165px; height: 120px }

    .content .md-news li .text{ margin-left: 175px }

    .content .md-nb .body li{ width: 48% }

    .content .md-px .wrap{ padding: 10px }

    .content .md-px .cooperation .cooperation-slide{ padding: 10px 0 }

    .md-shop-slide .wrap{ left: 0; right: 0; margin-left: 0; height: auto; bottom: 0 }

    .index-sunshine .right .items{ width: auto }

    .index-sunshine .right li{ width: 50% }

    .wrap{ width: auto }
    .wapsear{    background: url("../imgs/img1.png") center no-repeat; display: inline-block !important;
        width: 24px;
        height: 24px;
        position: absolute; right: 45px; top: 15px;
        margin-right: 5px; }
    .index-sunshine .right li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: relative; float: left !important; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important }

    .topbar .city,.topbar .link{ display: none;}
    .topbar{ display: none;}
    .index-sunshine .left p{ font-size: 14px }

    .index-sunshine .left h3{ font-size: 26px }

    .index-sunshine .left h3 span{ font-size: 16px }

    .index-sunshine .left h4{ font-weight: normal }

    .index-sunshine{ padding: 5px }

    .index-shop .head h3{ font-size: 26px }

    .index-shop .head h3 span{ font-size: 16px }

    .index-shop .head h4{ font-weight: normal }

    .index-shop{ padding: 5px }

    .index-shop .body dl dt{ width: 50% }

    .index-shop .body dl dt .text{ position: absolute; top: 0; bottom: 0; left: 0; right: 0 }

    .index-shop .body dl dd{ width: 50% }

    .index-shop .body dl .text h3{ padding-bottom: 15px }

    .index-shop .body dl dd .text{ padding: 15px }

    .index-shop .body dl .text{ padding: 15px }

    .index-shop .body dl .text .btn{ height: 35px; line-height: 35px }

    .index-project .head h3{ font-size: 25px }

    .index-project .body ul{ width: auto }

    .index-project .body li.item3{ left: 0; margin-left: 1%; bottom: 25px }

    .footer .link .share{ display: none }

    .footer .link .links{ float: none; text-align: center }

    .footer .copyright{ padding: 10px }

    .banner-slide .slide{ height: 220px }

    .banner-slide{ height: 220px }

    .banner-slide .owl-pagination span{ width: 20px; height: 5px }

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

    .header .logo img{ height: 50px }

    .gh{ top: 12px }

    .index-shop .body dl .text h3{ margin-top: 10px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

    .banner{ height: 320px; -webkit-background-size: cover; background-size: cover }

    .gb-nav li{ height: 60px; line-height: 60px }

    .content .md-subject .intro .text{ padding: 10px }

    .content .md-subject .welfare .body .item1{ display: none }

    .content .md-subject .welfare .body .item2{ margin-left: 0; height: auto; padding: 10px;}
    .content .md-subject .welfare .body .item2 .img{ display: none;}
    .content .md-subject .welfare .body .item2 .text{ width: auto;}
    .content .md-subject .welfare .body .item2 .text{ height: auto;}

    .gb-nav.nav-col5.boxshadow li{ width: 33.3333% }

    .gb-nav.nav-col5.boxshadow li:last-child{ border-right: 1px solid #F5F5F5 }

    .content .md-subject .gy-slide .gy-slides{ width: auto }

    .md-hot-shop li{ width: 50%; margin: 0 }

    .md-hot-shop li.item4{ display: block }

    .md-shop-list .body li{ width: 48%; margin: 1% }

    .ad{ display: none }

    .gb-nav.nav-col4 li, .gb-nav.nav-col5 li{ width: 33.3333% }

    .content .md-px .notice-slide .swiper-slide a{ font-size: 14px }

    .content .md-px .notice-slide .swiper-slide span{ margin-right: 0 }

    .content .md-px .notice-slide .swiper-buttons{ display: none }

    .content .md-px .texts{ margin: 10px 0 }
    .index-shop .body dl .text .btn{ position: absolute; bottom: 30px; }
    .content .md-px .course li .text dl dd{ height: 100px; overflow: hidden;}
    .content .md-px .course li{ padding-bottom: 10px;}
    .content .md-px .course li .btn{ margin-right: 10px;}
    .content .md-px .teacher .teacher-slide .text{ height: 200px; margin-bottom: 15px; overflow: hidden;}
    .footer .copyright .txt{ margin-top: -10px; display: block;}
    .copyright .line{ display: none;}
    .index-project .body li.last{ bottom: 25px;}
}

@media (max-width: 480px){
    .content .md-fw .head .col2{ width: auto;}
    table{ max-width:100%;}
    .content .md-fw .head .col2 li{ width: 100%;}
    .gy-slide .wrap{ width: 320px;}
    .content .md-nb .body li{ height: auto; width: 320px; margin: 0 auto; float: none;}
    .content .md-nb .body li .img{ height: 310px;}
    .footer .copyright{ padding-top: 20px;}
    .banner-slide.banner-shop-slide{ height: auto;}
    .banner-slide.banner-shop-slide .slide{ height: 150px;}
    .banner-slide.banner-shop-slide .owl-pagination{ bottom: 10px;}
    .md-shop-slide .shop-nav>dl>dt{ height: 50px; line-height: 50px;}
    .md-shop-slide .shop-nav>dl>dd{ width: auto; float: none; height: 45px; line-height: 45px;}
    .md-shop-slide .shop-nav>dl>dd>a{ padding-left: 15px;}
    .md-shop-slide .shop-nav>dl>dt .btn{ margin-top: 12px;}
    .md-hot-shop li img{ width: 50px;}
    .gb-nav.nav-col6 li{ width: 50% }
    .md-hot-shop li .text h3{ font-size: 18px;}

    .content .md-px .course li .text{ padding: 5px }

    .content .md-px .course li{ border: 1px solid #ddd }

    .content .md-px .reasons .body li .img{ display: none }

    .content .md-px .reasons .body li{ padding-left: 0px; height: auto }

    .content .md-px .reasons .body li .img img{ width: 80px; height: 80px }

    .banner .text h3{ margin-top: 50px }

    .banner .box{ width: 150px; height: 150px }

    .banner .box .txt h3{ margin-top: 55px; font-size: 18px }

    .banner .box .txt{ width: 150px; height: 150px; margin: 0 }

    .gb-page{ margin: 15px 0 }

    .content .md-news li .text{ margin-left: 125px }

    .content .md-news li .text h3{ margin-bottom: 0 }

    .content .md-news li .img img{ width: 115px; height: 80px }

    .gb-nav.nav-col4 li, .gb-nav.nav-col5 li{ width: 50% }

    .content .md-nb .body li{ margin-bottom: 15px; }

    .md-buy .shopslide .showpage{ width: 100% }

    .md-buy .shopslide{ width: auto }

    .gb-nav li{ width: 50% }

    .content .md-subject .gy-slide .gy-slides{ width: 95% }

    .banner-slide .slide{ height: 170px }

    .banner-slide{ height: 170px }

    .banner{ height: 200px }

    .content .md-subject .intro .text h3{ font-size: 20px }

    .content .md-subject .intro .text h3 span{ font-size: 16px }

    .md-buy{ margin-top: 10px }

    .content .md-subject .intro .text .btn{ border: 1px solid #1B71B7 }
    .content .md-subject .gy-slide{ padding-top: 15px;}
    .content .md-subject .welfare .body .item3 .swiper-slide{ height: 180px;}

    .content .md-subject .welfare .body .item3{ height:auto }

    .content .md-subject .welfare .body .item3 .swiper-slide h3{ text-align: left }
    .content .md-subject .gy-imgs h3{ font-size: 14px;}
    .content .md-subject .gy-slide .head{ margin-bottom: 15px;}
    .content .md-subject .gy-slide .head h3{ font-size: 20px }
    .content .md-subject .gy-slide{ margin-bottom: 15px;}
    .content .md-subject .gy-imgs h3{ margin-bottom: 10px;}
    .gb-nav.nav-col5.boxshadow li{ width: 50% }

    .content .md-subject .intro .links ul{ -webkit-transform: scale(0.8); transform: scale(0.8) }

    .content .md-subject .history .head h3{ font-size: 20px }

    .content .md-subject .history .head span{ font-size: 16px }

    .content .md-px .course li{ width: 96%; margin: 1% 2% }

    .content .md-px .course li .btn{ text-align: right }

    .content .md-px .course li .btn .more{ height: 35px; line-height: 35px }

    .content .md-px .course .body{ margin: 10px 0 }

    .md-buy .shopslide{ overflow-x: auto }

    .md-buy .shoptext .head h3{ font-size: 18px }

    .md-buy .buyintor{ margin-top: 0 }
    .index-sunshine .right .text{ padding: 8px;}
    .index-sunshine .right .text h3{ font-size: 18px;}
    .index-shop .head{ margin-bottom: 20px;}
    .index-sunshine .left p{ margin-top: 5px;}
    .index-sunshine .left p{ margin-bottom: 10px;}
    .index-shop .head h3{ font-size: 20px; padding-top: 15px;}
    .index-shop .body dl .text p{ height: 120px; overflow: hidden;}
    .index-shop .body dl .text h3{ font-size: 18px;}
    .index-project .body li h3{ font-size: 16px;}
    .index-project .body .item3 h3{ font-size: 16px;}
    .index-project .body .item3 h4{ font-size: 32px;}
    .index-project .head{ padding-top: 20px;}
    .gb-page .m-none{ display: none; }
    .gb-page a{ width: 42%;}
}

@media (max-width: 340px){
    .index-shop .body dl dd .text h3, .index-shop .body dl .text h3{ margin-top: 5px; padding-bottom: 5px; font-size: 18px }

    .index-shop .body dl dt, .index-shop .body dl dd{ width: 96%; margin: 2% }

    .index-sunshine .left p{ margin: 10px 0 }

    .index-project .body .item3 h4{ font-size: 30px }

    .index-project .body li h3, .index-project .body .item3 h3{ font-size: 20px }

    .content .md-subject .intro .links ul{ -webkit-transform: scale(0.6); transform: scale(0.6); margin-left: -20px; margin-top: -35px }

    .content .md-subject .intro .links{ display: none }

    .content .md-subject .gy-imgs{ display: none }

    .content .md-subject .gy-slide .head h3{ font-size: 16px }

    .content .md-subject .welfare .head h3{ font-size: 16px; font-weight: normal }

    .md-hot-shop li{ width: 100% }

    .banner-slide.owl-carousel .owl-wrapper-outer.autoHeight{ display: none }

    .md-shop-slide .shop-nav dt{ display: none }

    .banner-slide.banner-shop-slide{ height: 261px }

    .md-shop-slide .shop-nav{ width: auto; left: 0; right: 0; z-index: 9 }

    .md-shop-list .body li{ width: 96%; margin: 1% 2%; border: 1px solid #ccc }

    .md-shop-list .body .ft .p{ float: left }

    .md-shop-list .body .ft .btn{ float: right }

    .md-shop-list .body .ft{ height: 55px }

    .md-shop-list .body .more a{ width: auto; display: block }

}

/*# sourceMappingURL=response.min.css.map */