/* Slider */
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
/* 内页banner*/
.ban-inner1 img{display: block;width: 100%;}
.g-tit1{padding: 35px 0 20px;}
.g-tit1 img{display: block; height: 65px; margin: 0 auto;}
.sl-btn1{display: block; margin: 0 auto; width: 140px; height: 35px; font-size: 13px; line-height: 35px; color: #fff; text-align: center; background-color: #dca436;}
.row-tj1{padding: 0 15px 35px; background: #442c23 url(../images/bg01.png) 0 0 no-repeat; background-position: 100% 100%;}
.row-tj1 .infor{overflow: hidden;}
.row-tj1 .col-l{width: 39%; height: 185px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.row-tj1 .col-r{width: 57%; padding-top: 10px; height: 185px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd;}
.row-tj1 .col-r .pic{height: 90px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.row-tj1 .col-r .txt{font-size: 12px; color: #525252;}
.row-tj1 .col-r .txt h4{font-size: 15px; padding: 10px 0 5px;}
.sl-list1{margin: 10px 0; overflow: hidden;}
.sl-list1 li{float: left; width: 50%; padding: 15px 0; text-align: center; border-bottom: 1px dashed #bdbdbd;}
.sl-list1 li.last{border: none;}
.sl-list1 .con{height: 195px; padding: 0 20px; overflow: hidden; border-left: 1px dashed #bdbdbd;}
.sl-list1 li:nth-child(even) .con{border-right: 1px dashed #bdbdbd;}
.sl-list1 .tit{font-size: 12px; width: 60px; margin: 0 auto; line-height: 1em; text-align: left; white-space: nowrap; overflow: hidden;}
.sl-list1 .num{font-size: 45px; color: #888; font-family: 'sophis'; line-height: 1.1em;}
.sl-list1 .ico{height: 32px; line-height: 32px; margin: 10px 0;}
.sl-list1 .ico img{display: inline-block; vertical-align: middle; max-height: 100%;}
.sl-list1 h4{font-size: 14px; color: #333; font-weight: normal; white-space: nowrap; overflow: hidden; margin-bottom: 5px;}
.sl-list1 li p{font-size: 13px; color: #525252; line-height: 1.5em; display:-webkit-box; overflow: hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.row-tj2{padding: 0 15px 35px; background: #f2efeb url(../images/bg02.png) 0 0 no-repeat; background-position: 100% 100%;}
.sl-list2 li{overflow: hidden;height: 143px;margin-bottom: 10px;}
.sl-list2 .pic{display: block; height: 100%; position: relative; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sl-list2 .pic h4{position: absolute; left: 0;width: 100%; bottom: 0;height: 30px; line-height: 30px; text-align: center; font-size: 13px; color: #fff; font-weight: normal; background-image: url(../images/bg07.png); opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.sl-list2 .pic:hover h4{opacity: 1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.sl-list2 .pic.p1{float: left; width: 38.5%;}
.sl-list2 .pic.p2{float: right; width: 58.5%;}
.sl-list2 .last{height: 205px;}
.sl-list2 .pic.btn{float: left; width: 58.5%;}
.sl-list2 .pic.p3{float: right; width: 38.5%;}
.sl-list2 .pic.btn .ico1{display: block; width: 48%; margin: 20px auto;}
.sl-list2 .pic.btn .ico2{display: block; width: 56%; margin: 0 auto;}
.row-tj3{padding: 0 15px 35px; background: #442d23 url(../images/bg03.png) 0 0 no-repeat; background-position: 100% 100%;}
.row-tj4{padding: 30px 15px 35px; background: #f1efea url(../images/bg02.png) 0 0 no-repeat; background-position: 100% 100%;}
.row-tj4 .con{overflow: hidden;margin-bottom: 10px;}
.row-tj4 .con .txt{font-size: 13px; color: #fff;}
.row-tj4 .con .txt .tit{position: relative; padding-left: 50px; font-size: 18px; line-height: 1.2em; margin-bottom: 35px; background: url(../images/sl-ico09.png) left top no-repeat; background-size: 40px auto;}
.row-tj4 .con .txt .tit em{display: block; font-size: 12px; font-family: 'sophis'; line-height: 2em;}
.row-tj4 .con .txt .tit:after{position: absolute; content: ''; width: 100%; height: 29px; left: 0;bottom: -48px; background: url(../images/sl-ico10.png) 0 0 no-repeat; background-size: 100% 100%;}
.row-tj4 .con .txt h5{font-size: 14px; margin-top: 10px; font-weight: normal; line-height: 1.5em;}
.row-tj4 .con .txt p{font-size: 13px; line-height: 1.8em;}
.sl-list3{overflow: hidden; margin: 0 -10px 20px;}
.sl-list3 li{float: left; width: 50%;}
.sl-list3 .con1{margin: 0 10px;}
.sl-list3 .pic{position: relative; height: 0; padding-top: 65%; overflow: hidden;}
.sl-list3 .pic img{position: absolute; left: 0;top: 0; display: block; width: 100%; height: 100%;}
.sl-list3 .txt{font-size: 12px; color: #fff; line-height: 1.5em; padding: 10px 0;}
.sl-list3 .txt p{white-space: nowrap;overflow: hidden;}
.sl-list3 .txt .num{float: right; font-size: 40px; color: #dca538; font-family: 'sophis'; line-height: 1em;}
.row-tj5{padding-bottom: 35px; background: #4e362d url(../images/bg08.png) 0 0 no-repeat; background-position: 100% 100%;}
.sl-list4{overflow: hidden; margin-bottom: 15px;}
.sl-list4 li{float: left; width: 46%; margin: 0 2%; font-size: 12px; color: #525252; text-align: center; margin-bottom: 20px;}
.sl-list4 li .con{position: relative; height: 0; padding-top: 114%; overflow: hidden; background: url(../images/bg09.png) 0 0 no-repeat; background-size: 100% 100%;}
.sl-list4 .desc{position: absolute; left: 0;width: 100%; top: 55%; transform: translateY(-50%);}
.sl-list4 .ico{display: block; height: 34px; margin: 0 auto 10px;}
.sl-list4 li .con p{line-height: 1.5em;}
.sl-list4 li .tit{font-size: 30px; color: #dca436; font-family: 'sophis'; line-height: 1.1em;}
.row-tj6 .con{padding: 40px 20px 40px 40px; color: #fff; overflow: hidden;}
.row-tj6 .con1{background: #000 url(../images/bg10.png) 0 0 no-repeat; background-size: 100% 100%;}
.row-tj6 .con2{background: #f1eeea url(../images/bg11.png) 0 0 no-repeat; background-size: 100% 100%;}
.row-tj6 .tit{position: relative; font-size: 18px; line-height: 1em; white-space: nowrap;}
.row-tj6 .tit:after{position: absolute; content: ''; width: 15px; height: 1px; left: -25px; top: 50%; background-color: #dda841;}
.row-tj6 .subtit{font-size: 25px; font-family: 'sophis'; margin: 10px 0; line-height: 1.4em;}
.row-tj6 p{font-size: 13px; line-height: 1.75em; overflow: hidden;}
.row-tj6 .btn{display: block; width: 150px; height: 40px; line-height: 36px; font-size: 15px; color: #dca436; text-align: center; border-radius: 25px; border: 2px solid #dca436; margin-top: 20px;}
.row-tj6 .btn:hover{color: #fff; background-color: #dca436;}
.teach-for .slick-list{padding: 60px 0 10px;}
.teach-for .item{padding: 10px 25px 20px; background-color: #fff;}
.teach-for .item .con .pic{float: left; width: 40%; margin-top: -40px;}
.teach-for .item .con .pic img{display: block; width: 100%;}
.teach-for .item .con .txt{margin-left: 44%; font-size: 13px; color: #666;}
.teach-for .item .con .txt .name{font-size: 15px; color: #333; margin-bottom: 2px;}
.teach-for .item .txt1{margin-top: 10px; font-size: 13px; color: #666;}
.teach-for .item .txt1 h5{font-size: 14px; color: #333; font-weight: normal; margin-bottom: 5px;}
.teach-for .slick-arrow{position: absolute; width: 35px; height: 35px; font-size: 0; border: none; outline: none; cursor: pointer; top: 25px; z-index: 2;}
.teach-for .slick-prev{right: 35px; background: url(../images/prev1.png) 0 0 no-repeat; background-size: 100% 100%;}
.teach-for .slick-next{right: 0; background: url(../images/next1.png) 0 0 no-repeat; background-size: 100% 100%;}
.teach-for .slick-prev:hover{background: url(../images/prev2.png) 0 0 no-repeat; background-size: 100% 100%;}
.teach-for .slick-next:hover{background: url(../images/next2.png) 0 0 no-repeat; background-size: 100% 100%;}
.teach-nav{margin: 0 -10px 25px;}
.teach-nav .item{height: 180px !important; margin: 0 10px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.section-hm.s6.row-tj7{padding-top: 30px; background: url(../images/bg12.png) 0 0 no-repeat; background-position: 100% 100%;}
.section-hm.s6.row-tj7 .txt{font-size: 14px; color: #d4a54c; text-align: center; font-weight: bold; line-height: 1.6em;}
.box-form.row-tj7 .form .li-gender label.m{background-image: url(../images/sl-ico14.png);}
.box-form.row-tj7 .form .li-gender label.f{background-image: url(../images/sl-ico15.png);}
.box-form.row-tj7 .form .li-gender label{background-position: center bottom;}
/******************************* -------[=烘焙甜点专业6个月]-------
********************************/
.box-hm-1 .banner img{display: block;width: 100%;}
.section-hm.s1{padding: 35px 10px;}
.section-hm.s1 ul{margin: 18px 0 27px;}
.section-hm.s1 ul li{height: 122px;background-color: #fff;overflow: hidden;}
.section-hm.s1 ul li:nth-child(odd) .txt{float: left;}
.section-hm.s1 ul li:nth-child(odd) .img{float: right;}
.section-hm.s1 ul li:nth-child(even) .txt{float: right;}
.section-hm.s1 ul li:nth-child(even) .img{float: left;}
.section-hm.s1 ul .txt{padding: 20px 17px 0 14px;width: 50%;height: 100%;}
.section-hm.s1 ul .tit{height: 1eml;height: 1em;color: #333;font-size: 14px;font-weight: normal;}
.section-hm.s1 ul .info{position: relative;padding-top: 14px;color: #666;font-size: 12px;line-height: 1.38;}
.section-hm.s1 ul .info:after{position: absolute;top: 10px;left: 0;display: block;width: 20px;height: 1px;background-color: #d4a54c;content: '';}
.section-hm.s1 ul .img{width: 50%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.section-hm.s2{padding: 35px 0;background: url(../images/bg-hm-m-1.jpg) center center no-repeat;background-size: cover;}
.section-hm.s2 .slider{margin: 27px 0 32px;}
.section-hm.s2 .slider .slick-track{padding-top: 16px;height: 299px;}
.section-hm.s2 .slider .item{position: relative;margin: 0 8px;height: 262px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.section-hm.s2 .slider .item.slick-current{margin-top: -16px;height: 299px;}
.section-hm.s2 .slider .tit{position: absolute;bottom: 0;left: 0;padding: 3px 0;display: none;width: 100%;background-color: #ab8d68;text-align: center;color: #fff;line-height: 1.3;}
.section-hm.s2 .slider .tit .cn{font-size: 14px;}
.section-hm.s2 .slider .tit .en{font-size: 12px;font-family: Arial;}
.section-hm.s2 .slider .item.slick-current .tit{display: block;}
.section-hm.s3{padding: 35px 10px;}
.section-hm.s3 .slider{margin-top: 20px;}
.section-hm.s3 .slider .slick-track{padding-top: 60px;}
.section-hm.s3 .slider .item{padding: 0 20px 60px;background-color: #fff;}
.section-hm.s3 .slider .img{margin: -60px auto 0;width: 150px;}
.section-hm.s3 .slider .tit{padding-top: 15px;text-align: center;}
.section-hm.s3 .slider .tit .p1{color: #333;font-size: 14px;}
.section-hm.s3 .slider .tit .p2{color: #666;font-size: 12px;}
.section-hm.s3 .slider .tabtitle{overflow: hidden;}
.section-hm.s3 .slider .tabtitle li{float: left;width: 33.333%;}
.section-hm.s3 .slider .tabtitle a{position: relative;display: block;width: 100%;height: 55px;line-height: 55px;text-align: center;color: #666;font-size: 14px;text-transform: uppercase;}
.section-hm.s3 .slider .tabtitle .on a{color: #333;}
.section-hm.s3 .slider .tabtitle .on a:after{position: absolute;bottom: 12px;left: 50%;margin-left: -23px;display: block;width: 46px;height: 2px;background-color: #d4a54c;content: '';border-radius: 2px;box-shadow: 0 0 5px rgba(212,165,76, .3);}
.section-hm.s3 .slider .tcs > div{color: #666;font-size: 12px;text-align: justify;}
.section-hm.s3 .slider .slick-dots{position: absolute;bottom: 30px;left: 0;width: 100%;line-height: 1;text-align: center;}
.section-hm.s3 .slider .slick-dots li{margin: 0 8px;display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #dbdbdb;}
.section-hm.s3 .slider .slick-dots .slick-active{background-color: #d7a746;}
.section-hm.s3 .p-btn-1{margin: 27px 16px 0;display: inline-block;}
.section-hm.s3 .p-btn-1.btn2{border: 1px solid #9a8161;}
.section-hm.s3 .p-btn-1.btn2 span{background-color: #9a8161;}
@media only screen and (max-width: 360px){.section-hm.s3 .p-btn-1{margin: 27px 3px 0;}.sl-list4 li .con p{font-size:}}
.section-hm.s4{padding: 34px 10px;background: url(../images/bg-hm-m-2.jpg) center center no-repeat;background-size: cover;}
.section-hm.s4 .intro .tit{height: 40px;line-height: 38px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;border: 1px solid rgba(255,255,255,.5);}
.section-hm.s4 .intro .info{color: #fff;font-size: 12px;text-align: justify;}
.section-hm.s4 .intro .info p{padding-top: 14px;}
.section-hm.s4 .cont{padding-top: 15px;overflow: hidden;}
.section-hm.s4 .cont .col-l{width: 49%;}
.section-hm.s4 .cont .col-r{width: 49%;}
.section-hm.s4 .cont .img{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.section-hm.s4 .cont .img.i1{margin-bottom: 10px;height: 235px;}
.section-hm.s4 .cont .img.i2{margin: 10px 0;height: 129px;}
.section-hm.s4 .cont .img.i3{margin: 10px 0;height: 294px;}
.section-hm.s4 .cont .txt{position: relative;padding: 18px 0 0 19px;height: 130px;background-color: #ab8d68;background-position: left 18px bottom 15px;background-size: 35px auto;color: #fff;background-repeat: no-repeat;line-height: 1.2;}
.section-hm.s4 .cont .txt.t1{background-image: url(../images/ico-three-6.png);}
.section-hm.s4 .cont .txt.t2{background-image: url(../images/ico-three-7.png);}
.section-hm.s4 .cont .txt.t3{background-image: url(../images/ico-three-8.png);}
.section-hm.s4 .cont .txt.t4{background-image: url(../images/ico-three-9.png);}
.section-hm.s4 .cont .p1{font-size: 14px;}
.section-hm.s4 .cont .p2{padding-top: 5px;font-size: 12px;font-family: Arial;color: rgba(255,255,255,.8);}
.section-hm.s4 .cont .txt a{position: absolute;right: 15px;bottom: 15px;display: block;width: 20px;height: 20px;background-image: url(../images/ico-three-5.png);background-size: 100% 100%;}
.section-hm.s4 .cont .txt a:hover{opacity: .6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';}
.section-hm.s4 .p-btn-1{margin-top: 30px;}
.section-hm.s5{padding: 35px 10px;}
.section-hm.s5 ul{margin: 18px 0 10px;padding: 15px 33px 15px;height: 246px;background: url(../images/img-hm-m-15.jpg) center center no-repeat;background-size: 100% 100%;}
.section-hm.s5 ul li{padding: 10px 0;border-bottom: 1px solid #595c5f;color: #fff;font-size: 13px;line-height: 1.44;}
.section-hm.s5 ul li:last-child{border-bottom: none;}
.section-hm.s5 ul em{color: #dca436;}
.section-hm.s5 .txt{padding: 50px 0 25px;text-align: center;background-color: #fff;}
.section-hm.s5 .txt .p1{color: #b18c62;font-size: 18px;font-family: Arial;height: 1em;line-height: 1em;}
.section-hm.s5 .txt .p2{margin-top: 10px;color: #b18c62;font-size: 18px;height: 1em;line-height: 1em;font-weight: bold;}
.section-hm.s5 img{margin: 30px auto 27px;display: block;height: 83px;}
.section-hm.s6{padding: 40px 10px 35px;background: url(../images/bg-hm-m-3.jpg) center center no-repeat;background-size: cover;}
.section-hm.s6 .form .li-item{border: 1px solid #e7e7e7;}
.section-hm.s6 .form .d1{border-right: 1px solid #e7e7e7;color: #333;}
.section-hm.s6 .form .inp-form{color: #888;}
.section-hm.s6 .form .inp-form::-webkit-input-placeholder{color: #888;}
.section-hm.s6 .form .inp-form::-moz-placeholder{color: #888;}
.section-hm.s6 .form .inp-form::-ms-input-placeholder{color: #888;}
.section-hm.s6 .form .select .cur{color: #333;}
.section-hm.s6 .form .select .s-list{border: 1px solid #e7e7e7;}
.section-hm.s6 .form .select .cur{background-image: url(../images/ico-hm-3.png);}
.section-hm.s6 .form .select .s-list{background-color: #fff;}
.section-hm.s6 .form .select .s-list a{border-bottom: 1px solid #e7e7e7;}
/*欧米奇-校园环境-改*/
.ban-inner{height: 210px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.row-box1{padding: 30px 10px 33px; background: url(../images/bg1-xyhj.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.m-txtimg-sz{overflow: hidden;}
.m-txtimg-sz .txt{position: relative; margin-bottom: 15px;}
.g-tit-sz{position: relative; overflow: hidden; padding-bottom: 16px; margin-bottom:16px; border-bottom:2px dashed #666;}
.m-txtimg-sz h2{font-size: 20px;}
.m-txtimg-sz h2 span{display: block; margin-top: 5px; font-size: 15px; color: rgba(102,102,102,.2); font-family: spu;}
.m-txtimg-sz .more{position: absolute; top: 10px;right: 0; display: block; width: 80px; height: 50px; background: url(../images/more-xyhj.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.m-txtimg-sz .more:hover{background-image: url(../images/more0-xyhj.png);}
.m-txtimg-sz .p1{overflow: hidden; font-size: 14px; line-height: 20px; color: #666;}
.m-txtimg-sz .p1 em{display: block; margin-bottom: 5px; font-size: 16px; color: #333; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.g-more2-sz{display: block; margin: 21px auto 0; width: 155px; height: 39px; line-height: 39px; text-align: center; font-size: 14px; color: #d4a54c; border: 1px solid #d4a54c;}
.g-more2-sz:hover{color: #fff; background-color: #d4a54c;}
.m-txtimg-sz ul{overflow: hidden;}
.m-txtimg-sz li{float: left;}
.m-txtimg-sz ul a{overflow: hidden; position: relative; display: block;}
.ul-pic-list1{margin-left: -11px;}
.ul-pic-list1 li{margin-bottom: 13px; width: 50%;}
.ul-pic-list1 a{margin-left: 11px; padding-top: 65%;}
.ul-pic-list1 li.pic1 a{padding-top: 136%;}
.ul-pic-list2{margin-right: -11px;}
.ul-pic-list2 li{width: 33.33333%;}
.ul-pic-list2 a{margin-right:11px; padding-top: 70%;}
.ul-pic-list2 img,.ul-pic-list1 img{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.row-box2{padding: 30px 10px 33px; background: url(../images/bg2-xyhj.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
.row-box2 .m-txtimg-sz .txt,.row-box2 .m-txtimg-sz .p1,.row-box2 .m-txtimg-sz .p1 em{color: rgba(255,255,255,.8);}
.row-box2 .g-tit-sz h2 span{color: rgba(255,255,255,.2);}
.row-box2 .ul-pic-list1 li{float: right;}
/*欧米奇-校园环境-详情页-改*/
.row-box3{padding: 20px 10px 30px; background: url(../images/bg3-xyhj.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.row-box3 .m-txtimg-sz .txt .more{background-image: url(../images/more1-xyhj.png);}
.row-box3 .m-txtimg-sz .txt .more:hover{background-image: url(../images/xyhj-img2.png);}
.row-box3 .m-txtimg-sz h2 span{margin: 6px auto 0;}
.row-box3 .m-txtimg-sz .img img{display: block;margin: 0 auto;}
.m-img-sz{overflow: hidden; margin-top: 10px;}
.ul-list-img{margin-left: -11px;}
.ul-list-img li{float: left; margin-bottom:10px; width: 50%;}
.ul-list-img.u2 li{float: right;}
.ul-list-img li a{position: relative; display: block; padding-top:64%; margin-left: 11px;}
.ul-list-img li.li1 a{padding-top: 121%;}
.ul-list-img .m-btn{display: block; margin: 0 auto; width: 122px; height: 39px; padding-top: 0; background: url(../images/xyhj-img3.png) center center no-repeat; -webkit-background-size:122px auto; background-size:122px auto;}
.ul-list-img .m-btn:hover{color: #000;}
.ul-list-img{overflow: hidden;}
.m-img-sz li img{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.ul-bot{overflow: hidden;margin-right: -10px;}
.ul-bot li{float: left; width: 33.3333%;}
.ul-bot a{position: relative; display: block; padding-top: 70%; margin-right: 10px;}
.ul-bot a img{position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%;}
.m-img-sz a{position: relative; overflow: hidden;}
/*手机端-新闻中心*/
.row-box-xw{overflow: hidden; background-color: #f5f5f5;}
.m-new-sz .tabshow3{display: none; padding-bottom: 15px;}
.m-new-sz .title{padding-bottom: 10px; margin-bottom: 10px; text-align: center; background-color: #fff; width: 100%;}
.m-new-sz .title.fixm{box-shadow: 0 5px 10px rgba(0,0,0,.2); position: fixed; top: 50px; left: 0; z-index: 2;}
.m-new-sz .title.action{left: -60%;}
.m-new-sz .title li{display: inline-block; width: 22%; height: auto; margin: 10px 0 0; line-height:2.57em; text-align: center; padding: 3px 2px;}
.m-new-sz .title a{display: block; color: #fff; font-size: 14px; border-radius: 5px; background: url(../images/bg-hd.png) repeat; -webkit-background-size: contain; background-size: contain;}
.m-new-sz .title .on,.m-new-sz .title li:hover{background: url(../images/img3-xw.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.m-new-sz .title .on a,.m-new-sz .title li:hover a{border-radius: 0; color: #d0a857;}
.tabshow3{background-color: #fff;}
.m-list-sz{overflow: hidden; margin-right: -10px; padding: 10px;}
.m-list-sz li{float: left; width: 50%; margin-bottom: 10px;}
.m-list-sz .con{padding: 10px; margin-right: 10px; border: 1px solid #f5f5f5;} @media only screen and (max-width: 340px){.m-list-sz .con{padding: 6px;} }
.m-list-sz .pic{display: block; position: relative; padding-top: 56%; margin-bottom: 10px;}
.m-list-sz .pic img{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.m-list-sz .txt{line-height: 1.5em; color: #666; font-size: 14px;}
.m-list-sz .txt h3{height: 45px; margin-bottom: 10px; font-weight: normal; font-size: 16px; overflow: hidden;}
.m-list-sz .txt h3 a{color: #333;}
.m-list-sz .txt h3 a:hover{color: #d7a746;}
.g-info{color: #888; margin-bottom: 7px; font-size: 12px;}
.m-list-sz .txt p{overflow: hidden;height: 3em;}
.m-list-sz .more{display: block; width: 118px; height: 33px; line-height: 35px; color: #888; font-size: 14px; text-align: center; border-radius: 4px; border: 1px solid #dbdbdb;}
.m-list-sz .more:hover{color: #fff; background-color: #d7a746; border: 1px solid #d7a746;}
.pages{text-align: center;}
.pages .info,.pages a{display: inline-block; margin: 0 2px; height: 34px; line-height: 34px; color: #666; border-radius: 4px; border: 1px solid #ededed;}
.pages a:hover,.pages a.on{color: #fff; background-color: #d7a746; border: 1px solid #d7a746;}
.pages .num{font-size: 14px; width: 34px;}
.pages .first,.pages .last{padding: 0 10px;}
.pages .pages-prev,.pages .pages-next,.pages .num.last{width: 50px;}
.pages .info{width: 34px;} @media only screen and (max-width: 400px){.pages .num,.pages .info{display: none;} }
/*手机端-新闻中心-详情页*/
.row-box-xwxq{background-color: #f5f5f5;overflow: hidden;}
.m-infor{margin-bottom: 11px;padding-top: 20px;background-color: #fff;}
.m-infor .title{padding-left: 10px; padding-bottom: 13px; border-bottom: 1px solid #f0f0f0;}
.m-infor .title h1{margin-bottom: 12px; line-height: 1em; font-weight: normal; font-size: 16px;}
.m-infor .g-info i{display: inline-block; width: 1px;height: 11px; margin: 0 11px; vertical-align: middle; background: url(../images/xwzx-shu1.jpg) center center no-repeat; -webkit-background-size: contain; background-size: contain;}
.m-infor .con{padding: 10px; line-height: 1.7em; color: #666; font-size: 14px;}
.m-infor .con .img{display: block; margin: 10px auto 20px;}
.m-infor .txt1{line-height: 1.71em; margin-bottom: -13px;}
.m-infor .txt1 em{display: block; margin-bottom: -18px;}
.m-bottom{overflow: hidden; position: relative; z-index: 99; padding-top: 16px; border-top: 1px solid #f5f5f5;}
.m-bottom .arrow a{display: inline-block; color: #666; line-height: 24px;}
.m-bottom .arrow a:hover{color: #d7a746;}
.m-hot{background-color: #fff;}
.m-hot .title{padding-left: 20px; margin-bottom: 15px; height: 45px; line-height: 45px; color: #d7a746; font-size: 16px; font-weight: normal; border-bottom: 1px solid #ededed;}
.m-hot ul{margin-right: -10px; padding: 0 10px 5px; overflow: hidden;}
.m-hot li{float: left; width: 50%; margin-bottom: 10px;}
.m-hot .con{border: 1px solid #f5f5f5; margin-right: 10px;}
.m-hot .pic{position: relative; padding-top: 58%; margin-bottom: 8px;}
.m-hot .pic img{display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.m-hot .txt{color: #888; font-size: 14px; padding: 0 10px 10px;}
.m-hot .txt p{overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.m-hot h4{font-weight: normal; font-size: 16px; color: #333; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.m-hot .more{overflow: hidden; margin-top: 10px;}
.m-hot .more a{display: block; float: left; width: 48%; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; font-size: 14px; color: #d7a746; border: 1px solid #d7a746;} @media only screen and (max-width: 360px){.m-hot .more a{height: 24px; line-height: 24px; font-size: 12px;} }
.m-hot .more a:hover{color: #fff; background-color: #d7a746;}
.m-hot .more .a1{float: right;}
/*手机端-新闻中心*/
.m-pic-yxzp{background-color: #f5f5f5;}
.m-pic-yxzp .title{text-align: center; padding: 10px; margin-bottom: 10px; background-color: #fff; width: 100%;}
.m-pic-yxzp .title li{display: inline-block; width: 22%; margin: 0 1%; height: 63px; text-align: center; padding:3px 2px;}
.m-pic-yxzp .title a{display: block; position: relative; padding-top: 33px; width: 100%; height: 100%; color: #fff; border-radius: 5px; background: url(../images/bg-hd.png) repeat; -webkit-background-size: contain; background-size: contain;} @media only screen and (max-width: 360px){.m-pic-yxzp .title a{font-size: 12px;} .m-pic-yxzp .title li{margin: 0 0.5%;} }
.m-pic-yxzp .title .on,.m-pic-yxzp .title li:hover{background: url(../images/img3-xw.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.m-pic-yxzp .title .on a,.m-pic-yxzp .title li:hover a{border-radius: 0; color: #d0a857;}
.m-pic-yxzp .title a i{position: absolute; left: 50%; top:10px; margin-left: -10px; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 20px auto; background-size: 20px auto;}
.m-pic-yxzp .title a.a1 i{background-image: url(../images/i1-zp.png);}
.m-pic-yxzp .title a.a2 i{background-image: url(../images/i2-zp.png);}
.m-pic-yxzp .title a.a3 i{background-image: url(../images/i3-zp.png);}
.m-pic-yxzp .title a.a4 i{background-image: url(../images/i4-zp.png);}
.m-pic-yxzp .title.fixm{position: fixed; top: 50px; left: 0; z-index: 2; box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.m-pic-yxzp .title.action{left: -60%;}
.m-pic-yxzp .title.fixm li{height: 37px;}
.m-pic-yxzp .title.fixm a{padding-top: 0;line-height: 32px;}
.m-pic-yxzp .title.fixm i{display: none;}
.m-pic-yxzp .tabshow4{display: none; overflow: hidden;}
.box-in1{background: url(../images/bg-zp.jpg) center top repeat; padding-bottom: 17px;}
.box-in2{background: url(../images/bg1-zp.jpg) center top repeat; padding-bottom: 15px;}
.ul-pic-zp{overflow: hidden; margin-right: -11px; padding: 10px; -webkit-background-size: 100% auto; background-size: 100% auto;}
.ul-pic-zp li{float: left; width: 50%; margin-bottom: 11px;}
.ul-pic-zp li a{padding: 8px; display: block; margin-right: 11px; background: url(../images/bgl-zp.jpg) center center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
.ul-pic-zp li h3{font-weight: normal; color: #d0a857; font-size: 14px; text-align: center; line-height: 32px;}
.ul-pic-zp li .pic{position: relative; padding-top: 64%;}
.ul-pic-zp li .pic img{display: block; position: absolute; top: 0;left: 0; width: 100%;height: 100%;}
.m-load{position: relative; display: block; text-align: center; line-height: 30px; color: #fff;}
.box-in2 .m-load{color: #666;}
.m-load i{position: absolute; left: 38%; top: 50%; margin-top: -7px; display: block; width: 14px; height: 14px; background: url(../images/more-zp.png) center center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;} @media only screen and (max-width: 360px){.m-load i{left: 35%;} }
/*弹窗*/
.pop-ban{/*display: none;*/ overflow: hidden; position: fixed; width: 100%; height: 100%; top: -150%; left: 0; z-index: 999;}
.pop-ban.open{top: 0;}
.pop-ban .bg-zp{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/popbg-zp.png) repeat; z-index: 900;}
.pop-ban .inner-ban{position: relative; width: 100%; margin: 175px auto 0; z-index: 990;}
.pop-ban .inner-ban .item{padding: 9px; background: url(../images/bg-zp.png) center center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
.pop-ban .inner-ban .item .pic{position: relative; padding-top: 64%;}
.pop-ban .inner-ban .item .pic img{display: block; position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
.pop-ban .inner-ban .item h3{text-align: center; color: #d0a857; font-size: 16px; line-height: 35px; font-weight: normal;}
.pop-ban .inner-ban .slick-arrow{position: absolute; bottom: -58px; display: block; width: 40px; height: 40px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: auto 17px; background-size: auto 17px; background-color: #3b3b3b;}
.pop-ban .inner-ban .slick-arrow:hover{background-color: #d0a857;}
.pop-ban .inner-ban .prev{left: 50%; margin-left: -60px; background-image: url(../images/prev-zp.png);}
.pop-ban .inner-ban .prev:hover{background-image: url(../images/prev0-zp.png);}
.pop-ban .inner-ban .next{left: 50%; margin-left: 20px; background-image: url(../images/next-zp.png);}
.pop-ban .inner-ban .next:hover{background-image: url(../images/next0-zp.png);}
/*名师风采*/
.ban-in{position: relative; padding-top: 60px;}
.ban-in .slick-arrow{z-index: 2; position: absolute; display: block; top: 0; left: 50%; width: 44px; height: 44px; background-repeat: no-repeat; background-position: center center;}
.ban-in .prev{margin-left: -80px; background-image: url(../images/arr-l.png);}
.ban-in .next{margin-left: 40px; background-image: url(../images/arr-r.png);}
.ban-in .prev:hover{background-image: url(../images/arr-l1.png);}
.ban-in .next:hover{background-image: url(../images/arr-r1.png);}
.row-a2{position: relative; padding: 32px 10px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.row-a2.bg1{background-image: url(../images/bg15.jpg);}
.row-a2.bg2{background-image: url(../images/bg16.jpg);}
.row-a2 .g-tit1{overflow: hidden; background-repeat: no-repeat; background-position: center 0; font-size: 20px; color: #fff;text-align: center; font-weight: bold; padding-bottom: 17px; background: url(../images/ico2.png) no-repeat center bottom; -webkit-background-size: 27px auto; background-size: 27px auto; text-align: center;}
.row-a2 .g-tit1 em{display: block; font-size: 26px; margin-bottom: -15px; font-family: spu; opacity: .2; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 20)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);}
.row-a2 .g-tit1-1{color: #393939;}
.row-a2 .g-tit1-1 em{opacity: .3; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 30)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);}
.g-tit1.tit1{color: #333;}
.g-tit1.tit1 em{color: #999; opacity: .2; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 20)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);}
.g-btn{margin-top: 10px;}
.g-btn a{float: left; display: block; width:42%; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; font-size: 12px;}
.g-btn .consult{margin-right: 10px; color: #fff; background: url(../images/btn1-ms.jpg) center center no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
@media only screen and (max-width: 330px){.g-btn a{min-width: 60px;} .g-btn .consult{margin-right: 3px;}}
.g-btn .more{color: #666;border: 1px solid #666;}
.teacher-list{width: 100%; /*overflow: hidden;*/ margin-top: 20px;}
.teacher-list .item{width: 100% !important; height: 218px; margin: 0 0px 20px; padding: 7px 5px; overflow: hidden; background: url(../images/bg17.jpg) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.row-a2.bg2 .teacher-list .item{background-image: url(../images/bg180.jpg);}
.row-a2.bg2 .teacher-list .item .box-bg{background: url(../images/bgx.jpg) repeat;}
.teacher-list .item .pic{float: left; margin-right: 12px; width: 144px; height: 100%;}
.teacher-list .item .pic img{width: 100%; height: 100%;}
.row-a2.bg2 .teacher-list .item .txt{color: #fff;}
.row-a2.bg1 .teacher-list .item .txt,.row-a2.bg2 .teacher-list .item .txt{padding-right: 10px; font-size: 12px; height: 100%; overflow: hidden;}
.teacher-list .item .txt h4{margin-top: 15px; margin-bottom: 10px; font-size: 16px; font-weight: normal;}
.teacher-list .item .txt .subtit{color: #bebebe; margin-bottom: 10px; font-size: 14px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.teacher-list .item .txt p{overflow: hidden; height: 5.5em; font-size: 14px; line-height: 1.43em;}
.teacher-list .slick-dots{text-align: center;}
.teacher-list .slick-dots li{display: inline-block; margin: 0 3px; width: 12px; height: 12px; border-radius: 50%; background-color: #dbdbdb;}
.row-a2.bg2 .teacher-list .slick-dots li{background-color: #888;}
.row-a2.bg2 .teacher-list .slick-dots li.slick-active,.teacher-list .slick-dots li.slick-active{background-color: #d7a746;}
.m-pop{height: 87%; overflow: hidden; overflow-y: auto; position: fixed; top: -200%;left: 0; width: 100%; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.m-pop.open{top: 50px;}
.m-pop .box1{margin: 0 auto; padding: 30px 10px 50px; background: url(../images/bg4.png) repeat; background-size: 100% 100%;}
.m-pop .box1 .close{position: absolute; width: 35px; height: 35px; top:10px; right: 10px; cursor: pointer; background: url(../images/ico12.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.m-pop .box1 .con1{overflow: hidden;}
.m-pop .box1 .con2{padding: 25px; background: url(../images/bg13.png) 0 0 no-repeat; background-size: 100% 100%;}
.slider-for{margin-bottom: 10px;}
.slider-for .item{border: 2px solid #404042;}
.slider-nav{margin: 0 -6px;}
.slider-nav .item{margin: 0 6px; border: 2px solid #404042;}
.slider-nav .item.slick-current{border-color: #d7a746;}
.m-pop .box1 .con2 .pic{padding: 15px 0 7px; width: 100%; height: 200px; margin-bottom: 15px; background: url(../images/bg18.jpg) 0 0 no-repeat; background-size: 100% 100%; -moz-box-shadow:0px 0px 40px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 40px rgba(0,0,0,.5); box-shadow:0px 0px 40px rgba(0,0,0,.5);}
.m-pop .box1 .con2 .pic img{display: block; margin: 0 auto; height: 100%; width: auto;}
.m-pop .box1 .con2 .txt{font-size: 14px; color: #fff;}
.m-pop .box1 .con2 .txt h4{font-size: 16px; font-weight: normal; margin-bottom: 7px;}
.m-pop .box1 .con2 .txt .subtit{color: #bcbcbc; margin-bottom: 15px;}
.m-pop .box1 .con2 .txt p{line-height: 1.65em;}
/*手机端-关于我们*/
.m-about{overflow: hidden;}
.m-about .tit{font-family: spu; font-size: 18px; line-height: 1.72em; color: #bdbdbd;}
.m-more{display: block; width: 155px; height: 39px; line-height: 39px; text-align: center; color: #d4a54c; border: 1px solid #d4a54c; margin: 30px auto 0;}
.m-about .m-more:hover{color: #fff; background-color: #d4a54c;}
.g-tit-gy{margin-bottom: 15px; font-size: 20px;}
.g-tit-gy:after{content: ''; display: block; margin-top: 15px; width: 39px; height: 2px; background-color: #d0a857;}
.g-tit-gy em{display: block; font-size: 22px; font-family: spu; color: #dbdbdb;}
.g-tit-gy.tit2{text-align: center; margin-bottom: 30px;}
.g-tit-gy.tit2:after{margin: 15px auto 0;}
.g-tit-gy.tit2 em{margin-bottom: -20px;}
.row-timg-2 .g-tit-gy em{color: #fff; opacity: .1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 10)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);}
.row-timg-1{padding: 33px 10px 38px;}
.row-timg-1{background: url(../images/bg1-gy.jpg) center center repeat;}
.row-timg-2{padding: 0 10px 38px; color: #fff; background: url(../images/bg5-gy.png) repeat;}
.row-timg-2.pt30{padding-top: 30px;}
.row-timg-2 .txt2{position: relative; text-align: center; padding: 0 32px;}
.row-timg-2 .txt2:before,.row-timg-2 .txt2:after{content: ''; display: block; position: absolute; right: 0; top: 0; width: 26px; height: 26px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}
.row-timg-2 .txt2:before{left: 0; background-image: url(../images/yhl-gy.png);}
.row-timg-2 .txt2:after{right: 0; background-image: url(../images/yhr-gy.png);}
.m-about .box-bg{padding-top: 30px; background: url(../images/bgi-gy.png) center top 13px no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
.m-about .txt{line-height: 1.71em; margin-bottom: 15px;}
.m-about .pic-2 img{display: inline-block; width: 100%; height: auto;}
.m-about .pic-3{margin-top: 50px; height: 180px; position: relative; background: url(../images/picbg-gy.png) repeat;}
.m-about .pic-3 img{top: -34px; left: 50%; margin-left: -171px; position: absolute; display: block; width: 342px; height: 195px;}
@media only screen and (max-width: 380px){.m-about .pic-3{height: 120px;} .m-about .pic-3 img{width: 279px; height: 143px; margin-left: -139px; top: -43px;}}
.row-a .col-l,.row-a .col-r{width: 50%; max-height: 414px;}
.row-a .col-l{padding: 30px 16px 0; background:#fff url(../images/img2-gy.png) left top no-repeat; -webkit-background-size: 64px auto; background-size: 64px auto;}
.m-txt1{padding-bottom: 32px; background: url(../images/img4-gy.png) left bottom 10px no-repeat; -webkit-background-size: 44px auto; background-size: 44px auto;}
.m-txt1 p{height: 15em;overflow: hidden;overflow-y: auto;}
.m-txt2{padding: 28px 15px; color: #fff; background: url(../images/bg3-gy.jpg) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.m-txt2 i{display: block; width: 35px;height: 35px; margin: 0 auto 15px; background: url(../images/img1-gy.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.m-pic-gy{position: relative; padding-top: 110%;}
.m-pic-gy img{display: block; position: absolute; top: 0;left: 0; width: 100%;height: 100%;}
.m-txt-bot{position: relative; color: #fff; padding: 15px; background: url(../images/bg4-gy.jpg) repeat;}
.m-txt-bot .tit{color: #fff;margin-bottom: 30px;}
.m-txt-bot .txt{padding-left: 50px; background: url(../images/img5-gy.png) left top no-repeat; -webkit-background-size: 35px auto; background-size: 35px auto;}
.m-txt-bot .poa{display: block; position: absolute; right: 33px; top: -45px; width: 90px;height: 90px; background: url(../images/img3-gy.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;}
.ul-list-txt{overflow: hidden;margin-right: -12px;}
.ul-list-txt li{float: left; width: 50%; margin-bottom: 15px; background-repeat: no-repeat; background-position: center top 36px; -webkit-background-size: 48px auto; background-size: 48px auto;}
.ul-list-txt li.li1{background-image: url(../images/img6-gy.png);}
.ul-list-txt li.li2{background-image: url(../images/img7-gy.png);}
.ul-list-txt li.li3{background-image: url(../images/img8-gy.png);}
.ul-list-txt li.li4{background-image: url(../images/img9-gy.png);}
.ul-list-txt .con{margin-right: 12px; padding: 100px 20px 30px; background: url(../images/bgk-gy.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.ul-list-txt h5{margin-bottom: 5px; font-weight: normal; font-size: 16px; text-align: center;}
.ul-list-txt .txt{overflow: hidden; height:7em; text-align: center;}
/*手机端-活力校园*/
.m-txtimg-hl{padding: 30px 10px; background: url(../images/bg1-hl.jpg) center top repeat;}
.m-txtimg-hl .mb{margin-bottom: 22px;}
.m-txtimg-hl .mb img{display: block;margin: 0 auto;}
.m-title-hl{margin-bottom: 20px; height: 65px; line-height: 65px; text-align: center; font-weight: bold; font-size: 20px; color: #d4a54c; background: url(../images/btn-hl.png) center center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
/*************************************
********增加页面*******************
**************************************/
/*公用*/
.s-tit-1{padding-top: 34px; width: 56%; margin: 0 auto 20px;}
.s-tit-1 img{display: block;margin: 0 auto;}
/*欧米奇-咖啡饮品专业2-修改*/
.row-a1-kf{padding-bottom: 34px; overflow: hidden;}
.m-txt1-kf{padding-top: 30px; margin-bottom: 25px; width: 100%; height: 140px; background-color: #dca436; background: #dca436 url(../images/kf-img.png) left 20px top 20px no-repeat; -webkit-background-size: 150px auto; background-size: 150px auto;}
.m-txt1-kf .txt{float: right; margin-right: 23px; width: 145px; font-size: 13px; line-height: 20px; text-align: center; color: #fff;}
.m-txt1-kf .txt h4{font-size: 15px; margin-bottom: 5px; font-weight: normal;}
.m-txt1-kf .p-btn-1{border: 1px solid #fff;}
.m-txt1-kf .p-btn-1 span{color: #6e5a50; border: 1px solid #fff; background-color: #fff;}
.ul-list-kf{overflow: hidden; padding: 0 18px; background-color: #6e5a50;}
.ul-list-kf li{width: 100%;}
.ul-list-kf li a{display: block; height:90px; border-bottom: 1px dotted #9a8c85;}
.ul-list-kf li .pic{float: left; margin-right: 10px; margin-top: 21px; width: 39px; height: 39px;}
.ul-list-kf li .pic img{display: inline-block;}
.ul-list-kf li.li6 a{border-bottom: none;}
.ul-list-kf .txt{padding-top: 20px; color: #fff; line-height: 19px; font-size: 13px;}
.ul-list-kf .txt h5{font-size: 14px; font-weight: normal;}
.ul-list-kf .txt p{overflow: hidden;max-height:2.7em;}
.row-a2-kf{padding-bottom: 34px;overflow: hidden;}
.ul-list2-kf{overflow: hidden; margin-right: -10px; margin-bottom: 14px;}
.ul-list2-kf li{width: 50%; float: left; margin-bottom: 10px;}
.ul-list2-kf a{display: block; margin-right: 10px;}
.ul-list2-kf .pic img{display: block;}
.ul-list2-kf .txt{padding-top: 4px; text-align: center; height: 44px; overflow: hidden; color: #fff; font-size: 13px; background-color: #6e5a50;}
.ul-list2-kf a:hover .txt{background-color: #cfa045;}
.ul-list2-kf .txt span{display: block; font-size: 12px;}
.row-a3-kf{padding-bottom: 35px;}
.row-a3-kf .m-inban{}
.row-a3-kf .m-pic-kf{}
.m-inban{position: relative;}
.m-inban .pic{overflow: hidden;}
.m-inban img{display: block; width: 100%;}
.m-inban .slick-arrow{position: absolute; z-index: 9; top: 151px; display: block; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 100%; background-size: 100%;}
.m-inban .prev{top:0; right: 36px; background-image: url(../images/kf-prev1.png);}
.m-inban .prev:hover{background-image: url(../images/kf-prev0.png);}
.m-inban .next:hover{background-image: url(../images/kf-next0.png);}
.m-inban .next{top:0; right: 1px; background-image: url(../images/kf-next2.png);}
.m-inban .txt{padding:20px; height: 275px; line-height: 25px; overflow: hidden; overflow-y: auto; color: #6e5a50; background: url(../images/kf-banbg.png) repeat;}
.m-inban .txt h4{font-size: 24px;font-weight: normal;}
/*
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_draggerContainer{height: 260px!important;}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.2)!important;}
.mCSB_scrollTools .mCSB_dragger{background: none!important;}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(0,0,0,0.4)!important;}*/
.m-pic-kf{overflow: hidden;margin-top: 10px;}
.m-pic-kf .tit{position: relative; padding-top: 18px; margin-bottom: 20px; font-size: 18px; height: 82px; color: #fff; text-align: center; background-color: #6e5a50;}
.m-pic-kf .tit i{position: absolute; top: 19px; left: 128px; display: block; width: 38px; height: 31px; background: url(../images/kf-ds.png) center center no-repeat;}
.m-pic-kf .tit h4{font-size: 34px; font-weight: normal;}
.ul-pic-kf{overflow: hidden; margin-right: -10px;}
.ul-pic-kf li{float: left; width: 50%; margin-bottom: 10px;}
.ul-pic-kf li .pic{margin-right: 10px;}
.ul-pic-kf img{display: block; width: 100%; height: 100%;}
.btn-box2{margin-top: 24px;text-align: center;}
.btn-box2 .p-btn-1{margin: 0 8px; display: inline-block;}
.btn-box2 .p-btn-1.c2{border: 1px solid #6e5a50;}
.btn-box2 .p-btn-1.c2 span{background-color: #6e5a50;border: 1px solid #6e5a50;}
.row-a4-kf{padding: 30px 0; -webkit-background-size: cover; background-size: cover;}
.row-a4-kf .col-l,
.row-a4-kf .col-r{width: 100%;float: none;}
.row-a4-kf .col-l{position: relative;}
.row-a4-kf .col-l i{display: block; position: absolute; top: 0; left: 0; width: 80px; height: 100px; background: url(../images/kf-i1.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.in-ban-box{position: relative;height: 330px;}
.in-ban-box .in-ban{position: absolute; right: 0; top: 0; margin-left: 105px; width: 240px;}
.in-ban-box .jz-slider{position: absolute; top: 130px; z-index: 2;/* margin-top: -77px; padding-top:24px; padding-left: 25px; padding-right: 200px;*/ width: 100%; background: url(../images/kf-bn.png) center bottom no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.in-ban-box .jz-slider .slider-nav{width: 170px;padding-top: 24px;padding-left: 25px;}
.in-ban-box .jz-slider .por{position: relative;right: 0;}
.in-ban-box .jz-slider .slick-arrow{position: absolute; z-index: 9; right: 0px; display: block; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center center;}
.in-ban-box .jz-slider .prev{top: 93px; background-image: url(../images/kf-prev.png);}
.in-ban-box .jz-slider .prev:hover{background-image: url(../images/kf-prev0.png);}
.in-ban-box .jz-slider .next:hover{background-image: url(../images/kf-next0.png);}
.in-ban-box .jz-slider .next{top: 128px; background-image: url(../images/kf-next.png);}
.in-ban-box .jz-slider img{display: block;width: 100%;}
.in-ban-box .jz-item{height: 140px;-webkit-background-size: 100% 100%;
background-size: 100% 100%;}
.m-txt-kf{color: #fff;}
.m-txt-kf .tit{margin-bottom: 15px;}
.m-txt-kf .tit span{font-size: 30px; font-family: 'segoesc';}
.m-txt-kf .tit h5{position: relative; padding-left: 61px; font-size: 14px; font-weight: normal;}
.m-txt-kf .tit h5:before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 60px; height: 1px; background-color: #fff;}
.m-txt-kf .txt h5{margin-bottom: 3px; font-size: 14px; font-weight: normal; padding-left: 21px; position: relative;}
.m-txt-kf .txt h5:before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 15px; height: 1px; background-color: #fff;}
.m-txt-kf .txt{font-size: 13px; line-height: 20px; margin-bottom: 20px;}
.m-txt-kf .p-btn-1{margin: 0;}
.row-a5-kf{padding-bottom: 34px;}
.row-a5-kf .p-btn-1{margin-top: 24px;}
.ul-pictxt{width: 100%; overflow: hidden;}
.ul-pictxt li{background-color: #6e5a50; overflow: hidden;}
.ul-pictxt .pic{width: 50%;height: 100%;}
.ul-pictxt .pic img{display: block;width: 100%;height: 100%;}
.ul-pictxt .txt{width: 50%; color: #fff; font-size: 13px; padding: 7px 14px 0;}
.ul-pictxt .txt .num{margin-bottom: 5px; font-size: 22px; font-family: 'Arial'; padding-bottom: 0px; border-bottom: 1px dotted #9a8c85;}
.ul-pictxt .txt p{overflow: hidden;line-height: 1.46em;max-height: 5.5em;padding-bottom: 8px;}
.pic-logo{float: right; width: 100%;}
.pic-logo img{display: block;width: 100%;height: 100%;}
.row-a6-kf.section-hm.s6{padding-top: 40px;padding-bottom: 36px;}
.box-form.color .cont,.box-form.color .form{background-color: #6e5a50;border: none;}
.box-form.color .cont .tit{color: #fff;border-bottom: 1px solid #9b7765;}
.box-form.color .cont .item{color: #fff;border-bottom: 1px dotted #9b7765;}
.box-form.color .cont .item.last{border-bottom: none;}
.box-form.color .cont .d3{color: #dca436;}
.section-hm.s6 .cont{margin-top:52px;}
.section-hm.s6.color .form .li-item{background-color: #6e5a50;color: #fff;border: 1px solid #9b7765;}
.box-form.color .form .li-gender label.m{background-image: url(../images/kf-nan2.png);}
.box-form.color .form .li-gender label.f{background-image: url(../images/kf-nv2.png);}
.box-form.color .form .li-gender em{background-image: url(../images/kf-true.png);}
.section-hm.s6.color .form .d1{color: #fff; border-right: 1px solid #9b7765;}
.section-hm.s6.color .form .inp-form{background-color: #6e5a50;color: #fff;}
.section-hm.s6.color .form .inp-form::-webkit-input-placeholder{color: #fff;}
.section-hm.s6.color .form .inp-form::-moz-placeholder{color: #fff;}
.section-hm.s6.color .form .inp-form::-ms-input-placeholder{color: #fff;}
.section-hm.s6.color .form .inp-form:input-placeholder{color: #fff;}
.section-hm.s6.color .form .select .cur{color: #fff;}
/*欧米奇-西餐料理-修改*/
.row-a2-xc .m-top-desc{color: #fff;}
.wp{width: 95%;margin: 0 auto;}
.xican .g-tit1{padding-bottom: 5px; padding-top: 35px; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center 0; font-size: 18px; color: #fff;text-align: center; font-weight: bold; text-align: center; color: #333;}
.g-tit1 i{display: inline-block; width: 15px; height: 2px; background-color: #d7a746; vertical-align: middle; margin-right: -5px;}
.xican .g-tit1 span{position: relative; z-index: 3;}
.xican .g-tit1 em{display: block; font-size: 23px; margin-bottom: -20px; font-family: spu; opacity: .10; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 10)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);}
.g-tit1.c2{color: #fff;}
.row-a1-xc{padding-bottom: 35px;overflow: hidden;}
.m-top-desc{margin-bottom: 10px; font-size: 12px; color: #666; line-height: 25px; text-align: center;}
.box-pic{overflow: hidden; overflow-x: auto; width: 100%;}
.ul-list-xc{overflow: hidden; margin-bottom: 20px; border-top: 1px solid #e9e9e8;}
.ul-list-xc li{overflow: hidden; float: left; width: 100%; border-bottom: 1px solid #e9e9e8;}
.ul-list-xc .con{margin-top: 20px; float: left; vertical-align: middle; width: 45px; height: 45px;}
.ul-list-xc .con img{display: block;width: 100%;height: 100%;}
.ul-list-xc .tit{overflow: hidden; margin-left: 54px; padding-top: 10px; font-size: 14px; color: #333;}
.ul-list-xc .tit i{display: block; padding-top: 18px; overflow: hidden; border-bottom: 1px dashed #bdbdbd;}
.ul-list-xc .tit .s1{float: left; margin-right: 10px; display: block;}
.ul-list-xc .tit .s2{display: block; margin-left: 10px;}
.ul-list-xc .txt{padding: 10px 0; overflow: hidden; margin-left: 54px; color: #666; font-size: 12px;}
.s-more-sz{text-align: center; display: block; margin: 0 auto; height: 34px; line-height: 34px; width: 138px; font-size: 13px; color: #fff; background-color: #dca436; border: 1px solid #dca436;}
.s-more-sz:hover{border: 1px solid #b18c62;background-color: #b18c62;color: #fff;}
.ul-list2-xc{overflow: hidden; border: 1px solid #666;}
.ul-list2-xc li{float: left; width: 50%;  -webkit-background-size: 100%; background-size: 100%;}
.ul-list2-xc li a{display: block;}
.ul-list2-xc .pic{padding: 7px; height: 120px;}
.ul-list2-xc .pic img{display: block; width: 100%; height: 100%;}
.ul-list2-xc .txt{padding-top: 8px; height: 50px; text-align: center; font-size: 12px; color: #fff;}
.ul-list2-xc .txt span{display: block; margin: 0 auto; color: #b2b2b2; font-size: 10px;}
.box-btn-s{text-align: center; padding: 24px 0;}
.box-btn-s .s-more-sz{display: inline-block; margin: 0 3px;}
.box-btn-s .s-more-sz.s2{background-color: transparent; color: #dca436; height: 34px; border: 1px solid #dca436;}
.box-btn-s .s-more-sz.s2:hover{background-color: #dca436; color: #fff;}
.m-inban.style2{width: 100%; background-color: #fff;}
.m-inban.style2 .item .pic{width: 100%;}
.m-inban.style2 .item .txt{background-color: #fff; background-image: none; color: #333;}
.m-inban.style2 .item .txt h4::after{content: ''; display: block; margin-top: 30px; width: 50px; height: 4px; background-color: #d7a746;}
.ul-pic-xc{height: 120px; margin-left: -10px; overflow: hidden; overflow-x: auto; width: 100%; white-space: nowrap;}
.ul-pic-xc li{display: inline-block; width: 191px; height: 120px;}
.ul-pic-xc .pic img{width: 100%;display: block;height: 100%;}
.row-a4-xc{padding-bottom: 35px;}
.row-a4-xc .col-l,
.row-a4-xc .col-r{width: 100%;float: none;}
.m-txt-xc{padding-top: 30px; color: #fff;}
.m-txt-xc .tit{font-size: 22px; line-height: 24px; margin-bottom: 15px; text-transform: uppercase;}
.m-txt-xc .tit span{display: block; margin-bottom: 10px; font-size: 18px; padding-left: 5px; -webkit-background-size:120px 6px ; background-size:120px 6px ;}
.m-txt-xc .txt{font-size: 13px; line-height: 20px; margin-bottom: 20px;}
.m-txt-xc .s-more-sz{margin: 0;}
.row-a4-xc .pic{margin-bottom: 20px;}
.row-a5-xc{overflow: hidden;height: 688px;}
.row-a5-xc{height: 688px;}
.row-a5-xc .col-l,
.row-a5-xc .col-r{width: 100%;float: none;}
.m-picban{position: relative; width: 100%;}
.m-picban .slick-dots{position: absolute; bottom: 15px; right: 15px;}
.m-picban .slick-dots li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-left: 5px; border: 1px solid #fff; cursor: pointer;}
.m-picban .slick-dots li.slick-active{background-color: #fff;}
.s-ul-tab{float: left; padding: 9px; width: 32%; height: 200px; background: url(../images/xc-tab.jpg) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.s-ul-tab li{position: relative; width: 100%; height: 50%; background-position: center center; background-repeat: no-repeat; cursor: pointer; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.s-ul-tab li.li1{background-image: url(../images/xc-li1.jpg);}
.s-ul-tab li.li1.on{background-image: url(../images/xc-li01.jpg);}
.s-ul-tab li.li1.on::after,.s-ul-tab li.li2.on::after{content: ''; display: block; position: absolute; top: 50%; margin-top: -11px; right: -20px; width: 11px; height: 23px; background: url(../images/xc-la.png) center center no-repeat;}
.s-ul-tab li.li2{background-image: url(../images/xc-li2.jpg);}
.s-ul-tab li.li2.on{background-image: url(../images/xc-li02.jpg);}
.tabshow10{float: right; width: 68%; height: 200px; display: none; padding: 20px 20px 27px; color: #fff; background: url(../images/xc-b.png) center center no-repeat;}
.tabshow10 .txt .tit{font-size: 25px; text-transform: uppercase;}
.tabshow10 .txt h4{font-size: 15px;margin-bottom: 5px;font-weight: normal;}
.ul-list-xc2 li{padding-left: 30px; margin-bottom: 6px; font-size: 13px; }
.row-a6-xc.section-hm.s6 .cont{margin-top: 20px;}
.row-a6-xc.section-hm.s6{padding: 35px 0;}
.row-a6-xc.section-hm.s6 .form .select .cur{background-image: url(../images/ico-xiala.png);}
@media only screen and (max-width: 375px){.tabshow10 .txt .tit{font-size: 16px;} .tabshow10{padding: 10px 20px;} .ul-list-xc2 li{font-size: 12px;} .s-more-sz{width: 120px;}}
.p-btn-1.color1{border-color: #9f805c;}
.p-btn-1.color1 span{background-color: #9f805c;}
.p-tit-1{position: relative; padding: 33px 0 15px; text-align: center; line-height: 1; color: #ab8d68;}
.p-tit-1 .en{font-family: spu; font-size: 24px; opacity: .15;}
.p-tit-1 .cn{position: absolute; top: 58px; left: 50%; z-index: 4; margin-top: -18px; font-size: 18px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.p-tit-1 .cn span{display: inline-block; padding-left: 25px; background-repeat: no-repeat; background-position: left center; -webkit-background-size: auto 18px; background-size: auto 18px;}
.p-tit-1 .info{padding: 8px 15px 0; font-size: 12px; line-height: 1.6;}
.p-tit-1.white{color: #fff;}
.m-box-three .row1{padding-bottom: 35px;}
.ul-list-mp1{overflow: hidden; margin-left: -10px; padding: 0 15px 28px;}
.ul-list-mp1 li{float: left; margin-bottom: 10px; width: 50%;}
.ul-list-mp1 .center{margin-left: 10px; padding: 10px; background-color: #fff;}
.ul-list-mp1 .img img{display: block; width: 100%;}
.ul-list-mp1 h5{padding: 10px 0 2px; font-weight: normal; font-size: 14px; white-space: nowrap; overflow: hidden;}
.ul-list-mp1 .info{overflow: hidden; height: 34px; font-size: 12px; line-height: 1.4; color: #666;}
.m-box-three .row2{padding-bottom: 35px; background: url(../images/img-threem-3.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.workScro1{padding: 0 15px;}
.workScro1 img{width: 100%;}
.workScro1 .slick-arrow{position: absolute; bottom: 0; z-index: 10; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center; -webkit-background-size: 10px; background-size: 10px; background-color: rgba(255,255,255,.3);}
.workScro1 .slick-arrow.prev{right: 50px; background-image: url(../images/ico-threem-1.png);}
.workScro1 .slick-arrow.next{right: 15px; background-image: url(../images/ico-threem-2.png);}
.workScro1 .slick-arrow.prev:hover,
.workScro1 .slick-arrow.next:hover{background-color: #d0a857;}
.workScro2{padding: 15px 0 25px 15px;}
.workScro2 a{position: relative; display: block; margin-right: 10px; width: 150px; height: 180px; font-size: 0; text-align: center; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;}
.workScro2 a:before{content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.workScro2 a:after{content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0,0,0,0); -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.workScro2 .center{position: relative; z-index: 10; display: inline-block; width: 100px; height: 42px; font-size: 12px; vertical-align: middle; background-color: rgba(255,255,255,.9); color: #666; opacity: 0; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.workScro2 .center:after,.workScro2 .center:before{content: ''; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; z-index: 10; opacity: .9;}
.workScro2 .center:after{border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.workScro2 .center:before{border-right: 1px solid #fff; border-left: 1px solid #fff;}
.workScro2 .cn{display: block; padding-top: 2px; font-size: 14px; font-weight: normal; color: #333;}
.workScro2 .en{font-family: 'Arial';}
.workScro2 a:hover:after{background-color: rgba(0,0,0,.5);}
.workScro2 a:hover .center{opacity: 1;}
.m-box-three .row3{padding-bottom: 40px;}
.tchScro{padding: 0 15px;}
.tchScro .item > a{display: block; margin-bottom: 25px; padding: 15px; background-color: #fff;}
.tchScro .img img{width: 100%;}
.tchScro .txt{padding-bottom: 20px; font-size: 13px; text-align: justify; color: #666;}
.tchScro h3{position: relative; margin-bottom: 15px; padding: 12px 0 10px; font-size: 1.3em; font-weight: normal; color: #333;}
.tchScro h3:before{content: ''; position: absolute; bottom: 0; left: 0; width: 25px; height: 2px; background-color: #e6ddd1; color: #333;}
.tchScro .color{font-size: 14px; color: #333;}
.tchScro p{font-size:13px; padding-bottom: 20px;}
.tchScro .btns{text-align: center;}
.tchScro .p-btn-1{display: inline-block; margin: 0 15px 8px;}
.tchScro .slick-dots{position: absolute; /* bottom: 79px; */ left: 0; z-index: 10; width: 100%; text-align: center;}
.tchScro .slick-dots li{display: inline-block; margin: 0 3px; width: 10px; height: 10px; border-radius: 50%; background-color: #dbdbdb; cursor: pointer;}
.tchScro .slick-dots .slick-active{background-color: #d7a746;}
.m-box-three .row4{padding: 30px 15px 35px; background: url(../images/img-threem-6.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.m-box-three .row4 .cont{color: #fff;}
.m-box-three .row4 h2{position: relative; padding: 3px 0 12px; font-size: 18px; line-height: 1;}
.m-box-three .row4 h2:after{content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: #d4a54c;}
.m-box-three .row4 .txt{padding-bottom: 18px; font-size: 13px;}
.m-box-three .row4 h4{padding: 17px 0 5px; line-height: 1; font-weight: normal; font-size: 14px;}
.m-box-three .row4 .list{overflow: hidden; margin-left: -10px; padding-bottom: 27px;}
.m-box-three .row4 .li{float: left; width: 50%;}
.m-box-three .row4 .item{position: relative; display: block; margin: 0 0 10px 10px; height: 130px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;}
.m-box-three .row4 .item:after,
.m-box-three .row4 .item:before{content: ''; position: absolute; z-index: 5; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.m-box-three .row4 .item:before{left: 0; top: 0; width: 100%; height: 100%; background-color: #b18c62;}
.m-box-three .row4 .item:after{left: 5px; right: 5px; bottom: 5px; top: 5px; border: 1px solid #d8c4ad;}
.m-box-three .row4 .bg{position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; background: rgba(0,0,0,.55);}
.m-box-three .row4 .center{position: relative; z-index: 10; padding: 11px 12px 0 15px; color: #fff;}
.m-box-three .row4 .tit{padding-bottom: 10px;}
.m-box-three .row4 .cn{overflow: hidden; white-space: nowrap; padding-bottom: 2px; font-size: 14px;}
.m-box-three .row4 .en{overflow: hidden; height: 29px; font-size: 12px; line-height: 1.2; font-family: 'Arial';}
.m-box-three .row4 .ico{overflow: hidden;}
.m-box-three .row4 .ico img{width: 37px;}
.m-box-three .row4 .btn{float: right; margin-top: 20px; width: 20px; height: 20px; background: url(../images/ico-three-5.png) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.m-box-three .row4 .it1:before,
.m-box-three .row4 .it1:after,
.m-box-three .row4 .it2:hover:before,
.m-box-three .row4 .it2:hover:after{opacity: 0;}
.m-box-three .row4 .it1:hover:before,
.m-box-three .row4 .it1:hover:after{opacity: 1;}
.ul-list-p1{overflow: hidden; margin-left: -10px; padding: 0 15px;}
.ul-list-p1 li{float: left; width: 50%;}
.ul-list-p1 a{display: block; margin: 0 0 10px 10px; padding: 25px 17px 18px; background-color: #fff;}
.ul-list-p1 .ico{display: block; width: 38px; height: 30px; background-repeat: no-repeat; background-position: center top; -webkit-background-size: auto 100%; background-size: auto 100%;}
.ul-list-p1 h4{margin: 12px 0 4px; font-weight: normal; font-size: 14px; color: #333;}
.ul-list-p1 .info{overflow: hidden; height: 73px; font-size: 13px; line-height: 1.4; color: #888;}
.ul-list-p1 .ico1{background-image: url(../images/ico-threem-3.png);}
.ul-list-p1 .ico2{background-image: url(../images/ico-threem-4.png);}
.ul-list-p1 .ico3{background-image: url(../images/ico-threem-5.png);}
.ul-list-p1 .ico4{background-image: url(../images/ico-threem-6.png);}
.ul-list-p1 a:hover{background-color: #b18c62;}
.ul-list-p1 a:hover h4{color: #fff;}
.ul-list-p1 a:hover .info{color: #fff;}
.ul-list-p1 a:hover .ico1{background-image: url(../images/ico-threem-3h.png);}
.ul-list-p1 a:hover .ico2{background-image: url(../images/ico-threem-4h.png);}
.ul-list-p1 a:hover .ico3{background-image: url(../images/ico-threem-5h.png);}
.ul-list-p1 a:hover .ico4{background-image: url(../images/ico-threem-6h.png);}
.m-box-three .row5 .cont{padding: 20px 15px 35px 25px;}
.m-box-three .row5 .ct-img:before,
.m-box-three .row5 .ct-cont:before{content: ''; position: absolute; z-index: 5; width: 84px; height: 84px; opacity: .2;}
.m-box-three .row5 .ct-img{position: relative;}
.m-box-three .row5 .ct-img:before{top: -10px; left: -10px; background-color: #dca436;}
.m-box-three .row5 .ct-img img{position: relative; z-index: 10; display: block; width: 100%;}
.m-box-three .row5 .ct-cont{position: relative; margin-top: 10px;}
.m-box-three .row5 .ct-cont:before{top: 0; right: 0; border-top: 2px solid #dca436; border-right: 2px solid #dca436;}
.m-box-three .row5 .ct-tit{position: relative; padding: 8px 0 12px;}
.m-box-three .row5 .ct-tit:before{content: ''; position: absolute; bottom: 0; left: 0; z-index: 5; width: 50px; height: 2px; background-color: #dca436;}
.m-box-three .row5 .ct-tit .en{font-size: 15px; font-family: spu; color: #ab8d68; opacity: .5;}
.m-box-three .row5 .ct-tit .cn{padding-top: 2px; font-size: 17px;}
.m-box-three .row5 .ct-info{padding: 12px 0 25px; font-size: 13px; line-height: 1.7; color: #666;}
.m-box-three .row5 .color{color: #d4a54c;}
.m-box-three .row5 .btns{text-align: center;}
.m-box-three .row5 .p-btn-1{display: inline-block; margin: 0 10px;}
.row-three{padding: 43px 0 35px; background: url(../images/bg-hm-1.jpg) center center no-repeat; background-size: cover;}
.row-three .list{margin-right: 20px; padding-top: 16px;}
.row-three .cont{margin-top: 40px; background-color: #9f805c; border: 1px solid #9f805c;}
.row-three .cont{margin-top: 44px;}
.row-three .tit{border-bottom: 1px solid #b69978; color: #fff;}
.row-three .table .item{border-bottom: 1px dotted #b69978; color: #fff;}
.row-three .table .d3,
.row-three .form .d1 em{color: #f0ac27;}
.row-three .form,
.row-three .form .inp-form{background-color: #9f805c;border-radius:10px; color: #fff;}
.row-three .form .inp-form::-webkit-input-placeholder{color: #fff;}
.row-three .form .inp-form::-moz-placeholder{color: #fff;}
.row-three .form .inp-form::-ms-input-placeholder{color: #fff;}
.row-three .form .li-item{border: 1px solid #b69978;}
.row-three .form .d1{border-right: 1px solid #b69978; color: #fff;}
.row-three .form .select .cur{background-image: url(../images/ico-three-16.png);}
.row-three .form .select .s-list{background-color: #9f805c; border: 1px solid #b69978;}
.row-three .form .select .s-list a{color: #fff;}
.row-three .form .select .s-list a:hover{color: #f0ac27;}
.m-box-nine .g-tit-1{padding: 34px 0 17px;}
.m-box-nine .row1{padding-bottom: 35px;}
.ul-list-p2{overflow: hidden; margin-left: -10px; padding-bottom: 18px;}
.ul-list-p2 li{overflow: hidden; float: left; padding: 0 0 10px 10px; width: 50%;}
.ul-list-p2 .center{padding: 15px; background-color: #fff;}
.ul-list-p2 .ico{margin: 5px 0 12px; width: 46px; height: 46px; background-image: url(../images/img-nine-2.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: 230px 92px; background-size: 230px 92px;}
.ul-list-p2 .info{overflow: hidden;}
.ul-list-p2 .info h5{padding-bottom: 5px; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden;}
.ul-list-p2 .info p{overflow: hidden; height: 37px; font-size: 13px; line-height: 1.4; color: #666;}
.ul-list-p2 .li1 .ico{background-position: 0px 0px;}
.ul-list-p2 .li2 .ico{background-position: -46px 0px;}
.ul-list-p2 .li3 .ico{background-position: -92px 0px;}
.ul-list-p2 .li4 .ico{background-position: -138px 0px;}
.ul-list-p2 .li5 .ico{background-position: 0px -46px;}
.ul-list-p2 .li6 .ico{background-position: -46px -46px;}
.ul-list-p2 .li7 .ico{background-position: -92px -46px;}
.ul-list-p2 .li8 .ico{background-position: -138px -46px;}
.m-box-nine .row2{padding-bottom: 35px; background: url(../images/img-ninem-3.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.m-box-nine .row2 .cont{overflow: hidden; padding-bottom: 28px;}
.m-box-nine .row2 .img{position: relative; float: left; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;}
.m-box-nine .row2 .img1{width: 100%; height: 200px;}
.m-box-nine .row2 .img2{width: 50%; height: 170px;}
.m-box-nine .row2 .pos{overflow: hidden; position: absolute; left: 0; bottom: -100%; right: 0; z-index: 10; padding: 0 10px; font-size: 13px; text-align: center; line-height: 30px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background-color: rgba(212,165,76,.9); color: #fff; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.m-box-nine .row2 a:hover .pos{bottom: 0;}
.m-box-nine .row3 .cont{position: relative; padding-bottom: 35px;}
.techScro .item{margin-bottom: 10px; padding-top: 20px; background-color: #fff;}
.m-box-nine .row3 .teacher{position: relative; z-index: 10; margin: 0 auto 5px; width: 70px; height: 70px; border-radius: 50%;}
.techScro h3{margin-bottom: 12px; font-weight: normal; font-size: 15px; text-align: center;}
.techScro .info{padding: 45px 18px 11px; font-size: 13px; background: url(../images/img-ninem-9.png) left top no-repeat; -webkit-background-size: 100%; background-size: 100%; color: #666;}
.techScro .info p{padding-bottom: 8px;}
.techScro .info .color{font-size: 14px; color: #333;}
.m-box-nine .row3 .list{overflow: hidden; position: absolute; top: 20px; left: 20px; right: 20px; z-index: 5; padding: 16px 0;}
.m-box-nine .row3 .list a{display: block; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #dbdbdb; background-repeat: no-repeat; background-position: center; -webkit-background-size: 10px; background-size: 10px;}
.m-box-nine .row3 .list .prev{float: left; background-image: url(../images/img-threem-3.png);}
.m-box-nine .row3 .list .next{float: right; background-image: url(../images/img-threem-4.png);}
.m-box-nine .row3 .list a:hover{border-color: #b18c62;background-color: #b18c62;}
.workScro{margin: 0 -15px 28px 0;}
.workScro .item{overflow: hidden;}
.workScro a{position: relative; display: block; float: left; margin-right: 10px; width: 140px; text-align: center; color: #dca436;}
.workScro img{width: 100%;}
.workScro .pos{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); opacity: 0; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.workScro .pos:after,
.workScro .pos:before{content: '';}
.workScro .pos:after{display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.workScro .pos:before{position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; border: 1px solid #fff;}
.workScro .btn{display: inline-block; width: 100px; line-height: 30px; vertical-align: middle; background-color: #fff;}
.workScro a:hover .pos{opacity: 1;}
.m-box-nine .row4{padding-bottom: 35px; background: url(../images/img-ninem-4.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.ul-list-p3{overflow: hidden; padding-top: 10px;}
.ul-list-p3 li{float: left; padding-bottom: 15px; width: 50%; text-align: center; color: #fff;}
.ul-list-p3 .center{display: inline-block; width: 140px;}
.ul-list-p3 h6{font-weight: normal; font-size: 14px;}
.ul-list-p3 .info{overflow: hidden; margin-top: 4px; padding: 0 10px; height: 59px; font-size: 13px; opacity: .8;}
.ul-list-p3 .img{margin: 0 auto 13px; padding: 8px; width: 130px; height: 130px; border-radius: 50%; border: 1px dashed #aba8a6;}
.ul-list-p3 .img img{display: block; width: 100%;}
.m-box-nine .row5{padding-bottom: 35px;}
.ul-list-p4{overflow: hidden; margin-left: -10px; padding-bottom: 20px;}
.ul-list-p4 li{float: left; margin-bottom: 10px; width: 50%;}
.ul-list-p4 a{position: relative; display: block; height: 366px; margin-left: 10px; font-size: 13px; text-align: center; color: #666;}
.ul-list-p4 .ico{margin: 9px auto 0; width: 42px; height: 42px; background-image: url(../images/img-nine-2.png); background-repeat: no-repeat; -webkit-background-size: 210px 84px; background-size: 210px 84px;}
.ul-list-p4 h4{position: relative; padding: 8px 0 8px; font-weight: normal; font-size: 15px; line-height: 1; color: #333;}
.ul-list-p4 h4:before{content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 2px; background-color: #666;}
.ul-list-p4 .li1 .ico{background-position: -42px 0px;}
.ul-list-p4 .li2 .ico{background-position: -168px 0px;}
.ul-list-p4 .li3 .ico{background-position: -168px -42px;}
.ul-list-p4 .li4 .ico{background-position: -42px -42px;}
.ul-list-p4 .info{overflow: hidden;}
.ul-list-p4 .img,.ul-list-p4 .txt{position: absolute;}
.ul-list-p4 .img{left: 0; width: 100%; height: 176px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;}
.ul-list-p4 .txt{left: 0; right: 0; padding: 0 12px; border: 1px solid #e9e2d7;}
.ul-list-p4 .center{position: absolute; left: 0; right: 0; height: 100%; text-align: center; background: rgba(0,0,0,.6); opacity: 0; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.ul-list-p4 .center:before{content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.ul-list-p4 .btn{display: inline-block; width: 100px; line-height: 32px; vertical-align: middle; background-color: #dca436; color: #fff;}
.ul-list-p4 .li1 .img,
.ul-list-p4 .li3 .img{bottom: 0;}
.ul-list-p4 .li2 .img,
.ul-list-p4 .li4 .img{top: 0;}
.ul-list-p4 .li1 .txt,
.ul-list-p4 .li3 .txt{top: 0; border-bottom: 0;}
.ul-list-p4 .li2 .txt,
.ul-list-p4 .li4 .txt{top: 176px; border-top: 0;}
.ul-list-p4 a:hover .center{opacity: 1;}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated{animation-duration: 1s; animation-fill-mode: both;}
.animated.infinite{animation-iteration-count: infinite;}
.animated.hinge{animation-duration: 2s;}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut{animation-duration: .75s;}
@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0);} 40%, 43%{animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0);} 70%{animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0);} 90%{transform: translate3d(0,-4px,0);}}
.bounce{animation-name: bounce; transform-origin: center bottom;}
@keyframes flash{from, 50%, to{opacity: 1;} 25%, 75%{opacity: 0;}}
.flash{animation-name: flash;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse{from{transform: scale3d(1, 1, 1);} 50%{transform: scale3d(1.05, 1.05, 1.05);} to{transform: scale3d(1, 1, 1);}}
.pulse{animation-name: pulse;}
@keyframes rubberBand{from{transform: scale3d(1, 1, 1);} 30%{transform: scale3d(1.25, 0.75, 1);} 40%{transform: scale3d(0.75, 1.25, 1);} 50%{transform: scale3d(1.15, 0.85, 1);} 65%{transform: scale3d(.95, 1.05, 1);} 75%{transform: scale3d(1.05, .95, 1);} to{transform: scale3d(1, 1, 1);}}
.rubberBand{animation-name: rubberBand;}
@keyframes shake{from, to{transform: translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{transform: translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{transform: translate3d(10px, 0, 0);}}
.shake{animation-name: shake;}
@keyframes headShake{0%{transform: translateX(0);} 6.5%{transform: translateX(-6px) rotateY(-9deg);} 18.5%{transform: translateX(5px) rotateY(7deg);} 31.5%{transform: translateX(-3px) rotateY(-5deg);} 43.5%{transform: translateX(2px) rotateY(3deg);} 50%{transform: translateX(0);}}
.headShake{animation-timing-function: ease-in-out; animation-name: headShake;}
@keyframes swing{20%{transform: rotate3d(0, 0, 1, 15deg);} 40%{transform: rotate3d(0, 0, 1, -10deg);} 60%{transform: rotate3d(0, 0, 1, 5deg);} 80%{transform: rotate3d(0, 0, 1, -5deg);} to{transform: rotate3d(0, 0, 1, 0deg);}}
.swing{transform-origin: top center; animation-name: swing;}
@keyframes tada{from{transform: scale3d(1, 1, 1);} 10%, 20%{transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to{transform: scale3d(1, 1, 1);}}
.tada{animation-name: tada;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble{from{transform: none;} 15%{transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} to{transform: none;}}
.wobble{animation-name: wobble;}
@keyframes jello{from, 11.1%, to{transform: none;} 22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3%{transform: skewX(6.25deg) skewY(6.25deg);} 44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8%{transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}
.jello{animation-name: jello; transform-origin: center;}
@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity: 0; transform: scale3d(.3, .3, .3);} 20%{transform: scale3d(1.1, 1.1, 1.1);} 40%{transform: scale3d(.9, .9, .9);} 60%{opacity: 1; transform: scale3d(1.03, 1.03, 1.03);} 80%{transform: scale3d(.97, .97, .97);} to{opacity: 1; transform: scale3d(1, 1, 1);}}
.bounceIn{animation-name: bounceIn;}
@keyframes bounceInDown{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity: 0; transform: translate3d(0, -3000px, 0);} 60%{opacity: 1; transform: translate3d(0, 25px, 0);} 75%{transform: translate3d(0, -10px, 0);} 90%{transform: translate3d(0, 5px, 0);} to{transform: none;}}
.bounceInDown{animation-name: bounceInDown;}
@keyframes bounceInLeft{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity: 0; transform: translate3d(-3000px, 0, 0);} 60%{opacity: 1; transform: translate3d(25px, 0, 0);} 75%{transform: translate3d(-10px, 0, 0);} 90%{transform: translate3d(5px, 0, 0);} to{transform: none;}}
.bounceInLeft{animation-name: bounceInLeft;}
@keyframes bounceInRight{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; transform: translate3d(-25px, 0, 0);} 75%{transform: translate3d(10px, 0, 0);} 90%{transform: translate3d(-5px, 0, 0);} to{transform: none;}}
.bounceInRight{animation-name: bounceInRight;}
@keyframes bounceInUp{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; transform: translate3d(0, 3000px, 0);} 60%{opacity: 1; transform: translate3d(0, -20px, 0);} 75%{transform: translate3d(0, 10px, 0);} 90%{transform: translate3d(0, -5px, 0);} to{transform: translate3d(0, 0, 0);}}
.bounceInUp{animation-name: bounceInUp;}
@keyframes bounceOut{20%{transform: scale3d(.9, .9, .9);} 50%, 55%{opacity: 1; transform: scale3d(1.1, 1.1, 1.1);} to{opacity: 0; transform: scale3d(.3, .3, .3);}}
.bounceOut{animation-name: bounceOut;}
@keyframes bounceOutDown{20%{transform: translate3d(0, 10px, 0);} 40%, 45%{opacity: 1; transform: translate3d(0, -20px, 0);} to{opacity: 0; transform: translate3d(0, 2000px, 0);}}
.bounceOutDown{animation-name: bounceOutDown;}
@keyframes bounceOutLeft{20%{opacity: 1; transform: translate3d(20px, 0, 0);} to{opacity: 0; transform: translate3d(-2000px, 0, 0);}}
.bounceOutLeft{animation-name: bounceOutLeft;}
@keyframes bounceOutRight{20%{opacity: 1; transform: translate3d(-20px, 0, 0);} to{opacity: 0; transform: translate3d(2000px, 0, 0);}}
.bounceOutRight{animation-name: bounceOutRight;}
@keyframes bounceOutUp{20%{transform: translate3d(0, -10px, 0);} 40%, 45%{opacity: 1; transform: translate3d(0, 20px, 0);} to{opacity: 0; transform: translate3d(0, -2000px, 0);}}
.bounceOutUp{animation-name: bounceOutUp;}
@keyframes fadeIn{from{opacity: 0;} to{opacity: 1;}}
.fadeIn{animation-name: fadeIn;}
@keyframes fadeInDown{from{opacity: 0; transform: translate3d(0, -100%, 0);} to{opacity: 1; transform: none;}}
.fadeInDown{animation-name: fadeInDown;}
@keyframes fadeInDownBig{from{opacity: 0; transform: translate3d(0, -2000px, 0);} to{opacity: 1; transform: none;}}
.fadeInDownBig{animation-name: fadeInDownBig;}
@keyframes fadeInLeft{from{opacity: 0; transform: translate3d(-100%, 0, 0);} to{opacity: 1; transform: none;}}
.fadeInLeft{animation-name: fadeInLeft;}
@keyframes fadeInLeftBig{from{opacity: 0; transform: translate3d(-2000px, 0, 0);} to{opacity: 1; transform: none;}}
.fadeInLeftBig{animation-name: fadeInLeftBig;}
@keyframes fadeInRight{from{opacity: 0; transform: translate3d(100%, 0, 0);} to{opacity: 1; transform: none;}}
.fadeInRight{animation-name: fadeInRight;}
@keyframes fadeInRightBig{from{opacity: 0; transform: translate3d(2000px, 0, 0);} to{opacity: 1; transform: none;}}
.fadeInRightBig{animation-name: fadeInRightBig;}
@keyframes fadeInUp{from{opacity: 0; transform: translate3d(0, 100%, 0);} to{opacity: 1; transform: none;}}
.fadeInUp{animation-name: fadeInUp;}
@keyframes fadeInUpBig{from{opacity: 0; transform: translate3d(0, 2000px, 0);} to{opacity: 1; transform: none;}}
.fadeInUpBig{animation-name: fadeInUpBig;}
@keyframes fadeOut{from{opacity: 1;} to{opacity: 0;}}
.fadeOut{animation-name: fadeOut;}
@keyframes fadeOutDown{from{opacity: 1;} to{opacity: 0; transform: translate3d(0, 100%, 0);}}
.fadeOutDown{animation-name: fadeOutDown;}
@keyframes fadeOutDownBig{from{opacity: 1;} to{opacity: 0; transform: translate3d(0, 2000px, 0);}}
.fadeOutDownBig{animation-name: fadeOutDownBig;}
@keyframes fadeOutLeft{from{opacity: 1;} to{opacity: 0; transform: translate3d(-100%, 0, 0);}}
.fadeOutLeft{animation-name: fadeOutLeft;}
@keyframes fadeOutLeftBig{from{opacity: 1;} to{opacity: 0; transform: translate3d(-2000px, 0, 0);}}
.fadeOutLeftBig{animation-name: fadeOutLeftBig;}
@keyframes fadeOutRight{from{opacity: 1;} to{opacity: 0; transform: translate3d(100%, 0, 0);}}
.fadeOutRight{animation-name: fadeOutRight;}
@keyframes fadeOutRightBig{from{opacity: 1;} to{opacity: 0; transform: translate3d(2000px, 0, 0);}}
.fadeOutRightBig{animation-name: fadeOutRightBig;}
@keyframes fadeOutUp{from{opacity: 1;} to{opacity: 0; transform: translate3d(0, -100%, 0);}}
.fadeOutUp{animation-name: fadeOutUp;}
@keyframes fadeOutUpBig{from{opacity: 1;} to{opacity: 0; transform: translate3d(0, -2000px, 0);}}
.fadeOutUpBig{animation-name: fadeOutUpBig;}
@keyframes flip{from{transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out;} 40%{transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out;} 50%{transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in;} 80%{transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in;} to{transform: perspective(400px); animation-timing-function: ease-in;}}
.animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip;}
@keyframes flipInX{from{transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0;} 40%{transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in;} 60%{transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;} 80%{transform: perspective(400px) rotate3d(1, 0, 0, -5deg);} to{transform: perspective(400px);}}
.flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX;}
@keyframes flipInY{from{transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0;} 40%{transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in;} 60%{transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;} 80%{transform: perspective(400px) rotate3d(0, 1, 0, -5deg);} to{transform: perspective(400px);}}
.flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY;}
@keyframes flipOutX{from{transform: perspective(400px);} 30%{transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;} to{transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}}
.flipOutX{animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;}
@keyframes flipOutY{from{transform: perspective(400px);} 30%{transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;} to{transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}}
.flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY;}
@keyframes lightSpeedIn{from{transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{transform: skewX(20deg); opacity: 1;} 80%{transform: skewX(-5deg); opacity: 1;} to{transform: none; opacity: 1;}}
.lightSpeedIn{animation-name: lightSpeedIn; animation-timing-function: ease-out;}
@keyframes lightSpeedOut{from{opacity: 1;} to{transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}
.lightSpeedOut{animation-name: lightSpeedOut; animation-timing-function: ease-in;}
@keyframes rotateIn{from{transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0;} to{transform-origin: center; transform: none; opacity: 1;}}
.rotateIn{animation-name: rotateIn;}
@keyframes rotateInDownLeft{from{transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0;} to{transform-origin: left bottom; transform: none; opacity: 1;}}
.rotateInDownLeft{animation-name: rotateInDownLeft;}
@keyframes rotateInDownRight{from{transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0;} to{transform-origin: right bottom; transform: none; opacity: 1;}}
.rotateInDownRight{animation-name: rotateInDownRight;}
@keyframes rotateInUpLeft{from{transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0;} to{transform-origin: left bottom; transform: none; opacity: 1;}}
.rotateInUpLeft{animation-name: rotateInUpLeft;}
@keyframes rotateInUpRight{from{transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0;} to{transform-origin: right bottom; transform: none; opacity: 1;}}
.rotateInUpRight{animation-name: rotateInUpRight;}
@keyframes rotateOut{from{transform-origin: center; opacity: 1;} to{transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}}
.rotateOut{animation-name: rotateOut;}
@keyframes rotateOutDownLeft{from{transform-origin: left bottom; opacity: 1;} to{transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}}
.rotateOutDownLeft{animation-name: rotateOutDownLeft;}
@keyframes rotateOutDownRight{from{transform-origin: right bottom; opacity: 1;} to{transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}
.rotateOutDownRight{animation-name: rotateOutDownRight;}
@keyframes rotateOutUpLeft{from{transform-origin: left bottom; opacity: 1;} to{transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}
.rotateOutUpLeft{animation-name: rotateOutUpLeft;}
@keyframes rotateOutUpRight{from{transform-origin: right bottom; opacity: 1;} to{transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}}
.rotateOutUpRight{animation-name: rotateOutUpRight;}
@keyframes hinge{0%{transform-origin: top left; animation-timing-function: ease-in-out;} 20%, 60%{transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out;} 40%, 80%{transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1;} to{transform: translate3d(0, 700px, 0); opacity: 0;}}
.hinge{animation-name: hinge;}
@keyframes jackInTheBox{from{opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom;} 50%{transform: rotate(-10deg);} 70%{transform: rotate(3deg);} to{opacity: 1; transform: scale(1);}}
.jackInTheBox{animation-name: jackInTheBox;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn{from{opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} to{opacity: 1; transform: none;}}
.rollIn{animation-name: rollIn;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut{from{opacity: 1;} to{opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}
.rollOut{animation-name: rollOut;}
@keyframes zoomIn{from{opacity: 0; transform: scale3d(.3, .3, .3);} 50%{opacity: 1;}}
.zoomIn{animation-name: zoomIn;}
@keyframes zoomInDown{from{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInDown{animation-name: zoomInDown;}
@keyframes zoomInLeft{from{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInLeft{animation-name: zoomInLeft;}
@keyframes zoomInRight{from{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInRight{animation-name: zoomInRight;}
@keyframes zoomInUp{from{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInUp{animation-name: zoomInUp;}
@keyframes zoomOut{from{opacity: 1;} 50%{opacity: 0; transform: scale3d(.3, .3, .3);} to{opacity: 0;}}
.zoomOut{animation-name: zoomOut;}
@keyframes zoomOutDown{40%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} to{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomOutDown{animation-name: zoomOutDown;}
@keyframes zoomOutLeft{40%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);} to{opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center;}}
.zoomOutLeft{animation-name: zoomOutLeft;}
@keyframes zoomOutRight{40%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} to{opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center;}}
.zoomOutRight{animation-name: zoomOutRight;}
@keyframes zoomOutUp{40%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} to{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomOutUp{animation-name: zoomOutUp;}
@keyframes slideInDown{from{transform: translate3d(0, -100%, 0); visibility: visible;} to{transform: translate3d(0, 0, 0);}}
.slideInDown{animation-name: slideInDown;}
@keyframes slideInLeft{from{transform: translate3d(-100%, 0, 0); visibility: visible;} to{transform: translate3d(0, 0, 0);}}
.slideInLeft{animation-name: slideInLeft;}
@keyframes slideInRight{from{transform: translate3d(100%, 0, 0); visibility: visible;} to{transform: translate3d(0, 0, 0);}}
.slideInRight{animation-name: slideInRight;}
@keyframes slideInUp{from{transform: translate3d(0, 100%, 0); visibility: visible;} to{transform: translate3d(0, 0, 0);}}
.slideInUp{animation-name: slideInUp;}
@keyframes slideOutDown{from{transform: translate3d(0, 0, 0);} to{visibility: hidden; transform: translate3d(0, 100%, 0);}}
.slideOutDown{animation-name: slideOutDown;}
@keyframes slideOutLeft{from{transform: translate3d(0, 0, 0);} to{visibility: hidden; transform: translate3d(-100%, 0, 0);}}
.slideOutLeft{animation-name: slideOutLeft;}
@keyframes slideOutRight{from{transform: translate3d(0, 0, 0);} to{visibility: hidden; transform: translate3d(100%, 0, 0);}}
.slideOutRight{animation-name: slideOutRight;}
@keyframes slideOutUp{from{transform: translate3d(0, 0, 0);} to{visibility: hidden; transform: translate3d(0, -100%, 0);}}
.slideOutUp{animation-name: slideOutUp;}
/* By 5811.com.cn */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } a{text-decoration:none; }
/*-----------------[初始化]--------------*/
*,*:before,*:after{-webkit-text-size-adjust: 100%; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent;}
html{height: 100%;}
body{position: relative;margin: 0 auto;font-size: 14px;line-height: 1.5;color: #333; font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;min-width: 320px;max-width: 750px;}
a{color: #fff;}
a:hover{color: #d7a746;}
img{max-width: 100%;}
input,textarea,select{border: none; font-size: 14px;color: #444;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;outline: 0;}
input[type='submit'],input[type='password'],input[type='text'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select,textarea{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder{color: #ccc;}
::-moz-placeholder{color: #ccc;}
::-ms-input-placeholder{color: #ccc;}
.c{clear: both;}
.viewport{margin: 0 auto; min-width: 320px; max-width: 750px; height: 100%; overflow-x: auto;}
.wp{padding: 0 15px;margin: 0 auto;}
@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg')}
.ani,a{-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.wraper{position: absolute;left: 0;padding: 0;width: 100%;}
.wraper.action{left: -60%;}
.fixme{height: 100%;overflow: hidden;}

/******************************* -------[=头部]-------
********************************/
.header{position: fixed;top: 0;left: 0;width: 100%;height: 50px;line-height: 50px;text-align: center;border-top: 1px solid #373737;border-bottom: 1px solid #373737;background-image: url(../images/bg-hd.png);z-index: 102; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.header.action{left: -60%;}
.header .txt{display: inline-block;height: 1em;line-height: 1em;color: #fff;font-size: 20px;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
.header .btn-back{position: absolute;top: 0;left: 0;display: block;width: 48px;height: 48px;background: url(../images/ico-back.png) center center no-repeat;background-size: 12px auto;}
.omqcenterbox .omqcenter-telval{width: 216px;height: 32px;border: 1px solid #6a7380;border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;margin: 20px auto 8px;text-align: center;line-height: 30px;}
/******************************* -------[=公用]-------
********************************/
/* 提示弹层 */
.ui-dialog.show{display: -webkit-box; display: box;}
.ui-dialog{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background: rgba(0, 0, 0, .4); display: none;}
.ui-dialog-cnt{border-radius: 6px; width: 270px; -webkit-background-clip: padding-box; background-clip: padding-box; pointer-events: auto; background-color: rgba(253, 253, 253, .95); position: relative; font-size: 16px;}
.ui-dialog-hd{height: 48px; line-height: 48px; text-align: center; position: relative;}
.ui-border-b{border-bottom: 1px solid #e0e0e0;}
.ui-dialog-close{font-family: iconfont!important; font-size: 32px; line-height: 44px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; display: block; color: rgba(0, 0, 0, .5); color: #828282; display: block; line-height: 32px; position: absolute; top: 3px; right: 3px;}
.ui-dialog-bd{min-height: 71px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 18px; display: -webkit-box; display: box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical;}
.ui-dialog-bd > div, .ui-dialog-bd > ul{width: 100%;}
em, i{font-style: normal;}
.ui-dialog-ft{border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; border-top: 1px solid #e0e0e0; height: 42px; line-height: 42px;}
.ui-dialog-ft button:last-child{font-size: 17px;font-family: 'Microsoft Yahei'; border-right: 0; border-bottom-right-radius: 6px;}
.ui-dialog-ft button:first-child{border-bottom-left-radius: 6px;}
.ui-dialog-ft button{color: #000; text-align: center; border-right: 1px #e0e0e0 solid; width: 100%; line-height: 42px; background: transparent; display: block; margin: 0 !important; -webkit-box-flex: 1;}
button{-webkit-appearance: none; border: 0; background: 0;}
/* 提示弹层结束 */

/*咨询课程详细内容*/
.p-btn-1{display: block; margin: 0 auto; width:9em; height: 35px; font-size: 12px; text-align: center; border: 1px solid #dda841;}
.p-btn-1 span{position: relative; top: -6px; left: -6px; z-index: 5; display: block; width: 9em; line-height: 35px; background-color: #dca436; color: #fff; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.p-btn-1:hover span{-webkit-transform: translate(5px,5px); -ms-transform: translate(5px,5px); -o-transform: translate(5px,5px); transform: translate(5px,5px);}
/*banner*/
.ban-inner{height: 210px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
/*表单*/
.box-form .form{margin: 25px 0 10px; padding-bottom: 20px;}
.box-form .form ul{padding: 30px 20px 0;}
.box-form .form .btn-form{border-radius: 9px; margin: 20px auto 0;display: block;width:140px;height: 36px;line-height: 36px;color: #fff;font-size: 14px;text-align: center;background-color: #dca436;border: none;cursor: pointer;}
.box-form .form .btn-form:hover{background-color: #b18c62;}
.box-form .form .li-gender{margin-bottom: 18px;text-align: center;font-size: 0;}
.box-form .form .li-gender label{position: relative;margin: 0 21px;display: inline-block;width: 60px;height: 80px;background-position: center center;background-repeat: no-repeat;cursor: pointer;-webkit-background-size: 55px auto;
background-size: 55px auto;}
.box-form .form .li-gender label.m{background-image: url(../images/ico-hm-1.png);}
.box-form .form .li-gender label.f{background-image: url(../images/ico-hm-2.png);}
.box-form .form .li-gender input{display: none;}
.box-form .form .li-gender em{position: absolute; right: 2px; bottom:0; display: none; width: 17px; height: 17px; background: url(../images/ico-checked-1.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.box-form .form .li-gender .checked em{display: block;}
.box-form .form .li-item{margin-bottom: 10px;}
.box-form .form .d1{float: left; width: 114px; height: 36px; line-height: 36px; text-align: center; font-size: 14px;}
.box-form .form .d1 em{color: #f01332; font-weight: bold;}
.box-form .form .d2{margin-left: 115px; padding: 0 13px 0 20px;}
.box-form .form .inp-form{display: block; width: 100%; height: 36px; line-height: 36px; border: none; font-size: 14px;}
.box-form .form .select{position: relative; cursor: pointer;}
.box-form .form .select .cur{display: block; width: 100%; height: 100%; background-position: right center; background-repeat: no-repeat; -webkit-background-size: 8px auto; background-size: 8px auto;}
.box-form .form .select .s-list{position: absolute; top: 37px; left: -21px; right: -14px; display: none; z-index: 2;}
.box-form .form .select .s-list a{padding: 0 13px 0 20px; display: block; height: 36px; line-height: 36px; font-size: 14px;}
.section-hm.s6 .form{background-color: #fff;border-radius:10px;}
.section-hm.s6 .form .li-item{border: 1px solid #e7e7e7;}
.section-hm.s6 .form .d1{border-right: 1px solid #e7e7e7;color: #333;}
.section-hm.s6 .form .d1 input{text-indent:20px;}
.section-hm.s6 .form .inp-form{color: #888;}
.section-hm.s6 .form .inp-form::-webkit-input-placeholder{color: #888;}
.section-hm.s6 .form .inp-form::-moz-placeholder{color: #888;}
.section-hm.s6 .form .inp-form::-ms-input-placeholder{color: #888;}
.section-hm.s6 .form .select .cur{color: #333;}
.section-hm.s6 .form .select .s-list{border: 1px solid #e7e7e7;}
.section-hm.s6 .form .select .cur{background-image: url(../images/ico-hm-3.png);}
.section-hm.s6 .form .select .s-list{background-color: #fff;}
.section-hm.s6 .form .select .s-list a{border-bottom: 1px solid #e7e7e7;}