/***************** Base *****************/
html,body {font-family: '微软雅黑';transition: all 1s ease;}
@font-face {font-family:'DINCond-Black';src:url('../font/DINCond-Black.otf');}
@font-face {font-family:'DINCond-Bold';src:url('../font/DINCond-Bold.otf');}
@font-face {font-family:'DINCond-Medium';src:url('../font/DINCond-Medium.otf');}
@font-face {font-family:'MyriadPro-Black';src:url('../font/MyriadPro-Black.otf');}
.font1 {font-family: 'DINCond-Black';-webkit-font-smoothing: antialiased;}
.font2 {font-family: 'DINCond-Bold';-webkit-font-smoothing: antialiased;}
.font3 {font-family: 'DINCond-Medium';-webkit-font-smoothing: antialiased;}
.font4 {font-family: 'MyriadPro-Black';-webkit-font-smoothing: antialiased;}
.max-container {max-width: 1600px;width: 90%;}
.max-container2 {max-width: 800px;width: 90%;}
.max-container3 {max-width: 750px;width: 100%;}
/***************** Color *****************/
.bg-003773 {background-color: #003773;}
.bg-f1f1f1 {background-color: #f1f1f1;}
.bg-f8b300 {background-color: #f8b300;}
.font-003773 {color: #003773;}
.font-f1f1f1 {color: #f1f1f1;}
.font-626262 {color: #626262;}
.font-a3a3a3 {color: #a3a3a3;}
.font-f8b300 {color: #f8b300;}
.font-787878 {color: #787878;}
/***************** Font-size *****************/
.font-size1 {font-size: 14px;}
.font-size2 {font-size: 16px;}
.font-size3 {font-size: 18px;}
.font-size4 {font-size: 20px;}
.font-size5 {font-size: 50px;}
.font-size6 {font-size: 36px;}
.font-size7 {font-size: 45px;}
.font-size8 {font-size: 30px;}
.font-size9 {font-size: 24px;}
/********* Line *****************/
.line {border-top-width: 1px;border-top-style: solid;border-top-color: #d8e4e6;padding-top: 10px;}
/********* Banner *****************/
.banner {background-repeat: no-repeat;background-position: center;height: 480px;background-size: cover;transition: all 1s ease;}
/********* Classification *********/
.classification {border-bottom: 1px solid #eeeeee;}
.classification-item {height: 70px;line-height: 70px;text-align: center;border-right: 1px solid #eeeeee;color: #000;font-size: 16px;}
.classification-item .classification-img {width: auto;height: 30px;}
.classification-item .classification-img1 {display: none;}
.classification-item .classification-img2 {display: block;}
.classification-item.active .classification-img1,.classification-item:hover .classification-img1 {display: block;}
.classification-item.active .classification-img2,.classification-item:hover .classification-img2 {display: none;}
.classification-item.active,.classification-item:hover {background-color: #ff8e32;color: #fff;}
.classification .classification-item:first-child {border-left: 1px solid #eeeeee;}
/********* News *********/
.news-item {width: 90%;padding:20px 0;border-bottom:1px solid #dcdcdc;position: relative;}
.news-item:hover {box-shadow:1px 1px 18px 0 rgba(0,0,0,0.5);transition: all 1s ease;}
.news-item:after {content: "";width: 20%;height: 5px;margin: 0 auto; position: absolute;bottom: 0;left: 0; right: 0;transition: all .5s ease;}
.news-item:hover:after{width: 100%;background-color: #fb8b1e;}
.news-item .line {height: 5px;}
.news-item:first-child {border-top:1px solid #dcdcdc;}
.news-item .news-date {width: 180px;text-align: center;padding: 0 40px;color: #acacac;box-sizing: border-box;flex-shrink: 0;}
.news-item .news-img {width: 330px;height: 200px;overflow: hidden;margin-right: 80px;flex-shrink: 0;background-size: contain;background-repeat: no-repeat;background-position: center;}
.news-item .news-right {width: 100%;margin-right: 40px;}
.news-item .news-right .news-title{color: #858585;font-weight: 500;margin-top: 20px;margin-bottom: 10px;}
.news-item .news-right .news-content{color: #b9b9b9;height: 60px;overflow: hidden;text-overflow: ellipsis;}
.news-item .news-right .news-more{color: #f9bf5d;margin-bottom: 30px;width: 100%;}
/********* Pagination *********/
.pagination a,.pagination p {width: 33px;height: 33px !important;box-sizing: border-box;line-height: 33px !important;padding: 0 !important;text-align: center;}
.pagination {padding: 0 !important;height:auto !important;}
/********* Header *********/
.header {z-index: 20;}
.header1 {height: 40px;}
.header2 {height: 85px;}
.header-top {width: 100%;height: 125px;display: block;border: 1px solid transparent;}
.logo {width: auto;height: 100px;position: absolute;top: 0;z-index: 20;}
.nav-menu {height: 100%;}
.menu-item {margin-left: 30px;margin-right: 30px;transition: all 1s ease;}
.menu-item.active a {color: #003773;position: relative;font-weight: 500;}
.menu-item.active a:hover {color: #003773;}
.menu-item.active :after{content: "";width: 40px;height: 3px;margin: 0 auto;background-color: #f9bf5d;position: absolute;bottom: 0;left: 0;right: 0;}
.search{width: 17px;margin-left: 70px;cursor: pointer;}
.menu{width: 20px;margin-left: 20px;cursor: pointer;}
.nav-menu-right {max-width: 350px;width: 100%;height: 100vh;background-color: #fff;position: absolute;top: 0;right: -100%; z-index: 120;padding: 20px;transition: all .8s ease;}
.search-container {position: absolute;top: -100px;background: #fff;width: 100%;height: 85px;z-index: 90;transition: all 1s ease;}
.search-container.active {top: 40px;}
.nav-menu-right.active {right: 0;}
.menu-right-item.active a{color: #fb8b1e;}
.mask {width:100%;height:1200px;background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;z-index:100;opacity:0.6;/*display:none;*/}
.menu-right-item {line-height: 50px;}
.close span{transition: all 1s ease;font-size: 34px;transform:rotate(360deg);}
.active .close span{transition: all .5s ease;font-size: 34px;transform:rotate(0);}
.search-btn {width: 17px;height: auto;margin-left: 20px;}
.search-container .close {margin-right: 20px;}
.search-container input{max-width: 500px;width: 100%;height: 35px;border-top: none;border-left: none;border-right: none;background-color: transparent;outline: none;}
/********* Footer *********/
.footer {padding-top: 80px;line-height: 30px;background-color: #f7f7f7;}
.footer-content {width: 90%;}
/********* Index *********/
.swiper-container {width: 100%;height: 100%;}
.swiper-container .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 6%;}
.swiper-pagination-bullet {width: 13px;height: 13px;background: #fff;opacity:1;}
.swiper-pagination-bullet-active {background: #f9bf5d;}
.index-about-content {line-height: 34px;margin-top: 50px;margin-bottom: 70px;}
.index-about-content p {margin-bottom: 0;}
.index-about-title {margin-top: 80px;}
.index-about-title2 {line-height: 35px;}
.index-about-img {background: url(../images/index-about.jpg) center no-repeat;background-size: cover;height: 657px;}
.btn {width: 200px;background-color: #ff8e32;color: #fff;line-height: 50px;padding: 0;font-size: 18px;}
.btn:hover {color: #ff8e32;background-color: #fff;}
.index-product,.index-good {padding-top: 80px;padding-bottom: 80px;}
.zhtext {line-height: 35px;margin-bottom: 20px;}
.entext {line-height: 35px;margin-bottom: 40px;}
.index-product .line {margin-bottom: 40px;}
.index-good .line {margin-top: 90px;margin-bottom: 40px;}
.index-product-fenlei {margin-bottom: 50px;}
.index-product-fenlei-item {margin-left: 20px;margin-right: 20px;cursor: pointer;}
.index-product-fenlei-item:hover {color: #003773;}
.index-product-item {width: 24%; height: 400px;padding-top: 60px;margin-right: 1%;}
.index-product-title {margin-top: 40px;}
.index-product-img {width: 100%;height: 200px;overflow: hidden;transition: all 1s ease;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.index-partner {background: url(../images/index6.jpg) center no-repeat;height: 500px;font-size: 36px;}
.index-partner .btn {margin-top: 50px;}
.index-good-left-title {top: 0;width: 37%;}
.index-good-right-title {top: 0;width: 44%;}
.index-good-left-img {width:auto;height:57px;}
.index-school-right-title {height: 250px;width: 100%;}
.index-school-right-title1 {position: relative;top: -50px;z-index: 2;}
.index-school-right-title2 {position: relative;z-index: 3;}
.school-item1 {background-color: rgba(125, 191, 71, 0.8);}
.school-item2 {background-color: rgba(234, 128, 174, 0.8);}
.school-item3 {background-color: rgba(75, 160, 214, 0.8);}
/* .index-good-left-right {background: url(../images/index-good.jpg) center no-repeat;width: 500px; height: 620px;background-color: #000;} */
/********* Product *********/
.product-banner {background-image: url(../images/product_banner.jpg);}
.product-classification .classification-item {width: 11.11%;border-bottom: 1px solid #eeeeee;}
.product-classification .classification-item:nth-child(10) {border-left: 1px solid #eee;}
.info-classification .classification-item {width: 14.28%;}
.great-classification .classification-item {width: 33.33%;}
.product-container {padding-top: 40px;padding-bottom: 40px;}
.product-container .max-container {border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
.product-item {width: 25%;height: 400px;padding-top: 60px;border-left: 1px solid #eee;border-top: 1px solid #eee;}
.product-item:hover {background-color: #f7f7f7;}
.product-title {margin-top: 40px;}
.product-img {width: 100%;height: 200px;overflow: hidden;transition: all 1s ease;background-position: center center;background-size: contain;background-repeat: no-repeat;}
/* detail */
.protitle1,.protitle2,.protitle3 {font-size: 24px;}
.protitle1 {margin-bottom: 40px;margin-top: 40px;}
.protitle2 {margin-bottom: 25px;}
.protitle3 {margin-bottom: 15px;}
.breadcrumb-item+.breadcrumb-item::before {padding-right: 10px!important;color: #666464!important;content: ">"!important;}
.breadcrumb-item+.breadcrumb-item {padding-left: 10px!important;}
.breadcrumb {font-size: 14px!important;}
.probanner1,.probanner2 {margin-right: 2%;float:left; }
.probanner1,.probanner2,.probanner3 {height: 600px; }
.probanner1 {width: 7.7%;overflow-x: auto; }
.probanner1::-webkit-scrollbar{display: none;}
.probanner2 {width: 44.1%;position: relative; }
.probanner2 img ,.probanner3 img,.smproimg img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 80%;max-height: 100%;display: block;text-align: center;margin: auto;transition: all 1s ease;}
.probanner3 {width: 44.1%; }
.promessage {background-color: rgb(247, 247, 247);}
.protitle4 {font-size: 18px;color: #9f9f9f;margin-top: 25px;line-height: 37px;}
.smproimg {width: 100%;height: 90px;margin-bottom: 10px;position: relative;}
/********* Great280 *********/
.great-banner {background-image: url(../images/great_mom280_banner.jpg);}
.great-container {padding-top: 60px;padding-bottom: 80px;}
.great-container img {max-width: 100%;height: auto;}
.great-container2 {padding-top: 100px;padding-bottom: 80px;background: url(../images/great-banner2.jpg) center no-repeat;background-size: cover;}
.great-item {width: 32%;margin-top: 2%;}
.great-top {width: 100%;height: 227px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.great-top1 {background-image: url(../images/great1.jpg);}
.great-top2 {background-image: url(../images/great2.jpg);}
.great-top3 {background-image: url(../images/great3.jpg);}
.great-top4 {background-image: url(../images/great4.jpg);}
.great-top5 {background-image: url(../images/great5.jpg);}
.great-top6 {background-image: url(../images/great6.jpg);}
.great-bottom {padding: 30px;}
.great-title2 {padding-bottom: 20px;}
/********* School *********/
.school-banner {background-image: url(../images/school_banner.jpg);}
/********* Partner *********/
.partner-banner {background-image: url(../images/partner_banner.jpg);}
.partner-container1 {padding-top: 100px;padding-bottom: 100px;}
.partner-title1 {font-size: 50px;line-height: 55px;}
.partner-title2 {font-size: 70px;line-height: 75px;margin-bottom: 50px;}
.partner-container2 {width: 80%;}
.partner-item1 {width: 24%;height: 200px;background: url(../images/partner1.png) top left no-repeat;background-size: cover;padding-top: 30px;}
.partner-number {width: 40px;height: 40px;background: #003773;border-radius: 50px;line-height: 40px;}
.partner-content {}
.partner-right {width: 100%;padding-left: 15px;padding-right: 15px;line-height: 18px;}
.partner-item2 {width: 19%;margin-bottom: 1.25%;min-height: 85px;}
.partner-number2 {width: 50px;flex-shrink: 0;}
.partner-item3 {width: 49%;margin-bottom: 2%;min-height: 140px;}
.partner-number3 {width: 130px;flex-shrink: 0;}
.partner-right3 {width: 100%; padding-left: 20px;padding-top: 20px;padding-right: 20px;}
.partner-img {width: 80px;height: auto;}
/********* Info *********/
.info-banner {background-image: url(../images/info_banner.jpg);}
.info-left1 {width: 50%;border-bottom: 60px solid #fff;}
.info-right1 {width: 50%;background: url(../images/about3.jpg) center no-repeat;background-size: cover;padding-left: 80px;}
.info-left-item {width: 400px;margin-right: 25px; font-variant: 0;}
.info-right-item {max-width: 300px;margin-right: 25px;}
.info-left-title1 {font-size: 116px;margin-top: 80px;line-height: 120px;}
.info-left-title2 {font-size: 56px;margin-bottom: 40px;line-height: 60px;}
.info-left-bottom {margin-top: 55px;}
.info-right1-item {margin-top: 20px;}
.info-right-title {font-size: 56px;line-height: 60px;margin-top: 120px;margin-bottom: 45px;}
.info-right1-content {max-width: 450px;width: 100%;}
.info-left2 {width: 50%;background: url(../images/about4.jpg) left bottom no-repeat;height: 970px;background-size: contain;padding-right: 25px;}
.info-right2 {width: 50%;background: url(../images/about5.jpg) right no-repeat;height: 970px;background-size: cover;padding: 60px 80px;}
.info-right2-title {margin-top: 40px;line-height: 30px;}
.info-right2-title::after{content: "";display: block;width: 25px;height: 3px;background-color: #fff;margin-top: 20px;margin-bottom: 20px;}
.info-right2-title1 {font-size: 40px;font-style: italic;}
.info-right2-title2 {font-size: 32px;font-style: italic;}
.info-right-tishi {position: relative;height: 170px;}
.info-right-tishi img{position: absolute;width: 270px;bottom: 10px;left: -160px;}
.info-container2 {height: 700px;}
.info-container3 {width: 95%;}
.info-container3-left {max-width: 600px;width: 100%; margin-right: 5%;flex-shrink: 0;}
.info-container3-right {width: 60%;overflow: hidden;height: 700px;background: url(../images/about6.png) center no-repeat;background-size: cover;}
.info-container3-right img{max-width: 765px;}
.product-classification.active {top: 125px;z-index: 10;}
.info-classification.active {top: 125px;z-index: 10;}
.honor-item {width: 19%;padding: 20px 20px 0;border: 1px solid #f0f0f0;margin-right: 1%;margin-bottom: 1%;}
.info-container4-title {margin-bottom: 30px;}
.honor-top {width: 100%;height: 210px;background-size: contain;background-repeat: no-repeat;background-position: center;border-bottom: 1px solid #f0f0f0;}
.honor-bottom {width: 100%;height: 60px;color: #858585;}
.info-container4 {padding-top: 90px;padding-bottom: 90px;}
.info-container4 .news-item {width: 100%;}
.info-container4 .news-item:first-child {border-top: 1px solid #dcdcdc;}
.card-header,.card-body {color: #858585;}
.card-header div[aria-expanded="true"] span:last-child{font-size: 24px;}
.card-header span:last-child{font-size: 40px;line-height: 0;}
.contact-container {background: url(../images/map_banner.jpg) top no-repeat;}
.map-left {padding: 70px 0 0 60px;width: 510px;flex-shrink: 0;height: 495px;}
.map-right {width: 100%;height: 495px;}
#allMap {width: 100%;height: 100%;}
.map-title2::before {content: " ";display: block;width: 10px;height: 3px;background-color: #f8b300;margin: 10px 0;}
#info1:target,
#info2:target,
#info3:target,
#info4:target,
#info5:target,
#info6:target,
#info7:target {
padding-top: 160px !important;
margin-top: -160px !important;
}
@media screen and (max-width:1600px) {
/********* Header *********/
.header2,.search-container {height: 65px;}
.header-top {height: 105px;}
.logo {height: 80px;}
.nav-menu {font-size: 18px;}
.menu-item {margin-left: 20px;margin-right: 20px;}
.search{margin-left: 50px;}
.menu{margin-left: 15px;}
.product-classification.active {top: 105px;}
.info-classification.active {top: 105px;}
/********* Info *********/
.max-container3 {width: 90%;}
.info-left-title1 {margin-top: 60px;font-size: 96px;line-height: 100px;}
.info-container3-right {background-size: contain;}
.info-container2,.info-container3-right {height: 600px;}
.info-left-title2 {font-size: 46px;}
.info-container4 {padding-top: 80px; padding-bottom: 80px;}
}
@media screen and (max-width:1400px) {
.font-size5,.font-size7 {font-size: 40px;}
.font-size3 {font-size: 16px;}
.font-size6 {font-size: 26px;}
.font-size4 {font-size: 16px;}
.btn {width: 160px;font-size: 16px;}
.btn:hover {color: #ff8e32;background-color: #fff;}
.zhtext {line-height: 30px;margin-bottom: 10px;}
.entext {line-height: 30px;margin-bottom: 20px;}
/********* Header *********/
.logo {height: 75px;}
.menu-item {margin-left: 15px;margin-right: 15px;}
.search{margin-left: 40px;}
.menu{margin-left: 15px;}
/********* Index *********/
.index-about-title {margin-top: 50px;}
.index-about-title2 {line-height: 30px;}
.index-about-content {line-height: 30px;margin-top: 30px;margin-bottom: 50px;}
.index-about-img {height: 457px;}
.index-product,.index-good {padding-top: 50px;padding-bottom: 50px;}
.index-product .line,.index-good .line {margin-bottom: 20px;}
.index-product-fenlei {margin-bottom: 45px;}
.index-product-fenlei-item {margin-left: 15px;margin-right: 15px;}
.index-product-item, .product-item {height: 350px;padding-top: 55px;}
.index-product-title, .product-title {margin-top: 35px;}
.index-product-img, .product-img {height: 150px;}
.index-partner {height: 350px;font-size: 24px;}
.index-good-left-img {height: 47px;}
/********* Great280 *********/
.great-container,.great-container2 {padding-top: 50px;padding-bottom: 50px;}
/********* Partner *********/
.partner-container1 {padding-top: 50px;padding-bottom: 50px;}
.partner-container2 {width: 100%;}
.partner-title1 {font-size: 40px;line-height: 45px;}
.partner-title2 {font-size: 60px;margin-bottom:40px;line-height: 65px;}
/********* Info *********/
.info-left-title1 {font-size: 86px;line-height: 90px;}
.info-left-title2 {font-size: 36px;line-height: 40px}
.info-right1 {padding-left:60px;}
.info-right-title {font-size: 46px;margin-top: 100px;margin-bottom:35px;}
.info-right2 {padding: 40px 60px;}
.info-right2-title {margin-top:20px;}
.info-right2-title1 {font-size: 30px;}
.info-right2-title2 {font-size: 24px;}
.info-right2-title::after {margin-top: 10px;margin-bottom: 10px;}
.info-left2,.info-right2 {height: 800px;}
.info-right-tishi {height: 120px;}
.info-right-tishi img {width: 200px;left: -120px;}
.info-container3-left {max-width: 500px;}
.info-right1-content {max-width: 350px;}
/* Detail */
.probanner1 {width: 10%;}
.probanner2 {width: 43%;}
.probanner3 {width: 43%;}
}
@media screen and (max-width:1200px) {
.font-size3, .font-size4 {font-size: 14px;}
.font-size8,.font-size9 {font-size: 20px;}
.banner {height: 400px;}
/********* Header *********/
.nav-menu {display: none;}
.nav-left {display: flex;align-items: center;}
.nav-left img {position: relative;height: 55px;}
/********* Footer *********/
.footer {padding-top: 40px;}
.footer-content {width: 95%;}
/********* Index *********/
.index-good-left-img {height: 37px;}
.index-good-left-title .font-size2,.index-good-right-title .font-size2 {width: 95px;}
.index-good-left-title .font-size6,.index-good-right-title .font-size6{font-size: 20px !important;}
.school-item3 .school-title {width: 130px;}
/********* Great280 *********/
.classification-item {height: 60px;line-height: 60px;}
.classification-item .classification-img {height: 20px;}
.news-item .news-date {width: 140px;padding: 0 30px;}
.news-item .news-img {width: 300px;height: 150px;margin-right: 20px;}
.news-item .news-right {margin-right: 20px;}
.news-item .news-right .news-title {margin-top: 15px;margin-bottom: 7.5px;}
.news-item .news-right .news-content {height: 40px;}
.news-item .news-right .news-more {margin-bottom: 15px;}
.partner-container2 {width: 90%;}
.partner-item1 {width: 49%;margin-bottom: 2%;}
.partner-item2 {width: 49%;}
.partner-title1 {font-size: 30px;line-height: 35px;}
.partner-title2 {font-size: 50px;line-height: 55px;margin-bottom:20px}
/********* Info *********/
.info-left-item {width: 90%;}
.info-right-item {margin-right: auto;margin-top: 10px;}
.info-left-bottom {margin-top: 35px;}
.info-left-title1 {font-size: 66px;line-height: 70px;}
.info-left-title2 {font-size: 24px;line-height: 30px;}
.info-left1 {border-bottom: 30px solid #fff;}
.info-right1 {padding-left:30px}
.info-right2 {height: 800px;padding: 60px 30px;}
.info-container3-left {width: 400px;}
.honor-item {padding: 15px 15px 0;}
.honor-top {height: 150px;}
.map-left {padding: 35px 0 0 30px;width:450px;height: 395px;}
.map-right {height: 395px;}
}
@media screen and (max-width:992px) {
.font-size5,.font-size7 {font-size: 36px;}
.font-size3 {font-size: 14px;}
.banner {height: 300px;}
/********* Footer *********/
/********* Index *********/
.index-about-title {margin-top: 40px;}
.index-about-title2 {line-height: 25px;}
.index-about-content {line-height: 25px;margin-top: 25px;margin-bottom: 40px;}
.index-about-img {height: 400px;}
.btn {width: 160px;font-size: 16px;}
.btn:hover {color: #ff8e32;background-color: #fff;}
.index-product .line,.index-good .line {margin-bottom: 10px;}
.index-product-fenlei {margin-bottom: 45px;}
.index-product-fenlei-item {margin-left: 10px;margin-right: 0;}
.index-product-item, .product-item {height: 250px;padding-top: 55px;}
.index-product-title, .product-title {margin-top: 35px;}
.index-product-img, .product-img {height: 100px;}
/********* Product *********/
.product-classification {border-bottom: none;}
.product-classification .max-container {width: 100%;}
.product-classification .classification-item {width: 25%;border-bottom: 1px solid #eee;}
.info-classification .classification-item {width: 14%;}
/********* Great280 *********/
.great-container,.great-container2 {padding-top: 40px;padding-bottom: 40px;}
.news-item {padding: 15px 0;}
.news-item .news-date {width: 100px;padding: 0 15px;}
.news-item .news-img {width: 198px;height: 120px;margin-right: 20px;}
.news-item .news-right .news-title {margin-top: 10px;margin-bottom: 5px;}
.news-item .news-right .news-more {margin-bottom: 5px;}
/********* Partner *********/
.partner-img {width: 60px;height: auto;}
/********* Info *********/
.info-left1 {width: 100%;border: transparent;}
.info-right1 {width: 100%;height: 400px;}
.info-right-item {max-width: 250px;width: 100%;margin-top: 0;}
.info-right-title {margin-top: 0;}
.info-right1-content {width: 95%;max-width: 100%;}
.info-left2, .info-right2 {width: 100%; height: 400px;padding-right: 30px;}
.info-left2 {background-position: left;}
.info-rigth2-left {width: 50%;}
.info-rigth2-right {width: 50%;}
.info-right-tishi {height: 90px;}
.info-container3-left {width: 100%;max-width: 100%;}
.info-container2 {height: 800px;}
.info-container3-right {width: 100%;height: 400px;background-size: auto 130%;}
.honor-item {width: 49%;margin-bottom: 2%;}
.info-container4 {padding-top: 40px;padding-bottom: 40px;}
.map-left {max-width: 350px;width: 100%;height: 335px;padding:25px 0 0 20px}
.map-right {height: 335px;}
}
@media screen and (max-width:768px) {
.max-container {width: 95%;}
.max-container2 {width: 97.5%;}
.max-container3 {width: 95%;}
.font-size1,.font-size2,.font-size3 {font-size: 12px;}
.font-size5,.font-size7 {font-size: 24px;}
.btn {width: 120px;font-size: 12px;line-height: 30px;margin-bottom: 30px;}
.btn:hover {color: #ff8e32;background-color: #fff;}
/********* Header *********/
.header1 {height: 50px;padding: 5px 0;box-sizing: border-box;}
.search-container.active {top: 50px;}
.header-top {height: 115px;}
.product-classification.active {top: 115px;}
.info-classification.active {top: 115px;}
/********* Index *********/
.index-about-title {margin-top: 30px;}
.index-about-title2 {line-height: 25px;}
.index-about-content {line-height: 25px;margin-top: 25px;margin-bottom: 40px;}
.index-about-img {height: 357px;}
.index-product-fenlei-item {width: 33%;margin-left: 0;}
.index-product,.index-good {padding-top: 30px;padding-bottom: 30px;}
.index-product-fenlei {margin-bottom: 25px;}
.index-school-right-title {height: 80px;}
.index-school-right-title .font-size6{font-size: 20px;}
.index-school-right-title .font-size9{font-size: 16px;}
.index-school-right-title1 {top: -20px;}
/********* Footer *********/
.footer {padding-top: 40px;}
.footer img {display: block;}
.footer-content {display: block;width: 100%;}
/* Great280 */
.great-item {width: 49%;}
.great-bottom {padding: 20px;}
.great-title2 {padding-bottom: 10px;}
/* 详情 */
.protitle1,.protitle2,.protitle3 {font-size: 16px;}
.protitle4 {font-size: 12px;color: #9f9f9f;margin-top: .25rem;line-height: 20px;}
.protitle1 {margin-bottom: .25rem;margin-top: .25rem;color: #afafaf;}
.protitle2 {margin-bottom: .15rem;}
.probanner1 {width: calc(100%); overflow-y: auto;height: 90px;margin-bottom: 10px;white-space: nowrap;}
.probanner2 {width: calc(100%); height: 350px;margin-bottom: 10px;}
.probanner3 {width: calc(100%); height: auto;}
.smproimg {width: 33%;height: 90px;display: inline-block;margin-bottom: 0;}
}
@media screen and (max-width:576px) {
.swiper-pagination-bullet {width: 8px;height: 8px;}
.font-size5,.font-size7 {font-size: 18px;}
.font-size6,.font-size9,.index-good-left-title .font-size6,.index-good-right-title .font-size6 {font-size: 16px !important;}
.font-size8 {font-size: 14px;}
.banner {height: 150px;}
.banner .banner-title {width: 120px;}
.btn {margin-bottom: 20px;}
.classification-item {height: 50px;line-height: 50px;}
.classification-item .classification-img {height: 15px;}
#info1:target,
#info2:target,
#info3:target,
#info4:target,
#info5:target,
#info6:target,
#info7:target {
padding-top: 150px !important;
margin-top: -150px !important;
}
/********* Header *********/
.header1 {height: auto;padding: 5px 0;box-sizing: border-box;}
.search-container.active {top: 0;}
.search-container {width: 100%;height: 100vh;top: -100vh;background: rgba(0, 0, 0,0.5);}
.search-container .close {color: #fff;}
.search-container input {border-bottom: 1px solid #fff;max-width: 200px;color: #fff;}
.header-top {height: 95px;}
.product-classification.active {top: 110px;}
.info-classification.active {top: 110px;}
.nav-left img {height: 45px;}
.font-size1,.font-size2,.font-size3,.font-size4,.index-partner,.collapse p {font-size: 12px;}
.entext {line-height: 0;}
.nav-menu-right {max-width: 100%;}
#searchBtn2 {width: 35px;}
/********* Index *********/
.swiper-container {height: 250px;}
.index-about-title {margin-top: 20px;}
.index-about-title2 {line-height: 20px;}
.index-about-content {line-height: 20px;margin-top: 20px;margin-bottom: 20px;}
.index-about-img {height: 250px;}
.index-partner {height: 250px;background-size: cover;}
.index-partner .btn {margin-top: 20px;}
.index-product,.index-good {padding-top: 20px;padding-bottom: 20px;}
.index-good .line {margin-top: 20px;}
.index-product-item {width: 49%;margin-bottom: 2%;height: 200px;padding-top: 20px;}
.index-good-left-img {height: 35px;}
.index-good-left-title .font-size2 {width: 66px;}
.index-good-right-title .font-size2 {width: 66px;}
.index-product-title, .product-title {margin-top: 20px;}
.school-item3 .school-title {width: auto;}
.index-good-left {height: 102px;background: #eb80ae;}
.index-good-left-title {width: 44%;}
.index-good-left .index-good-left-background{width: 100% !important;height: auto !important;bottom: 60%;left: 24px;}
.index-school-right-background {height: 120px;overflow: hidden;}
.index-school-right-background img {position: relative;bottom: 25%;border-bottom: 1px solid #eeeeee;}
/********* Product *********/
.classification .max-container,.product-container .max-container {width: 100%;}
.product-classification .classification-item {width: 33.33%;}
.info-classification {border-bottom: none;}
.info-classification .classification-item {width: 25%;}
.info-classification .classification-item:nth-child(1),
.info-classification .classification-item:nth-child(2),
.info-classification .classification-item:nth-child(3),
.info-classification .classification-item:nth-child(4) {
border-bottom: 1px solid #eee;
}
.protitle4 img {max-width: 100%;height: auto;}
.product-item {width: 50%;margin-bottom: 0;height: 200px;padding-top: 20px;}
/********* Great280 *********/
.great-container,.great-container2 {padding-top: 20px;padding-bottom: 20px;}
.great-item {width: 100%;}
.news-item {width: 100%;padding: 10px 0;}
.news-item .news-img {width: 100%;height: 200px;margin-right: 0;}
.news-item .news-date {width: auto;padding: 0;margin-top: 10px;}
.news-item .news-right {margin-right: 0;padding: 0 10px;}
.news-item .news-right .news-title {margin-top: 10px;margin-bottom: 5px;}
.news-item .news-right .news-more {width: auto;margin-bottom: 0px;margin-top: 10px;}
.news-item .news-right .news-content {height: 35px;}
/********* school *********/
.school-banner .banner-title {width: 100px;}
/********* partner *********/
.partner-banner .banner-title {width: 160px;}
.partner-container1 {padding-top: 20px;padding-bottom: 20px;}
.partner-container2 {width: 100%;}
.partner-item1 {width: 100%;height: 150px;margin-bottom: 3%;padding-top:15px;}
.partner-item2 {width: 100%;}
.partner-item3 {width: 100%;min-height: 100px;}
.partner-img {width: 40px;}
.partner-number3 {width: 80px;}
.partner-number {width: 30px;height: 30px;line-height: 30px;}
.partner-title1 {font-size: 18px;line-height: 20px;}
.partner-title2 {font-size: 28px;line-height: 30px;margin-bottom:10px}
.partner-right3 {padding-left: 10px;padding-top: 10px;padding-right: 10px;}
/********* Info *********/
.info-left-title1 {font-size: 44px;line-height:50px;margin-top:20px;}
.info-left-title2 {font-size: 20px;line-height:25px;margin-bottom:10px;}
.info-left-item {width: 100%;margin-right:0;}
.info-right-item {max-width: 100%;}
.info-right1 {height: auto;padding-left: 2.5%;padding-right: 2.5%;padding-bottom: 20px;padding-top: 20px;}
.info-right1-item {margin-top: 0;}
.info-right-title {font-size: 24px;line-height:30px;margin-bottom:15px;}
.info-left2 {height: 200px;padding-right: 2.5%;}
.info-right2 {padding-right:0;padding: 20px 2.5%;height: auto;}
.info-right2-title1 {font-size: 18px;}
.info-right2-title2 {font-size: 16px;}
.info-right1-content {width: 100%;}
.info-right2-title {margin-top: 0;}
.info-rigth2-right {width: 100%;}
.info-right-tishi img {width: 150px; left: 0;}
.info-container3 {width: 100%;}
.info-container3-right {height: 200px;}
.info-container3-left {margin-right: 0;}
.info-container2 {height: auto;padding-bottom: 20px;}
.info-container4 {padding-top: 20px;padding-bottom: 20px;}
.honor-top {height: 100px;padding-bottom: 10px;}
.map-left {max-width: 100%;height: 290px;padding: 15px 0 0 15px;}
}