.portfolio{background: url(images/bg1.jpg) repeat-y top center;padding-bottom: 5%;text-align: center;}
.portfolio .container>p{display: inline-block;width: 70%;min-width: 960px;font-size: 14px;line-height: 24px;color: #666;padding-top: 10px;position: relative;}
.portfolio .container>p span{display: block;color: #f58635;font-size: 20px;font-weight: bold;text-decoration: underline;padding-top: 10px;}
.portfolio .container>p:before,.portfolio .container>p:after{position: absolute;content: '';width: 40px;height: 40px;}
.portfolio .container>p:before{top: 0;left: 0;background: url(images/icon1.png) no-repeat center;background-size: contain;}
.portfolio .container>p:after{bottom: 0;right: 0;background: url(images/icon2.png) no-repeat center;background-size: contain;}
.portfolio ul h4{font-size: 20px;padding-top: 5%;padding-bottom: 3%;}
.portfolio li{display: inline-block;width: 200px;position: relative;margin-right: 60px;}
.portfolio li p{font-size: 14px;padding-top: 8%;}
.portfolio li p span{font-weight: bold;}
.portfolio li:after{position: absolute;content: '';width: 58px;top: 0;right: -60px;height: 115px;background: url(images/icon7.png) no-repeat center;}
.portfolio li:last-of-type:after{display: none;}

.zhuce{color: #fff;background: url(images/bg2.jpg) no-repeat center;background-size: cover;padding-top: 2%;padding-bottom: 2%;text-align: center;}
.zhuce h4{display: inline-block;font-size: 28px;vertical-align: middle;margin-right: 2%;}
.zhuce form>p{width: 15%;display: inline-block;height: 36px;line-height: 36px;border: 1px solid #fff;margin-right: 1%;text-indent: 10px;font-size: 16px;vertical-align: middle;text-align: left;}
.zhuce form>p input{width: calc(100% - 90px);height: 36px;line-height: 36px;font-size: 16px;color: #fff;vertical-align: top;}
.zhuce form>p.tj{background: #fff;margin-right: 0;text-align: center;text-indent: 0;margin-left: 1%;}
.zhuce form>p.tj input{font-size: 16px;font-weight: bold;color: #f58635;}

.style li{display: inline-block;width: 18.4%;margin-right: 2%;vertical-align: top;}
.style li:first-of-type{background: url(images/country_mei.jpg) no-repeat top center;background-size: cover;}
.style li:nth-of-type(2){background: url(images/country_ying.jpg) no-repeat top center;background-size: cover;}
.style li:nth-of-type(3){background: url(images/country_jia.jpg) no-repeat top center;background-size: cover;}
.style li:nth-of-type(4){background: url(images/country_ao.jpg) no-repeat top center;background-size: cover;}
.style li:last-of-type{background: url(images/country_ou.jpg) no-repeat top center;background-size: cover;}
.style li section{color: #fff;padding: 10% 10% 90px;position: relative;background-color: rgba(245,134,53,.84);}
.style li:hover section{background-color: rgba(40,40,40,.5);}
.style li h4{font-size: 24px;text-align: center;padding-bottom: 10%;margin-bottom: 10%;position: relative;}
.style li h4:after{position: absolute;content: '';bottom: 0;left: calc(50% - 10px);width: 20px;height: 1px;background-color: rgba(255,255,255,.5);}
.style li p{font-size: 14px;line-height: 24px;}
.style li a{position: absolute;bottom: 30px;left: 10%;width: 80%;line-height: 40px;font-size: 16px;color: #fff;text-align: center;background-color: #f58635;border-radius: 5px;}

.case li{display: inline-block;width: 32%;margin-right: 2%;vertical-align: top;}
.case li h4{font-size: 16px;color: #fff;line-height: 30px;height: 60px;padding: 5%;background-color: #282828;}
.case>a,.courses>a,.portfolios a{display: block;width: 200px;line-height: 40px;font-size: 14px;color: #fff;background-color: #f58635;text-align: center;margin: 4% auto 5%;}

.portfolios{background: #f6f6f6;padding-bottom: 1px;}
.portfolios li{display: inline-block;width: calc(10.75% - 2px);height: 40px;line-height: 40px;font-size: 14px;color: #757575;border: 1px solid #e3e3e3;margin-right: 2%;text-align: center;cursor: pointer;}
.portfolios li.active{color: #fff;background: #f58635;border: 1px solid #f58635;}
.portfolios li:last-child{margin-right: 0;}
.portfolios .swiper-container{width: 100%;padding: 5% 50px 0;margin-left: -50px;}
.portfolios .swiper-button-prev,.portfolios .swiper-button-next{width: 40px;height: 40px;top: calc(50% - 20px);}
.portfolios .swiper-button-prev{left: 0;background: url(images/icon8.png) no-repeat center #f58635;}
.portfolios .swiper-button-next{right: 0;background: url(images/icon9.png) no-repeat center #f58635;}

.courses li{display: inline-block;width: 49%;margin-right: 2%;}
.courses li:first-of-type{background: url(images/p1.png) no-repeat top center #000;background-size: cover;}
.courses li:last-of-type{background: url(images/p2.png) no-repeat top center #000;background-size: cover;}
.courses li section{padding: 8% 10%;border: 4px solid #f5f5f5;position: relative;}
.courses li:hover{background-color: #f36802;}
.courses li section:after{position: absolute;content: '';left: 45%;bottom: -2px;width: 10%;height: 4px;background-color: #f58635;}
.courses li section h4{font-size: 24px;color: #fff;padding-bottom: 5%;margin-bottom: 5%;position: relative;}
.courses li section h4 p{font-size: 18px;font-weight: normal;padding-top: 15px;}
.courses li section h4:after{position: absolute;content: '';width: 25px;height: 1px;bottom: 0;left: 0;background-color: #fff;}
.courses li section a>p{font-size: 16px;color: #fff;line-height: 26px;}
.courses>a{margin-bottom: 0;}

.studios{position: relative;padding-bottom: 4%;}
.studios .swiper-container{box-shadow: 0 3px 24px rgba(128,128,128,.19);}
.studios a{display: block;font-size: 14px;line-height: 22px;color: #555;}
.studios .swiper-button-prev,.studios .swiper-button-next{position: absolute;width: 30px;height: 100%;top: 0;bottom: 0;}
.studios .swiper-button-prev{left: -50px;background: url(images/major_left.png) no-repeat center;}
.studios .swiper-button-next{right: -50px;background: url(images/major_right.png) no-repeat center;}
.studios img{vertical-align: top;}
.studios section{padding: 5%;}
.studios section h4{font-size: 20px;color: #f58635;padding-bottom: 5%;margin-bottom: 5%;position: relative;}
.studios section h4:after{position: absolute;content: '';bottom: 0;left: 0;width: 20px;height: 1px;background-color: #f58635;}
.studios section span{font-weight: bold;}