img {
    width: auto !important;
}
.box {width: 1200px;margin: 30px auto;text-align: center;}
.banner {width: 100%;height: auto;}
.bj1{width: 100%;background: url("images/r3_1.jpg")no-repeat center;background-size: 100% 100%;padding: 10px 0 30px}
.bj2{width: 100%;background: url("images/r5_1.png")no-repeat center;height: 1002px;padding: 30px;position: relative}
.bj3{max-width: 1920px;background: url("images/r7_1.png")no-repeat center;padding:125px 0 0;margin-top: -100px}
.line{width: 500px;height: 2px;background: #dedede;margin: 20px auto 0;position: relative}
.line span{width: 50px;height: 6px;background: #dedede;position: absolute;top: -2px;left:225px;display: inline-block}
.box_p {font-size: 18px;line-height: 1.5;text-align: left;text-indent: 40px;margin-top: 30px;}
#r4{position: relative}

.r3{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 30px 0 50px 0}
.r3 li{width: 200px;height: 200px;background: #FFF;border-radius: 10px}
.r3 li p{margin: 10px 0}
.r3 li h2{font-size: 22px;font-weight: bold}
.r3 li:nth-child(1) h2{color: #22c590}
.r3 li:nth-child(2) h2{color: #64bffc}
.r3 li:nth-child(3) h2{color: #00d0e0}
.r3 li:nth-child(4) h2{color: #feb65d}
.r3 li:nth-child(5) h2{color: #69c2fd}
.r3 li img { margin-top: 30px;}

.r2{width: 100%;margin: 50px 0}
.r2 li{width: 24.5%;float: left;height: 150px;border-radius: 5px;background: #3191f4;text-align: center;border:1px solid #eeeeee}
.r2 li h3{float: left;color: #84b6f7;font-size: 30px}
.r2 li h2{font-size: 36px;font-weight: bold;text-indent: -75px;line-height: 150px;color: #fff}
.r2 .v{background: #ec9140}

.r4{width: 100%;margin-top: -150px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.r4 li{width: 250px;background: #fff;overflow: hidden;padding: 10px;cursor: pointer}
.r4 li p{margin: 10px 0;}
.r4 li img{width: 100%}

.r5{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.r5 li{width: 280px}
.r5 li h2{font-size: 20px;color: #fff;margin-bottom: 10px}
.r5 li h2 span{font-size: 30px;color: #ffaa14}
.r5 li img{float: left}
.r5 li p{color: #fff;padding-left: 66px;text-align: left}

.r6{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.r6 li{width: 291px}
.r6 li h2{font-size: 20px;margin-bottom: 10px}
.r6 li h2 span{font-size: 30px;color: #1e7df2}
.r6 li img{float: left}
.r6 li p{padding-left: 66px;text-align: left}

.bj3 .box div{position: absolute;width: 150px;height: 150px;background: #3475da;border-radius: 50%;padding: 30px;}
.bj3 .box div h1{font-size: 80px;font-weight: bold;color: #fff}
.bj3 .box div h2{color: #fff;font-size: 20px;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 10px}
.bj3 .box div h3{font-size: 40px;font-weight: bold;color: #fff}
.bj3 .box div p{color: #fff;}
.bj3 .box .r7_1{top: 226px;left: 17px}
.bj3 .box .r7_2{top: 497px;left: 180px}
.bj3 .box .r7_3{top: 620px;left: 478px}
.bj3 .box .r7_4{top: 497px;right: 218px}
.bj3 .box .r7_5{top: 232px;right: 45px;}
.bj3 .box .r7_6{top: 285px;left: 300px;width: 500px;height: 175px;background: transparent}
.bj3 .f{background: #ea4d00!important;cursor: pointer}

.r8{width: 344px;background: url("images/r8_1.png") no-repeat center ;height: 490px;position: relative;margin:30px auto 0}
.r8_left{position: absolute;right: 400px;top: 100px}
.r8_right{position: absolute;left: 400px;top: 100px}
.r8 ul li{width: 181px;height: 41px; line-height: 30px; background: url("images/r8_3.png") no-repeat center ;padding: 4px;color: #fff;font-size: 20px;margin-bottom: 20px; }
.r8 ul li:hover { background: url("images/r8_2.png") no-repeat center;}

.r9{width: 1200px;background: url("images/r10_1.png")no-repeat center ;height: 422px;position: relative;margin:30px auto 0}
.r9_left{position: absolute;left: 50px;top: 80px;width: 300px}
.r9_right{position: absolute;right: 50px;top: 80px;width: 300px}
.r9_h2{text-indent: 50px;font-size: 30px;color: #3475da;margin-bottom: 15px;text-align: left;font-weight: bold}
.r9_p{line-height: 30px;text-align: left}
.r9 ul li span{color:#3475da}

/*杰出校友*/
.cscgxz_nav {margin: auto;width: 800px;padding: 20px 0 30px;line-height: 38px;height: 100px;display: flex;justify-content: space-around;}
.cscgxz_nav li {border-radius: 30px;padding: 0px 25px;background: transparent;border: 1px solid #eeeeee;height: 40px;color: #2a2c38;box-shadow: 0px 11px 14px #e1def1;width: 200px;font-size: 20px}
.cscgxz_nav li a {color: #999999;}
.cscgxz_nav li.on {background: #00428f;color: #fff!important;}
.cscgxz_jy li {height: 235.5px;overflow: hidden;width: 229px;border-radius: 6px;background-color: #eeeeee;margin-bottom: 12px;float: left;margin-right: 12px;}
.x_left {float: left;}
/*精彩校园*/
.content_school_info {height: 411px;display: none;}
.mid_content {width: 476px;}
.margin-18 {margin-right: 18px;}
.margin-19 {margin-right: 19px;}
.margin-22 {margin-bottom: 22px;display: block;}
.x_right {float: right;margin-left: 0;}
.content_school_info img {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;border-radius: 10px;}
.content_school_info img:hover {transform: translateY(-10px);box-shadow: 0 0 15px #888888;}


.jsx-title {padding: 0;font-size: 12px;font-family: "\5FAE\8F6F\96C5\9ED1";font-weight: normal;color: #666;border: none;vertical-align: baseline;}
.index-title.jsx-title {text-align: center;position: relative;padding-bottom: 10px;}
.title-en.jsx-title {font-size: 40px;background: linear-gradient(to bottom,#2a6eee,#fff);-webkit-background-clip: text;color: transparent;font-weight: 700;opacity: 0.4;letter-spacing: 5px;}
.title-red.jsx-title {font-size: 38px;position: absolute;bottom: 0px;left: 0px;width: 600px;margin-left: 300px;text-align: center;font-weight: 600;}
.title-red.jsx-title span{color: #1a7bf4}
.title-red::before,
.title-red::after {position: absolute;top: 54%;content: '';width: 175px;height: 56px;background-image: url(images/title2.png);background-repeat: no-repeat;background-size: cover;transform: translateY(-50%);}
.title-red::before {left: -150px;}
.title-red::after {right: -150px;transform: translateY(-50%) rotate(180deg);}

.p2-index {width: 1200px;height: 400px;margin: 90px auto 0;}
.left-div {width: 420px;height: 400px;float: left;}
.left-div div {width: 417px;height: 120px;text-align: left;position: relative;}
.left-div div img {position: absolute;top: 0px;left: 0px;display: none;}
.p2-index .left-div .abc img {display: block;z-index: 999;}
.left-div div:nth-child(1) {margin-bottom: 20px;background: url(images/r2_2.png) no-repeat center;}
.left-div div:nth-child(2) {margin-bottom: 20px;background: url(images/r2_4.png) no-repeat center;}
.left-div div:nth-child(3) {background: url(images/r2_6.png) no-repeat center;}
.left-div div .left-p1 {color: #333333;font-size: 28px;font-weight: bold;}
.left-div div .left-p2 {color: #333333;font-size: 18px;margin-top: 13px;}
.left-div div .left-p2 span {color: #fe771b;}
.right-div {width: 712px;height: 400px;float: left;margin-left: 66px;position: relative;}
.right-div div {position: absolute;top: -18px;left: -60px;display: none;}
.right-div .abc {display: block;}
.ljzx{width: 400px;height: 60px;line-height: 60px;margin: 50px auto 0;color: #fff;font-size: 22px;display: block;background-color: #365aff;border-radius: 666px;letter-spacing: 2px;box-shadow: 0px 11px 14px #bdcbff;}

.tit_02 {text-align: center;margin: 30px;font-weight: 600;font-size: 35px;letter-spacing: 2px; display: inline-block;position: relative;}
.tit_02 b{ color: black}
.tit_02::before,
.tit_02::after {position: absolute;top: 54%;content: '';width: 111px;height: 18px;background-image: url(images/title.png);background-repeat: no-repeat;background-size: cover;transform: translateY(-50%);}
.tit_02::before {left: -126px;}
.tit_02::after {right: -126px;transform: translateY(-50%) rotate(180deg);}
.tit_02 span:nth-child(1){color: #1e7df2;font-size: 40px;font-weight: bold;font-family: fantasy;margin-right: 10px}
.tit_02 span:nth-child(2){font-size: 26px!important;font-weight: bold;border-bottom: 3px solid #1e7df2;padding-bottom: 5px}

.con_teacher{margin: 30px auto;width: 1120px;padding: 0 50px;box-sizing: border-box;position: relative;}
.con_teacher ul{margin: 0 auto;padding: 0;}
.newpic_box li{overflow: hidden; }
.newpic_box img{margin: 20px auto 0 auto;}
.newpic_box .team_pic{width: 347px;height: 416px;float: left; background-color: #d2deea;}
.newpic_box .team_pic::after{background: url(https://www.csxinhua.com/2020/rjkf/images/team_pic.png) no-repeat;width: 347px;height: 416px;content: "";position: absolute;left: 0;top: 0;z-index: 2; }
.newpic_box .team_pic p{width: 311px;height: 65px;position: absolute;left: 18px;top: 341px;text-align: center;line-height: 65px;color: white;font-size: 26px;margin: 0;z-index: 3;}
.newpic_box .team_info{float: right;height: 416px;width: 640px;box-sizing: border-box;text-align: left;overflow: hidden;}
.newpic_box .team_info p{font-size: 17px;line-height: 2em;color: #3b3b3b;margin: 0;}
.newpic_box .team_info h3{font-size: 30px;line-height: 1.6em;margin: 15px 0;color: #3b3b3b;}
.newpic_box .team_info h3 span{color: #ffffff;font-size: 36px;display: inline-block;border-bottom: 3px solid;line-height: 1.6em;margin: 0 0.5em 0 0;}

.con_teacher .newpic_focus{width: 412px;position: absolute;bottom: 80px;right: 164px;}
.con_teacher .newpic_focus li{float: left;width: 88px;height: 88px; background-color: #d2deea;}
.con_teacher .newpic_focus li span{width: 152px;height: 152px;overflow: hidden;display: block;margin: 0 8px;border: 4px solid transparent;border-radius: 5px;position: relative;}
.con_teacher .newpic_focus li::after{content: "";left: 0;top: 0;position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.con_teacher .newpic_focus img{width: 100% !important;}
.con_teacher .newpic_focus li.active::after{background: url(https://www.csxinhua.com/2020/rjkf/images/team_ac.png)}

.con_teacher .newpic_btn{position: absolute;margin: 0;height: 160px;width: 500px;right: 120px;bottom: 44px;}
.con_teacher .newpic_btn div {outline: none; font-size: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcBAMAAABMuvhMAAAAD1BMVEUAAABlSPhlSPhlSPhlSPidQKSeAAAABHRSTlMAofM8e9efNAAAACJJREFUCNdjgABGAShDRAEq4GQAFVCmjQCcAZeik5AC3MsALjcIg9417rQAAAAASUVORK5CYII=) center no-repeat}
.con_teacher .newpic_btn div.swiper-button-next{transform: rotate(180deg);}
.newpic_btn .swiper-button-next:after, .newpic_btn .swiper-button-prev:after {font-size: 0;}

.yjjz_bg{width: 100%;background: url(images/bottom.jpg) center no-repeat;height: 527px}
.yjjz{width: 500px;margin: auto ;padding-top: 100px;}
.yjjz h2{text-align: center;font-size: 40px;color: #efd7ff;height: 80px;line-height: 80px;}
.yjjz .input{margin-top: 20px;}
.yjjz .input input{width: 400px;height: 50px;line-height: 50px;padding-left: 20px;font-size: 16px;border: 1px solid #0080DB;border-radius: 5px;margin-left: 50px}
.yjjz .ljyy input{border: none;width: 380px;height: 60px;line-height: 60px;font-size: 24px;background:linear-gradient(to right,#ff7e72,#ff164c);color: #fff;text-align: center;margin-top: 20px;margin-left: 60px;border-radius: 100px}
input:focus {outline: none;}