@charset "UTF-8";
@media screen and (max-width:999px){
.logo_xsg {background: url(/r/inxweb/img/yk/xsg/logo.png) no-repeat;width: 95%;background-size: contain;}	
.nav_xsg ul li{width: 88px;height: 420px;}
/* {height: 357px;left: 13px;}
{height: 357px;} */
.schoolname{padding: 45px 28px 0;width:80px;font-size: 21px;height: 210px;}
.schoolname_last i{font-size: 32px;}
.schoolname_last span{font-size:25px;}
.main_xsg{height: auto;}
.year_xsg{font-size: 12px;line-height: 18px;bottom: 88px;}
.line_shu{height: 8px;}
.chapter_xsg img{width:60%;}
.btn_circle span, .btn_circle i{height: 25px;line-height: 23px;width: 25px;font-size: 20px;}
.nav_xsg {padding: 0 !important;}
/* .transfor{transform-origin:28% 50%;} */
.footerbg{position: inherit;background-size: inherit;height: auto;margin-top: -3%;}	
.inner_xsg .inner{height: auto;}
.inner{padding: 4%;}
.donation-box,.codexsg-box,.linkxsg-box,.orderbox{width: 100%;height:120px;display: block;border: 0;padding:0  4%;}
.orderbox-content{margin: 0 auto;float: left;}
.linkxsg-box .link-box-content{padding: 0;}
.inner_infobox,.infobox_left,.inner_xsg{width: 100%; height: calc(100vh - 118px);}
.nav_xsg ul li.side_li_left,.nav_xsg ul li.side_li_right,.infobox_right{display: none;}
/* .sticky{width: 38px; height: 88px;left: 0;position: absolute; top: 133px;} */
.sticky{width: 120px;height:320px}
.btn_box_xsg a img {
    height: 60px;
    width: 72px;
}
.previous_sxg, .next_sxg, .home_sxg{padding: 20px}
.main_xsg{padding-bottom: 5%;}
.today_ny{left:10%;}
.today_ny .article_name{margin: 0 10px;height:400px;}
.mask_layer{height: 100%;overflow: hidden;width: 100%;position: fixed;}
.fixedbody{height: 100%;overflow-y: hidden;}
.article_info{padding: 20px 1px 20px 20px;}
/* .btn_box_xsg a img {height: 16px;width: 19.2px;}
.previous_sxg, .next_sxg, .home_sxg{padding: 5px;} */
.inner_infobox{padding: 8px 0 0 0;}
.main_xsgbody,.inner_xsg{height: auto;}
}


