a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline}
a:active,
a:hover{outline: 0}
h1,
h2,
h3,
h4,
h5,
h6{font-size: 100%; font-weight: 400}
html{-webkit-box-sizing: border-box; box-sizing: border-box}
:focus{outline: 0}
audio,
canvas,
iframe,
img,
svg,
video{vertical-align: middle}
iframe{border: 0}
textarea{resize: none; overflow: auto; vertical-align: top; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none}
button,
input,
select,
textarea{outline: none; border: none; font-size: 100%; margin: 0}
button,
input{line-height: normal}
table{border-collapse: collapse; border-spacing: 0}
td,
th{padding: 0; text-align: left}
.clearfix:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.footer{background-color: #282828; padding: 60px 0 98px; font-size: 14px; color: #999}
.footer a{color: #999; cursor: pointer}
.footer a:hover{color: #bcbcbc !important}
.footer .footer-content{width: 1200px; margin: auto}
.footer .footer-columns{margin-bottom: 48px; float: left}
.footer .footer-columns:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.footer .footer-columns>ul{float: left; margin-right: 84px}
.footer .footer-columns>ul>.title{font-weight: 700; color: #e9e9e9; font-size: 16px; margin-bottom: 30px}
.footer .footer-columns>ul>li{margin-bottom: 24px}
.footer .footer-columns>ul>li:last-child{margin-bottom: 0}
.footer .footer-columns>ul>li a{color: #999}
.footer .footer-kefu{float: right}
.footer .footer-kefu .footer-kefu-phone{color: #e9e9e9; font-size: 26px; background-image: url(//img2.233.com/wx/v1.9img/images//wx-footer-logo.png); background-repeat: no-repeat; background-position: 0; padding-left: 199px}
.footer .footer-kefu .footer-kefu-online{float: right; height: 46px; line-height: 46px; background: rgba(0, 0, 0, 0); border: 1px solid #9a9a9a; border-radius: 23px; color: #fff; padding-left: 48px; padding-right: 16px; cursor: pointer; margin-top: 42px; background-image: url(//img2.233.com/wx/v1.9img/images//wx-footer-kefu.png); background-repeat: no-repeat; background-position: 16px}
.footer .footer-kefu .footer-kefu-online:hover{background-color: hsla(0, 0%, 42.4%, .39); color: #fff !important}
.footer .footer-legal{font-size: 13px; line-height: 15px}
.footer .footer-legal .footer-legal-brand,
.footer .footer-legal .footer-legal-certificate,
.footer .footer-legal .footer-legal-register,
.footer .footer-legal .footer-legal-yyzz{display: inline-block; background-image: url(//img2.233.com/wx/v1.9img/images/wx-footer-legal-bg.png); width: 20px; height: 20px; vertical-align: middle; margin-right: 15px; background-position-x: 0; background-position-y: 0}
.footer .footer-legal .footer-legal-yyzz{background-position-x: 164px}
.footer .footer-legal .footer-legal-certificate{background-position-x: 113px}
.footer .footer-legal .footer-legal-brand{background-position-x: 64px; width: 52px; margin-right: 0}
.footer .m-b-10{margin-bottom: 10px}
.footer .m-r-50{margin-right: 50px}
.footer .m-r-28{margin-right: 28px}
.footer .m-r-15{margin-right: 15px}
.footer .f-s-17{font-size: 17px}
.customer-ser_2{top: 106px !important}
.header{border-bottom: 1px solid #e4e4e4; height: 96px; background: url(//img.233.com/about/img/header-bg.jpg) no-repeat; background-position: 50%; position: -webkit-sticky; position: sticky; top: 0; z-index: 1000; font-size: 16px; background-color: #fff}
.header-content{width: 1200px; margin: 0 auto}
.header-content:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.header-logo{width: 123px; height: 34px; float: left; background: url(//img.233.com/about/img/logo.png); margin-top: 30px}
.header-nav{float: right; padding-top: 36px}
.header-nav:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.header-nav li{float: left; margin-right: 48px; position: relative; color: #5a5d64}
.header-nav li.active,
.header-nav li:hover{color: #222}
.header-nav li.active .nav-horizontal-line,
.header-nav li:hover .nav-horizontal-line{display: block}
.header-nav li:last-child{margin-right: 0}
.header-nav li .nav-horizontal-line{position: absolute; display: none; width: 30px; height: 4px; background: -webkit-gradient(linear, left top, right top, from(#ff6651), to(#f51f12)); background: -o-linear-gradient(left, #ff6651, #f51f12); background: linear-gradient(90deg, #ff6651, #f51f12); border-radius: 2px; left: 0; right: 0; margin: 10px auto auto; -webkit-transition: .3s; -o-transition: .3s; transition: .3s}
*,
:after,
:before{-webkit-box-sizing: border-box; box-sizing: border-box}
h1,
h2,
h3,
h4,
h5,
h6{margin: 0}
a{text-decoration: none}
a:link,
a:visited{color: inherit}
li,
ul{margin: 0; padding: 0; list-style-type: none}
.f-w-bold{font-weight: 700}
.color-grey2{color: #222}
body{font-family: Microsoft YaHei; font-size: 14px; background: #fff; color: #333}
.m-t-24{margin-top: 24px}
@-webkit-keyframes tt2{50%, 56%, 60%, 64%, 68%, 72%{-webkit-transform: translateY(0); transform: translateY(0)} 54%{-webkit-transform: translateY(-10px); transform: translateY(-10px)} 58%{-webkit-transform: translateY(-8px); transform: translateY(-8px)} 62%{-webkit-transform: translateY(-6px); transform: translateY(-6px)} 66%{-webkit-transform: translateY(-4px); transform: translateY(-4px)} 70%{-webkit-transform: translateY(-2px); transform: translateY(-2px)}}
@keyframes tt2{50%, 56%, 60%, 64%, 68%, 72%{-webkit-transform: translateY(0); transform: translateY(0)} 54%{-webkit-transform: translateY(-10px); transform: translateY(-10px)} 58%{-webkit-transform: translateY(-8px); transform: translateY(-8px)} 62%{-webkit-transform: translateY(-6px); transform: translateY(-6px)} 66%{-webkit-transform: translateY(-4px); transform: translateY(-4px)} 70%{-webkit-transform: translateY(-2px); transform: translateY(-2px)}}
.animation-tt2{-webkit-animation: tt2 6s infinite; animation: tt2 6s infinite}
.banner{height: 540px; background-color: #f5f9fd; background-position: top; background-repeat: no-repeat}
.banner.item1{background-image: url(//img.233.com/about/img/banner-1.jpg)}
.banner.item1 .banner-content-1{display: block}
.banner.item2{background-image: url(//img.233.com/about/img/banner-2.jpg)}
.banner.item2 .banner-content-2{display: block}
.banner.item3{background-image: url(//img.233.com/about/img/banner-3.jpg)}
.banner.item3 .banner-content-3{display: block}
.banner-content{position: relative; width: 1200px; margin: 0 auto; padding-left: 60px; padding-top: 0}
.banner-switch{position: absolute; top: 312px}
.banner-switch:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.banner-switch-dot{float: left; width: 18px; height: 4px; background: #dae0e6; margin-right: 9px; border-radius: 4px; cursor: pointer}
.banner-switch-dot.active{width: 30px; background: #333}
.banner-title{font-weight: 700; font-size: 46px}
.banner-content-1{padding-top: 66px; display: none}
.banner-content-2,
.banner-content-3{display: none; padding-top: 100px}
.banner-tag{width: 150px; height: 32px; background: #e13b29; border-radius: 16px; text-align: center; line-height: 32px; font-size: 22px; color: #fff; margin-top: 28px}
.banner-describe{font-size: 16px; color: #555; margin-top: 32px; max-width: 392px; line-height: 26px}
.banner-company-desc{width: 1200px; height: 260px; background: #fff; -webkit-box-shadow: 0 4px 29px 0 rgba(163, 180, 200, .24); box-shadow: 0 4px 29px 0 rgba(163, 180, 200, .24); border-radius: 0; color: #6c7073; margin: 0 auto; padding: 30px; position: relative; bottom: -80px; line-height: 24px}
.banner-company-desc:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.banner-company-desc .company-img{float: left; background-image: url(//img.233.com/about/img/banner-company.jpg); width: 400px; height: 200px; border-radius: 8px; overflow: hidden; margin-right: 36px}
.founder{background-image: url(//img.233.com/about/img/founder-bg.jpg); height: 635px; background-position: top; background-repeat: no-repeat}
.founder:hover .founder-person-name{left: 645px}
.founder-content{width: 1200px; margin: 0 auto; padding-left: 60px; padding-top: 80px; position: relative}
.founder-content:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.founder-desc{float: left; margin-top: 100px; width: 500px}
.founder-desc-title{color: #111; font-size: 35px}
.founder-desc-titleen{font-size: 13px; color: #222; margin-top: 4px; font-weight: 300}
.founder-desc-part{margin-top: 40px; color: #6c7073; line-height: 24px}
.founder-person-name{background-image: url(//img.233.com/about/img/founder-person-bg.jpg); width: 536px; height: 357px; position: absolute; left: 650px; top: 180px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s}
.founder-person-name:hover+.founder-person-photo{left: 745px}
.founder-person-photo{background-image: url(//img.233.com/about/img/founder-person.png); width: 321px; height: 399px; top: 140px; left: 750px; position: absolute; -webkit-transition: .3s; -o-transition: .3s; transition: .3s}
.founder-person-photo:hover{left: 745px}
.culture{background-image: url(//img.233.com/about/img/culture-bg.jpg); height: 563px; background-position: top; background-repeat: no-repeat}
.culture-content{width: 1200px; margin: 0 auto; padding-left: 60px; padding-top: 100px; position: relative; height: 100%}
.culture-text:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.culture-text-title{font-size: 35px; color: #111; float: left}
.culture-text-titleen{color: #222; font-size: 13px; font-weight: 300}
.culture-text-items{margin-left: 105px; float: left; margin-top: 8px}
.culture-text-item{margin-bottom: 12px}
.culture-text-item:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.culture-text-item>*{float: left; line-height: 1}
.culture-text-item span{margin-top: 2px}
.culture-text-tag{width: 41px; height: 19px; background: #e13b29; border-radius: 10px; color: #fff; font-size: 13px; line-height: 19px; text-align: center; margin-right: 15px}
.culture-values{position: absolute; line-height: 122px; height: 122px; bottom: 0; left: 30px; width: 1200px}
.culture-values>span{display: inline-block}
.culture-values-title{font-size: 24px; color: #fff; margin-right: 35px}
.culture-values-item{width: 150px; height: 48px; line-height: 48px; background-image: url(//img.233.com/about/img/culture-item-bg.png); background-position: -25px -21px; margin-right: 30px; text-align: center}
.culture-values-item:hover{-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s}
@-webkit-keyframes tt2-horizontal{50%, 56%, 60%, 64%, 68%, 72%{-webkit-transform: translateX(0); transform: translateX(0)} 58%{-webkit-transform: translateX(8px); transform: translateX(8px)} 62%{-webkit-transform: translateX(6px); transform: translateX(6px)} 66%{-webkit-transform: translateX(4px); transform: translateX(4px)} 70%{-webkit-transform: translateX(2px); transform: translateX(2px)}}
@keyframes tt2-horizontal{50%, 56%, 60%, 64%, 68%, 72%{-webkit-transform: translateX(0); transform: translateX(0)} 58%{-webkit-transform: translateX(8px); transform: translateX(8px)} 62%{-webkit-transform: translateX(6px); transform: translateX(6px)} 66%{-webkit-transform: translateX(4px); transform: translateX(4px)} 70%{-webkit-transform: translateX(2px); transform: translateX(2px)}}
.animation-tt2-horizontal{-webkit-animation: tt2-horizontal 4s infinite; animation: tt2-horizontal 4s infinite}
.history{border-bottom: 1px solid #e8ecef; height: 540px; overflow: hidden}
.history-content{width: 1200px; margin: auto; position: relative; padding-left: 108px; height: 100%}
.history-title{background-image: url(//img.233.com/about/img/history-title-bg.jpg); background-position: 0; background-repeat: no-repeat; padding-top: 54px; position: absolute; width: 269px; left: -161px; text-align: right; padding-right: 42px; height: 100%}
.history-title-text{font-size: 32px; color: #111; background-image: url(//img.233.com/about/img/history-slash.png); background-position: center 182px; background-repeat: no-repeat}
.history-title-text,
.history-title-text span{display: inline-block; width: 1em; text-align: center}
.history-title-text span{font-size: 20px; color: #555; word-break: break-all; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; margin-top: 50px; font-weight: 300}
.history-pagination{position: absolute; height: 26px; right: 35px; bottom: 42px}
.history-pagination .history-page-next,
.history-pagination .history-page-prev{display: inline-block; width: 23px; background: #e1e7f0; height: 100%; background-repeat: no-repeat; background-position: 50%; cursor: pointer; text-align: center; vertical-align: middle}
.history-pagination .history-page-next.active,
.history-pagination .history-page-prev.active{background-color: #111}
.history-pagination .history-page-prev{background-image: url(//img.233.com/about/img/fzlc-img3.png)}
.history-pagination .history-page-next i{display: inline-block; margin-top: 6px; width: 14px; height: 14px; background-repeat: no-repeat; background-position: 50%; background-image: url(//img.233.com/about/img/fzlc-img4.png)}
.history-detail,
.history-items{height: 100%}
.history-items:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.history-items.page2{display: none}
.history-items>li{float: left; height: 100%; padding: 64px 24px 40px; border-left: 1px solid #ccd4dd; position: relative; width: 94px}
.history-items>li:last-child{border-right: 1px solid #ccd4dd}
.history-items>li:hover{border-left-color: #222}
.history-items>li:hover .history-item-short{color: #111}
.history-items>li .history-item-detail{display: none}
.history-items>li.active{padding-left: 30px; padding-right: 30px; width: 300px}
.history-items>li.active .history-item-detail{display: block}
.history-items>li.active .history-item-short{display: none}
.history-item-short{font-weight: 700; color: #dedede; font-size: 36px}
.history-item-year{font-weight: 700; color: #e13b29; font-size: 36px}
.history-item-content{font-size: 14px; color: #555; line-height: 22px; margin-top: 12px}
.history-item-img{width: 240px; height: 155px; position: absolute; left: 0; right: 0; margin: auto; bottom: 30px}
.history-item-img.y-end{background-image: url(//img.233.com/about/img/fzlc-img-end.jpg)}
.history-item-img.y2023{background-image: url(//img.233.com/about/img/fzlc-img-2023.jpg)}
.history-item-img.y2022{background-image: url(//img.233.com/about/img/fzlc-img2022.jpg)}
.history-item-img.y2021{background-image: url(//img.233.com/about/img/fzlc-img2021.jpg)}
.history-item-img.y2020{background-image: url(//img.233.com/about/img/fzlc-img2020.jpg)}
.history-item-img.y2019{background-image: url(//img.233.com/about/img/fzlc-img2019.jpg)}
.history-item-img.y2018{background-image: url(//img.233.com/about/img/fzlc-img2018.jpg)}
.history-item-img.y2017{background-image: url(//img.233.com/about/img/fzlc-img2017.jpg)}
.history-item-img.y2016{background-image: url(//img.233.com/about/img/fzlc-img2016.jpg)}
.history-item-img.y2015{background-image: url(//img.233.com/about/img/fzlc-img2015.jpg)}
.history-item-img.y2014{background-image: url(//img.233.com/about/img/fzlc-img2014.jpg)}
.history-item-img.y2013{background-image: url(//img.233.com/about/img/fzlc-img2013.jpg)}
.history-item-img.y2012{background-image: url(//img.233.com/about/img/fzlc-img2012.jpg)}
.history-item-img.y2011{background-image: url(//img.233.com/about/img/fzlc-img2011.jpg)}
.history-item-img.y2010{background-image: url(//img.233.com/about/img/fzlc-img2010.jpg)}
.history-item-img.y2009{background-image: url(//img.233.com/about/img/fzlc-img2009.jpg)}
.history-item-img.y2008{background-image: url(//img.233.com/about/img/fzlc-img2008.jpg)}
.history-item-img.y2007{background-image: url(//img.233.com/about/img/fzlc-img2007.jpg)}
.history-item-img.y2006{background-image: url(//img.233.com/about/img/fzlc-img2006.jpg)}
.history-item-img.y2005{background-image: url(//img.233.com/about/img/fzlc-img2005.jpg)}
.faculty{background: url(//img.233.com/about/img/faculty-bg2.jpg) no-repeat bottom, url(//img.233.com/about/img/faculty-bg.jpg) no-repeat top; height: 836px}
.faculty-content{width: 1200px; margin: 0 auto; padding-top: 86px; position: relative; height: 100%}
.faculty-title{font-size: 35px; color: #111; text-align: center}
.faculty-titleen{font-size: 13px; font-weight: 300; color: #222; text-align: center}
.faculty-photos-left{left: 0}
.faculty-photos-right{right: 0}
.faculty-photos-left,
.faculty-photos-right{text-align: center; position: absolute; top: 140px}
.faculty-photos-left .img-wrapper,
.faculty-photos-right .img-wrapper{display: inline-block; margin-right: 48px; position: relative}
.faculty-photos-left .img-wrapper img,
.faculty-photos-right .img-wrapper img{border-radius: 54px; cursor: pointer; width: 107px; height: 107px; padding: 3px; overflow: hidden}
.faculty-photos-left .img-wrapper.active img,
.faculty-photos-right .img-wrapper.active img{background-image: url(//img.233.com/about/img/sz-img3.png)}
.faculty-photos-left .img-wrapper.active:before,
.faculty-photos-right .img-wrapper.active:before{content: ""; -webkit-animation: ripple 2s ease-out infinite; animation: ripple 2s ease-out infinite; border: 1px solid #d8b3b3; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; opacity: 0}
.faculty-photos-left .img-wrapper.active:after,
.faculty-photos-right .img-wrapper.active:after{content: ""; -webkit-animation: ripple 2s ease-out .5s infinite; animation: ripple 2s ease-out .5s infinite; border: 1px solid #d8b3b3; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; opacity: 0}
.faculty-photos-left2,
.faculty-photos-right2{margin: 60px 0}
.faculty-photos-curr{text-align: center; height: 483px; background-repeat: no-repeat; background-position: bottom}
.faculty-photos-curr[data-photo="1"]{background-image: url(//img.233.com/about/img/sz_1_2.png)}
.faculty-photos-curr[data-photo="2"]{background-image: url(//img.233.com/about/img/sz_2_2.png)}
.faculty-photos-curr[data-photo="3"]{background-image: url(//img.233.com/about/img/sz_3_2.png)}
.faculty-photos-curr[data-photo="4"]{background-image: url(//img.233.com/about/img/sz_4_2.png)}
.faculty-photos-curr[data-photo="5"]{background-image: url(//img.233.com/about/img/sz_5_2.png)}
.faculty-photos-curr[data-photo="6"]{background-image: url(//img.233.com/about/img/sz_6_2.png)}
.faculty-photos-curr[data-photo="7"]{background-image: url(//img.233.com/about/img/sz_7_2.png)}
.faculty-photos-curr[data-photo="8"]{background-image: url(//img.233.com/about/img/sz_8_2.png)}
.faculty-photos-curr[data-photo="9"]{background-image: url(//img.233.com/about/img/sz_9_2.png)}
.faculty-photos-curr[data-photo="10"]{background-image: url(//img.233.com/about/img/sz_10_2.png)}
.faculty-photos-curr[data-photo="11"]{background-image: url(//img.233.com/about/img/sz_11_2.png)}
.faculty-photos-curr[data-photo="12"]{background-image: url(//img.233.com/about/img/sz_12_2.png)}
.faculty-photos-curr[data-photo="13"]{background-image: url(//img.233.com/about/img/sz_13_2.png)}
.faculty-photos-curr[data-photo="14"]{background-image: url(//img.233.com/about/img/sz_14_2.png)}
.faculty-photos-curr[data-photo="15"]{background-image: url(//img.233.com/about/img/sz_15_2.png)}
.faculty-photos-curr[data-photo="16"]{background-image: url(//img.233.com/about/img/sz_16_2.png)}
.faculty-photos-left1 .img-wrapper:last-child,
.faculty-photos-left2 .img-wrapper:last-child,
.faculty-photos-left3 .img-wrapper:last-child,
.faculty-photos-right1 .img-wrapper:last-child,
.faculty-photos-right2 .img-wrapper:last-child,
.faculty-photos-right3 .img-wrapper:last-child{margin-right: 0}
.faculty-text{position: absolute; top: 632px; left: 0; right: 0; text-align: center}
.faculty-text-nav li{display: inline-block}
.faculty-text-nav .nav-item{font-weight: 700; color: #5a708f; font-size: 16px; height: 56px; line-height: 56px; margin-right: 106px; cursor: default}
.faculty-text-nav .nav-item.active{border-bottom: 3px solid #e13b29; color: #222}
.faculty-text-nav .nav-item:nth-child(4){margin-right: 62px}
.faculty-text-nav .nav-line{width: 1px; height: 30px; background: #d5dde8; position: relative; top: 13px; margin-right: 60px}
.faculty-text-nav .nav-more{color: #e2402e; font-size: 16px; height: 56px; line-height: 56px; text-decoration: underline; background-image: url(//img.233.com/about/img/founder-more.png); background-position: 100%; background-repeat: no-repeat; padding-right: 30px}
.faculty-text-content{font-size: 14px; margin-top: 46px; color: #6c7073; display: none}
.faculty-text-content.active{display: block}
@-webkit-keyframes ripple{0%{-webkit-transform: scale(1.1); transform: scale(1.1); opacity: .4} 25%{-webkit-transform: scale(1.2); transform: scale(1.2); opacity: .3} to{-webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0}}
@keyframes ripple{0%{-webkit-transform: scale(1.1); transform: scale(1.1); opacity: .4} 25%{-webkit-transform: scale(1.2); transform: scale(1.2); opacity: .3} to{-webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0}}
.advantages{background-image: url(//img.233.com/about/img/jxys-bg.jpg); height: 678px; background-position: top; margin-top: 62px; background-repeat: no-repeat}
.advantages-content{width: 1200px; margin: 0 auto; height: 100%; padding-left: 36px}
.advantages-content:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.advantages-nav{float: left; padding-top: 52px}
.advantages-nav-title{font-size: 35px; color: #111}
.advantages-nav-titleen{font-size: 13px; font-weight: 300; color: #222}
.advantages-nav-items{margin-top: 42px}
.advantages-nav-items li{font-size: 18px; color: #222; height: 68px; line-height: 68px; width: 491px; padding-left: 35px}
.advantages-nav-items li.active{background: #fff; font-weight: 700; color: #e13b29}
.advantages-detail{float: left; width: 673px; height: 100%; position: relative}
.advantages-detail-item{display: none; padding-top: 82px; padding-left: 78px; top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 0}
.advantages-detail-item.active{display: block}
.advantages-detail-text{font-size: 14px; color: #6c7073; line-height: 24px}
.advantages-detail-title{font-size: 22px; font-weight: 700; color: #222; margin-bottom: 28px}
.advantages-detail-img{position: absolute; bottom: 0; left: 0; z-index: -1}
.services{width: 1200px; margin: 92px auto 0}
.services-title{font-size: 35px; color: #222; text-align: center}
.services-titleen{font-size: 13px; font-weight: 300; color: #222; text-align: center}
.services-items{margin-top: 60px}
.services-items:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.services-items li{position: relative; width: 575px; display: inline-block; margin-right: 50px; margin-bottom: 48px; float: left}
.services-items li:nth-child(2n){margin-right: 0}
.services-items li:nth-child(5) .service-item-content,
.services-items li:nth-child(6) .service-item-content{height: 210px}
.services-items li:hover .service-item-content{background: #fff7f3; background: -webkit-gradient(linear, left top, right top, from(#fff7f8), to(#fff7f3)); background: -o-linear-gradient(left, #fff7f8, #fff7f3); background: linear-gradient(90deg, #fff7f8, #fff7f3)}
.services-items li:hover .services-item-img.img1{background-image: url(//img.233.com/about/img/zyfw-img1-2.png)}
.services-items li:hover .services-item-img.img2{background-image: url(//img.233.com/about/img/zyfw-img2-2.png)}
.services-items li:hover .services-item-img.img3{background-image: url(//img.233.com/about/img/zyfw-img3-2.png)}
.services-items li:hover .services-item-img.img4{background-image: url(//img.233.com/about/img/zyfw-img4-2.png)}
.services-items li:hover .services-item-img.img5{background-image: url(//img.233.com/about/img/zyfw-img5-2.png)}
.services-items li:hover .services-item-img.img6{background-image: url(//img.233.com/about/img/zyfw-img6-2.png)}
.services-items li:hover .services-item-handler{background-color: #fff1f0; background-image: url(//img.233.com/about/img/services-handler-a.png)}
.services-items li:hover .services-item-app{background-color: #fff1f0}
.services-items li:hover .services-item-app .vertical-line{background: #f3cfcc}
.services-items .services-item-img{width: 255px; height: 254px; background-size: 255px 254px; position: absolute; right: 0; top: 0}
.services-items .services-item-img.img1{background-image: url(//img.233.com/about/img/zyfw-img1.png)}
.services-items .services-item-img.img2{background-image: url(//img.233.com/about/img/zyfw-img2.png)}
.services-items .services-item-img.img3{background-image: url(//img.233.com/about/img/zyfw-img3.png)}
.services-items .services-item-img.img4{background-image: url(//img.233.com/about/img/zyfw-img4.png)}
.services-items .services-item-img.img5{background-image: url(//img.233.com/about/img/zyfw-img5.png)}
.services-items .services-item-img.img6{background-image: url(//img.233.com/about/img/zyfw-img6.png)}
.service-item-content{padding: 40px 220px 0 46px; font-size: 14px; color: #6c7073; line-height: 22px; height: 200px; background: #f3f9ff; background: -webkit-gradient(linear, left top, right top, from(#f7fdff), to(#f3f9ff)); background: -o-linear-gradient(left, #f7fdff, #f3f9ff); background: linear-gradient(90deg, #f7fdff, #f3f9ff); overflow: hidden}
.services-item-title{font-size: 20px; font-weight: 700; color: #222; margin-bottom: 24px}
.services-item-handler{background: #e7f4fa; padding: 20px 0 20px 46px; color: #111; font-size: 18px; background-image: url(//img.233.com/about/img/services-handler.png); background-repeat: no-repeat; background-position: 136px; display: block}
.services-item-handler .item-handler-text:hover{text-decoration: underline}
.services-item-app{background: #e7f4fa; padding: 17px 0 17px 46px; color: #111; font-size: 18px; display: block}
.services-item-app>*{vertical-align: middle}
.services-item-app .ico-android,
.services-item-app .ico-ios{display: inline-block; padding-left: 30px; background-size: 22px; background-repeat: no-repeat; background-position: 0}
.services-item-app .ico-android:hover,
.services-item-app .ico-ios:hover{text-decoration: underline}
.services-item-app .ico-ios{background-image: url(//img.233.com/about/img/zyfw-ico-ios.png)}
.services-item-app .vertical-line{width: 1px; height: 30px; background: #bdd7e3; display: inline-block; margin: 0 26px}
.services-item-app .ico-android{background-image: url(//img.233.com/about/img/zyfw-ico-android.png)}
.courses{margin-top: 32px; background: #f7f9fb; background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fb), to(#fff)); background: -o-linear-gradient(top, #f7f9fb, #fff); background: linear-gradient(180deg, #f7f9fb, #fff); margin-bottom: 55px; padding-top: 72px}
.courses-content{width: 1200px; margin: 0 auto}
.courses-content:after{content: ""; display: block; height: 0; font-size: 0; line-height: 0; visibility: hidden; clear: both}
.courses-content li{float: left; width: 20%; text-align: center}
.courses-content li>a{display: block; color: #555; margin-bottom: 20px}
.courses-content li>a.hot_color,
.courses-content li>a:hover{color: #e13b29}
.courses-content li>a>i{font-style: normal; position: relative}
.courses-content li>a>i .hot_ico{position: absolute; top: -20px; right: -40px; width: 50px; height: 31px; background: url(//img.233.com/about/img/hot.png) no-repeat; -webkit-animation: tt2 6s infinite; animation: tt2 6s infinite}
.course_classify_tit{font-size: 20px; font-weight: 700; color: #222; margin-bottom: 48px}