*{ margin: 0; padding: 0;}
body{ background-color: #fff; overflow-x: hidden; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 24px;}
h1,h2,h3,h4,h5,h6,p,dt,dl,i{ margin: 0; font-weight: normal; font-style: normal;}
a{ text-decoration: none; color: #000; font-size: 14px;}
a:hover{text-decoration:none;-webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;-ms-transition: background-color .3s ease;-o-transition: background-color .3s ease;transition: background-color .2s ease; }
a:visited,a:link,a:active{ text-decoration: none; outline: none;}
img{max-width: 100%;}
@font-face{
	font-family:"BacktoBay6";
	src:url('/static/fonts/BacktoBay6.ttf?')format('ttf'),url('/static/fonts/Backtobay6.woff?')format('woff'),url('/static/fonts/Backtobay6.otf')format('otf');
}
@font-face{
	font-family:"fzqkjt";
	src:url('/static/fonts/fzqkjt.ttf?')format('ttf'),url('/static/fonts/fzqkjt.woff?')format('woff'),url('/static/fonts/fzqkjt.otf?')format('otf');
}
.BacktoBay6{font-family:"BacktoBay6";font-size: 80px;}
.fzqkjt{font-family:"fzqkjt";font-size: 80px;}
.wzy{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

li{ list-style: none;}
ol,ul{ margin: 0;}
.fl{ float: left;}
.fr{ float: right;}
.w-1300{ width: 1300px !important;}
.w-1200{ width: 1200px; margin: 0 auto; position: relative;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ float: left; padding: 0;}
@media (min-width:768px){.container{width:1200px}}@media (min-width:992px){.container{width:1200px}}@media (min-width:1200px){.container{width:1200px;}}
.ui-grid-a,.ui-grid-b,.ui-grid-c,.ui-grid-d,.ui-grid-solo{overflow:hidden}
.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e{margin:0;padding:0;border:0;float:left;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ui-block-a{clear:left}
li.ui-block-a,li.ui-block-b,li.ui-block-c,li.ui-block-d,li.ui-block-e,ul.ui-grid-a,ul.ui-grid-b,ul.ui-grid-c,ul.ui-grid-d,ul.ui-grid-solo{margin-left:0;margin-right:0;padding:0;list-style:none}
.flexBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.bgh{ background: #000;}
.ui-grid-a>.ui-block-a,.ui-grid-a>.ui-block-b{width:50%}
.ui-grid-b>.ui-block-a,.ui-grid-b>.ui-block-b,.ui-grid-b>.ui-block-c{width:33.333%}
.ui-grid-c>.ui-block-a,.ui-grid-c>.ui-block-b,.ui-grid-c>.ui-block-c,.ui-grid-c>.ui-block-d{width:25%}
.ui-grid-d>.ui-block-a,.ui-grid-d>.ui-block-b,.ui-grid-d>.ui-block-c,.ui-grid-d>.ui-block-d,.ui-grid-d>.ui-block-e{width:20%}
.ui-grid-solo>.ui-block-a{width:100%;float:none}
.ui-block-all{ width: 100%;}
.layui-tab-content{padding: 0;}
.row{ margin: 0;}
.time03{transition: all .3s ease-out 0s; -webkit-transition:all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; }
.time05{transition: all .5s ease-out 0s; -webkit-transition:all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; }
.time10{transition: all 1s ease-out 0s; -webkit-transition:all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; }

.mobile_nav{display:none;}
.wrap{width: 1200px; margin: 0 auto;}

.margin-30{ margin-top:40px;}
.padding-none{ padding: 0;}

.base_title{ text-align: center; position: relative;padding: 100px 0 50px;}
.base_title.about:before{ position: absolute; content: ''; background: url('/static/images/img/hx.png');height: 1px;width:35%;left: 0;bottom:75px;}
.base_title.about:after{ position: absolute; content: ''; background: url('/static/images/img/hx.png');height: 1px;width:35%;right: 0;bottom:75px;}
.base_title.team:before{ position: absolute; content: ''; background: url('/static/images/img/hx.png');height: 1px;width:40%;right:0;bottom:80px;}
.base_title .wrap{position: relative;}
.base_title.about .wrap:after{position:absolute; left: 0;top:-30%; height:200%;width:1px; background: #000;content: '';}
.base_title p{font-size: 30px; font-family: BacktoBay6;line-height: 30px; text-transform:uppercase;}
.base_title span{font-family: fzqkjt;font-size: 50px; line-height:70px;display:inline-block;position: relative;}

.base_title.small{text-align: left;padding: 50px 0 30px;}
.base_title.small p{font-size: 20px;}
.base_title.small span{font-size: 32px;}
.base_title.small.hx span:after{position: absolute; content: ''; width: 30px; height: 2px; background: #000;bottom: 0;left: 0;}
.base_title.center{text-align: center;}


.header_center{ display: flex; align-items: center; justify-content:space-between; position: relative;}
.model-header{ padding:20px 0;transition: 0.3s; border-bottom: 1px solid rgba(255,255,255,.3); width:100%; position: fixed; z-index: 10;}
.model-logo{ position: relative; z-index: 2;}
.model-logo a{  display: block;}
.model-nav{}
.model-nav li{ display: inline-block; vertical-align: top; margin-left:35px;}
.model-nav li:first-child{margin-left: 0;}
.model-nav li a{ color: #fff; display: block; line-height: 63px; font-size: 16px; position:relative;}
.model-nav li span{display: block; width: 0px; height: 1px; background-color: #fff; position: absolute;right: 0px; bottom: 12px;}
.model-nav li i{display: block; width: 0px; height: 1px; background-color: #fff; position: absolute;right: 0px; bottom: 8px;}
.model-nav li:hover span,.model-nav li.on span{width: 20px;}
.model-nav li:hover i,.model-nav li.on i{width: 10px;}
.model-tool{ position: relative; z-index: 2;}
.model-header-set{ width: 30px; height: 30px; float: right;  overflow: hidden;}
.model-header-set a{ color: #fff; display:block; width: 30px; height: 30px; top: 0; text-align: center; line-height: 30px; font-size: 16px;}

.header_search{position: absolute;right:3%;}
.header_search .model-tool{display: flex;}

.model-ss { position: relative;}
.model-ss .ss-key{ display: none; border: none; border-bottom: 1px solid #fff; width:0; color: #fff; line-height: 28px; background: none; outline: none;}
.model-ss button{ position: absolute; top: 0; right: 0;border: none; background: none;color: #fff; display:block; width: 30px; height: 30px; top: 0; text-align: center; line-height: 30px; font-size: 16px;}
.model-ss:hover{ width: 200px;}
.model-ss:hover .ss-key{ display:block; width: 165px; }
.model-header.on{ background-color: #000; border-bottom: 0;padding: 10px; }


.model-footer{ background-color: #000; color: #fff;}
.model-footer a{ color: #fff;}
.model-footer-top{ padding:100px 0 120px; }
.model-footer-logo { margin-right: 65px;}
.model-footer-logo a{ display: block; width: 125px; height: 46px; background: url(/static/images/img/model-logo.png) no-repeat; background-size: 125px 46px;}
.model-footer-meau{display:flex; justify-content: space-between;}
.model-footer-meau dl{margin-right: 80px;}
.model-footer-meau dl:last-child{margin: 0;}
.model-footer-meau dt{font-size: 16px;margin-bottom:50px;}
.model-footer-meau dd{}
.model-footer-meau dd a{font-size: 14px;color: #e7e7e7;line-height:35px;display: block;}
.model-footer-meau dd p{font-size: 14px; color: #bdbdbd;white-space: pre-wrap;}

.model-footer-contact {text-align: right;font-size: 14px;}
.model-footer-contact dd b{display: block;margin-bottom:5px;}
.model-footer-contact dd span{ display: block;line-height:20px;}

.model-footer-share{width:230px;}
.model-footer-share dd{display: flex; flex-flow: row wrap; justify-content: space-between;}
.model-footer-share li{display: flex; align-items: center; }
.model-footer-share li p{background: #fff;border-radius: 50%;width: 30px; height: 30px;display: flex; align-items: center; justify-content: center;}
.model-footer-share li a{color: #949494;margin-left: 10px;}
.model-footer-share li a:hover{color: #fff;}

.model-footer-bottom{text-align: center;color: #787878;padding-bottom:100px;}

.n_banner{text-align: center;background-position: center center; background-repeat: no-repeat;background-size: cover;height:590px;}
.n_banner img{ display: none;}

.model-banner{ width: 100%; position: relative;}
.model-banner .bd li{ width: 100%; height: 950px; background-position: center; background-repeat: no-repeat;}
.model-banner .bd li img{ display: none;}
.model-banner .bd li a{ display: block; width: 1200px; height:100%; margin: 0 auto;}

.swiper-kj{position:relative;display: flex; align-items:center;justify-content: center;margin: 50px 0;}
.swiper-kj .swiper-pagination{position: relative;display: inline-block;margin: 0 20px;}
.swiper-kj .jd{position: relative;background: none;width: auto; height: auto;margin: 0;top:-1px;}
.swiper-kj .jd.swiper-button-prev{}
.swiper-kj .jd.swiper-button-next{}
.swiper-kj .jd{color: #ababab;}
.hd { text-align: center;}
.hd ul{ display: inline-block; margin: 0 5px;}
.hd span{opacity: 1;
	background: none;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	width: 10px; height: 10px; border: 1px solid #000; display: inline-block; margin: 0 3px; cursor: pointer; text-indent: -99999px; overflow: hidden;
}
.hd span.swiper-pagination-bullet-active{ background-color: #000;}
.hd a{ color: #ababab; display: inline-block;}
.jd {}


.model-banner .hd span{border:1px solid #fff; }
.model-banner .hd span.swiper-pagination-bullet-active{ background-color: #fff;}



.warp-tit{ position: relative; text-align: right;}
.warp-tit h4{ font-size:30px; line-height: 48px;font-weight: bold;}
.warp-tit i{ display:inline-block; width: 60px; height:3px; background-color: #000;}
.warp-tit p{ color: #666; font-size: 24px; line-height: 34px; padding:30px 0 20px;}
.warp-tit p.p-a{ font-size: 18px; line-height: 28px;}
.warp-btn{ position: relative;text-align: center;}
.warp-btn a{ display:inline-block; vertical-align: top; width: 180px; line-height: 40px; text-align: center; border: 1px solid #000; position:relative;}

.warp-btn a span{ position: relative; z-index: 2;}
.warp-btn a i{ position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #000; display:block;}
.warp-btn a i.i-right{ left: initial; right: 0;}
.warp-btn a:hover{ color: #fff;}
.warp-btn a:hover i{ width: 100%; border: 1px solid #000; }
.warp-btn-a a{ background-color: #000; color: #fff; text-transform: uppercase;}
.warp-btn-a a i{ background-color: #333;}
.warp-btn-a a:hover i{ border-color: #333; }
.warp-line{ height: 1px; background-color: #000; position: absolute;}
.img-scale:hover{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.img-gray{
	display: block;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
}
.img-gray:hover{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    _filter: none;
}
.arrowLeft_box {
	position: relative;
	background: #fff;
}
.arrowLeft_box:after{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.arrowRight_box {
	position: relative;
	background: #fff;
}
.arrowRight_box:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}

.warp01{ width: 100%;  padding:100px 0 140px;background: #f3f3f3;}
.about_content{display: flex;justify-content: space-between;margin-top:100px;}
.about_content:after,.about_content:before{display: none;}
.warp01-left{width:35%;}
.warp01-right{width:55%;}
.warp01-right .warp-btn{margin-top: 50px;text-align: left;}
.warp01-left-text{ padding-top: 140px; text-align: right;}
.warp01-left-text p{font-size: 13px;}
.warp01-right-text h4{ font-size: 42px; line-height: 42px;}
.warp01-right-text h5{ font-size: 30px; line-height: 40px; padding-top: 30px;}
.warp01-right-text p{ padding-bottom: 30px;}
.warp01-right-bottom { margin-top: 120px;}
.warp01-right-bottom .warp-line{ width: 300px; left: 0; top: 50%; margin-top: .5px;}
.warp01-right-bottom .warp-line.on{ width: 370px;}
.warp02{ padding: 0 0  80px 0;}
.warp02-con{ background: url(/static/images/img/model-3.jpg) no-repeat center;}
.warp02-top{ position: relative;}
.warp02-img{ position: relative; width: 560px; height: 680px;}
.warp02-img .img-o{ width: 560px; height: 680px; overflow: hidden;}
.warp02-img .img-t{ 
	-moz-box-shadow: 0 3px 59px rgba(0,0,0,.2); -webkit-box-shadow: 0 3px 59px rgba(0,0,0,.2); box-shadow: 0 3px 59px rgba(0,0,0,.2);
	border:10px solid #fff; position: absolute;  width: 281px; height: 364px; overflow: hidden;
	}
.warp02-img .img-t img{ width: 100%; height: 100%;}
.warp02-img span{ display: block; position: absolute; top: 100px;  width: 68px; height: 107px; background: url(/static/images/img/model-9.png) no-repeat;}
.warp02-text{ position: absolute; }
.warp02-text h4{ color: #060001; font-size: 36px; line-height: 36px;}
.warp02-text h5{ color: #060001; font-size: 24px; line-height: 24px; padding-top: 20px;}
.warp02-text .h5-line{ width: 30px; height: 1px; background-color: #000; display: inline-block; vertical-align: 6px; margin-right: 20px;}
.warp02-text p{ color: #666; padding-top: 10px;}
.warp02-text .warp-line{ width: 100px;  top: 18px;}
.warp02-top .warp02-img span{ left: -45px;}
.warp02-top .warp02-img .img-t{bottom: -27px; right: -37px;}
.warp02-top .warp02-text{left: 640px; top:230px;}
.warp02-top .warp02-text .warp-line{left: -130px;}
.warp02-bottom{ position: relative; margin-top: -170px;}
.warp02-bottom .warp02-img span{ right: -35px;}
.warp02-bottom .warp02-img .img-t{bottom: -37px; left: -176px;}
.warp02-bottom .warp02-text{left:-500px; top:400px;}
.warp02-bottom .warp02-text .warp-line{right: -130px;}
.warp02 .warp-tit{ position: absolute; top: 0; right: 45px;}
.warp02 .warp-tit .warp-line{ top: 27px; left: 320px; width: 800px;}
.warp02-btn{ text-align: center; margin-top: 100px;}
.warp02-btn p{ font-size: 16px; line-height: 30px; padding-bottom: 30px;}
.warp03{ position: relative;}
.warp03:before{position:absolute;left: 0; top:0; width: 50%; height: 100%; background: #000; content: '';}
.warp03:after{position: absolute;left: 0; top:150px; width:calc((100% - 1200px)/2); height:1px; background:#fff; content: '';}
.warp03 .wrap{position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; background: #000;}
.warp03-left{ width: 25%;}
.warp03-left h4{font-family: BacktoBay6;font-size:20px; font-weight: normal; text-transform: uppercase;}
.warp03-con{width: 70%;}
.warp03 .warp-tit{ color: #fff;}
.warp03 .warp-tit p{ color: #fff; font-size: 33px; font-family: fzqkjt;padding: 10px 0 20px;}
.warp03 .warp-tit .fr{ position: relative;}
.warp03 .warp-tit .warp-line{ background-color: #fff; width: 410px; top: 50px; margin-top: -.5px; right: 175px;}
.warp03 .warp-tit i{background:#fff;}
.warp03-left-text{text-align: right; color: #fff;font-size: 13px;margin-top:80px;}
.warp03-con ul{ display: flex; flex-flow: row wrap;align-items: center;}
.warp03-con li{ float: left; width: calc(100%/3); }
.warp03-con li.more{display: flex; align-items:center; justify-content: center; background: #000;}
.warp03-con li.more .warp-btn a{border-color:#575757;}
.warp03-con .li-img{ width: 100%; height: 100%; position: relative;}
.warp03-con .li-img img{ width: 100%; height: 100%;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);}
.warp03-con .li-bg{ display: none; background-color: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.warp03-con .li-text{display: none; padding: 10px; position: absolute; left: 0; top: 0%; width: 100%; height:0; overflow: hidden;}
.warp03-con .li-box{ border: 1px solid rgba(255,255,255,.5); height: 100%; display: flex; justify-content: center; flex-direction: column;color: #fff;}
.warp03-con .li-text p{ color: #fff;}
.warp03-con .li-text span{ color: #cdcdcd;}

.warp03-con dl{ margin-top: -30px; position: relative;}
.warp03-con dt{ height: 60px;}
.warp03-con dt img{ display: inline-block;}
.warp03-con dd{ color: #fff; font-size: 30px; line-height: 30px;}
.warp03-con .hd li{ 
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	width: 10px; height: 10px; border: 1px solid #fff !important; display: inline-block; margin: 0 3px; cursor: pointer; text-indent: -99999px; overflow: hidden;
	}
.warp03-con .hd li.on {
    background-color: #fff !important;
}


.warp04{ padding: 60px 0;}
.warp04-con{ margin-top: 50px;}
.warp04-con ul{}
.warp04-con li{  float: left; cursor: pointer;border: 1px solid #ccc;}
.warp04-con .li-img{ width:100%; overflow: hidden; position: relative;}
.warp04-con .li-img span{ display: block; width: 50px; height: 50px; background: url(/static/images/img/model-18.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px;}
.warp04-con li img{
	display: block;
    width: 100%;
    height: 100%;
}
.warp04-con dl{  padding: 18px 20px; background: url(/static/images/img/model-19.png) no-repeat 333px center;}
.warp04-con dt{ font-size: 16px; line-height: 16px; width: 310px; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.warp04-con dd{ color: #666; line-height: 14px; padding-top: 20px;}
.warp04-con li:hover img{
	-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    _filter: none;
}
.warp05{margin:60px 0;}
.warp05 .model-studentList{ margin-bottom: 0;}
.warp05 .model-studentList .bd li{width: 348px; height: auto; }
.warp05 .model-studentList .bd li .li-img{height: 100%;}
.warp05 .model-studentList .bd li img{ width: 100%; height: 100%;}
.warp05-con{ margin-top: 50px; overflow:hidden; position:relative;  width: 100%;}
.warp05-con .bd{ width: 100%; position: relative;}
.warp05-con .bd li{ width: 348px; height: 520px; float: left; position: relative; overflow: hidden;}
.warp05-con .bd .li-bg{display: none; background-color: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.warp05-con .bd .li-text{ display: none; position: absolute; left: 0; top: 50%; padding:20px; width: 100%; height: 0;}
.warp05-con .bd .li-box{ border: 1px solid rgba(255,255,255,.6); color: #fff; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.warp05-con .bd .li-box span{display:block;padding: 0 20px;width: 100%;}
.warp05-con .bd h4{ font-size: 30px; line-height: 30px; padding-top: 70px;}
/*.warp05-con .bd span{
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	display: inline-block; width: 68px; height: 68px; text-align: center; background-color: rgba(255,255,255,.5);
	}*/
.warp05-con .bd i{ font-size: 20px; display: inline-block; line-height: 68px;}
.warp05-con .bd li img{display: block; width: 100%; height: 100%;}
.warp05-con .bd li:hover img{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; }


.warp06{ padding: 85px 0 330px 0; background:url(/static/images/img/model-25.gif) no-repeat center bottom; position: relative;}
.warp06-bg{ position: absolute; left: 0; top: 1060px;}
.warp06-story{ position:relative;}
.warp06-story-bg{ height: 963px; position: relative; margin: -16px -8px 0 -8px;}
.warp06-story-bg img{ display: block; }
.warp06-story-bg a{ display: block; float: left; margin: 16px 8px 0 8px; overflow: hidden;}
.warp06-story-bg .img-a{ margin-top: 146px; width: 286px; height: 287px;}
.warp06-story-bg .img-b{ width: 286px; height: 433px;}
.warp06-story-bg .img-c{ margin-top: 38px; width: 593px; height: 395px;}
.warp06-story-bg .img-d{ width: 185px; height: 186px;}
.warp06-story-bg .img-e{ width: 389px; height: 259px;}
.warp06-story-bg .img-f{ margin: 16px 0 0 155px; width: 236px; height: 238px;}
.warp06-story-bg .img-g{ width: 288px; height: 432px;}
.warp06-story-bg .img-h{ width: 288px; height: 288px;}
.warp06-story .warp-tit{ width: 390px; position: absolute; left: 50%; margin-left: -195px; top: 240px; border: 20px solid rgba(255,255,255,.9);}
.warp06-story .warp-box{ border: 1px solid #d6d6d6; background-color: #fff; padding: 40px 0;}
.warp06-story .warp-btn{ margin-top: 30px;}
.warp06-story .warp-btn i{ margin-top: 0;}
.warp06-news{ margin-top: 100px; position: relative; z-index: 2;}
.warp06-news .warp-tit{ position: relative;}
.warp06-news .warp-line{  width: 800px; left: 90%; top: 60px;}
.warp06-news-con{ margin-top: 35px;}
.warp06-news-block{ width: 540px;}
.warp06-news-tit h4{ font-size: 18px; line-height:30px;}
.warp06-news-tit .warp-btn a{ width: 80px; height: 30px; line-height: 30px;}
.warp06-news-block li{ margin-top: 30px;}
.warp06-news-block li dl{ float: left; text-align: center; width:50px ;}
.warp06-news-block li dt{ font-size: 36px; line-height: 36px;}
.warp06-news-block li dd{ font-size: 12px; color: #666; line-height: 22px; padding-top:;}
.warp06-news-block li a{ display: block; float: right; width: 460px;}
.warp06-news-block li h4{ font-size: 18px; line-height: 18px; width: 100%; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.warp06-news-block li p{ color: #666; padding-top: 10px; line-height: 20px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.warp06-bottom{ margin-top: 85px;}
.warp06-bottom i{ margin-top: 0;}
.warp06-bottom p{ padding-top: 15px; color: #000;}
.warp06-bottom h4{ padding-top: 25px; font-size: 36px; line-height: 36px;}
.warp06-bottom img{ padding-top: 25px;}
.warp06-bottom .warp-btn{ padding-top: 25px;}

.warp07{background: #f5f5f5;padding:70px 0;}
.warp07 .content{display: flex;justify-content: center;position: relative;}
.warp07 .content:after{ position: absolute; content: ''; background: url('/static/images/img/hx.png');height: 1px;width:100%;left: 0;top:89px;}
.tab_list{margin: 0;}
.tab_list .layui-tab-title{height: auto; display:flex; align-items: center;border: none;justify-content: center; margin-bottom: 60px;}
.tab_list .layui-tab-title li{margin: 0 10px;position: relative;padding: 0 10px;font-size: 16px;line-height: 25px;}
.tab_list .layui-tab-title li:after{width: 1px;background: #000; height: 80%;margin: 0;padding: 0;position: absolute; content: ''; left:-10px;top:10%;}
.tab_list .layui-tab-title li:first-child:after{display: none;}
.tab_list.layui-tab-brief>.layui-tab-title .layui-this{background: #000;color: #fff;}

.warp07 .news_list{	}
.warp07 .news_list li{display: flex; align-items:center;justify-content: center; flex-direction: column;width: 250px; border: none;}
.warp07 .news_list li > i{width:10px; height:10px; border-radius: 50%;background: #000;display: inline-block;margin-bottom: 50px;text-align: center;}
.warp07 .news_list li > i:after{width: 1px; height:50px; background: #ccc;content:'';display: inline-block;position: relative; z-index: -1;}
.warp07 .news_list li .ri{font-size: 36px;font-family: fantasy;}
.warp07 .news_list li .yue{font-size: 12px;margin:5px 0;}
.warp07 .news_list li .title{font-size: 14px; color: #000;width: 100%;margin-bottom: 5px;}
.warp07 .news_list li .text{font-size: 13px; color: #575757;margin-bottom: 20px;}
.warp07 .news_list li .more.warp-btn-a a{width: 125px; height: 25px;font-size: 12px;line-height: 20px;}


.warp08{}
.warp08 .model-studentList{ }
.warp08 .model-studentList .bd li{width: 348px; height:auto; margin: 0;}
.warp08 .model-studentList .bd li .li-img{height: 100%;}
.warp08 .model-studentList .bd li img{ width: 100%; height: 100%;}
.warp08-con{  overflow:hidden; position:relative;  width: 100%;}
.warp08-con .bd{ width: 100%; position: relative;}
.warp08-con .bd li{ width: 348px; height: 520px; float: left; position: relative; overflow: hidden; margin-right: 20px;}
.warp08-con .bd .li-bg{display: none; background-color: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.warp08-con .bd .li-text{ display: none; position: absolute; left: 0; top: 50%; padding:20px; width: 100%; height: 0;}
.warp08-con .bd .li-box{ border: 1px solid rgba(255,255,255,.6); color: #fff; height: 100%; display: flex; align-items: center; justify-content: center;}
.warp08-con .bd h4{ font-size: 30px; line-height: 30px; padding-top: 70px;}
.warp08-con .bd span{
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	display: inline-block; width: 68px; height: 68px; text-align: center; background-color: rgba(255,255,255,.5);
}
.warp08-con .bd i{ font-size: 20px; display: inline-block; line-height: 68px;}
.warp08-con .bd li img{display: block; width: 100%; height: 100%;}
.warp08-con .bd li:hover img{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; }


.warp09{}
.warp09 .content{margin-bottom: 150px; position: relative;}
.warp09 .content:after{position: absolute;width: 100%;height: 1px; background:#f0f0f0;content: ''; top:280px;}
.teaching_environment{}
.warp09 .content li{border: 1px solid #f0f0f0;box-shadow: 3px 5px 3px 2px rgba(0,0,0,0.1);}
.warp09 .content li .img{width: 100%;}
.warp09 .content li .img img{width: 100%; height: 100%;}
.warp09 .content li .text{text-align: center;padding:20px 25px;}
.warp09 .content li .text p{font-size: 14px;}
.warp09 .content li .text span{display: block;font-size: 12px;}


	/*course*/
.model-page{ background-color: #fafafa;}
.model-pageBanner{ width: 100%; height: 580px; background-attachment: fixed;  background-repeat: no-repeat; background-position: top center; background-color: #666;}
.model-pageBanner p{ padding-top: 124px; line-height: 456px; color: #fff; font-size: 30px; letter-spacing:10px; text-align: center;}
.model-pageBanner-course{ background-image: url(/static/images/img/model-33.jpg);}
.model-pageBanner-courseDel{ background-image: url(/static/images/img/model-38.jpg);}
.model-pageMain-sel{ padding: 40px 0; background-color: #fff; border-bottom: 1px solid #e4e4e4;}
.model-pageMain-sel .btn{width: 190px; height: 42px; text-align: center; color: #fff; background-color: #000; line-height: 30px; border-radius:0; cursor: auto;}
.model-pageMain-sel .form-group{ margin-bottom: 0; display: inline-block; margin: 0 3px; vertical-align: top;}
.model-pageMain-sel .form-control{ width: 190px; height: 42px; border-radius:0; border-color: #b9b8b8;}
.model-pageMain-courseList ul li{ position: relative; height:360px; margin-top: 50px;}
.model-pageMain-courseList .li-img{ 
	-moz-box-shadow: 0 0px 12px rgba(0,0,0,.2); -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.2); box-shadow: 0 0 15px rgba(0,0,0,0.3);
	position: absolute; left: 15px; top: 0; width:340px; height:360px; z-index: 3; overflow: hidden;}
.model-pageMain-courseList .li-img img{ width: 100%; height: 100%;}
.model-pageMain-courseList .li-img.li-imgRight{ left: initial; right: 0;}
.model-pageMain-courseList .li-con{
	-moz-box-shadow: 0 0px 12px rgba(0,0,0,.2); -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.2); box-shadow: 0 0px 12px rgba(0,0,0,.2);
	width: 100%;  background-color: #fff; padding: 30px 50px 30px 400px; position: relative; z-index: 2; margin-top: 20px;
	}
.model-pageMain-courseList .li-text { width: 540px;}
.model-pageMain-courseList .li-text sup{ padding: 0 15px; background-color: #aaa; line-height: 26px; color: #fff; display:inline-block; border-radius: 3px;}
.model-pageMain-courseList .li-text h4{ font-size: 40px; width: 100%; line-height: 40px; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;margin-top: 20px;}
.model-pageMain-courseList .li-text p{ font-size: 16px;  color: #666; line-height: 24px; width: 100%; height: 48px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position: relative;padding-top: 5px;margin-bottom: 10px;}
.model-pageMain-courseList .li-text p:after{position: absolute; left: 0; bottom: 0; content: ''; background: #000; height: 1px; width: 100px;}
.model-pageMain-courseList .li-text .nr{ color: #3f3f3f;}
.model-pageMain-courseList .li-text h5{ font-size: 36px; line-height: 36px; margin-top: 20px;}
.model-pageMain-courseList .li-text i{ color: #000;}
.model-pageMain-courseList .li-text span{ color: #666; display: block; margin-top: 20px;}
.model-pageMain-courseList dl{ width: 180px;}
.model-pageMain-courseList dt{ width: 166px; height: 146px; margin: 0 auto; background-image: url(/static/images/img/model-37.png); background-repeat: no-repeat; color: #000;}
.model-pageMain-courseList dt p{ padding-top:48px; line-height: 46px; font-size: 36px; letter-spacing: 5px; text-indent: 5px;}
.model-pageMain-courseList dt.state-b{ background-position: -166px 0; color: #666;}
.model-pageMain-courseList dt.state-c{ background-position: -332px 0; color: #ccc;}
.model-pageMain-courseList dd{ margin-top: 65px;}
.model-pageMain-courseList .li-arrow{ position: absolute; top: 40px; left:0;}
.model-pageMain-courseBtn{ padding: 60px 0;}
.model-pageMain-courseDel{ margin-top: -180px;}
.model-pageMain-courseDel .model-pageMain-courseList li{ margin: 0;}
.page-warp-tit{ margin-bottom: 40px;}
.page-warp-tit span{ display: block; font-size: 16px; font-weight: bold;}
.page-warp-tit i{ display: block; width: 30px; height: 3px; background-color: #999; margin: 0 auto;}
.page-warp-tit h4{ font-size: 36px; line-height: 36px; }
.page-warp-tit-a { margin-bottom: 15px;}
.page-warp-tit-a h4{ font-size: 18px; color: #333; font-weight: bold;}
.page-warp-tit-a i{ display: block; width: 30px; height: 1px; background-color: #000; margin:15px auto auto auto;}
.model-courseDel-warp01{ padding: 60px 0;}
.model-courseDel-warp01 ul{ margin: 0 -6.5px;}
.model-courseDel-warp01 li{ float: left;  margin: 0 6.5px;}
.model-courseDel-warp01 .li-img{ width: 100%; height: 400px; overflow: hidden;}
.model-courseDel-warp01 .li-img img{ width: 100%; height: 100%;}
.model-courseDel-warp01 li p{ font-size: 18px; margin-top: 20px; text-align: center;}
.model-courseDel-warp02 { padding: 60px 0; background-color: #fff; clear:both;}
.model-courseDel-warp02 .fl{ width: 700px; height: 450px; overflow: hidden;}
.model-courseDel-warp02 .fl img{ width: 100%; height: 100%;}
.model-courseDel-warp02 .fr{ width: 480px; border: 1px solid #000; height: 450px; padding:100px 45px; position: relative; overflow: hidden;}
.model-courseDel-warp02 .fr img{ position:absolute;}
.model-courseDel-warp02 .fr img.img-o{ top: 40px; left: 45px;}
.model-courseDel-warp02 .fr img.img-t{ bottom: 40px; right: 45px;}
.model-courseDel-warp02 .fr p{ font-size: 16px; line-height: 30px; color: #333;}
.model-courseDel-warp03{ padding: 60px 0; background: #fafafa;margin-bottom: 150px;}
.model-courseDel-warp03 ul{display: flex; align-items: center; justify-content: space-between;}
.model-courseDel-warp03 li{width:32%;}
.model-courseDel-warp03 .li-img{ width:100%; overflow: hidden;}
.model-courseDel-warp03 li img{ width: 100%; height: 100%;}
.model-courseDel-warp03-bottom{ width:759px; height: 140px; background: url(/static/images/img/model-46.jpg) no-repeat; margin: 50px auto auto auto;}
.model-courseDel-warp03-bottom dl{ width: 50%; float: left; padding-top: 20px;}
.model-courseDel-warp04{ padding: 60px 0; background-color: #fff;}
.model-courseDel-warp04 .li-img{ width: 290px; height: 400px; overflow: hidden;}
.model-courseDel-warp04 .li-img img{ width: 100%; height: 100%;}
.model-courseDel-warp04 .li-con { width: 245px; position: relative; margin-left: 30px;}
.model-courseDel-warp04 .li-con h4{ font-size: 24px; line-height: 24px; padding-top: 35px;}
.model-courseDel-warp04 .li-con p{ color: #666; padding-top: 30px;}
.model-courseDel-warp04 .li-con:after{ content: ''; display: block; width: 10px; height: 340px; background-color: #000; position: absolute; left: -30px; top: 30px;}
.model-courseDel-warp05 { width: 100%; height: 1080px; background: url(/static/images/img/model-49.jpg) no-repeat center; padding-top: 60px;}
.model-courseDel-warp05-bottom{ padding: 30px 0; width: 700px; border: 1px solid #000; margin: 0 auto;}
.model-courseDel-warp05-bottom .warp-btn{ margin-top: 30px;}

/*student*/
.model-pageBanner-student{ background-image: url(/static/images/img/model-54.jpg);}
.model-studentList { }
.model-studentList li{ float: left; width: 290px; height: 400px; overflow: hidden; position:relative; cursor: pointer;}
.model-studentList li img{
	width: 100%; height: 100%;
}
.model-studentList li:hover img{
	-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ;
}
.model-studentList li  p{ line-height: 50px; text-align: center; color: #fff; font-size: 20px; width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,.5);}

/*story*/
.model-pageBanner-story{ background-image: url(/static/images/img/model-55.jpg);}
.model-storyList{ padding-top: 60px;}
.model-storyList ul{ margin: -45px -15px 0 -15px;}
.model-storyList li{ width: 380px; float: left; margin: 45px 15px 0 15px;}
.model-storyList .li-img{ width: 380px; height: 420px; overflow: hidden;}
.model-storyList .li-img img{ width: 100%; height: 100%;}
.model-storyList .li-con{ width: 280px; background-color: #fff; position: relative; padding: 30px 20px; border: 1px solid #000; margin: -135px auto auto auto;}
.model-storyList .li-con h4{ font-size: 24px;}
.model-storyList .li-con p{ color: #7a7a7a; margin-top: 10px; height:96px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; overflow:hidden;}
.model-storyList .li-con .warp-btn{ margin-top: 10px;}
.model-storyList li:hover img{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.model-storyDel-con{ margin-top: -230px; padding-bottom: 80px;}
.model-storyDel-con-head{ width: 380px; height: 420px; overflow: hidden; margin: 0 auto;}
.model-storyDel-con-head img{ width: 100%; height: 100%;}
.model-storyDel-con-text{ text-align: center; margin-top: 40px;}
.model-storyDel-con-text h4{ font-size: 30px; line-height: 40px;}
.model-storyDel-con-text p{ color: #7a7a7a; margin-top: 40px;}
.model-storyDel-con-text img{ display: inline-block; margin-top: 40px; max-width: 100%;}
.model-storyDel-more { background-color: #fff; padding: 60px 0;}
.model-storyDel-more h4{ font-size: 30px; color: #333; text-align: center; line-height: 30px;}
.model-storyDel-more ul{ margin: 0 -15px; margin-top: 50px;}
.model-storyDel-more li{ width: 380px; height: 420px; overflow: hidden; float: left; margin: 0 15px;}
.model-storyDel-more li a{ display: block;}
.model-storyDel-more li img{ width: 100%; height: 100%; margin: 0 15px;}

/*school*/
.model-pageBanner-activity{ background-image: url(/static/images/img/model-61.jpg);}
.model-pageBanner-brand{ background-image: url(/static/images/img/model-63.jpg);}
.model-pageBanner-makeup{ background-image: url(/static/images/img/model-64.jpg);}
.model-pageBanner-information{ background-image: url(/static/images/img/model-65.jpg);}
.model-pageBanner-news{ background-image: url(/static/images/img/model-66.jpg);}
.model-pageMain-sel li{ display: inline-block; vertical-align: top;}
.model-pageMain-sel li a{ display: block; color: #666; font-size: 14px; border: 1px solid #bfbfbf; width: 140px; line-height: 40px; text-align: center; margin: 0 3px;}
.model-pageMain-sel li a:hover{ color: #000; border-color: #000;}
.model-pageMain-sel li.on a{ background-color: #000; border-color: #000; color: #fff;}
.model-school{ padding-top: 60px;}
.model-school-list li{ padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ccc;}
.model-school-list li .li-img{ width: 400px; height: 300px; overflow: hidden;}
.model-school-list li .li-img img{ width: 100%; height: 100%;}
.model-school-list li:hover .li-img img{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ;}
.model-school-list li a{ display: block;}
.model-school-list li .li-con{ width: 750px;}
.model-school-list li sup{ color: #666;}
.model-school-list li h4 {margin-top: 10px;}
.model-school-list li h4 a{ color: #000; font-size: 24px; line-height: 24px; width: 100%; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis; white-space:nowrap;}
.model-school-list li p{ width: 100%; color: #7a7a7a; margin-top: 30px; height: 120px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.model-school-list li .warp-btn{ margin-top: 50px;}
.model-school-del{ padding: 0 0 120px;}
.model-school-del dl{ text-align: center;}
.model-school-del dt{ font-size: 30px; line-height: 40px;}
.model-school-del dd{ color: #666; padding-top: 10px;}
.model-school-del-con{ padding: 0 0 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 30px; min-height: 600px; text-align: center;}
.model-school-del-con p{ padding-top: 30px; color: #666; text-align:left}
.model-school-del-con img{ display: inline-block; min-width: 800px; margin-top: 30px;}
.model-school-del-bottom{ margin-top: 30px;}
.model-school-del-bottom .fl p{ color: #666; line-height: 30px;}
.model-school-del-bottom .fl a{ color: #999;}
.model-school-del-bottom .fl a:hover{ color: #000;}
.model-school .warp04-con{ margin-top: 0;}
.model-new-del{ width: 680px; margin: 0 auto;}

/*job*/
.model-pageBanner-job{ background-image: url(/static/images/img/model-68.jpg);}
.model-pageBanner-teach{ background-image: url(/static/images/img/model-74.jpg);}
.model-job{ padding: 60px 0 150px; min-height: 600px;}
.model-job ul{ margin: -24px -12px 0 -12px;}
.model-job li{ 
	-moz-box-shadow: 0 0px 12px rgba(0,0,0,.1); -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.1); box-shadow: 0 0px 12px rgba(0,0,0,.1);
	float: left; border: 1px solid #dcdcdc; background-color: #fff; cursor: pointer; margin: 24px 12px 0 12px; position: relative; top: 0;
	}
.model-job li .fl{ padding:40px 0 40px 150px; background: url(/static/images/img/model-69.jpg) no-repeat 40px center; border-right: 1px solid #dcdcdc; width: 520px;}
.model-job li h4{ color: #333; font-size: 24px; line-height: 24px;}
.model-job li p{ color: #666; font-size: 14px; line-height: 14px; margin-top: 20px;}
.model-job li .fl span{ display: inline-block; margin-right: 20px;}
.model-job li .fl i{ display: inline-block; vertical-align: top; width:15px; height: 15px; background: url(/static/images/img/model-67.png) no-repeat; margin-right: 3px;}
.model-job li .fl i.i-t{ height: 13px; background-position: 0 -15px;}
.model-job li .fr{ width: 66px;}
.model-job li .fr span{ display: block; width: 14px; height: 25px; background: url(/static/images/img/model-67.png) no-repeat; background-position: 0 -28px; margin: 58px auto auto auto;}
.model-job li:hover{ top: -10px;}

/*contact*/
.model-pageBanner-contact{ background-image: url(/static/images/img/model-70.jpg);}
.model-contact{ background-color: #fff;}
.model-contact-warp01{ padding: 60px 0;}
.model-contact-tit h4{ color: #333; font-size: 36px; line-height: 36px;}
.model-contact-tit p{ color: #999; padding-top: 10px;}
.model-contact-warp01 .fl{ width: 600px;}
.model-contact-warp01-left{ margin-top: 30px;}
.model-contact-warp01-tit { color: #333; font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #000; margin-bottom: 18px; line-height: 20px; display: inline-block;}
.model-contact-warp01-tit span{ display: inline-block; width: 26px; vertical-align: top; text-align: center; height: 19px; background: url(/static/images/img/model-67.png) no-repeat; background-position: 0 -55px; margin-right: 3px;}
.model-contact-warp01-tit span.span-t{ background-position: 0 -74px;}
.model-contact-warp01-tit span.span-s{ height: 15px; background-position: 0 -93px; vertical-align: -1px;}
.model-contact-warp01-left p{ color: #666; font-size: 16px;}
.model-contact-warp01-left dl{ float: left; color: #333; width: 190px; border: 1px dashed #d2d2d2; padding: 10px 0 10px 15px; margin-right: 8px;}
.model-contact-warp01-left dt{ font-size: 24px;}
.model-contact-warp01-left dd{ font-size: 16px;}
.model-contact-warp01-right{ margin-top: 50px;}
.model-contact-warp01-right li{ float: left; margin-left: 50px; width: 200px; border: 1px solid #d2d2d2; text-align: center; padding: 30px 0;}
.model-contact-warp01-right li img{ display: inline-block;}
.model-contact-warp01-right li p{ color: #333; padding-top: 15px;}
.model-contact-warp02{ padding: 60px 0; background-color: #000;}
.model-contact-warp02 .model-contact-tit h4{ color: #fff;}
.model-contact-warp02-form{ margin-top: 30px;}
.model-contact-warp02-form .fl{ width: 300px;}
.model-contact-warp02-form .fl p{ color: #999; padding-top: 10px;}
.model-contact-warp02-form .form-control{border-radius:0; height: 44px;}
.model-contact-warp02-form .form-group{ margin-bottom: 5px;}
.model-contact-warp02-form .fr{ width: 870px;}
.model-contact-warp02-form textarea.form-control{ height: auto; padding: 5.5px 12px;}
.model-contact-warp02-form .btn{ color: #333; font-size: 16px; background-color: #fff; border-radius:0; width: 238px; height: 42px; line-height: 28px; margin-top: 16px;}
.model-contact-warp02-form .btn:hover{ background-color: #f1f1f1;}
.model-contact-warp02-form .yzm .form-control{ width: 20%; display: inline-block; vertical-align: top;}
.model-contact-warp02-form .yzm img{ display: inline-block; height: 44px; cursor: pointer;}
.model-contact-warp03 img{ width: 100%;}

/*about*/
.model-pageBanner-about{ background-image: url(/static/images/img/model-75.jpg);}
.model-about{ background-color: #fff; padding: 80px 0;}
.model-about-warp01{ position: relative;}
.model-about .warp-tit h4{ font-size: 36px; line-height: 36px;}
.model-about .warp-tit p{ font-size: 18px; line-height: 28px;}
.model-about-warp01-top .fl{ margin-left: -100px;}
.model-about-warp01-top .fr{ margin-top: 20px;}
.model-about-warp01-text{ color: #333; margin-top: 30px; width: 320px;}
.model-about-warp01 .warp-line{ width: 800px; left:375px; top: 30px;}
.model-about-warp01-bottom{ position: relative; top: -40px;}
.model-about-warp01-bottom .warp-tit i{ margin-top: 0;}
.model-about-warp01-bottom .model-about-warp01-text{ width: 540px; margin-top: 20px;}
.model-about-warp01-bottom .warp-tit i{ margin-top: 0;}
.model-about-warp01-bottom .fl{ margin-top: 110px;}
.model-about-warp01-bottom img{-moz-box-shadow:0 15px 35px rgba(0,0,0,.15); -webkit-box-shadow: 0 15px 35px rgba(0,0,0,.15); box-shadow: 0 15px 35px rgba(0,0,0,.15); }
.model-about-warp01-bg{ position: absolute; top: 520px; right: -140px;}
.model-about-warp02{ margin-top: 40px;}
.model-about-warp02 .warp-tit p{ font-size: 14px;}
.model-about-warp02 .warp-line{ width: 800px; right: 345px; top: 114px;}
.model-about-warp02 .fl{ margin-top: 30px;}
.model-about-warp03 { margin-top: 80px; position: relative;}
.model-about-warp03-line{ width: 110%; height: 1px; background-color: #d0d0d0; position: absolute; left: -5%; top: 8.5px;}
.model-about-warp03 li{ position: relative; float: left; width: 25%;}
.model-about-warp03 .li-con{ position: relative; z-index: 2;}
.model-about-warp03 sup{ 
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	width: 18px; height: 18px; display: block; background-color: #fff; border: 5px solid #000; margin: 0 auto; top: 0;
	}
.model-about-warp03 h4{ font-size: 30px; line-height: 30px; padding: 10px 0; line-height: 30px; margin-top: 15px; background-color: #fff; font-weight: bold;}
.model-about-warp03 .li-text{ padding: 10px 0; margin: 10px 0; background-color: #fff;}
.model-about-warp03 .li-text h5{ font-size: 18px; line-height: 18px; color: #333; font-weight: bold;}
.model-about-warp03 .li-text p{ color: #666; padding-top: 10px;}
.model-about-warp03 .li-line{ width: 1px; height: 95%; background-color: #d0d0d0; position: absolute; left: 50%; margin-left: -.5px; top: 0;}
.model-about-warp03 .hd ul{ display: none;}
.model-about-warp03 .hd a{ position: absolute; top: 90px; color: #333; font-size: 30px;}
.model-about-warp03 .hd a.prev{ left: -40px;}
.model-about-warp03 .hd a.next{ right: -40px;}
.model-about-warp04{ margin-top: 50px;}
.model-about-warp04 .warp04-con li img{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    _filter: none;
}

/*modal*/
.wechatModal .modal-dialog{ width: 300px;}
.wechatModal .modal-body{ padding: 30px 0;}
.wechatModal .modal-body dt img{ width:200px; height: 200px; display: inline-block;}
.wechatModal .modal-body dd{ font-size: 12px; color: #333; padding-top: 10px;}

.detailsModal{background-color: rgba(255,255,255,.9);}
.detailsModal .modal-dialog{ width: 100%; height: 100%;  margin: 0; }
.detailsModal .modal-content{ height: 100%; -webkit-box-shadow:none; border: none; background-color:initial; box-shadow:none; border-radius: 0;}
.detailsModal .close{ font-size: 60px; opacity:1; outline: none; margin-top: -25px;}
.detailsModal .modal-body{ padding: 0;}
.detailsModal .modal-header{ border-bottom: 0;}
.detailsModal-top h4{ font-size: 48px; line-height: 48px;}
.detailsModal-top ul{ margin-left: -20px; margin-top: 20px;}
.detailsModal-top li{ float: left; font-size: 18px; border-right:1px solid #e5e5e5; line-height: 20px; color: #666; padding: 0 20px;}
.detailsModal-top li span{ color: #000; margin-left: 10px;}
.detailsModal-con{ width: 100%; margin-top: 30px; position: relative;}
.detailsModal-con .bd{ width: 100%;}
.detailsModal-con .bd li{ float: left; margin: 0 15px 0 0;}
.detailsModal-con .bd li img{ width: 100%; }
.detailsModal-con .hd { margin-top: 35px; height: 2px;}
.detailsModal-con .hd ul{ width: 100%; text-align: center;}
.detailsModal-con .hd li{ cursor: pointer; display: inline-block; width: 40px; height: 2px; background-color: #afafaf; text-indent: -99999px; margin: 0 3px;}
.detailsModal-con .hd li.on{ background-color: #000;}
.detailsModal-con-arrow{ position: absolute; left: 0; top: 50%; margin-top: -70px; width: 100%; padding: 0 30px;}
.detailsModal-con-arrow a{ 
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	display: block; width: 60px; height: 60px; background-color: rgba(0,0,0,.6); text-align: center; line-height: 60px; color:rgba(255,255,255,.8); font-size: 20px;
	}

.videoModal .modal-dialog{ width: 1000px;}
.videoModal .modal-body{ padding: 0;}
.videoModal video{ display: block;}

.jobModal-con{ width: 980px; padding: 60px; background-color: #fff; border: 1px solid #000; color: #333; margin: 0 auto;}
.jobModal-con h5{ font-size: 36px; line-height: 46px; margin-bottom: 30px;}
.jobModal-con-fl{ width: 650px; padding-right: 40px; margin-right: 40px; border-right: 1px solid #d5d5d5;}
.jobModal-con-fl dt,.jobModal-con-fl dd{ line-height: 36px;}
.jobModal-con-fl li{ list-style-type:decimal;}
.jobModal-con-fr{ width: 168px;}
.jobModal-con-fr li{ line-height: 24px;}

/*right-meau*/
.fixed-right{position: fixed; right:10px;bottom:50px; z-index: 100; }
.fixed-right li{margin-bottom: 10px; position: relative;}
.fixed-right li span{display: none; width: 35px; height: 35px; background: #fff; border-radius: 100%; position: absolute; left:7.5px;top: 7.5px; z-index: -1;}
.fixed-right li a{display: block; width: 50px; height: 52px;  overflow: hidden;  }
.fixed-right li a i{font-size: 50px; line-height: 53px; text-align: center; color: #474747;}
.fixed-right li a:hover i{color:#ff7094; }
.fixed-right li a .ifnt01{font-size: 50px; }
.fixed-right li a .ifnt02{font-size: 56px; line-height: 41px; margin-left: -3px;}
.fixed-right li a .ifnt03{font-size: 50px; }
.fixed-right li a .ifnt04{font-size: 55px; line-height: 54px; margin-left: -2px;}
.fixed-right li a.qq .qq_hide{position: absolute;right: 100px;   width: 166px; position: absolute; left: -166px; top: -35px;}
.fixed-right li a.qq .qq_hide .qq_hied_con{    width: 150px; background: #222; border-radius: 4px; color: #fff; padding: 5px 0 15px 0; 
  box-shadow: 0 0 8px 0 rgba(0,0,0,.2);  display: none;}
.fixed-right li a.qq .qq_hide .qq_hied_con dl{    width: 125px; margin: 0 auto; overflow: hidden; text-align: left; line-height: 22px; font-size: 12px;
 margin-top: 10px;}
.fixed-right li a.qq .qq_hide .qq_hied_con dl s{ font-style: normal; text-decoration: none;  color: #fff; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; 
font-weight: bold;}
.fixed-right li a.qq .qq_hide .qq_hied_con:after {content: ""; width: 10px; height: 10px; background: #222; position: absolute; right: 11px; top: 58px; transform: rotate(45deg); }
.weixin .qq_hied_con img{display: block; margin:20px auto 10px;}
.weixin .qq_hied_con p{text-align: center;}
.fixed-right li a i{color:#666!important;}
.fixed-right li a:hover i{color:#000!important; }


-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}

.cd-items {
  padding: 1em 0;
}
@media only screen and (min-width: 768px) {
  .cd-items {
    padding: 2em 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-items {
    padding: 4em 0 0;
  }
}

.cd-item {
  position: relative;
  margin: 0 0 1em;
}
.cd-item p{
	text-align:center;
	padding-top:20px;
	display:block;
	font-size:16px;
}

.cd-item > img {
  display: block;
  width: 100%;
}
.cd-item img:hover{
	cursor:pointer;
}
@media only screen and (min-width: 768px) {
  .cd-item {
    width: 48%;
    float: left;
    margin: 0 4% 2em 0;
  }
  .cd-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-item {
    width: 22%;
    float: left;
    margin: 0 4% 2.8em 0;
  }
  .cd-item:nth-child(2n) {
    margin-right: 4%;
  }
  .cd-item:nth-child(4n) {
    margin-right: 0;
  }
  .cd-item.empty-box::after {
    /* box visible as placeholder when the .cd-quick-view zooms in */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #392c3f;
  }
}

.cd-trigger {
  
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s, background-color 0.2s;
  -moz-transition: opacity 0.2s, background-color 0.2s;
  transition: opacity 0.2s, background-color 0.2s;
}
.no-touch .cd-trigger:hover {
  background: rgba(0, 0, 0, 0.2);
}
.cd-trigger p:hover{
	color:#fff !important;
}
@media only screen and (min-width: 1024px) {
  .cd-trigger {
    /* always visible on small devices */
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-trigger {
    /* only visible on hover on big devices */
    opacity: 0;
  }
}

@media only screen and (min-width: 1170px) {
  .no-touch .cd-item:hover .cd-trigger {
    opacity: 1;
  }

  .touch .cd-item .cd-trigger {
    opacity: 1;
  }
}
.cd-quick-view {
  /* quick view non available on small devices */
  display: none;
}
@media only screen and (min-width: 1024px) {
  .cd-quick-view {
    display: block;
    position: fixed;
    max-width: 900px;
    visibility: hidden;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left, top, width;
    z-index: 1;
  }
  .cd-quick-view:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-quick-view.is-visible {
    /* class added when user clicks on .cd-trigger */
    visibility: visible;
  }
  .cd-quick-view.animate-width {
    /* class added at the end of the first zoom-in animation */
    background-color: #ffffff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
  }
}
.cd-trigger {
    opacity: 1;
}

.cd-slider-wrapper {
  position: relative;
  display: inline-block;
  float: left;
  max-height:300px;
}
.cd-slider-wrapper ul{
  max-height:300px;
}
.cd-slider-wrapper ul img{
  max-height:300px;
}
.cd-slider-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-slider {
  float: left;
}
.cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cd-slider li img {
  display: block;
  width: 100%;
  max-width: 400px;
}
.cd-slider li.selected {
  position: relative;
  z-index: 3;
}
.add-content .cd-slider {
  margin-right: 3em;
}

.cd-slider-navigation {
  opacity: 0;
}
.add-content .cd-slider-navigation {
  opacity: 1;
}

.cd-slider-navigation li {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}
.cd-slider-navigation li:first-child {
  left: 0;
}
.cd-slider-navigation li:last-child {
  /* equal to the .cd-slider-wrapper margin-right */
  right: 3em;
}
.cd-slider-navigation li a {
  display: block;
  width: 40px;
  height: 50px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s, background 0.2s;
  -moz-transition: opacity 0.2s, background 0.2s;
  transition: opacity 0.2s, background 0.2s;
}
.cd-slider-navigation li a::before, .cd-slider-navigation li a::after {
  /* create arrows in CSS */
  position: absolute;
  top: 18px;
  left: 14px;
  display: inline-block;
  background: #ffffff;
  height: 3px;
  width: 12px;
}
.cd-slider-navigation li a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-slider-navigation li a::after {
  -webkit-transform: translateY(7px) rotate(-45deg);
  -moz-transform: translateY(7px) rotate(-45deg);
  -ms-transform: translateY(7px) rotate(-45deg);
  -o-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}
.add-content .cd-slider-navigation li a {
  opacity: .2;
}
.no-touch .cd-slider-navigation li a:hover {
  background: rgba(71, 55, 78, 0.8);
  opacity: 1;
}
.touch .cd-slider-navigation li a {
  opacity: 1;
}
.cd-slider-navigation li:first-child a::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-slider-navigation li:first-child a::after {
  -webkit-transform: translateY(7px) rotate(45deg);
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

.cd-item-info {
  position: absolute;
  padding: 3em 3em 3em 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility 0s;
  -moz-transition: opacity .3s, visibility 0s;
  transition: opacity .3s, visibility 0s;
}
.cd-item-info h2 {
  font-size: 28px;
  font-size: 1.75rem;
}
.cd-item-info p {
  line-height: 1.6;
  margin: 1em 0;
  color: #000;
}
.cd-item-info .cd-item-action li {
  display: inline-block;
  margin-right: 1em;
}
.cd-item-info .cd-item-action li:first-child {
  margin-left: -4px;
}
.cd-item-info .add-to-cart {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0.25em;
  border: none;
  padding: .6em 1.2em;
  background-color: #f82f53;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
}
.add-content .cd-item-info {
  /* class added at the end of the width animation, used to show the content */
  position: relative;
  visibility: visible;
  opacity: 1;
}
.add-content .cd-item-info h2 {
  -webkit-animation: cd-slide-in 0.3s;
  -moz-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s;
}
.add-content .cd-item-info p {
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}
.add-content .cd-item-info .cd-item-action {
  -webkit-animation: cd-slide-in 0.5s;
  -moz-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s;
}

@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translate3d(-40px, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
  }
}
@keyframes cd-slide-in {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    -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);
  }
}
.cd-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/public/images/error.png) center no-repeat;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
  transition: transform .3s 0s, visibility 0s .3s;
}
.cd-close::before, .cd-close::after {
  /* close icon in css */
  position: absolute;
  top: 12px;
  left: 5px;
  display: inline-block;
  height: 4px;
  width: 20px;
  background: #47374e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.no-touch .cd-close:hover {
  -webkit-transform: scale(1.2) ;
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.add-content .cd-close {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
  transition: transform .3s 0s, visibility 0s 0s;
}


#content ul li{ float:left; margin-bottom:20px; margin-right:10px;}
#content p{ text-align:center; font-size:16px; display:block; margin-top:20px;}
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; margin-left: -170px !important; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width:350px !important; height:auto !important; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-title { width:330px !important; font-size: 14px; z-index: 1102; position:absolute; top:0px; left:340px; background:#fff; color:#000; height:475px; display:flex; display: -webkit-flex; align-items:center; flex-direction: column;}
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; height: 100%; display:flex; align-items:center; justify-content: center; flex-direction: column;}
/*#fancybox-title-over p{ font-weight:bolder;}*/
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox.png') -55px -90px no-repeat; }


.layui-layer-content{ overflow: hidden !important;}
.layui-layer img{ float:left; width:47%; height:100%; }
.li-img img:hover{ cursor:pointer;}
.layui-layer .span-box{ display:flex; align-items:center; flex-direction: column; padding-top:30px;}


.warp03-con .bd .tempWrap{ width:100% !important;}
.sz_name{ color:#fff; text-align:center; padding-top:20px;}
.sz_name p{ font-size:20px;}

.span_detail span{ display:block;  font-size:12px;  width: 250px; margin: 0 auto; padding-top:10px;}
.sk_bd{ margin-bottom:130px;}

.Box {position: relative;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(img/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(img/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;margin-left: 12px;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 400px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}


.profile{ display: flex; align-items: center; justify-content:space-between;margin:80px auto;}
.profile .right{width: 30%;}
.profile .right{width: 60%;}
.profile .right .ms{position:relative;margin-bottom: 30px;}
.profile .right .ms:before{position: absolute;width:30px; height:2px;background: #000;content: '';bottom:-10px;}
.profile .right .text{line-height: 30px;}

.founder{ background: #000;color: #fff;}
.founder .wrap{display: flex; justify-content:space-between;padding:50px 0; }
.founder .wrap .left{ width:40%;}
.founder .wrap .left .ms{ white-space: pre-wrap;font-size: 16px;line-height: 35px;}
.founder .wrap .left .nr{margin:80px 0 50px;}
.founder .wrap .left .nr .title{font-weight: bold;}
.founder .wrap .left .nr .text{ line-height: 30px;}
.founder .wrap .right{width: 60%;display: flex; align-items:flex-end; justify-content: center;}

.competition{position: relative;}
.competition .wrap{border-bottom: 2px solid #000; padding-bottom:50px;}
.competition:after{position: absolute; left: 0; width:50%;height: 2px;bottom: 0; content: ''; background: #000;}

.honor_list{ display: flex; align-items: center; justify-content: space-between;margin-bottom: 100px; flex-flow: row wrap;}
.honor_list li{width:32%;height:260px;border: 1px solid #f0f0f0;box-shadow: 3px 5px 3px 2px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; margin-bottom:20px;}
.honor_list li img{ max-width:90%; max-height: 90%;}

.service_list{ position: relative;padding: 100px 0;}
.service_list .wrap{position: relative; z-index: 1; display: flex; justify-content: space-between;}
.service_left{ width: 25%;}
.service_left h4{font-family: BacktoBay6;font-size:20px; font-weight: normal; text-transform: uppercase;}
.service_box{position: relative;margin-bottom:50px;}
.service_box:before{position:absolute;left: 0; top:0; width: 50%; height: 100%; background: #000; content: '';}
.service_box:after{position: absolute;left: 0; top:90px; width:calc((100% - 1280px)/2); height:1px; background:#fff; content: '';}
.service_list .warp-tit{ color: #fff;margin-top: 68px;}
.service_list .warp-tit p{ color: #fff; font-size: 33px; font-family: fzqkjt;padding: 10px 0 20px;}
.service_list .warp-tit .fr{ position: relative;}
.service_list .warp-tit .warp-line{ background-color: #fff; width: 410px; top: 50px; margin-top: -.5px; right: 175px;}
.service_list .warp-tit i{background:#fff;}
.service_left_text{text-align: right; color: #fff;font-size: 13px;margin-top:80px; white-space: pre-wrap;}
.service_con{width: 70%; background: #000; }
.service_con ul{ display: flex; align-items: center; justify-content: space-between;}
.service_con li{ float: left; width: calc(100%/3); height:100%;}
.service_con li.more{display: flex; align-items:center; justify-content: center;}
.service_con li.more .warp-btn a{border-color:#575757;}
.service_con .li-img{ width: 100%; height: 100%; position: relative;}
.service_con .li-img img{ width: 100%; height: 100%;}
.service_con .li-bg{ display: none; background-color: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.service_list .li-text{display: none; padding: 10px; position: absolute; left: 0; top: 0%; width: 100%; height:0; overflow: hidden;}
.service_list .li-box{ border: 1px solid rgba(255,255,255,.5); height: 100%; display: flex; justify-content: center; flex-direction: column;color: #fff;}

.service_box:nth-child(odd):before{left: auto; right: 0;}
.service_box:nth-child(odd):after{ background: #000;}
.service_box:nth-child(odd) .warp-tit{ color: #000;}
.service_box:nth-child(odd) .warp-tit p{ color: #000;}
.service_box:nth-child(odd)  .warp-tit i{background:#000;}
.service_box:nth-child(odd) .service_left_text{color: #000;}
.service_box:last-child{margin-bottom: 0;}

.category_list{margin: 30px 0;display: flex;}
.category_list li{float: left;border: 1px solid #000;height: 30px; line-height: 30px; padding: 0 50px; margin-right: 20px;cursor: pointer;}
.category_list li:last-child{margin-right: 0;}
.category_list li.this{background: #000;color: #fff;}
.category_list li.this a{color: #fff;}


.layui-flow-more{margin:100px 0;}
.layui-flow-more a{line-height: 40px;height: 40px;}
.layui-flow-more a i.layui-anim{border: none !important; background:none !important;width:inherit !important;}

.cat{border: 1px solid #000;height: 30px; line-height: 30px; padding: 0 50px;  color: #fff; background: #000;display: inline-block;margin: 50px 0;}

.course_detail{}
.course_detail .wrap{}
.course_detail .title{font-size: 40px;}
.course_detail .content{border: 1px solid #000;padding: 30px; line-height: 30px; font-size: 14px; margin:80px 0;}

.pagination{display: flex; align-items: center; justify-content: center;margin-bottom:50px;}
.pagination li{ display:inline-flex;justify-content: center; border: 1px solid  #ccc;height:30px; margin: 0 5px;line-height:30px;}
.pagination li a,.pagination li span{line-height: 30px;  color: #666; display: block;padding: 0 10px;border: none !important;margin: 0 !important; }
/*.pagination li.disabled{ background: #ccc; color: #fff;}*/
.pagination li.active,.pagination li:hover{ background: #092264; color: #fff;}
.pagination li.active a,.pagination li:hover a,.pagination li.active span,.pagination li:hover span{ color: #fff !important;background: #000 !important; }
/*.pagination li.prev ,.pagination li.next{background: none;}*/

.teacher{}
.teacher_list li{display: flex; justify-content: space-between;margin-bottom: 50px;border-bottom: 1px dotted #000;padding-bottom:30px;}
.teacher_list li:last-child{border-bottom: none;}
.teacher_list li .left{width:335px; height: 460px;position: relative;}
.teacher_list li .left:after{width:12px;height: 80%;position: absolute; background: #000; right:-12px;top:10%; content: '';}
.teacher_list li .left img{height: 100%; width: 100%;}
.teacher_list li .right{width:65%;}
.teacher_list li .right .title{ font-size: 20px;margin:20px 0 50px;font-weight: bold;}
.teacher_list li .right .content{line-height:30px;font-size: 16px;}

.modeler_cat{display: flex; align-items: center; justify-content: center;margin-bottom: 50px;}
.modeler_cat li{background: #bbb;width:100px; margin: 0 10px;text-align: center;}
.modeler_cat li a{ color: #000;}
.modeler_cat li.on{background: #010101;}
.modeler_cat li.on a{color: #fff;}

.modeler .model-studentList{margin-bottom: 100px;}
.modeler .model-studentList ul{margin: 0 -6.5px;}
.modeler .model-studentList li{margin:13px 6.5px 0 6.5px}

.news .news_list{}
.news .news_list ul{}
.news .news_list li{margin-bottom:20px; padding: 50px 0; border-top: 1px solid #ccc; display: flex;justify-content: space-between;}
.news .news_list li:last-child{border-bottom:none;}
.news .news_list li .img{width:32%;display:flex;  align-items: center; justify-content: center;}
.news .news_list li .img img{max-width: 100%; max-height: 100%;}
.news .news_list li .box{width:62%;}
.news .news_list li .box .time{font-size: 16px;}
.news .news_list li .box .title{margin:20px 0 30px}
.news .news_list li .box .title a{ font-size: 22px; font-weight: bolder;}
.news .news_list li .box .text{font-size: 14px;line-height:30px;margin-bottom: 50px;}
.news .news_list li .box .warp-btn{ text-align:left;}


.news_detail{}
.news_detail .wrap{}
.news_detail .title{font-size: 40px;}
.news_detail .content{border: 1px solid #000;padding: 30px; line-height: 30px; font-size: 14px; margin:80px 0;}

#dituContent{width: 100%;height: 680px;}
#dituContent img{max-width: inherit;}
.contact .content{ display: flex; align-items: center; justify-content: space-between;}
.contact .content_box{margin-bottom: 100px;}
.contact .content .left {font-size: 16px;line-height: 40px;width: 40%;}
.contact .content .left p{position: relative;display: table;}
.contact .content .left p:after{position: absolute; width:calc(100% + 80px); bottom:0; left:-30px; content: ''; height: 100%; border-bottom: 1px solid #000;}
.contact .content .left p.rx:after{background: url('/static/images/img/phone.jpg') left center no-repeat ;}
.contact .content .left p.dz:after{background: url('/static/images/img/addres.jpg') left center no-repeat ;}
.contact .content .left span{ display: inline-block;border: 1px dashed #e8e8e8;line-height:normal;padding:2px 30px;margin: 10px 0 0 -30px;}
.contact .content .right{ display: flex; align-items: center; justify-content: space-between; text-align: center;}
.contact .content .right li{ border: 1px dashed #dadada; padding:30px 20px 15px; }
.contact .content .right li p{margin-top:10px;line-height:20px;}
.contact .content .right li:first-child{margin-right: 30px;}

.contact .message{ background: #000;}
.nobor{border: none;}
.modeler_detail{}
.modeler_detail .title{font-size: 40px;}
.modeler_detail .content{ display: flex;justify-content: space-between;padding: 0;margin: 80px 0;}
.modeler_detail .content .left{width: 40%; border: 1px solid #000;padding:30px;line-height:30px;font-size: 14px;}
.modeler_detail .content .right{width:50%;}
.swiper-button-jt{background: none;width: 50px;height: 50px;}
.swiper-button-jt i{font-size: 50px;}