body,html{font-size:12px;font-family:"Microsoft YaHei";margin:0;padding:0;scroll-behavior:smooth;}
*{padding:0;margin:0;}
li{list-style-type:none;}
a{background:transparent; text-decoration:none;color: #666666; }
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{border:none;image-rendering:-webkit-optimize-contrast;}
input:focus{outline:none;}
button:focus{outline:none;border:none;}
.inner{width:1200px;margin:0 auto;}
h3.h3title{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.animate03s{transition-duration:0.3s;}
@font-face {font-family: "iconfont";
	src: url('../iconfont/iconfont.eot?'); /* IE9*/
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../iconfont/iconfont.woff?') format('woff'), /* chrome, firefox */
	url('../iconfont/iconfont.ttf?') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../iconfont/iconfont.svg?#iconfont') format('svg'); /* iOS 4.1- */
}
.picBox{width:100%;height:100%;position:relative;padding-bottom:59%;overflow:hidden;}
.picBox>img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}
/* 初始化公共样式 */
/*banner动画*/
.slideUl li.hover{z-index:2;}
@keyframes banStatr1{
	0%{opacity:1;}
	100%{opacity:0}
}
@keyframes banStatr2{
	0%{transform:translateX(0);}
	100%{transform:translateX(100%)}
}
@keyframes banStatr3{
	0%{transform:translateX(0)}
	100%{transform:translateX(-100%)}
}
@keyframes banStatr4{
	0%{transform:translateY(0)}
	100%{transform:translateY(100%)}
}
@keyframes banStatr5{
	0%{transform:translateY(0)}
	100%{transform:translateY(-100%)}
}
@keyframes banStatr6{
	0%{transform:translateX(0)}
	100%{transform:translateX(-100%)}
}
@keyframes banStatr7{
	0%{transform:perspective(2000px) rotateX(0deg);}
	50%{transform:perspective(2000px) rotateX(-90deg);}
	100%{transform:perspective(2000px) rotateX(-90deg);}
}
@keyframes banStatr8{
	0%{transform:perspective(3000px) rotateY(0deg);}
	50%{transform:perspective(3000px) rotateY(-90deg);}
	100%{transform:perspective(3000px) rotateY(-90deg);}
}
@keyframes banStatr9{
	0%{transform:perspective(2000px) rotateX(0deg);}
	50%{transform:perspective(2000px) rotateX(90deg);}
	100%{transform:perspective(2000px) rotateX(90deg);}
}
@keyframes banStatr10{
	0%{transform:perspective(3000px) rotateY(0deg);}
	50%{transform:perspective(3000px) rotateY(90deg);}
	100%{transform:perspective(3000px) rotateY(90deg);}
}

@keyframes banEnd1{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes banEnd2{
	0%{transform:translateX(-100%)}
	100%{transform:translateX(0)}
}
@keyframes banEnd3{
	0%{transform:translateX(100%)}
	100%{transform:translateX(0)}
}
@keyframes banEnd4{
	0%{transform:translateY(-100%)}
	100%{transform:translateY(0)}
}
@keyframes banEnd5{
	0%{transform:translateY(100%)}
	100%{transform:translateY(0)}
}
@keyframes banEnd6{
	0%{transform:translateX(100%)}
	100%{transform:translateX(0)}
}
@keyframes banEnd7{
	0%{transform:perspective(2000px) rotateX(90deg);opacity:0;}
	50%{transform:perspective(2000px) rotateX(90deg);opacity:0;}
	100%{transform:perspective(2000px) rotateX(0deg)}
}
@keyframes banEnd8{
	0%{transform:perspective(3000px) rotateY(90deg);opacity:0;}
	50%{transform:perspective(3000px) rotateY(90deg);opacity:0;}
	100%{transform:perspective(3000px) rotateY(0deg)}
}
@keyframes banEnd9{
	0%{transform:perspective(2000px) rotateX(-90deg);opacity:0;}
	50%{transform:perspective(2000px) rotateX(-90deg);opacity:0;}
	100%{transform:perspective(2000px) rotateX(0deg)}
}
@keyframes banEnd10{
	0%{transform:perspective(3000px) rotateY(-90deg);opacity:0;}
	50%{transform:perspective(3000px) rotateY(-90deg);opacity:0;}
	100%{transform:perspective(3000px) rotateY(0deg)}
}
/*banner动画*/
/*头部开始*/
/*顶部开始*/
.top{width:100%;height:auto;}
.header{width:100%;height:auto;position:fixed;z-index:99;background:#333;border-bottom:1px solid rgba(255,255,255,0.2);top:0;}
.header.show{background:#333;transition-duration:0.3s;}
.header .inner{position:relative;}
.header .inner:after{content:'';display:block;clear:both;}
.header .inner .left{float:left;width:30%;padding-top:10px;}
.header .inner .left a{width:100%;}
.header .inner .left a img{width:160px;height:60px;}
.header .inner .center{float:left;width:70%;height:80px;}
.nav{width:auto;height:100%;float:right;}
.nav>li{padding:0 20px;position:relative;float:left;}
.nav>li>a{display:block;line-height:80px;font-size:1.3rem;color:#fff;position:relative;transition-duration:0.3s;}
.nav>li>a:hover{color:#ffc001;}
.nav>li>span{display:none;}
.nav>li>ul{width:auto;min-width:100%;background:none;padding:5px 0px;position:absolute;visibility:hidden;transition-duration:0.3s;}
.nav>li>ul>li{width:100%;text-align:center;}
.nav>li>ul>li a{line-height:30px;font-size:1.1rem;color:#fff;white-space:nowrap;}
.nav>li>ul>li a:hover{color:#ffc001;}
.nav>li:hover>ul{visibility:visible;}
.header .nav>li>ul{background:#333;padding:5px 10px;left:0px;}

.header .inner .right{position:absolute;top:0px;right:-45px;}
.header .inner .right a{color:#fff;padding:0 2px;line-height:80px;}
.header .inner .right a:hover{color:#ffc001;}
.search{width:200px;height:35px;background:none;position:relative;}
.search input{width:100%;height:100%;border:none;border-bottom:1px solid #fff;background:none;font-size:1.2rem;padding-left:10px;}
.search button{display:block;position:absolute;width:35px;height:35px;border:none;background:none;top:0;right:0;text-align:center;line-height:35px;cursor:pointer;}
.search button i{color:#aaa;}
.search input:focus{border-bottom:1px solid #ffc001;}
.search button:hover i{color:#ffc001;}
.navOpen{display:none;}
.liukong{height:80px;}
/*顶部结束*/
/*banner开始*/
.banner{width:100%;height:65vh;overflow:hidden;position:relative;}
.banner .slideUl{width:100%;height:100%;position:relative;}
.slideUl li{width:100%;height:100%;position:absolute;opacity:0;animation-name:;animation-duration:1s;animation-timing-function:ease;}
.slideUl li>div{position:absolute;z-index:2;width:100%;height:100%;}
.slideUl li>div .inner{height:100%;display:flex;align-items:center;color:#fff;position:relative;}
.slideUl li>div span{font-size:2rem;}
.slideUl li>div h2{font-size:6rem;font-weight:bold;}
.slideUl li>div i{display:block;width:2px;height:100px;background:#fff;position:absolute;left:0;bottom:0;}
.slideUl li>div i:before{content:"science";transform:rotate(90deg);display:block;margin-top:-65px;font-size:1.2rem;}
.slideUl li img{width:100%;height:100%;object-fit:cover;position:absolute;display:block;}
.lunbonum{width:auto;position:absolute;bottom:20px;z-index:19;left:50%;}
.lunbonum li{width:35px;height:3px;background:#eee;float:left;margin:0 5px;cursor:pointer;}
.lunbonum li.click{background:#ffc001;}
.banner .btn{position:absolute;z-index:9;top:50%;width:100%;}
.banner .btn span{display:block;width:30px;height:60px;margin-top:-30px;background:#fff;cursor:pointer;text-align:center;opacity:0;transition-duration:0.3s;}
.banner .btn span i{font-size:1.6rem;line-height:60px;display:block;color:#333;}
.banner .btn .prev{float:left;}
.banner .btn .next{float:right;}
.banner .btn .next i{transform:rotate(180deg);}
.banner:hover .btn span{opacity:0.5;}
.banner:hover .btn span:hover{opacity:1;}
/*banner结束*/
/*头部结束*/

/*主体开始*/
.zhuti{background:#fff;}
/*通用样式*/
h2.title{font-size:2.5rem;font-weight:bold;color:#333;}
.leftXian{margin-top:30px;}
.leftXian i{display:block;width:2px;height:20px;background:#ffc001;}
.leftXian span{display:block;width:2px;height:100px;margin-top:5px;background:#333;}
a.aS1{display:block;width:35px;height:35px;border-radius:50%;background:#ffc001;text-align:center;position:absolute;top:50%;margin-top:-17px;transition-duration:0.2s;}
a.aS1 i{font-size:2rem;color:#333;line-height:36px;transition-duration:0.3s;}
a.aS1:hover{background:#333;transition-delay:0.2s;}
a.aS1:hover i{color:#fff;transform:rotate3d();}
.divPic{width:100%;height:100%;position:relative;padding-bottom:59%;overflow:hidden;}
.divPic>img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}

/*通用样式*/

/*我们的服务开始*/
.service{width:100%;height:auto;padding:50px 0;background:#fff;}
.service .inner:after{content:'';display:block;clear:both;}
.service .inner .left{width:30%;position:relative;float:left;}
.service .inner .right{width:70%;float:right;}
.service .inner .right ul{width:100%;position:relative;}
.service .inner .right ul:after{content:"";display:block;clear:both;}
.service .inner .right ul li{width:33.33%;height:auto;float:left;}
.service .inner .right ul li{padding:0 15px;}
.service .inner .right ul li a{display:block;width:100%;padding:50px 0;border-top:1px solid #333;transition-duration:0.3s;}
.service .inner .right ul li a span{display:block;width:50px;height:50px;background:#ffc001;text-align:center;margin-left:10%;}
.service .inner .right ul li a span i{font-size:3rem;color:#333;line-height:50px;}
.service .inner .right ul li a h3{display:block;width:80%;font-size:1.6rem;color:#333;margin:30px auto;transition-duration:0.3s;}
.service .inner .right ul li a p{display:block;width:80%;margin:0 auto;font-size:1.1rem;color:#999;line-height:25px;height:100px;overflow:hidden;transition-duration:0.3s;}
.service .inner .right ul li:hover a{background:#333;}
.service .inner .right ul li:hover a h3{color:#fff;}
.service .inner .right ul li:hover a p{color:#fff;}
/*我们的服务结束*/
/*关于我们开始*/
.about{width:100%;height:auto;padding:50px 0;background:#333;}
.about .inner{display:flex;}
.about .inner .left{width:25%;}
.about .inner .left h2.title{color:#fff;}
.about .inner .left .leftXian i{}
.about .inner .left .leftXian span{background:#fff;}
.about .inner .left p{margin-top:20px;font-size:1.5rem;color:#fff;}
.about .inner .left p em{font-size:2rem;font-weight:bold;color:#ffc001;padding-right:5px;}
.about .inner .right{width:75%;display:flex;align-items:center;}
.about .inner .right .txt{width:50%;margin-right:30px;position:relative;z-index:2;text-align:justify;}
.about .inner .right .txt span{font-size:1.3rem;color:#fff;letter-spacing:2px;line-height:1.8em;}
.about .inner .right .divPic{width:50%;padding-bottom:70%;}
.about .inner .right .txt a.aS1{position:absolute;top:50%;margin:-17px 0 0 0px;right:-47px;}
/*关于我们结束*/
/*案例展示开始*/
.case{width:100%;height:auto;padding:100px 0 150px;background:#fff;}
.caseTitle{width:100%;display:flex;padding-left:10px;margin-bottom:30px;position:relative;}
.caseTitle h2{width:100%;}
.caseTitle a.aS1{right:0;}
.caseBox{display:flex;}
.caseBox .left{width:100%;}
.caseBox .left ul{width:100%;}
.caseBox .left ul:after{content:"";display:block;clear:both;}
.caseBox .left ul li{float:left;width:50%;padding:20px;}
/*.caseBox .left ul li:nth-child(1),.caseBox .left ul li:nth-child(2){margin-bottom:20px;}*/
.caseBox .left ul li a{display:block;width:100%;}
.caseBox .left ul li a .divPic{padding-bottom:59%;}
.caseBox .left ul li a .divPic h3{position:absolute;bottom:0;padding-left:10px;background:rgba(0,0,0,0.2);color:#fff;font-size:1.2rem;line-height:35px;}
.caseBox .left ul li:hover a .divPic h3{background:#333;}
.caseBox .right{width:50%;background:#333;display:flex;align-items:center;margin-left:10px;}
.caseBox .right>div{color:#fff;padding:0 20px 0 35px;}
.caseBox .right div p{font-size:1.2rem;}
.caseBox .right div h4{font-size:1rem;color:rgba(255,255,255,.5);margin-top:50px;}
.caseBox .right div h3{font-size:1.83rem;margin-bottom:50px;}
.caseBox .right div span{font-size:1.2rem;line-height:1.8em;display:block;color:#fff;}
.caseBox .right .leftXian{float:right;}
.caseBox .right .leftXian span{background:#fff;}
.caseBox .right div a{display:block;font-size:1.2rem;color:#fff;margin-top:135px;}
/*案例展示结束*/
/*新闻动态开始*/
.news{width:100%;height:auto;background:linear-gradient(90deg,#333 0%,#333 50%,#f8f8f8 50%);}
.news>p{display:block;width:100%;height:100px;background:#f8f8f8;}
.news .inner{display:flex;}
.news .inner .left{width:50%;display:flex;align-items:center;}
.news .inner .left div{padding-left:15%;}
.news .inner .left div h2{font-size:3rem;color:#fff;white-space: nowrap;}
.news .inner .left div a{display:block;width:auto;white-space:nowrap;padding:8px 18px;background:#ffc001;margin-top:100px;font-size:1.2rem;color:#333;}

.news .inner .right{width:50%;padding:50px 0 50px 10%;}
.newsBox{padding:20px 0;}
.newsBox .caseTitle{margin-bottom:20px;padding-left:0;}
.newsBox .caseTitle h2.title{font-size:1.6rem;font-weight:normal;}
.newsBox ul{width:100%;height:auto;}
.newsBox ul li{width:100%;height:auto;display:flex;align-items:center;}
.newsBox ul li h3 a{font-size:1.3rem;line-height:40px;color:#333;}
.newsBox ul li h3 a:hover{color:#ffc001;}
.newsBox ul li span{white-space:nowrap;color:#999;margin-left:10px;font-size:1.1rem;}
/*新闻动态结束*/
/*合作伙伴开始*/
.partner{width:100%;height:auto;padding:50px 0;background:#fff;}
.partner-ul{width:100%;}
.partner-ul:after{content:"";display:block;clear:both;}
.partner-ul li{width:20%;float:left;padding:20px 40px;}
.partner-ul li a{display:block;width:100%;padding-bottom:70%;position:relative;overflow:hidden;}
.partner-ul li a img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;}
/*合作伙伴结束*/
/*主体结束*/

/*课程中心主体开始*/
.header.kczx{background:#4690b5;}
.footer.kczx{background:#4690b5;}
.footer.kczx .Ftop{border-color:#fff;}
.header.kczx .nav>li>ul{background:#4690b5;}
.footer.kczx .topIcon{background:#4690b5;}
/*通用标题开始*/
.titleA{width:100%;text-align:center;}
.titleA div{width:150px;display:inline-block;position:relative;}
.titleA div span{display:block;width:200%;height:1px;background:#fff;position:absolute;top:50%;left:-50%}
.titleA div p{display:block;letter-spacing:2px;font-size:2rem;color:#fff;line-height:1em;background:#4690b5;padding:0 5px;z-index:2;position:relative;}
/*通用标题结束*/
.banner.kczx .inner>i{display:none}
/*关于我们开始*/
.kcAbout{width:100%;height:auto;padding:50px 0 0 0;background:linear-gradient(180deg,#4690b5 50%,#fff 50%);}
.kcAbout .inner{}
.kcAbout .txt{width:100%;height:auto;background:#fff;margin:40px 0 60px 0;padding:50px 40px 20px 40px;text-align:center;box-shadow:0 5px 10px #f4f4f4;}
.kcAbout .txt p{font-size:1.3rem;color:#666;line-height:1.8em;margin-bottom:30px;letter-spacing:1px;}
.kcAbout .txt a{}
.kcAbout .txt a i{font-size:3rem;color:#4690b5;}
.kcAbout .txt a:hover i{color:#333;}

/*关于我们结束*/
/*拍摄流程开始*/
.liucheng{width:100%;background:#f8f8f8;padding:50px 0;}
.liucheng .titleA div span{background:#4690b5;}
.liucheng .titleA div p{color:#4690b5;background:#f8f8f8;}
.lc-box{width:100%;margin-top:50px;}
.lc-box ul:after{content:'';display:block;clear:both;}
.lc-box ul{position:relative;}
.lc-box ul li{float:left;width:20%;color:#4690b5;text-align:center;position:relative;}
.lc-box ul li div{width:100px;height:100px;border-radius:50%;border:1px solid #4690b5;margin:0 auto;}
.lc-box ul li div i{font-size:4rem;line-height:100px;}
.lc-box ul li p{font-size:1.5rem;margin:20px 0 5px 0;}
.lc-box ul li span{display:block;height:36px;line-height:18px;overflow:hidden;}
.lc-box ul li:after{content:'';display:block;border-style:solid;border-color:transparent transparent transparent #4690b5;border-width:8px 0 8px 8px;position:absolute;right:0;top:50px;margin-top:-8px;}
.lc-box ul li:last-child:after{display:none;}


/*拍摄流程结束*/
/*课程展示开始*/
.kcPro{width:100%;background:#fff;padding:50px 0;}
.kcPro .titleA div span{background:#4690b5;}
.kcPro .titleA div p{color:#4690b5;background:#fff;}
.kcBox{width:100%;position:relative;overflow:hidden;padding-top:50px;}
.kcSlideBox{width:100%;height:auto;}
.kcSlideBox .inner{position: relative;}
.kcSlideBox .inner .kczx-more{position: absolute;top:-30px;right:10px;font-size:16px;color:#4690b5 ;}
.kcSlideBox .inner .kczx-more:hover{color:#333;}
.kcBox-ul{position:relative;}
.kcBox-ul:after{content:'';display:block;clear:both;}
.kcBox-ul li{width:25%;padding:0 10px;float:left;}
.kcBox-ul li>a{display:block;width:100%;}
.kcBox-ul li>a .divPic{border:4px solid #4690b5;padding-bottom:59%;transition-duration:0.3s;background:#fff;}
.kcBox-ul li>a .divPic>div{position:absolute;top:0;padding:10px;width:100%;height:100%;}
.kcBox-ul li>a .divPic>div img{width:100%;height:100%;object-fit:cover;}
.kcBox-ul li>a .divPic>span{display:block;width:30px;height:30px;position:absolute;top:0;left:0;background:#4690b5;text-align:center;z-index:2;transition-duration:0.3s;}
.kcBox-ul li>a .divPic>span i{font-size:1.6rem;color:#fff;line-height:30px;}
.kcBox-ul li>a>h3{display:block;background:#4690b5;line-height:35px;font-size:1.3rem;color:#fff;margin-top:-3px;text-align:center;padding:0 10px;transition-duration:0.3s;}

.kcBox-ul li:hover>a .divPic{border-color:#333;}
.kcBox-ul li:hover>a>h3{color:#fff;background:#333;}
.kcBox-ul li:hover>a .divPic>span{background:#333;}

.kcBoxNew{width:100%;height:auto;padding:0 10px;margin-top:20px;}
.kcBoxNew:after{content:'';display:block;clear:both;}
.kcBoxNew .titleH3{font-size:1.5rem;color:#333;padding-left:10px;border-left:2px solid #4690b5;line-height:1em;margin-bottom:20px;}
.kcBoxNew .left{width:49%;background:#f8f8f8;padding:15px;margin-right:2%;float:left;}
.kcBoxNew .left ul{width:100%;display:flex;}
.kcBoxNew .left ul li{width:50%;}
.kcBoxNew .left ul li:first-of-type{margin-right:20px;}
.kcBoxNew .left ul li a{display:block;width:100%;}
.kcBoxNew .left ul li a .divPic{padding-bottom:70%;}
.kcBoxNew .left ul li a h3{font-size:1.2rem;position:absolute;line-height:40px;background:rgba(0,0,0,0.3);text-align:center;padding:0 10px;color:#fff;bottom:0;}
.kcBoxNew .left ul li:hover a h3{background:rgba(0,0,0,0.8);}

.kcBoxNew .right{width:49%;background:#f8f8f8;padding:15px;float:right;}
.kcBoxNew .right ul{width:100%;}
.kcBoxNew .right ul li{width:100%;line-height:35px;border-bottom:1px dashed #eee;padding-left:20px;position:relative;}
.kcBoxNew .right ul li:before{content:"";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#4690b5;top:50%;margin-top:-3px;left:5px;opacity:0.5;}
.kcBoxNew .right ul li:after{content:'';display:block;clear:both;}
.kcBoxNew .right ul li h3{float: left;width:70%;}
.kcBoxNew .right ul li h3 a{font-size:1.3rem;color:#666;}
.kcBoxNew .right ul li h3 a:hover{color:#4690b5;}
.kcBoxNew .right ul li span{width:auto;float:right;white-space:nowrap;color:#999;font-size:1.1rem;}
/*课程展示结束*/
/*拍摄花絮开始*/
.huaxuMain{width:100%;height:auto;background:#f8f8f8;padding:50px 0 80px 0;}
.huaxuMain .titleA div span{background:#4690b5;}
.huaxuMain .titleA div p{color:#4690b5;background:#f8f8f8;}
.one-run{width:100%;margin-top:50px;position:relative;}
.one-run .btn{width:50px;min-width:50px;cursor:pointer;position:absolute;top:50%;margin-top:-25px;}
.one-run .btn i{font-size:1.5rem;color:#fff;background:#4690b5;display:block;width:100%;height:50px;line-height:50px;text-align:center;position:absolute;}
.one-run .btn.prev{left:0px;}
.one-run .btn.next{right:0px;}
.one-run .btn.next i{transform:rotate(180deg);}
.one-run-box{width:90%;overflow:hidden;margin:0 5px;position:relative;margin:0 auto;}
.one-run-box ul{width:2000px;position:relative;left:0;}
.one-run-box ul:after{content:"";display:block;clear:both;}
.one-run-box ul li{float:left;width:300px;padding:0 5px;}
.one-run-box ul li .picBox{padding-bottom:75%;}
.hxmore{text-align:center;margin-top:50px;}
.hxmore a{padding:8px 25px;color:#fff;display:inline-block;background:#4690b5;font-size:1.2rem;}
.hxmore a:hover{background:#333;}
	/*展示模态框*/
.one-model{position:fixed;width:100vw;height:100vh;display:flex;align-items:center;background:rgba(0,0,0,0.7);top:0;left:0;z-index:999;visibility:hidden;transition-duration:0.3s;transform:scale(0.5);opacity:0;}
.one-model .inner{display:flex;width:1000px;}
.one-model .inner .btn{width:50px;min-width:50px;display:flex;align-items:center;cursor:pointer;}
.one-model .inner .btn i{display:block;width:50px;height:100px;text-align:center;line-height:100px;color:#fff;font-size:2.5rem;}
.one-model .inner .prev i{transform:rotate(0deg);}
.one-model .inner .next i{transform:rotate(180deg);}
.one-model-box{width:100%;position:relative;overflow:hidden;}
.one-model-box ul{position:relative;width:3000px;left:0;}
.one-model-box ul:after{content:"";display:block;clear:both;}
.one-model-box ul li{float:left;width:500px;padding:0 80px;}
.one-model-box ul li a{cursor:auto;}
.one-model .inner .close{position:absolute;width:40px;height:40px;transform:rotate(45deg);text-align:center;border-radius:50%;left:50%;margin-left:-20px;bottom:35px;cursor:pointer;}
.one-model .inner .close i{font-size:3rem;line-height:40px;color:#ffc001;}
	/*展示模态框*/
/*拍摄花絮结束*/



/*课程中心主体结束*/

/*返回顶部*/
.topIcon{position:fixed;right:30px;transform:rotate(90deg);bottom:-50px;border:1px solid rgba(255,255,255,0.5);background:#333;width:40px;height:40px;text-align:center;line-height:40px;z-index:99;cursor:pointer;transition-duration:0.3s;}
.topIcon i{font-size:2rem;color:#fff;display:inline-block;}
/*返回顶部*/

/*底部开始*/
.footer{width:100%;height:auto;background:#222;}
.Ftop{width:100%;height:auto;display:flex;align-items:center;padding:20px 0;border-bottom:0.5px solid #ffc001;}
.Ftop .logo{width:auto;}
.Ftop .logo img{width:180px;}
.Ftop .footNav{width:100%;text-align:right;}
.Ftop .footNav ul{display:flex;float:right;}
.Ftop .footNav ul li{}
.Ftop .footNav ul li a{font-size:1.2rem;color:rgba(255,255,255,0.7);margin-left:15px;}
.Ftop .footNav ul li a:hover{color:#fff;}
.Fbottom{width:100%;height:auto;display:flex;align-items:center;padding:10px 0;}
.Fbottom .left{width:100%}
.Fbottom .left span{font-size:1.2rem;color:rgba(255,255,255,0.6);}
.Fbottom .left span a{color:rgba(255,255,255,0.6);}
.Fbottom .left span a:hover{color:#fff;}
.Fbottom .right{width:100%;}
.Fbottom .right ul{display:flex;float:right;}
.Fbottom .right ul li{position:relative;margin:0 10px;}
.Fbottom .right ul li a{}
.Fbottom .right ul li a i{font-size:2rem;color:rgba(255,255,255,0.6);}
.Fbottom .right ul li div{position:absolute;background:#666;width:200px;height:200px;border-radius:5px;top:-210px;left:-88px;display:none;opacity:0;transition-duration:0.3s;}
.Fbottom .right ul li div img{width:100%;height:auto;}
.Fbottom .right ul li div:after{content:"";display:block;position:absolute;bottom:-6px;left:50%;margin-left:-6px;border-width:6px 6px 0 6px;border-style:solid;border-color:#fff transparent transparent;}
.Fbottom .right ul li:hover div{opacity:1;display:block;}
.Fbottom .right ul li:hover a i{font-size:2rem;color:#fff;}
/*底部结束*/
/*首页结束*/
/*列表页开始*/
/*列表头部开始*/
.header.lbheader{background:#ffde3b;}
.lbBanner{width:100%;height:auto;position:relative;}
.lbBanner img{width:100%;display:block;}
.list-ban-text{width:100%;position:absolute;bottom:80px;z-index:2;}
.list-ban-text .inner{text-align:right;position:relative;}
.list-ban-text .inner p{font-size:24px;color:#fff;line-height:1em;}
.list-ban-text .inner span{display:block;width:50px;height:2px;background:#fff;position:absolute;right:0;bottom:-20px;}
/*列表头部结束*/
h2.list-title{display:block;width:200px;height:80px;position:absolute;right:0;margin-left:-100px;top:-90px;background:#ffc001;color:#000;text-align:center;line-height:80px;font-size:2rem;}



/*列表页结束*/
/*内页开始*/

/*关于我们内页开始*/
.aboutYe{background:#fff;}
/*公司简介开始*/
@keyframes abusLeft{
	0%{transform:scale(0);}
	85%{transform:scale(1.1);}
	100%{transform:scale(1);}
}
.abusYe{padding:50px 0 100px 0;background:none;}
.abusYe .inner{display:;padding-top:100px;position:relative;}
.abusYe .inner:after{content:'';display:block;clear:both;}
.abusYe .left{width:50%;padding:0 50px 0 100px;float:left;}
.abusYe .left .leftBox{width:100%;padding-bottom:80%;position:relative;}
.abusYe .left .leftBox:after{content:"";display:block;width:100px;height:100px;box-shadow:0 0 20px #f4f4f4;position:absolute;top:0;right:0;}
.abusYe .left .leftBox:before{content:"";display:block;width:100px;height:100px;box-shadow:0 0 20px #f4f4f4;position:absolute;bottom:0;left:0;}
.abusYe .left .leftBox>div{text-align:center;box-shadow:0 0 25px #eee;position:absolute;font-size:0;background:#fff;z-index:2;animation-name:abusLeft;animation-duration:1.2s;animation-timing-function:ease;}
.abusYe .left .leftBox>div>div{display:inline-block;}
.abusYe .left .leftBox>div h2{font-size:4rem;color:#333;display:flex;}
.abusYe .left .leftBox>div h2 span{font-weight:bold;}
.abusYe .left .leftBox>div h2 em{font-size:1.2rem;}
.abusYe .left .leftBox>div i{display:inline-block;width:30px;height:1px;background:#666;margin:10px 0;}
.abusYe .left .leftBox>div p{font-size:1.2rem;color:#333;}
.abusYe .left .leftBox>div:nth-child(1){padding:50px 70px;top:-20%;left:10%;}
.abusYe .left .leftBox>div:nth-child(2){padding:30px 30px;top:25%;left:50%;z-index:3;}
.abusYe .left .leftBox>div:nth-child(3){padding:50px 70px;bottom:-15%;left:20%;}
.abusYe .left .leftBox>div:hover{z-index:5;box-shadow:0 0 25px #ccc}
.abusYe .right{width:50%;float:right;padding:0 0 0 50px;}
.abusYe .right h2{font-size:2rem;color:#333;margin-bottom:10px;font-weight:bold;}
.abusYe .right p{font-size:1.3rem;color:#999;line-height:1.8em;}
/*公司简介结束*/
/*公司资质开始*/
.ourWork{width:100%;height:auto;padding:50px 0 100px 0;background:#f8f8f8;text-align:center;}
.ourWork .one-run .btn i{background:#f8f8f8;color:#333;}
.ourWork .one-model .picBox{padding-bottom:69%;}

/*公司资质结束*/
/*组织架构开始*/
.about-zzjg{width:100%;height:auto;padding:50px 0 100px 0;text-align:center;}
.about-zzjg .inner{margin-top:50px;text-align:center;}
.about-zzjg img{width:60%;}
/*组织架构结束*/

/*关于我们内页结束*/
/*软件开发内页开始*/
.rjkfYe{width:100%;background:#fff;}
/*列表导航开始*/
.list-nav{padding:50px 0 0 0;}
.list-nav .inner{position:relative;}
.list-nav-box{width:auto;position:absolute;right:200px;bottom:10px;}
.list-nav-box ul{}
.list-nav-box ul:after{content:'';display:block;clear:both;}
.list-nav-box ul li{float:left;border-left:1px solid #333;}
.list-nav-box ul li:first-child{border:none;}
.list-nav-box ul li a{padding:0 20px;color:#333;font-size:1.3rem;line-height:1em;}
.list-nav-box ul li a:hover{color:#f60;}
.list-nav-box ul li.hover a{color:#f60;}
/*列表导航结束*/

.rjkfYe-box{width:100%;position:relative;}

.rjkfYe-bx{width:100%;position:absolute;display:none;}
.rjkfYe-bx.show{position:relative;z-index:2;display:block;}
.pro-int{width:100%;padding:50px 0;}
.pro-int .inner:after{content:'';display:block;clear:both;}
.pro-int .inner .left{float:left;width:40%;}
.pro-int .inner .left img{width:100%;}
.pro-int .inner .right{float:right;width:55%;margin-left:5%;}
.pro-int .inner .right>h3{font-size:2rem;font-weight:bold;margin-bottom:20px;}
.pro-int .inner .right>p{text-indent:2em;font-size:1.3rem;color:#333;letter-spacing:2px;line-height:1.8em;}

.pro-des{width:100%;padding:50px 0;}
.list-title2{width:100%;text-align:center;font-size:2.2rem;color:#333;font-weight:bold;}
.pro-des ul{width:100%;margin-top:30px;}
.pro-des ul:after{content:'';display:block;clear:both;}
.pro-des ul li{width:49%;float:left;padding:15px 15px;background:#f8f8f8;margin-right:2%;margin-top:25px;}
.pro-des ul li:nth-child(even){margin-right:0;}
.pro-des ul li:after{content:'';display:block;clear:both;}
.pro-des ul li .left{width:15%;float:left;text-align:center;}
.pro-des ul li .left i{font-size:5rem;color:#666;}
.pro-des ul li .right{width:83%;float:right;}
.pro-des ul li .right p{font-size:1.4rem;font-weight:bold;margin-bottom:10px;letter-spacing:2px;}
.pro-des ul li .right span{font-size:1.1rem;color:#666;line-height:20px;height:80px;display:block;overflow:hidden;}

.pro-shu{width:100%;padding:50px 0;text-align:center;}
.pro-shu .inner h2{margin-bottom:40px;}
.pro-shu .inner img{width:100%;}

.pro-coo{width:100%;padding-bottom:50px;}
.pro-coo h3{font-size:1.5rem;font-weight:bold;margin-bottom:10px;}
.pro-coo p{font-size:1.3rem;line-height:1.5em;}
/*博学结束*/
.rjkfYe-xy{width:100%;position:absolute;display:none;}
.rjkfYe-xy.show{position:relative;z-index:2;display:block;}
/*电子商务*/
.dzswYe .pro-coo h3{margin-top:30px;font-size:2rem;}
/*电子商务*/

/*软件开发内页结束*/
/*联系我们开始*/
.contactYe{width:100%;height:auto;padding:50px 0;}
.con-box{width:100%;text-align:center;margin:50px 0;}
.con-box img{width:50%;}
.con-text{font-size:1.2rem;color:#666;line-height:1.5em;text-align:center;}
.con-text p{display:inline-block;width:50%;text-align:left;padding:5px 0;}
/*联系我们结束*/
/*新闻开始*/
.newsList{width:100%;}
.news-list{width:100%;padding:50px 0;}
.news-list-box{width:100%;}
.news-list-box ul{width:100%;}
.news-list-box ul li{width:100%;background:#f8f8f8;padding:20px;margin:20px 0;transition-duration:0.3s;}
.news-list-box ul li:after{content:'';display:block;clear:both;}
.news-list-box ul li a{display:block;position:relative;}
.news-list-box ul li a h3.h3title{font-size:1.5rem;color:#333;width:60%;}
.news-list-box ul li a p{font-size:1.2rem;color:#666;margin:5px 0 10px 0;display:block;width:100%;}
.news-list-box ul li a i{font-size:1.5rem;color:#999;float:left;}
.news-list-box ul li a span{font-size:1rem;color:#999;padding-left:5px;float:left;line-height:1.5rem;}
.news-list-box ul li:hover{transform:translateX(3px) translateY(-3px);box-shadow:-5px 5px 5px #eee;}
.news-list-box ul li a:hover h3.h3title{color:#f60;}

.news-text{min-height:500px;}
.video_con{width:50%;}
.news-text video{width:100%;}
/*新闻结束*/
/*合作伙伴*/
.hzhb-list{width:100%;padding:50px 0;}

/*合作伙伴*/


/*课程列表开始*/

.CPLBM-ul{}
.CPLBM-ul:after{content:"";display:block;clear:both;}
.CPLBM-ul li{width:50%;float:left;padding:20px 30px;}
.CPLBM-ul li a{display:block;width:100%;padding-bottom:59%;position:relative;overflow:hidden;}
.CPLBM-ul li a img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.CPLBM-ul li a div{position:absolute;width:100%;height:100%;display:flex;align-items:center;background:rgba(0,0,0,0.3);padding:0 10px;bottom:-100%;}
.CPLBM-ul li a div span{display:block;width:100%;text-align:center;font-size:1.5rem;color:#fff;}
.CPLBM-ul li:hover a div{}
.CPLBM-ul li:hover img{}
.CPLBM-ul.hzhb li{width:20%;}
.CPLBM-ul.hzhb li a{padding-bottom:75%;}
/*课程列表结束*/


/* 列表分页开始 */
.listPage{padding:30px 0;text-align:center;}
.listPage table{display:inline-block;}
.listPage table td:first-of-type{display:none;}
.listPage table td{border:1px solid #eee;padding:5px 5px;margin:0 5px;display: inline-block;color:#999;}
.listPage table td a{width:100%;color:#333;}
/* 列表分页结束 */

.list-title3{width:100%;font-size:2.2rem;color:#333;font-weight:bold;margin-bottom:30px;border-bottom:1px solid #ddd;padding-bottom:10px;}
.news-text img{max-width:100% !important;height:auto !important;}
/*内页结束*/

@media screen and (max-width:1200px){
	.inner{width:90%;}
	.nav>li{padding:0 10px;}
	.nav>li>a{font-size:1rem;}
	.search{width:150px;}

	.caseBox .right div h4{margin-top:20px;}
	.caseBox .right div h3{margin-bottom:30px;}
	.caseBox .right div a{margin-top:50px;}
	.caseBox .right .leftXian span{height:50px;}

	.caseBox .right div h4{margin-top:20px;}
	.caseBox .right div h3{margin-bottom:30px;}
	.caseBox .right div a{margin-top:50px;}
	.caseBox .right .leftXian span{height:50px;}

	.abusYe{padding:50px 0;}
	.abusYe .inner{padding-top:50px;}
	.abusYe .left{width:50%;padding:0;}
	.abusYe .left .leftBox>div:nth-child(1){padding:20px 30px;top:-30px;left:25%;z-index:5;}
	.abusYe .left .leftBox>div:nth-child(2){padding:20px;}
	.abusYe .left .leftBox>div:nth-child(3){padding:25px;bottom:30px;left:20%;}
	.abusYe .left .leftBox>div h2{font-size:3rem;}


	.abusYe .right{width:50%;padding:0;padding-left:30px;}
	.abusYe .right h2{text-align:center;font-size:1.5rem;}
	.abusYe .right .txt{text-align:justify;}

	.topIcon{right:10px;}
}

@media screen and (max-width:767px){
	.inner{width:94%;}
	*{-webkit-tap-highlight-color:rgba(255,255,255,0);}
	/*通用样式*/
	h2.title{font-size:1.5rem;}
	/*头部开始*/
	.header{width:100%;height:50px;}
	.header .inner .left{width:50%;padding-top:5px;}
	.header .inner .left a img{width:100px;height:40px;}
	.header .inner .center{height:auto}
	.header .inner .nav{position:fixed;width:50vw;height:100vh;background:#333;top:50px;right:-50vw;transition-duration:0.3s;}
	.header .inner .right{right:60px;}
	.header .inner .right a{line-height:50px;font-size:1rem;}
	.navOpen{display:flex;width:40px;overflow:hidden;align-items:center;position:absolute;right:0;top:14px;}
	.navOpen span{display:block;width:30px;height:2px;background:#fff;transition-duration:0.3s;}
	.navOpen span:nth-child(2){margin:8px 0;}
	.navOpen.hover span:nth-child(1){transform:rotate(41deg);transform-origin:left center;}
	.navOpen.hover span:nth-child(2){transform:translateX(-32px);}
	.navOpen.hover span:nth-child(3){transform:rotate(-41deg);transform-origin:left center;}
	.header .inner .nav{display:block;float:none;margin:0;}
	.header .inner .nav>li{width:100%;padding:0;border-bottom:1px solid rgba(255,255,255,0.2)}
	.header .inner .nav>li>a{line-height:40px;padding-left:20px;font-size:1.2rem;}
	.header .inner .nav>li>span{display:block;position:absolute;z-index:2;width:80px;height:40px;top:0;right:0;text-align:center;line-height:40px;}
	.header .inner .nav>li>span>i{font-size:1.5rem;color:#fff;}
	.header .nav>li>ul.openUl{top:0;background:#333;width:100%;transform:translateX(-200%);}
	.header .nav>li>ul.openUl li{margin:0;border-bottom:1px solid rgba(255,255,255,0.1);}
	.header .nav>li>ul.openUl li a{line-height:40px;display:block;text-align:right;}
	.header .nav>li:hover>ul.openUl{transform:translateX(-100%);}
	.header .inner .search{display:none;}

	.liukong{height:50px;}

	.banner{height:26vh;}
	.slideUl li>div h2{font-size:1.5rem;margin-bottom:5px;}
	.slideUl li>div span{font-size:1.1rem;}
	.slideUl li>div i{height:25px;display:none;}
	.slideUl li>div i:before{font-size:1rem;margin-top:-55px;}
	.lunbonum li{width:20px;}
	/*头部结束*/
	/*主体开始*/
	/*我们的服务开始*/
	.service{padding:20px 0;}
	.service .inner{display:block;}
	.service .inner .left{width:100%;}
	.service .inner .left .leftXian{display:none;}
	.service .inner .left a.aS1{right:0;}
	.service .inner .right{width:100%;}
	.service .inner .right ul li{padding:5px;}
	.service .inner .right ul li a{padding:20px 0;}
	.service .inner .right ul li a h3{font-size:1.2rem;margin:15px auto;}
	.service .inner .right ul li a p{font-size:1rem;line-height:20px;height:80px;}
	/*我们的服务结束*/
	/*关于我们开始*/
	.about{padding:20px 0;}
	.about .inner{display:block;}
	.about .inner .left{width:100%;}
	.about .inner .left .leftXian{display:none;}
	.about .inner .left p{margin-top:5px;}
	.about .inner .right .txt{height:280px;overflow-y:scroll;margin-right:10px;overflow-x:hidden;}

	.about .inner .right{width:100%;padding:20px 0;}
	.about .inner .right .txt span{font-size:1rem;line-height:1.5em;}
	/*关于我们结束*/
	/*案例展示开始*/
	.case{padding:20px 0;}
	.caseBox{display:block;}
	.caseBox .left{width:100%;}
	.caseBox .left ul li{width:100%;margin-bottom:10px;}
	.caseBox .right{width:100%;margin:15px 0 0 0;}
	.caseBox .right div p{margin-top:30px;}
	/*案例展示结束*/
	/*新闻中心开始*/
	.news{background:#fff;}
	.news>p{display:none;}
	.news .inner{display:block;}
	.news .inner .left{width:100%;background:#333;}
	.news .inner .left div{padding:15px 0 15px 10%;}
	.news .inner .left div h2{font-size:1.5rem;}
	.news .inner .left div a{margin-top:20px;}
	.news .inner .right{width:100%;padding:15px 10px;}
	/*新闻中心结束*/
	.partner-ul li{width:25%;padding:10px;}


	.footer{position:relative;}
	.Ftop .footNav{display:none;}
	.Fbottom .right{position:absolute;top:50px;right:20px;}
	.Fbottom .right ul li div{position:fixed;width:100%;height:50%;top:25%;left:0;z-index:999;align-items:center;justify-content:center;}
	.Fbottom .right ul li:hover div{display:flex;background:rgba(0,0,0,0.5);}
	.Fbottom .right ul li div img{width:60%;}
	.Fbottom .left{text-align:center;}
	.Fbottom .left span{font-size:1rem;}
	/*主体结束*/


	/*课程中心开始*/
	.titleA div{width:105px;}
	.titleA div p{font-size:1.5rem;}

	.kcAbout .txt{padding:15px;}
	.kcAbout .txt p{margin-bottom:15px;}

	.kcBox{margin-top:30px;}
	.kcBox-ul li{padding:10px;width:100%;}
	.kcBox-ul li>a .divPic>div{padding:10px;}
	.kcBox-ul li>a .divPic>span{width:25px;height:25px;}
	.kcBox-ul li>a .divPic>span i{line-height:25px;font-size:1.5rem;}
	.kcBox-ul li>a>h3{font-size:1.2rem;}

	.kcBoxNew{display:block;padding:0 5px;margin-top:10px}
	.kcBoxNew .titleH3{font-size:1.3rem;}
	.kcBoxNew .left{width:100%;}
	.kcBoxNew .right{width:100%;margin-top:10px;}
	.kcBoxNew .left ul li a h3{font-size:1rem;line-height:25px;}
	.kcBoxNew .right ul li h3 a{font-size:1.1rem;}
	.kcBoxNew .right ul li span{font-size:1rem;}

	.huaxuMain .inner{width:100%;}
	.hzhb-list{padding:0 0 50px 0;}
	.CPLBM-ul li{width:50%;padding:5px;}
	.CPLBM-ul li a div{height:30px;bottom:0;}
	.CPLBM-ul li a div span{font-size:1.2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	
	.CPLBM-ul.hzhb li{width:50%;}
	/*课程中心结束*/

	/*列表开始*/
	.lbBanner{height:20vh;}
	.lbBanner img{width:100%;height:100%;object-fit:cover;}

	h2.list-title{width:100px;height:50px;line-height:50px;top:-75px;font-size:1.5rem;}
	.list-ban-text{bottom:45px;}
	.list-ban-text .inner p{font-size:1.2rem;}
	.list-ban-text .inner span{width:30px;height:1px;bottom:-10px;}
	.list-nav-box{right:100px;bottom:22px;}
	.list-nav-box ul li a{padding:0 10px;font-size:1.2rem;}
	.list-title2{font-size:1.5rem;}

	/*关于我们*/
	.abusYe .left{width:100%;padding:0;}
	.abusYe .right{width:100%;padding:0;margin-top:20px;}
	.abusYe .left .leftBox>div:nth-child(3){left:20px;}



	.ourWork{padding:30px 0;}
	.ourWork .inner{width:100%;}
	.one-run{width:100%;display:flex;margin-top:30px;}
	.one-run-box{}
	.one-model-box ul li{padding:0 5px;}
	.one-run .btn{min-width:30px;width:30px;margin-top:-15px;z-index:9;}
	.one-run .btn i{width:30px;line-height:30px;height:30px;}

	.one-model .inner{display:flex;width:100%;}
	.one-model .inner .btn{display:none;}
	.one-model-box{background:none;}
	.one-model .inner .close{color:#fff;bottom:20%;}


	.about-zzjg{padding:30px 0;}
	.about-zzjg .inner{margin-top:20px;}
	.about-zzjg img{width:80%;}
	/*关于我们结束*/
	/*软件开发开始*/
	.pro-int{padding:0 0 30px 0;}
	.pro-int .inner .left{width:100%;}
	.pro-int .inner .right{width:100%;margin:20px 0 0 0;}
	.pro-int .inner .right>h3{font-size:1.5rem;}
	.pro-int .inner .right>p{font-size:1.2rem;text-align:justify;}

	.pro-des{padding:30px 0;}
	.pro-des ul{margin-top:10px;}
	.pro-des ul li .left{width:100%;}
	.pro-des ul li .left i{font-size:3.5rem;}
	.pro-des ul li .right{width:100%;}
	.pro-des ul li .right p{font-size:1.3rem;text-align:center;}
	.pro-des ul li .right span{text-align:justify;overflow-y:scroll;}

	.pro-shu{padding:30px 0}
	/*软件开发结束*/

	/*联系我们开始*/
	.contactYe{padding:0 0 50px 0;}
	.con-box img{width:90%;}
	.con-box{margin:20px 0;}
	.con-text p{width:90%;text-align:justify;}


	/*联系我们结束*/
	/*新闻列表开始*/
	.news-list{padding:0 0 50px 0;}
	.news-list-box ul li a h3.h3title{width:100%;font-size:1.3rem;}
	.news-list-box ul li a p{font-size:1.1rem;}

	.listPage table td{margin:0 2px;padding:5px 4px;}
	/*新闻列表结束*/


	/*内页*/
	.news-text img{width:90%;height:auto;}
	.video_con{width:100%;}


}