@media screen and (min-width: 1000px) and (max-width: 1280px){
.article_name a {font-size: 20px;}
.logo_xsg {margin-top: 25px;}
.nav_xsg ul li,.article_name{width: 95px;height: 426px;}
.nav_xsg ul li.side_li_left,.nav_xsg ul li.side_li_right{height: 386px;}
.header_xsg,.footer_xsg {height: 110px;}
.main_xsg {height: calc(100vh - 110px);}
.nav_xsg {padding: calc((100vh - 630px) * 0.5) 0 0 0;}
.schoolname_last span, .schoolname_last i {font-size: 28px;}
.schoolname_last {padding: 40px 0 0 0;}
.schoolname {font-size: 24px;height: 206px;width: 80px;padding: 45px 30px 0;}
.nav_xsg ul li.side_li_left {width: 19px;}
.inner_xsg {width: 1000px}
.codexsg-box img {width: 27%;}
.codeimg {padding-top: 10px;}
.inner_infobox {padding: 15px 0 0 0;}
.infobox_left {height: calc(100vh - 100px);}
.schoolname {margin: 0px auto;}
.chapter_xsg {margin: 15px auto;}
.year_xsg {bottom: 80px;}
.infobox_right .btn_circle span {line-height: 25px;}
.shooladdress{margin-top: 5px;}
.btn-yy {margin-top: 2px;}
.sticky {top: 95px;height: 130px;padding: 5px 13px;left: 6.8%;}
.btn_box_xsg{background-color: #fbf6ed;height: 130px;bottom: 0;padding: 5px;width: 44px;margin-top: 5px;}
.btn_box_xsg a img{height: 20px;width: 24px;}
.previous_sxg, .next_sxg, .home_sxg {float: right;padding: 10px 5px;}
.infobox_right {margin-top:0;}
.today_ny .article_name {margin: 0 25px;}
.shoolmate_nj {left: 16%;bottom: 24%;}	
.inner_xsg .inner {margin-top: 8px;height: 98px;}
.address_yy{height: 20px;line-height: 20px;}
.footerbg {bottom: 0px;	}  
.year_xsg {font-size: 16px;line-height: 24px;}
.line_shu {line-height: 12px;height: 12px;}
.chapter_xsg{width: 68%;}
.nav_xsg ul li a {font-size: 22px;}
.year_xsg span {font-size: 16px;}
.btn_circle span, .btn_circle i{height: 25px;line-height: 23px;width: 25px;font-size: 20px;}
.btn_circle {bottom: 45px;}
.linkxsg-box .web-link select{height: 24px;line-height: 24px;padding: 2px 12px;}
.linkxsg-box .web-link{height: 32px;}
.shooladdress p {height: 20px;line-height: 20px}
.addres-name, .link-box-content .link-name ,.order-name,.codetip{height: 26px;line-height: 26px;}
.btn-yy{height: 50px;}	
.headerbg{background: url(/r/inxweb/img/yk/xsg/header_bg.jpg) -180px 0;background-size: cover;}
}


@media screen and (min-width: 1281px) and (max-width: 1399px){
.logo_xsg {margin-top: 12px;}
.nav_xsg ul li,.article_name{width: 95px;height: 426px;}
.nav_xsg ul li.side_li_left,.nav_xsg ul li.side_li_right{height: 386px;}
.header_xsg,.footer_xsg {height: 110px;}
.header_xsg .inner_xsg{padding-top: 12px;}
.main_xsg {height: calc(100vh - 110px);}
.nav_xsg {padding: calc((100vh - 655px) * 0.5) 0 0 0;}
.schoolname_last span, .schoolname_last i {font-size: 28px;}
.schoolname_last {padding: 40px 0 0 0;}
.schoolname {font-size: 24px;height: 206px;width: 80px;padding: 45px 30px 0;}
.nav_xsg ul li.side_li_left {width: 19px;}
.inner_xsg {width: 1000px}
.codexsg-box img {width: 27%;}
.codeimg {padding-top: 10px;}
.inner_infobox {padding: 15px 0 0 0;}
.infobox_left {height: calc(100vh - 95px);}
.schoolname {margin: 0px auto;}
.chapter_xsg {margin: 15px auto;}
.year_xsg {bottom: 80px;}
.infobox_right .btn_circle span {line-height: 30px;}
.shooladdress{margin-top: 5px;}
.btn-yy {margin-top: 2px;}
.sticky {top: 95px;height: 130px;padding: 5px 13px;left: 6.8%;}
.btn_box_xsg{background-color: #fbf6ed;height: 130px;bottom: 0;padding: 8px;width: 44px;margin-top: 31px;}
.btn_box_xsg a img{height: 20px;width: 24px;}
.previous_sxg, .next_sxg, .home_sxg {float: right;padding: 10px 5px;}
.infobox_right {margin-top:0;}
.today_ny .article_name {margin: 0 25px;}
.shoolmate_nj {left: 16%;bottom: 24%;}	
.inner_xsg .inner {margin-top: 8px;height: 98px;}
.address_yy{height: 20px;line-height: 20px;}
.footerbg {bottom: 0px;	}  
.year_xsg {font-size: 16px;line-height: 24px;}
.line_shu {line-height: 12px;height: 12px;}
.chapter_xsg{width: 62%;}
.nav_xsg ul li a {font-size: 22px;}
.year_xsg span {font-size: 16px;}
.btn_circle span, .btn_circle i{height: 25px;line-height: 23px;width: 25px;font-size: 20px;}
.btn_circle {bottom: 45px;}
.linkxsg-box .web-link select{height: 24px;line-height: 24px;padding: 2px 12px;}
.linkxsg-box .web-link{height: 32px;}
.link-box-content div:nth-child(2){margin-top: 10px}
.shooladdress p {height: 20px;line-height: 20px}
.addres-name, .link-box-content .link-name ,.order-name,.codetip{height: 26px;line-height: 26px;}
.btn-yy{height: 50px;}
.headerbg{background: url(/r/inxweb/img/yk/xsg/header_bg.jpg) -170px 0;background-size: cover;}
}



@media screen and (min-width: 1400px) and (max-width: 1439px){
.logo_xsg {margin-top: 27px;}
.nav_xsg ul li,.article_name{width: 135px;height: 543px;}
.nav_xsg ul li.side_li_left,.nav_xsg ul li.side_li_right{height: 543px;}
.header_xsg,.footer_xsg {height: 110px;}
.main_xsg {height: calc(100vh - 110px);}
.nav_xsg {padding: calc((100vh - 730px) * 0.5) 0 0 0;}
.schoolname_last span, .schoolname_last i {font-size: 38px;}
.schoolname_last {padding: 40px 0 0 0;}
.schoolname {font-size: 30px;height: 280px;width: 80px;padding: 45px 22px 0;}
.nav_xsg ul li.side_li_left {width: 19px;}
.inner_xsg {width: 1000px}
.codexsg-box img {width: 27%;}
.codeimg {padding-top: 10px;}
.inner_infobox {padding: 15px 0 0 0;}
.infobox_left {height: calc(100vh - 100px);}
.schoolname {margin: 0px auto;}
.chapter_xsg {margin: 15px auto;}
.year_xsg {bottom: 95px;}
.infobox_right .btn_circle span {line-height: 28px;}
.shooladdress{margin-top: 5px;}
.btn-yy {margin-top: 2px;}
.sticky {top: 100px;height: 130px;padding: 5px 13px;left: 6.8%;}
.btn_box_xsg{background-color: #fbf6ed;height: 130px;bottom: 0;padding: 5px;width: 44px;}
.btn_box_xsg a img{height: 20px;width: 24px;}
.previous_sxg, .next_sxg, .home_sxg {float: right;padding: 10px 5px;}
.infobox_right {margin-top:0;}
.today_ny .article_name {margin: 0 25px;}
.shoolmate_nj {left: 6%;bottom: 22%;}	
.inner_xsg .inner {margin-top: 8px;height: 98px;}
.address_yy{height: 20px;line-height: 20px;}
.footerbg {bottom: 0px;	}  
.year_xsg {font-size: 16px;line-height: 24px;}
.line_shu {line-height: 12px;height: 12px;}
.chapter_xsg{width: 62%;}
.nav_xsg ul li a {font-size: 30px;}
.year_xsg span {font-size: 18px;}
.btn_circle span, .btn_circle i{height: 28px;line-height: 26px;width: 28px;font-size: 20px;}
.btn_circle {bottom: 45px;}
.linkxsg-box .web-link select{height: 24px;line-height: 24px;padding: 2px 12px;}
.linkxsg-box .web-link{height: 32px;}
.shooladdress p {height: 20px;line-height: 20px}
.addres-name, .link-box-content .link-name ,.order-name,.codetip{height: 26px;line-height: 26px;}
.btn-yy{height: 50px;}
.headerbg{background: url(/r/inxweb/img/yk/xsg/header_bg.jpg) -46px 0;background-size: cover;}
}


@media screen and (min-width: 1440px) and (max-width: 1579px){
.nav_xsg ul li,.article_name{width: 118px;height: 480px;}
.nav_xsg ul li.side_li_left,.nav_xsg ul li.side_li_right{height: 480px;}
.header_xsg,.footer_xsg{height: 118px;}
.main_xsg {height: calc(100vh - 118px);}
.inner_xsg .inner {height: 100px;}
.shooladdress p {line-height: 28px;height: 28px;}
.codexsg-box img {width: 18%;}
.addres-name, .link-box-content .link-name,.order-name{height: 25px;line-height: 25px;}
.linkxsg-box .web-link { margin: 5px 0;height: 30px;}
.btn-yy {height: 48px;}
.logo_xsg {margin-top: 30px;}
.nav_xsg {padding: calc((100vh - 707px) * 0.5) 0 0 0;}
.schoolname_last {padding: 20px 0 0 0;}
.schoolname_last span,.schoolname_last i{font-size: 38px;}
.schoolname{padding: 30px 28px 0;height: 255px;font-size: 28px;width: 100px;}
.btn_circle span, .btn_circle i {height: 30px;width: 30px;line-height: 28px;}
.year_xsg {font-size: 18px;line-height: 18px;bottom: 80px;}
.line_shu {height: 15px;}
.chapter_xsg {margin: 0 auto;}
.btn_circle {bottom: -10px;}
.chapter_xsg img{width: 70%;}
.nav_xsg ul li.side_li_left{width: 22px;}
.schoolname {margin: 10px auto;}
.btn_circle {bottom: 37px;}
.sticky {top: 105px;height: 130px;padding: 5px 13px;left: 6.8%;}
.btn_box_xsg{background-color: #fbf6ed;height: 130px;top: 138px;padding: 5px;width: 44px;}
.btn_box_xsg a img{height: 20px;width: 24px;}
.previous_sxg, .next_sxg, .home_sxg {float: right;padding: 10px 5px;}
.infobox_right {margin-top:0;}
.shoolmate_nj {left: 12%;bottom: 20%;}	
.infobox_right .btn_circle span{line-height: 30px}
.headerbg{background: url(/r/inxweb/img/yk/xsg/header_bg.jpg) 22px 0;background-size: cover;}
}


@media screen and (min-width: 1580px) and (max-width: 1639px){
.nav_xsg ul li,.article_name{width: 111px;height: 450px;}
.nav_xsg ul li.side_li_left,.nav_xsg ul li.side_li_right{height: 450px;}
.header_xsg, .footer_xsg {height: 118px;}
.main_xsg {height: calc(100vh - 120px);}
.inner_xsg .inner {height: 100px;}
.shooladdress p {line-height: 28px;height: 28px;}
.codexsg-box img {width: 18%;}
.addres-name, .link-box-content .link-name,.order-name{height: 25px;line-height: 25px;}
.linkxsg-box .web-link { margin: 5px 0;height: 30px;}
.btn-yy {height: 48px;}
.logo_xsg {margin-top: 30px;}
.nav_xsg {padding: calc((100vh - 680px) * 0.5) 0 0 0;}
.schoolname_last {padding: 20px 0 0 0;}
.schoolname_last span,.schoolname_last i{font-size: 33px;}
.schoolname{padding: 30px 28px 0;height: 230px;font-size: 26px;width: 100px;}
.btn_circle span, .btn_circle i {height: 30px;width: 30px;line-height: 28px;}
.infobox_right .btn_circle span {line-height: 30px;}
.year_xsg {font-size: 18px;line-height: 18px;bottom: 75px;}
.line_shu {height: 15px;}
.chapter_xsg {margin: 0 auto;}
.btn_circle {bottom: -10px;}
.chapter_xsg img{width: 60%;}
.nav_xsg ul li.side_li_left{width: 22px;}
.schoolname {margin: 10px auto;}
.btn_circle {bottom: 40px;}
.sticky {top: 105px;height: 130px;padding: 5px 13px;left: 6.8%;}
.btn_box_xsg{background-color: #fbf6ed;height: 130px;top: 138px;padding: 5px;width: 44px;}
.btn_box_xsg a img{height: 20px;width: 24px;}
.previous_sxg, .next_sxg, .home_sxg {float: right;padding: 10px 5px;}
.infobox_right {margin-top: calc(50vh - 388px);}
.shoolmate_nj {left: 18%;bottom: 21%;}	
.headerbg{background: url(/r/inxweb/img/yk/xsg/header_bg.jpg) 105px 0;background-size: cover;}	
}


@media screen and (min-width: 1640px) and (max-width: 1700px){
.nav_xsg ul li,.article_name{width: 135px;height: 543px;}
.nav_xsg ul li.side_li_left,.nav_xsg ul li.side_li_right{height: 543px;}
.header_xsg, .footer_xsg {height: 118px;}
.main_xsg {height: calc(100vh - 120px);}
.inner_xsg .inner {height: 100px;}
.shooladdress p {line-height: 28px;height: 28px;}
.codexsg-box img {width: 18%;}
.addres-name, .link-box-content .link-name,.order-name{height: 25px;line-height: 25px;}
.linkxsg-box .web-link { margin: 5px 0;height: 30px;}
.btn-yy {height: 48px;}
.logo_xsg {margin-top: 30px;}
.nav_xsg {padding: calc((100vh - 775px) * 0.5) 0 0 0;}
.schoolname_last {padding: 40px 0 0 0;}
.schoolname_last span,.schoolname_last i{font-size: 38px;}
.schoolname{padding: 30px 28px 0;height: 255px;font-size: 30px;width: 100px;}
.btn_circle span, .btn_circle i {height: 30px;width: 30px;line-height: 28px;}
.year_xsg {font-size: 18px;line-height: 18px;bottom: 100px;}
.line_shu {height: 15px;}
.chapter_xsg {margin: 0 auto;}
.btn_circle {bottom: -10px;}
.chapter_xsg img{width: 85%;}
.nav_xsg ul li.side_li_left{width: 22px;}
.schoolname {margin: 20px auto;}
.btn_circle {bottom: 55px;}
.sticky {top: 105px;height: 130px;padding: 5px 13px;left: 6.8%;}
.btn_box_xsg{background-color: #fbf6ed;height: 130px;top: 138px;padding: 5px;width: 44px;}
.btn_box_xsg a img{height: 20px;width: 24px;}
.previous_sxg, .next_sxg, .home_sxg {float: right;padding: 10px 5px;}
.infobox_right {margin-top: calc(50vh - 460px);}
.shoolmate_nj {left: 14%;bottom: 21%;}	
.headerbg{background: url(/r/inxweb/img/yk/xsg/header_bg.jpg) 118px 0;background-size: cover;}		
}
@media screen and (min-width: 1701px){
.shoolmate_nj {left: 13%;bottom: 18%;} 
}