.commonbg { width: 100%; height: 100%; background-color: #f5f5f5; } .visionpad { padding: 40px 0px 80px; } .vision { text-align: center; } .commontitle { display: inline-block; font-size: 34px; color: #ae0a29; font-weight: bold; } .visionbox { width: 100%; height: 400px; box-sizing: border-box; background-color: #ffffff; background: no-repeat center center; margin-top: 35px; } .visionimgpic { width: 340px; height: 100px; padding-top: 70px; padding-left: 70px; } .visiontextnews { padding-left: 70px; margin-top: 10px; width: 500px; box-sizing: border-box; font-size: 14px; color: #ffffff; line-height: 30px; text-align: left; } .visionpic { width: 320px; height: 159px; } .visiontext { width: 64.7%; } .visiontext>p { font-size: 16px; color: #000000; line-height: 32px; text-align: left; } .visionadd{ display: block; margin-top: 189px; width: 100%; /* background: #ae0a29; */ border: 1px solid #ae0a29; color: #ffffff; font-size: 24px; font-weight: bold; height: 50px; line-height: 50px; } .visionadd a{ color: #ffffff; width: 100%; display: block; } .visionitem { width: 100%; margin-top: 45px; } .visionitemcont { width: 284px; height: 200px; box-sizing: border-box; background-color: #8d622b; border-radius: 10px; box-shadow: 0px 0px 5px #e6e6e6; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; } .visionitemcont>a { box-sizing: border-box; padding-top: 47px; } .visionitemcont>a>i { display: block; width: 72px; height: 72px; } .icon_first { background: url(/uploads/image/iyx2022/icon_first.png) no-repeat center center; background-size: 69px 72px; margin-left: 65px; } .visionitemcont>a>h3, .visionnews>a>h3 { display: block; text-align: left; font-size: 20px; color: #ffffff; margin-top: 20px; font-weight: bold; margin-left: 45px; } .visionnews { width: 220px; height: 220px; position: absolute; z-index: 5; left: 50%; margin-left: -110px; background-color: #ae0a29; border: 20px solid #ffffff; border-radius: 50%; top: 50%; margin-top: -110px; box-sizing: border-box; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; } .visionnews>a { box-sizing: border-box; padding-top: 40px; } .visionnews>a>h3 { text-align: center; margin-left: 0px; margin-top: 10px; } .visionnews>a>i { display: block; width: 70px; height: 70px; margin: 0 auto; } .visionitemcont:nth-child(2)>a>h3, .visionitemcont:nth-child(4)>a>h3{ margin-left: 120px; } .visionimg { width: 100%; height: 170px; overflow: hidden; } .visionimg_pic { width: 255px; height: 170px; } .visionimg_pic>img { display: block; width: 100%; } .visionimg_pic .visionimg_pic { margin-left: 20px; } .visioncont { width: 100%; margin-top: 25px; } .visioncont p { font-size: 16px; color: #333333; line-height: 32px; text-align: left; } .visionleader { width: 590px; height: 422px; overflow: hidden; position: relative; border-radius: 10px; } .visionleaderimg { width: 100%; height: 100%; overflow: hidden; } .visionleader_opacity { position: absolute; top: 422px; left: 0px; z-index: 5; width: 100%; height: 100%; background: url(/uploads/image/iyx2022/leader_opacity.png) repeat; transition: top .7s ease .1s; -moz-transition: top .7s ease .1s; -webkit-transition: top .7s ease .1s; -o-transition: top .7s ease .1s; } .visionleadertext { width: 100%; box-sizing: border-box; padding: 0px 55px; line-height: 28px; text-align: left; margin-top: 110px; } .visionleadertext>h3 { display: block; font-size: 20px; color: #ffffff; } .visionleadertext>p { font-size: 16px; color: #ffffff; margin-top: 15px; height: 196px; overflow: hidden; } .visionleadertext>a { display: block; font-size: 14px; color: #f9b2bf; margin-top: 10px; } .visionitemdetail { width: 588px; position: relative; } .visionleader:hover .visionleader_opacity{ top: 0px; } .icon_sec { background: url(/uploads/image/iyx2022/icon_sec.png) no-repeat center center; background-size: 72px 72px; margin-left: 145px; } .icon_third { background: url(/uploads/image/iyx2022/icon_third.png) no-repeat center center; background-size: 63px 72px; margin-left: 65px; } .icon_four { background: url(/uploads/image/iyx2022/icon_four.png) no-repeat center center; background-size: 72px 72px; margin-left: 145px; } .icon_five { background: url(/uploads/image/iyx2022/icon_five.png) no-repeat center center; background-size: 70px 70px; } .visionitemcont:nth-child(2n) { margin-left: 20px; } .visionitemcont .visionitemcont .visionitemcont { margin-top: 20px; } .visionitemcont:hover { -webkit-transform: translatey(-5px); transform: translatey(-5px); } .visionnews:hover { border: 10px solid #ffffff; } .video { border-top: 4px solid #ae0a29; background-color: #ffffff; padding: 58px 0px; } .videotext { width: 46%; margin-left: 60px; } .videotext>p { margin-top: 30px; font-size: 16px; color: #666666; line-height: 34px; text-align: justify; } .videomain { width: 450px; height: 245px; box-sizing: border-box; background-color: #cccccc; padding: 10px; margin-right: 60px; position: relative; } .videothumb { width: 100%; height: 100%; } .videobtn { width: 100%; text-align: center; position: absolute; z-index: 3; top: 78px; left: 0px; } .videobtn>i { display: block; width: 56px; height: 56px; background: url(/uploads/image/iyx2022/icon_video.png) no-repeat center center; margin: 0 auto; } .videobtn>h3 { font-size: 16px; color: #ffffff; margin-top: 10px; } .introbg { width: 100%; /* height: 650px; */ background: no-repeat center center; background-size: cover; box-sizing: border-box; padding: 60px 0px; } .introitem { width: 100%; max-height: 158px; overflow: hidden; background: url(/uploads/image/iyx2022/opacity.png) repeat; border-radius: 10px; justify-content: center; align-items: center; display: flex; position: relative; } .introitem:after { content: ''; position: absolute; width: 230px; height: 100%; background-color: #ae0a29; left: 0px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; background-color: #ae0a29; z-index: 1; } .introitemname { width: 230px; position: relative; z-index: 2; left: 0px; box-sizing: border-box; } .introitemname>h3 { display: block; text-align: center; padding: 7px 45px; } .introitemname>h3>a { display: block; font-size: 20px; color: #ffffff; font-weight: bold; position: relative; } .introitemname>h3>a:after { content: ''; position: absolute; left: 0px; bottom: -6px; width: 0; height: 2px; background-color: #ffffff; z-index: 5; transition: width .3s ease-out 0s; -webkit-transition: width .3s ease-out 0s; -moz-transition: width .3s ease-out 0s; -ms-transition: width .3s ease-out 0s; -o-transition: width .3s ease-out 0s; } .introitemname:hover h3>a:after { width: 100%; } .introitemlist { width: 79%; margin-left: 20px; box-sizing: border-box; padding: 5px 0px 15px; } .introitemlist>a { display: inline-block; font-size: 18px; color: #f5f5f5; padding: 8px 19px; border-radius: 20px; background-color: #8d622b; margin-right: 10px; margin-top: 10px; } .introitem .introitem { margin-top: 20px; } .buildpad { padding: 60px 0px 140px; } .buildtitle { text-align: center; } .buildtitle>p { font-size: 16px; color: #666666; line-height: 32px; margin-top: 25px; } .buildtitle>p p { margin-top: 0px; } .builditem { width: 100%; margin-top: 40px; } .buildlist { width: 382px; border-radius: 10px; background-color: #ffffff; box-shadow: 0px 0px 5px #e8e8e8; margin-bottom: 30px; } .buildlistpic { width: 100%; height: 260px; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; } .buildlistpic>img, .futurepic>img { transition: all .3s ease-out .1s; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; } .buildlist>a:hover .buildlistpic>img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); } .futurelist>a:hover .futurepic>img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); } .buildlisttitle { text-align: center; } .buildlisttitle>h3 { display: block; font-size: 20px; color: #ae0a29; font-weight: bold; line-height: 70px; } .buildlisttitle>h3>span { color: #333333; } .buildlist .buildlist { margin-left: 27px; } .buildlist:nth-child(3n 1) { margin-left: 0px; } .futurebg { width: 100%; height: 620px; background: url(/uploads/image/iyx2022/future.jpg) no-repeat center center; position: relative; } .futurebox { width: 100%; height: 560px; background-color: #ffffff; border-top: 4px solid #ae0a29; box-sizing: border-box; box-shadow: 0px 0px 10px #000000; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 0px 60px; position: relative; top: -84px; } .futuretitle { margin-top: 60px; } .futuretitle>h3 { float: left; margin-top: 24px; } .futuretitle>p { float: right; font-size: 16px; color: #666666; line-height: 32px; width: 78%; height: 96px; overflow: hidden; } .futureitem { width: 100%; margin-top: 40px; } .futurelist { width: 520px; } .futurepic { width: 100%; height: 290px; overflow: hidden; } .futurelisttitle { height: 60px; overflow: hidden; } .futurelisttitle>h3 { display: inline-block; font-size: 24px; color: #ae0a29; line-height: 60px; font-weight: bold; text-indent: 20px; } .futurelisttitle>span { display: inline-block; font-size: 14px; color: #999999; margin-left: 15px; } .futurelist .futurelist { float: right; } .futurebox:after { content: ''; position: absolute; z-index: 2; bottom: -67px; left: 0px; width: 0px; height: 0px; border-color: #ffffff transparent transparent transparent; border-style: solid; border-width: 67px 600px 0px 600px; } .content{ padding-top: 30px; padding-bottom: 60px; background: #f9f6ef; overflow: hidden; } .subcontent{ width: 1200px; margin: 0 auto; position: relative; } .article1 { border-top:4px solid #ae0a29; background:#fff; box-shadow:rgba(0,0,0,0.1) 0 0 7px; padding:0 2.5% 40px; } .article1 .title { padding:25px 0; color:#ae0a29; font-size:30px; text-align:center; } .article1 .footer-container-share { float:right; } .article1 .time { line-height:27px; color:#999; text-align:center; } .article1 .time span { padding:0 13px; } .article1 .article { padding:15px 0 0; } .article1 .article span { font-size:16px; line-height:28px !important; margin:0 0 28px !important; word-break:break-all; } .article1 .article p { font-size:14px; line-height:32px; margin-bottom: 10px; } .article1 .article img { max-width:80%; margin: 15px auto; display:block; height:auto; } .article1 .article table { width: 100%; border-collapse: collapse; text-align: center; } .article1 .article strong { font-weight:bold; } .rightnews{padding: 0 13.3% 40px;} .rightnews .title{background: #f3f3f3;margin: 0 -18.2% 10px;} .subleft { width:272px; float:left; } .subright { margin-left:300px; } .subleft .title { line-height:24px; padding:15px 0 15px 5px; } .subleft .title .ch { font-size:24px; color:#333; } .subleft .title .en { font-size:16px; color:#ae050e; font-family:"arial"; } .subleft ul li { background: repeat-x; box-shadow:rgba(0,0,0,0.1) 0 0 7px; line-height:44px; text-align:center; margin-bottom:1px; font-size:18px; position:relative; } .subleft ul li:first-child { background:#fff; } .subleft ul li.active,.subleft ul li:hover { background: no-repeat right center #b1050e; } .subleft ul li.active a,.subleft ul li:hover a { color:#fff; } .subleft ul li.active::after,.subleft ul li:hover::after { width:40px; height:1px; content:''; background:#fff; position:absolute; left:50%; margin-left:-20px; bottom:8px; } .bread { color: #888; font-size: 14px; line-height: 14px; padding: 40px 0 17px; } .subrightbg { background:#fff; box-shadow:rgba(0,0,0,0.1) 0 0 7px; padding:0 2.5% 40px; min-height:360px; } .subtitle1 { color:#333; font-size:24px; padding:2.5% 0 3.1%; line-height:24px; font-weight:bold; border-bottom:4px solid #a40000; } .brandforum { overflow:hidden; position:relative; } .brandforum:after { width:1px; height:10000px; background:#ddd; position:absolute; left:50%; top:0; content:''; display:block; } .brandforum li { width:47.6%; float:left; padding:18px 0 15px; position:relative; } .brandforum li:nth-child(2n) { float:right; } .brandforum li:after { width:1000px; height:1px; position:absolute; bottom:0; left:0; content:''; display:block; background:#ddd; } .brandforum li .img { width:100%; height:0; padding-bottom:35%; overflow:hidden; } .brandforum li .img img { width:100%; } .brandforum li .title { padding:18px 0 15px; color:#b1050e; font-weight:bold; font-size:18px; display:block; text-align:center; line-height:18px; height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .brandforum li .info { line-height:24px; font-size:14px; color:#333; height:72px; overflow:hidden; } .zs_hover:hover { background-color: #ae0a29; } .authority { padding: 10px 0px 20px; } .location { width: 100%; border-radius: 5px; background: url(/uploads/image/iyx2022/icon_home.png) no-repeat 0px; box-sizing: border-box; padding: 0px 10px; } .location>a { display: inline-block; margin-left: 4px; font-size: 14px; color: #303030; padding-left: 10px; } .location>a a { padding-left: 0px; } .location>a:hover { color: #ae0a29; } .curtitle { width: 100%; height: 60px; margin-top: 20px; line-height: 60px; background: no-repeat center center; } .curtitle>h3 { display: block; text-indent: 30px; font-size: 30px; color: #ffffff; font-weight: bold; } .authorityitem { width: 100%; margin-top: 40px; } .authoritylist { width: 386px; height: 90px; line-height: 90px; position: relative; } .authoritylist>span { display: block; width: 60px; height: 50px; background-color: #ae0a29; line-height: 50px; text-align: center; font-size: 28px; color: #ffffff; font-weight: bold; position: absolute; z-index: 2; left: 0px; top: 50%; margin-top: -25px; } .authoritylist>p { width: 375px; background-color: #fbf3f4; margin-left: 11px; font-size: 20px; color: #4c0c18; font-weight: bold; line-height: 30px; box-sizing: border-box; padding: 30px 10px 30px 80px; } .authoritylist .authoritylist >p { padding: 15px 10px 15px 80px; } .authoritylist .authoritylist { margin-left: 21px; } .authorityboxitem { width: 100%; margin-top: 45px; } .authorityboxitemtitle { width: 100%; border-bottom: 5px solid #a90a28; } .authorityboxitemtitle>h3 { display: block; font-size: 34px; color: #a90a28; font-weight: bold; border-bottom: 13px solid #f7f7f7; } .authorityboxitemcont { width: 100%; padding: 40px 0px 20px; } .authorityboxitemcont p { font-size: 16px; color: #666666; line-height: 32px; margin-bottom: 10px; } .authorityboxitemcont img { display: block; max-width: 100%; margin-bottom: 10px; } .authoritymedia { width: 100%; margin-top: 20px; margin-bottom: 20px; } .authoritymedia>h4 { display: block; font-size: 16px; color: #666666; line-height: 26px; } .authorityboxitem .authorityboxitem { margin-top: 0px; } .authoritymediaitem { margin-top: 20px; } .authoritymediaitemcont { width: 366px; margin-bottom: 35px; position: relative; } .authoritymediaitempic { width: 366px; height: 204px; overflow: hidden; } .authoritymediaitempic>img { transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; } .authoritymediaitemcont>a:hover .authoritymediaitempic>img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); } .authoritymediaitemtext { width: 100%; height: 50px; overflow: hidden; line-height: 50px; margin-top: 10px; } .authoritymediaitemtext>h5 { display: block; font-size: 15px; color: #666666; line-height: 25px; } .authoritymediaitemcont>a:hover .authoritymediaitemtext>h5 { color: #ae0a29; } .authoritymediaitemposition { display: inline-block; padding: 5px 14px; background: repeat; border-radius: 5px; font-size: 15px; color: #ffffff; position: absolute; z-index: 3; top: 10px; left: 7px; } .authoritymediaitemcont .authoritymediaitemcont { margin-left: 50px; } .authoritymediaitemcont:nth-child(3n 1) { margin-left: 0px; } .authorityraper { width: 100%; } .authorityraperitem { border-top: 1px solid #e7e7e7; padding: 50px 0px; } .authorityraperpic { width: 128px; height: 117px; overflow: hidden; margin-right: 50px; } .authorityraperlist { width: 80%; } .authorityraperlist>a { display: block; font-size: 16px; color: #666666; background: no-repeat 0px; padding-left: 15px; margin-bottom: 15px; } .authorityraperlist>a:hover { color: #ae0a29; } .curheadercont { width: 100%; background-color: #f2f2f2; padding: 40px; box-sizing: border-box; } .curheadercont>p { font-size: 16px; color: #333333; line-height: 34px; } .teacherbox { width: 100%; margin-top: 40px; } .teacheritemtitle { width: 100%; position: relative; } .teacheritemtitle:after { content: ""; display: block; width: 100%; height: 13px; background-color: #f7f7f7; position: absolute; z-index: 2; left: 0px; top: 40px; } .teacheritemtitle>h3 { display: inline-block; font-size: 34px; color: #a90a28; font-weight: bold; border-bottom: 5px solid #ae0a29; padding-bottom: 10px; margin-left: 25px; } .teacheritemdetail { width: 100%; margin-top: 60px; } .teacherlist { width: 220px; height: 190px; margin-bottom: 35px; position: relative; } .teacherpic { width: 112px; height: 112px; overflow: hidden; border: 4px solid #fff; background-color: #ffffff; border-radius: 50%; margin: 0 auto; position: relative; z-index: 5; -moz-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0px 20px 0 rgb(0 0 0 / 50%); box-shadow: 0 0px 20px 0 rgb(0 0 0 / 50%) } .teachertext { width: 100%; height: 100px; background-color: #f2f2f2; position: absolute; z-index: 3; left: 0px; bottom: 0px; } .teachertext>h4 { display: block; text-align: center; font-size: 28px; color: #333333; margin-top: 40px; } .teacherlist>a:hover .teachertext { background-image: linear-gradient(#cc0d30, #ae0a29); background-color: #ae0a29 } .teacherlist>a:hover .teachertext>h4 { color: #ffffff; } .teacherlist .teacherlist { margin-left: 25px; } .teacheritem .teacheritem { margin-top: 33px; } .teacheritemmargin .teacherlist:nth-child(5n 1) { margin-left: 0px; } .teacheritemsmall .teacherlist{ width: 140px; height: 148px; } .teacheritemsmall.guo .teacherlist{ width: 130px; height: 140px; } .teacheritemsmall .teacherpic { width: 92px; height: 92px; border: 4px solid #fff; } .teacheritemsmall.guo .teacherpic{ width: 80px; height: 80px; } .teacheritemsmall .teachertext { height: 80px; } .teacheritemsmall .teachertext>h4 { font-size: 22px; margin-top: 40px; } .teacheritemsmall .teacherlist .teacherlist { margin-left: 36px; } .teacheritemsmall.guo .teacherlist .teacherlist { margin-left: 22px; } .teacheritemsmall .teacherlist:nth-child(7n 1) { margin-left: 0px; } .teacheritemsmall.guo .teacherlist:nth-child(8n 1) { margin-left: 0px; } .teacheritemsmall .teacherlist:nth-child(7n 1) .learningactive { width: 100%; margin-top: 35px; } .learningitem { width: 100%; background-color: #ffffff; box-sizing: border-box; box-shadow: 0px 0px 5px #f8f8f8; padding: 30px 50px; } .lerninglist { width: 540px; height: 250px; background-color: #ffffff; box-shadow: 0px 0px 0px #ffffff; box-sizing: border-box; padding: 14px 0px; } .lerninglistpic { width: 500px; height: 175px; margin: 0 auto; overflow: hidden; } .lerningtext { display: block; height: 34px; overflow: hidden; font-size: 20px; color: #000000; line-height: 34px; font-weight: bold; text-align: center; margin-top: 12px; } .lerninglist:hover { background-color: #a57332; box-shadow: 0px 0px 10px #c2c2c2; } .lerninglist:hover .lerningtext { color: #ffffff; } .lerninglist:nth-child(2n) { float: right; } .lectureitem { width: 100%; margin-top: 60px; } .lecturelist { width: 25%; height: 267px; background-color: #f2f2f2; box-sizing: border-box; padding: 30px 40px; } .lecturelist>a>h3 { display: block; font-size: 20px; color: #ffffff; line-height: 34px; font-weight: bold; } .lecturelist>a>p { font-size: 14px; color: #ffffff; line-height: 26px; opacity: .6; margin-top: 16px; /* height: 136px; */ overflow: hidden; } .lecturelist:nth-child(1), .lecturelist:nth-child(3) { background-image: linear-gradient(#cc0d30, #ae0a29); background-color: #ae0a29; } .lecturelist:nth-child(6), .lecturelist:nth-child(8) { background-image: linear-gradient(#bf8539, #8d622b); background-color: #bf8539; } .lecturelist:nth-child(2)>a>h3, .lecturelist:nth-child(4)>a>h3, .lecturelist:nth-child(5)>a>h3, .lecturelist:nth-child(7)>a>h3, .lecturelist:nth-child(2)>a>p, .lecturelist:nth-child(4)>a>p, .lecturelist:nth-child(5)>a>p, .lecturelist:nth-child(7)>a>p { color: #000000; } .glance { margin-top: 45px; } .glancedisplay { margin-top: 50px; } table { width:95% !important; text-align:center; border-right: 1px solid #ffffff; margin: 0 auto; border-collapse:collapse } table td, table td p{ font-size:16px !important; line-height:20px; color: #333333; text-indent: 0em !important; } table tr:first-child td{ background:#ae0a29 !important; white-space:nowrap; font-size:20px; color: #ffffff; height: 50px; border: 1px solid #ffffff !important; border-right: 0; } table tr td { height: 50px; line-height: 30px; border: 1px solid #ffffff !important; border-top:0; border-right:0; font-size: 16px; color: #333333; word-wrap:break-word; } table tr:nth-child(2n) td { background-color: #fcf7f8; } table tr:nth-child(2n 1) td { background-color: #e5e5e5; } .glancedisplay img, .majoritemintro img { display: block; max-width: 80%; margin: 10px auto; } .majorbox { width: 100%; margin-top: 30px; } .majoritemintro { margin-top: 30px; padding-bottom: 20px; } .majoritemintro p { font-size: 16px; color: #333333; line-height: 34px; text-indent: 2em; } .majoritemintro p span { font-size: 16px !important; } .majoritemcont { width: 100%; border-top: 1px solid #ebebeb; padding-top: 30px; padding-bottom: 35px; } .majoritemintro h3 { display: block; padding-top: 30px; border-top: 1px solid #ebebeb; margin-top: 35px; font-size: 22px; color: #ae0a29; line-height: 34px; background: no-repeat 0px 40px; padding-left: 20px; text-indent: 0em !important; } .majoritemintro h4 { font-size: 14px; color: #333333; line-height: 28px; margin-bottom: 10px; margin-top: 20px; } .culturebtn { width: 70%; margin: 20px auto; } .culturea { width: 360px; height: 90px; border-radius: 5px; background-color: #ae0a29; text-align: center; } .culturea>a>h5 { display: block; font-size: 18px; color: #ffffff; font-weight: bold; margin-top: 22px; } .culturea>a>p { font-size: 14px; color: #ffffff; opacity: .7; text-indent: 0em !important; line-height: normal; margin-bottom: 0px; } .majorbtn { min-width: 300px; height: 60px; box-sizing: border-box; border-radius: 10px; border: 2px solid #ae0a29; background-color: #faf1f2; margin-top: 20px; float: left; } .majorbtn>a { font-size: 18px; color: #ae0b2a; line-height: 55px; font-weight: bold; padding-left: 20px; } .majorbtn>a>p { display: block; float: right; text-indent: 0em !important; line-height: 55px; margin-bottom: 0px; font-size: 14px; opacity: .6; color: #ae0a29; margin-right: 10px; } .majorbtn .majorbtn { margin-left: 30px; } .exper { margin-top: 25px; } .expera { width: 200px; height: 50px; line-height: 50px; text-align: center; float: left; background-color: #8d622b; border-radius: 50px; } .expera>a { font-size: 18px; font-weight: bold; color: #ffffff; } .expera .expera { margin-left: 30px; } .teachermore { width: 350px; height: 60px; margin: 0 auto 30px; text-align: center; line-height: 60px; background-color: #ae0a29; border-radius: 10px; } .teachermore>a { display: block; width: 100%; height: 100%; font-size: 18px; color: #ffffff; font-weight: bold; letter-spacing: 2px; } @media only screen and (max-width: 600px) { .teacheritemtitle:after { display: none; } }