body { background: #F9F9F9 !important; }

ul { margin-bottom: 0; }

.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; height: 10vw; color: #666; line-height: 5.867vw; text-align: center; position: relative; }
.study_nav > li:first-child { width: 28vw; }
.study_nav > li:first-child + li { width: 20vw; }
.study_nav > li:first-child + li + li { width: 20vw; }
.study_nav > li:first-child + li + li + li { width: 32vw; }
.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; }

.box_main { width: 100vw; margin: 0 auto; }
.box_main.box_one { width: 100vw; height: 71.733vw; background: url("../images/about_cp/box1.jpg") 0 0 no-repeat; background-size: 100vw; position: relative; }
.box_main.box_tow { width: 100vw; height: 100.8vw; background: url("../images/about_cp/box2.jpg") 0 0 no-repeat; background-size: 100vw; position: relative; }
.box_main.box_three { width: 100vw; height: 88.4vw; background: url("../images/about_cp/box3.jpg") 0 0 no-repeat; background-size: 100vw; position: relative; }
.box_main.box_four { width: 100vw; height: 129.333vw; background: url("../images/about_cp/box4.jpg") 0 0 no-repeat; background-size: 100vw; position: relative; }

.foot_box { width: 100vw; height: 17.600vw; background: #fff; position: fixed; bottom: 0; left: 0; box-shadow: 0 0 1.6vw rgba(66, 66, 66, 0.3); z-index: 20; }

.foot_box > a { display: block; width: 38.800vw; height: 9.6vw; background: #FF8F12; border-radius: 3vw; font-size: 4.400vw; color: #fff; line-height: 9.6vw; text-align: center; font-weight: bold; position: absolute; }
.foot_box > a > img { position: absolute; width: 5.333vw; top: 2.133vw; left: 3.867vw; }

.foot_box > a:first-child { top: 3.733vw; left: 6.133vw; padding-left: 2.667vw; }

.foot_box > a:first-child + a { background: #FF8109; border-radius: 3vw; font-size: 4.400vw; line-height: 9.6vw; text-align: center; font-weight: bold; top: 3.733vw; right: 6.133vw; padding-left: 4vw; }
.foot_box > a:first-child + a > img { left: 5.733vw; }

#form { overflow: hidden; }
#form * { font-size: 3vw !important; }
#form .form-group { margin-bottom: 1vw; }
#form .form-control { display: block; width: 100%; height: 10vw; padding: 1vw 2vw; line-height: 5vw; color: #555; background-color: #fff; background-image: none; border: 0.2vw solid #ccc; border-radius: 4px; }

.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_bg * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.pop_body { width: 85.333vw; background: #fff; border-radius: 1.333vw; position: fixed; left: 50%; margin-top: 14vw; margin-left: -42.667vw; padding: 2.667vw 0 4vw; }
.pop_body > .jxw { position: absolute; width: 12.667vw; top: -4.133vw; left: 6.200vw; }
.pop_body > .pop_close { position: absolute; width: 5.333vw; height: 5.333vw; top: 5.733vw; right: 6.667vw; cursor: pointer; margin-top: 0; }
.pop_body > h2 { font-size: 4.8vw; color: #333; text-align: center; line-height: 5.333vw; padding-top: 0; margin-top: 3vw; }
.pop_body > .wx_pic { display: block; width: 40vw; margin: 4vw auto 0; }
.pop_body > p { font-size: 2.667vw; text-align: center; color: #666; line-height: 4vw; margin-top: 2.4vw; }
.pop_body > .pop_ok { width: 38.533vw; height: 8vw; background: #ff861d; border-radius: 4vw; margin: 2vw auto 0; transition: .3s; cursor: pointer; font-size: 3.6vw; color: #fff; line-height: 8vw; text-align: center; }
.pop_body > .pop_ok:hover { opacity: .8; }

textarea.form-control { resize: none; }

.form-control:focus { border-color: #ccc; box-shadow: none !important; }

.opcity1 { opacity: 1 !important; }

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