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;}
h3{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 初始化公共样式 */
/* 初始化公共样式 */
.inner1{width:1300px;margin:0 auto;display:flex;}
.inner{width:1300px;margin:0 auto;}
/*通用样式*/



/*导航样式*/

/*主体开始*/
.zhuti{width:100%;height:auto;background:#fff;}
/*通用样式开始*/
.divPic{width:100%;position:relative;padding-bottom:59%;overflow:hidden;}
.divPic>img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}
.ceng{position:absolute;width:100%;height:100%;top:0;left:0;transition-duration:0.3s;}
.Mtitle{width:100%;height:auto;padding:0 0 20px 0;background:#fff;text-align:center;}
.Mtitle h2{font-size:2.5rem;color:#333;font-weight:bold;}
.Mtitle h3{font-size:1.5rem;color:#999;margin:10px 0;}
.Mtitle i{display:inline-block;width:2px;height:15px;background:#999;}
.Mfoot{width:100%;height:200px;background:#fff;}
/*通用样式结束*/

/*流程开始*/
.liucheng{padding:0 0 100px 0;}
.liucheng .left{width:8%;background:#666;display:flex;align-items:center;}
.liucheng .left p{font-size:1.5rem;font-weight:bold;color:#fff;width:100%;text-align:center;}
.liucheng ul{width:92%;display:flex;}
.liucheng ul li{width:12.5%;background:#fff;padding:20px;text-align:center;margin-left:15px;color:#666;transition-duration:0.5s;}
.liucheng ul li i{font-size:3.5rem;}
.liucheng ul li p{font-size:1.2rem;margin-top:5px;}
.liucheng ul li:hover{background:#ccc;color:#fff;}

.icon-fangzi{width:100%; height:48px;background:url(images/iospic/ios1_1.png) no-repeat center;display:flex;}
.icon-fangzi:hover{width:100%; height:48px;background:url(images/iospic/ios1_2.png) no-repeat center;display:flex;}

.icon-shej1{width:100%; height:48px;background:url(images/iospic/ios2_1.png) no-repeat center;display:flex;}
.icon-shej1:hover{width:100%; height:48px;background:url(images/iospic/ios2_2.png) no-repeat center;display:flex;}

.icon-yusuan{width:100%; height:48px;background:url(images/iospic/ios3_1.png) no-repeat center;display:flex;}
.icon-yusuan:hover{width:100%; height:48px;background:url(images/iospic/ios3_2.png) no-repeat center;display:flex;}

.icon-hetong{width:100%; height:48px;background:url(images/iospic/ios4_1.png) no-repeat center;display:flex;}
.icon-hetong:hover{width:100%; height:48px;background:url(images/iospic/ios4_2.png) no-repeat center;display:flex;}

.icon-xuangou{width:100%; height:48px;background:url(images/iospic/ios5_1.png) no-repeat center;display:flex;}
.icon-xuangou:hover{width:100%; height:48px;background:url(images/iospic/ios5_2.png) no-repeat center;display:flex;}

.icon-shigong{width:100%; height:48px;background:url(images/iospic/ios6_1.png) no-repeat center;display:flex;}
.icon-shigong:hover{width:100%; height:48px;background:url(images/iospic/ios6_2.png) no-repeat center;display:flex;}

.icon-yanshou{width:100%; height:48px;background:url(images/iospic/ios7_1.png) no-repeat center;display:flex;}
.icon-yanshou:hover{width:100%; height:48px;background:url(images/iospic/ios7_2.png) no-repeat center;display:flex;}

.icon-genzong{width:100%; height:48px;background:url(images/iospic/ios8_1.png) no-repeat center;display:flex;}
.icon-genzong:hover{width:100%; height:48px;background:url(images/iospic/ios8_2.png) no-repeat center;display:flex;}

/*流程结束*/
/*我们的优势开始*/
.youshi{width:100%;padding:150px 0;background:url(images/youshiBg.jpg) no-repeat center;background-attachment: fixed;}
.youshi ul{display:flex;width:100%;}
.youshi ul li{width:25%;padding:30px;border-left:1px solid #fff;text-align:center;color:#666;background:rgba(255,255,255,0.6);font-size:0;transition-duration:0.3s;}
.youshi ul li:first-of-type{border-left:none;}
.youshi ul li i{font-size:5.5rem;color:#f90;}
.youshi ul li h3{font-size:1.5rem;margin-top:10px;}
.youshi ul li span{display:inline-block;width:50%;height:1px;background:#666;margin:20px;}
.youshi ul li p{display:block;width:100%;height:40px;line-height:20px;overflow:hidden;font-size:1.1rem;}
.youshi ul li:hover{background:#fff;}
/*我们的优势结束*/
.title { font-size:35px; color:#333; text-align:center; padding:50px 0 50px 0; }
.title b { font-size:12px; color:#666; line-height:16px; display:inline-block; padding:10px 0 0 0; margin-bottom:-10px; }
.title span { display: inline-block; line-height:40px; position:relative; padding:0 6%; font-weight:normal; }
.title span:before { width:100%; height:1px; background:#333; position: absolute; left:0; right:0; content:''; bottom:-20px; }
.title span:after { display:block; overflow:hidden; content:''; background:#333; border:10px solid #fff; position:absolute; left:50%; width:4px; bottom:-32px; height:4px; border-radius:100%; margin-left:-12px; }
.infoText { text-align:center; color:#999; font-size:16px; padding:30px 10px; }

/*案例开始*/
.case{width:100%;height:auto;padding:150px 0;background:#f8f8f8;}
.case .left{width:35%;height:auto;display:flex;align-items:center;}
.case .left .mTitle{text-align:left;}
.case .left p{font-size:1rem;color:#999;margin:30px 0 50px 0;}
.case .left a{display:block;width:120px;height:35px;text-align:center;line-height:35px;font-size:1.2rem;color:#fff;background:#222;}
.case .left a:hover {background:#ff6551;color:#FF0;transition-duration:0.3s;}
.case .right{width:65%;overflow:hidden;}
.case .right ul{width:auto;display:flex;left:0;position:relative;}
.case .right ul.run{transition-duration:0.5s;}
.case .right ul li{width:33.3%;padding:0 10px;}
.case .right ul li a{display:block;width:100%;overflow:hidden;}
.case .right ul li a .divPic{padding-bottom:80%;}
.case .right ul lia .divPic img:hover{transform:scale(1.1);}
.case .right ul li a .txt{padding:15px;background:#fff;position:relative;}
.case .right ul li a .txt h3{font-size:1.6rem;color:#666;font-weight:bold; text-align:center;}
.case .right ul li a .txt h3:hover{font-size:1.6rem;color:#F33;font-weight:bold; text-align:center;transition-duration:0.3s;}

.case .right ul li a .txt p{font-size:1rem;color:#999;margin-top:10px;line-height:1.5em;text-align:center;}
.case .right ul li a .txt i{position:absolute;right:10px;bottom:10px;font-size:1.5rem;color:#333;}

.mTitle h2 {font-size: 2.5rem;font-weight: bold;color: #333;margin: 0px 0 15px 0;}
/*结束*/

/*底部开始*/
.Bottom{width:100%;height:auto;}
/*底部服务开始*/
.service{width:100%;height:auto;background:#eee;padding:30px 0;}
.service ul{display:flex;}
.service ul li{width:25%;border-left:1px solid #ccc;text-align:center;}
.service ul li:nth-child(1){border:none;}
.service ul li i{font-size:3.5rem;color:#666;}
.service ul li p{font-size:1.2rem;color:#999;margin-top:5px;}

.icon-baoyou{width:100%; height:48px;background:url(images/iospic/ios4_1.png) no-repeat center;display:flex;}
.icon-baoyou:hover{width:100%; height:48px;background:url(images/iospic/ios4_2.png) no-repeat center;display:flex;}

.icon-zhengpin{width:100%; height:48px;background:url(images/iospic/ios5_1.png) no-repeat center;display:flex;}
.icon-zhengpin:hover{width:100%; height:48px;background:url(images/iospic/ios5_2.png) no-repeat center;display:flex;}

.icon-haoping{width:100%; height:48px;background:url(images/iospic/ios6_1.png) no-repeat center;display:flex;}
.icon-haoping:hover{width:100%; height:48px;background:url(images/iospic/ios6_2.png) no-repeat center;display:flex;}

.icon-tuikuan{width:100%; height:48px;background:url(images/iospic/ios7_1.png) no-repeat center;display:flex;}
.icon-tuikuan:hover{width:100%; height:48px;background:url(images/iospic/ios7_2.png) no-repeat center;display:flex;}

.icon-fuwu{width:100%; height:48px;background:url(images/iospic/ios9-1.png) no-repeat center;display:flex;}
.icon-fuwu:hover{width:100%; height:48px;background:url(images/iospic/ios9-2.png) no-repeat center;display:flex;}
/*底部服务结束*/
/*关于我们*/
.abouts-imgs { width: 50%; position: relative; display: table-cell; overflow: hidden; vertical-align: top; }
.abouts-text { width: 50%; color: #666; display: table-cell; padding: 5%; line-height: 2; vertical-align: baseline; background: #f2f5f8; }
.abouts-imgs .abouts-fixed { background-position: center; background-size: cover; width: 100%; height: 100%; position: absolute; }
.abouts-text h2{ display: block; margin: 0 0 1.875rem 0; font-size:2rem; font-weight:bold;}
.abouts-text p {font-size: 1.3rem; line-height: 2rem; padding-bottom:0.625rem; }
.abouts-button { padding: 0.4375rem 1.75rem; border: 1px solid #222; color: #222; margin-top: 1.1875rem; display: inline-block; }
.abouts-text p.f16 { font-size: 1rem; color: #666; }
.abouts-button:hover { background: #d80808; border-color: #d80808; color: #fff; }
/*结束*/
.new_home { width:100%; height: auto; margin:auto;background:url(images/youshiBg2.jpg) no-repeat center;background-attachment: fixed; padding:150px 0;}

.new_home .left_new { width:48%; float:left;background: rgba(255,255,255,0.2);margin-right: 1%;transition-duration:0.3s;}
.new_home .left_new:hover{background:#ff6551;}
.new_home .left_new .pic { float: left; width:34%;position:relative;}
.new_home .left_new .pic img{width:auto;display:block;object-fit: cover;}
.new_home .left_new .text { float: left; width: 57%; margin-left: 4%; padding: 6% 0px; }
.new_home .left_new .text h4 { color: #FFF; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; width: 100%; }
.new_home .left_new .text p { color: #FFF; font-size: 13px; line-height: 22px; height: 66px \n; overflow: hidden; width: 100%; margin: 12px 0px; }
.new_home .left_new .text a { color: #FFF; font-size: 13px; }
.new_home .left_new .text a:hover { color:#FF0; }
.new_home .right_new { width: 46%; float: right; }
.new_home .right_new li { width: 49%; float: left;background: rgba(255,255,255,0.2);margin-right: 2%; }
.new_home .right_new li:hover{background:#ff6551;transition-duration:0.3s;}
.new_home .right_new li:last-child { margin-right: 0px; }
.new_home .right_new .pic { position: relative;object-fit: cover;}
.new_home .right_new .text { padding: 7.2% 10px; }
.new_home .right_new .text h4 { color: #FFF; font-size: 16px; line-height:30px; height:30px; overflow: hidden;font-weight: bold;text-align: center;}
.new_home .right_new .text p { color: #FFF; font-size: 13px; line-height: 22px; height:130px; width: 100%; overflow: hidden; }


.advPro{width:100%;height:auto;background:url(images/youshiBg2.jpg) no-repeat;background-size:cover;padding:100px 0;}
.advPro .left{width:50%;}
.advPro .left h3{font-size:2rem;color:#fff;line-height:40px;}
.advPro .right{width:50%;display:flex;align-items:center;}
.advPro .right a{display:block;width:180px;line-height:50px;text-align:center;font-size:1.2rem;color:#333;background:#fff;border-radius:5px;}
.advPro .right a:last-of-type{background:#f33;margin:0 30px;color: #FFF;}

/*底部导航开始*/
.footNav{width:100%;height:auto;background:#fff;padding:50px 0;}
.footNav .inner{display:flex;}
.footNav .inner .left{width:70%;display:flex;}
.footNav .inner .left dl{width:25%;}
.footNav .inner .left dl dt{font-size:1.3rem;color:#333;margin-bottom:10px;font-weight: bold;}
.footNav .inner .left dl dd{font-size:1.1rem;color:#666;margin-top:5px;}
.footNav .inner .left dl dd a:hover{color:#000;}

.footNav .inner .right{width:30%;display:flex;}
.footNav .inner .right div{width:100%;text-align:center;}
.footNav .inner .right div img{width:100%;display:block;}
.footNav .inner .right div p{font-size:2rem;color:#333;margin-top:5px;}
/*底部导航结束*/
/*页脚开始*/
.footer{width:100%;height:auto;background:#292b2f;padding:15px 0;}
.footer .inner{display:flex;}
.footer .inner .left{width:100%;}
.footer .inner .left ul{width:100%;display:flex;}
.footer .inner .left ul li{padding:0 15px;border-left:1px solid rgba(255,255,255,0.2);}
.footer .inner .left ul li:nth-child(1){border:none;}
.footer .inner .left ul li a{color:rgba(255,255,255,0.8);}
.footer .inner .left ul li a:hover{color:#fff;}
.footer .inner .right{width:auto;white-space:nowrap;color:rgba(255,255,255,0.8);}

/*页脚结束*/
/*底部结束*/


@media screen and (max-width:1200px){
	.inner{width:94%;}
}

@media screen and (max-width:767px){
	.inner{width:95% !important;}
	*{-webkit-tap-highlight-color:rgba(255,255,255,0);}
/* 导航	 */
.top{display: none}
#nav{top: 0;padding: 0 10px;}
.moblieTop {display: flex;}
.navlogoBox {display: none;}
#nav .inner1 {width: 100%;height: 100%;}
#nav .navOpen {height: 25px;width: 25px;position: absolute;right: 10px;top: 50%;display: block;background-image: url('/images/on.png');background-size: cover;transform: translateY(-50%);transition: all 0.5s;}
#nav .nav_ul{position: absolute; display: flex;flex-direction: column;right: -145px;top: 60px;overflow: hidden;background: rgba(0,0,0,0.5);height: auto;transition: all 0.5s;}
#nav .nav_item {margin: 0}
#nav .nav_item>a {width: 145px;height: 50px;line-height: 50px;}


/* 轮播图 */
.swiper {height: 280px !important;}


/* 关于我们 */
.abouts-index{display: flex;flex-direction: column;}
.abouts-index .abouts-imgs{display: none}
.abouts-text h2 {text-align: center}
.team-index{display: flex;flex-direction: column-reverse;}
.abouts-imgs{width: 100%;height: 220px;}
.abouts-text {width: 100%;}


/* 我们的服务 */
.title {font-size: 2rem;padding: 20px 0 20px 0;}
.service ul{position: relative;}


/* 我们的优势 */
.youshi {padding: 0;}
.youshi .inner1{width: 100%}
.youshi ul {display: flex;flex-direction: column;width: 100%;}
.youshi ul li {width: 100%;padding: 30px;}

/* 拍摄流程 */
.liucheng {padding: 20px 0;}
.liucheng .inner1 {width: 100%;}
.liucheng .left {width: 25%;}
.liucheng ul {width: 75%;display: flex;flex-wrap: wrap;}
.liucheng ul li {width: 33.33%;margin-bottom: 20px;padding: 0px;margin-left: 0px;}
.liucheng ul li:nth-last-child(1), 
.liucheng ul li:nth-last-child(2) {margin-bottom: 0}

/* 宣传 */
.new_home {padding: 0;}
.new_home .inner1{flex-direction: column;width: 100%;}
.new_home .left_new {width: 100%;margin-right: 0;display: flex;flex-direction: column;padding: 5px 0px;}
.new_home .left_new .pic {display: none;}
.new_home .left_new .text {width: 100%; margin-left: 0;padding: 20px 13px;}
.new_home .right_new {width: 100%;}
.new_home .left_new .text h4 {    color: #FFF;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;font-weight: bold;text-align: center;}
.new_home .right_new li {width: 100%;margin-right: 0;}
.new_home .right_new .pic img{width: 100%;}
.new_home .right_new .text p {margin: 10px 0;}

/* 案例 */
.case {width: 100%;padding: 20px 0;}
.case .inner1 {width: 95%;flex-direction: column;}
.case .left {width: 100%;}
.case .left > div{width: 100%;}
.case .left .mTitle {text-align: center;}
.case .left p {text-align: center;margin: 10px 0;}
.case .left a {display: none;}
.case .right {width: 100%;overflow: hidden;}
.case .right ul.run { display: flex;flex-wrap: wrap;}
.case .right ul li {width: 100%;padding: 0;}

/* 客服 */
.advPro {width: 100%;padding: 20px 0;}
.advPro .inner1{width: 95%;flex-wrap: wrap;}
.advPro .left {width: 100%;}
.advPro .left h3 {font-size: 1.5rem;line-height: 40px;}
.advPro .right {justify-content: space-between; width: 100%;}
.advPro .right a {width: 145px;line-height: 40px;}
.advPro .right a:last-of-type {margin: 0;}

/* 底部导航 */
.footNav {padding: 20px 0;}
.footNav .inner .right {display: none;}
.footNav .inner .left {width: 100%;}
.footNav .inner .left dl {width: 25%;text-align: center;}

/* 最底部 */
.footer {padding: 20px 0;}
.footer .inner {flex-wrap: wrap;}
.footer .inner .left {width: 100%;}
.footer .inner .left ul {width: 100%;display: flex;flex-wrap: wrap;}
.footer .inner .left ul li {padding: 0 ;width: 25%;text-align: center;}
.footer .inner .left ul li:nth-last-child(1), 
.footer .inner .left ul li:nth-last-child(2) {width: 100%;border: none;}
.footer .inner .left ul li:nth-last-child(2){margin: 10px 0;}
.footer .inner .right {width: 100%;margin: 10px 0 0 0;text-align: center;}
}