@charset "UTF-8";
body { background: #F9F9F9 !important; }

.study_nav { width: 100vw; overflow: auto; position: fixed; top: 13.2vw; background: #fff; z-index: 4; box-shadow: 0vw 0vw 1.6vw 0vw rgba(213, 213, 213, 0.6); }
.study_nav:after { content: ""; display: block; height: 0; width: 0; clear: both; }
.study_nav > li { float: left; width: 49.6vw; height: 10vw; color: #666; line-height: 5.867vw; text-align: center; position: relative; }
.study_nav > li > a { display: block; height: 9vw; font-size: 3.733vw; color: #666; line-height: 9vw; text-align: center; }
.study_nav > li.on > a { color: #FF8500; }
.study_nav > li.on:after { content: ""; position: absolute; width: 8vw; height: 0.8vw; background: linear-gradient(90deg, #FF8500 0%, #FF8500 100%); border-radius: 0.4vw; bottom: 1vw; left: 50%; transform: translateX(-50%); }

.main_box { padding-top: 23.2vw; background: #F9F9F9; }

.detail_banner { width: 100vw; height: 48vw; margin: 0 auto; }

.div1200_mg { width: 100vw; margin: 0 auto 2vw; min-height: 6.667vw; background: #fff; }
.div1200_mg:after { content: ""; display: block; width: 0; height: 0; clear: both; }

/*轮播*/
#banner { position: absolute; top: 22.4vw; left: 0; width: 100vw; height: 103vw; background-size: 100%; margin: 0 auto; }
#banner .swiper-pagination-bullet { width: 3vw; height: 3vw; margin-bottom: 0vw !important; margin-right: 6vw !important; background: #EEEEEE !important; opacity: 1 !important; }
#banner .swiper-pagination-bullet-active { background: #FF5C00 !important; background-size: 100% !important; }
#banner .swiper-slide > div:first-child { height: 100%; width: 100%; }
#banner .swiper-pagination { margin-left: 3vw !important; }
#banner .swiper-container-horizontal > .swiper-pagination-bullets, #banner .swiper-pagination-custom, #banner .swiper-pagination-fraction { bottom: 0.267vw !important; }
#banner .swiper-wrapper, #banner .swiper-slide { height: 93%; width: 100%; }

#banner2 { position: absolute; top: 22.933vw; left: 0; width: 100vw; height: 152vw; background-size: 100%; margin: 0 auto; }
#banner2 .swiper-pagination-bullet { width: 3vw; height: 3vw; margin-bottom: 0vw !important; margin-right: 6vw !important; background: #EEEEEE !important; opacity: 1 !important; }
#banner2 .swiper-pagination-bullet-active { background: #FF5C00 !important; background-size: 100% !important; }
#banner2 .swiper-slide > div:first-child { height: 100%; width: 100%; }
#banner2 .swiper-pagination { margin-left: 3vw !important; }
#banner2 .swiper-container-horizontal > .swiper-pagination-bullets, #banner2 .swiper-pagination-custom, #banner2 .swiper-pagination-fraction { bottom: 0.267vw !important; }
#banner2 .swiper-wrapper, #banner2 .swiper-slide { height: 93%; width: 100%; }

#banner3 { position: absolute; top: 25.6vw; left: 0; width: 100vw; height: 54vw; background-size: 100%; margin: 0 auto; }
#banner3 .swiper-pagination-bullet { width: 3vw; height: 3vw; margin-bottom: 0vw !important; margin-right: 6vw !important; background: #EEEEEE !important; opacity: 1 !important; }
#banner3 .swiper-pagination-bullet-active { background: #FF5C00 !important; background-size: 100% !important; }
#banner3 .swiper-slide > div:first-child { height: 100%; width: 100%; }
#banner3 .swiper-pagination { margin-left: 3vw !important; }
#banner3 .swiper-container-horizontal > .swiper-pagination-bullets, #banner3 .swiper-pagination-custom, #banner3 .swiper-pagination-fraction { bottom: 0.267vw !important; }
#banner3 .swiper-wrapper, #banner3 .swiper-slide { height: 93%; width: 100%; }

.box_all { background: #F8F6F9; }
.box_all > .div1200_mg { background: #F8F6F9; }
.box_all > .div1200_mg .in_title_box { padding-top: 6.667vw !important; }

.box_main { width: 100vw; margin: 0 auto; }
.box_main.box_one { width: 100vw; height: 277.067vw; background: url("../images/about_study/box1.jpg") 0 0 no-repeat; background-size: 100vw; position: relative; }
.box_main.box_one > a { width: 32vw; height: 7.333vw; border-radius: 3.733vw; position: absolute; cursor: pointer; color: #fff; line-height: 7.333vw; text-align: center; transition: .3s; font-size: 3.2vw; }
.box_main.box_one > a:first-child { background: #3C7EFF; top: 43.333vw; left: 14.800vw; }
.box_main.box_one > a:first-child + a { background: #3BDA36; top: 102.4vw; left: 14.800vw; }
.box_main.box_one > a:first-child + a + a { background: #FF4FC4; top: 137.333vw; left: 33.067vw; }
.box_main.box_one > a:first-child + a + a + a { background: #FF5050; top: 196.133vw; left: 33.067vw; }
.box_main.box_one > a:first-child + a + a + a + a { background: #FF8F50; top: 234.133vw; left: 14.800vw; }
.box_main.box_one > a:hover { opacity: .8; }
.box_main.box_tow { width: 100vw; height: 127.733vw; background: #fff url("../images/about_study/box2.jpg") 0 0 no-repeat; background-size: 100vw; position: relative; padding-bottom: 5.333vw; }
.box_main.box_tow > a { position: absolute; width: 17.067vw; height: 6.333vw; line-height: 6.333vw; font-size: 3vw; text-align: center; box-shadow: 0vw 0.933vw 2vw 0.4vw rgba(4, 0, 0, 0.08); border-radius: 3.2vw; cursor: pointer; transition: .3s; color: #fff; }
.box_main.box_tow > a:first-child { background: #98A3F2; top: 100.667vw; left: 2.933vw; }
.box_main.box_tow > a:first-child + a { background: #00C36D; top: 100.667vw; left: 28.933vw; }
.box_main.box_tow > a:first-child + a + a { background: #F6BE45; top: 100.667vw; left: 55.333vw; }
.box_main.box_tow > a:first-child + a + a + a { background: #FF6D50; top: 100.667vw; left: 80.800vw; }
.box_main.box_tow > a:hover { opacity: .8; }
.box_main.box_tow > p { position: absolute; width: 100vw; top: 118.133vw; left: 0; font-size: 3.2vw; text-align: center; font-weight: 400; background: #fff; color: #666; line-height: 6.667vw; min-height: 14.400vw; z-index: 1; }
.box_main.box_three { width: 100vw; height: 182.133vw; background: url("../images/about_study/box3.jpg") 0 0 no-repeat; background-size: 100vw; position: relative; margin-top: 2vw; }
.box_main.box_three > p { font-size: 2.133vw; text-align: center; font-weight: 400; color: #999999; line-height: 4.8vw; }
.box_main.box_four { width: 100vw; height: 97.6vw; background: url("../images/about_study/box4.jpg") center 0 no-repeat; background-size: 100vw; position: relative; }
.box_main.box_four > p { font-size: 2.133vw; text-align: center; font-weight: 400; color: #999999; line-height: 4.8vw; }
.box_main.box_four > p > i { display: inline-block; background: #E89224; width: 1.333vw; height: 1.333vw; border-radius: 50%; margin-right: 0.4vw; margin-left: 0.8vw; vertical-align: middle; }
.box_main.box_five { width: 100vw; height: 81.333vw; position: relative; background: url("../images/about_study/box5.jpg") 0 0 no-repeat; background-size: 100vw; }
.box_main.box_six { width: 100vw; height: 162.133vw; overflow: hidden; position: relative; margin-bottom: 0; background: #fff url("../images/about_study/box6.jpg") 0 0 no-repeat; background-size: 100vw; padding-top: 120vw; padding-bottom: 5.333vw; }

.opcity1 { opacity: 1 !important; }

.in { height: auto; background: rgba(40, 40, 40, 0.5); }

.pop_bg * { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }

.pop_bg { width: 100vw; height: 100vh; background: rgba(66, 66, 66, 0.3); position: fixed; z-index: 1000000; top: 0; left: 0; display: none; }

.pop_body { width: 93.333vw; height: 80vw; position: fixed; top: 50%; left: 50%; margin-left: -46.667vw; margin-top: -60vw; }

.pop_body > .jxw { width: 59.467vw; position: absolute; top: 0; left: 50%; margin-left: -29.733vw; }

.pop_body > .pop_close { position: absolute; width: 7vw; height: 7vw; top: 94.667vw; left: 50%; margin-left: -3.5vw; cursor: pointer; transition: .3s; }

.pop_body > .pop_close:hover { opacity: .8; }