/* 页面开始 */
html{overflow-x:hidden;}
img{max-width:100%;}
.viewport{
	margin: 0 auto;
    background: #FFF;
    position: relative;
}
.mobile{
	width: 100%;
}
.mobile-inner{
	position: relative;
}
.mobile-inner-header{
	width: 100%;
    height: 7.85rem;
    background-size: 100% 100%;
}
.mobile-nav{
	width: 100%;
	background-color: #1d6dff;
	font-size:0;
}
.mobile-nav ul{
	text-align: center;
}
.mobile-nav ul li{
	display: inline-block;
	height: 3rem;
	width:14%;
	text-align: center;
}
.mobile-nav ul li a{
	color:#fff;
}
.mobile-nav ul li.active a{
	color:#8d6a32;
}
.mobile-nav ul li.on a{
	color:#8d6a32;
}
.mobile-nav ul li p{
	line-height:3rem;
	font-size: 1rem;
}

.swiper-container{
	width: 100%;
}
.swiper-wrapper{
	width: 100%;
}
.swiper-slide{
	width: 100%;
}
.swiper-slide img{
	width: 100%;
}
.swiper-container {
    width: 100%;
    height: 25rem;
}
/* 培训授课教学 */
.d-main{
	margin-top: 4rem;
	width: 100%;
	color:#3e3e3f;
	text-align: center;
}
.d-main>i{
	display: inline-block;
	width:2.85rem;
	height:0.45rem;
	background:url(hengxian_03.png)no-repeat;
	background-size:100%;
}
.d-main ul{
	width:93%;
	margin:1.5rem auto 0;
}
.d-main ul li{
	text-align: center;
	float: left;
	width: 49%;
	height: 10rem;
	background:url(jidi_03.jpg)no-repeat;
	background-size: 100% 100%;
}
.d-main ul li:nth-child(2){
	float: right;
	background:url(jidi_05.jpg)no-repeat;
	background-size: 100% 100%;
}
.d-main ul li img{
	width: 100%;
	height: 100%;
}
.d-main ul li a{
	color:#fff;
}
.d-main ul li h2{
	margin-top: 10.7rem;
	font-size: 1.2rem;
	font-weight: normal;
}
.d-main ul li p{
	font-size: 0.7rem;
}
.d-main ul li a{
	display: inline-block;
	width: 100%;
}
.d-main ul li a i{
	display: inline-block;
	width: 2.4rem;
	height: .3rem;
	margin-top: -0.2rem;
}
.d-main ul li i>img{
	width: 100%;
	height: 100%;
}
a.more{
	display: inline-block;
	width:20rem;
	height:3.5rem;
	border:1px solid #1d6dff;
	margin:1.6rem auto 4rem;
	border-radius:1.7rem;
	color:#1d6dff;
}
a.more p{
	line-height:3.5rem;
}
a.more span{
	color:#3e3e3f;
}
a.more>i{
	display: inline-block;
	width:0.35rem;
	height:0.37rem;
	background:url(more.png)no-repeat;
	background-size:100%;
}
/* 研发中心 */
.main{
	width: 100%;
	text-align: center;
	color:#fff;
	background-color: #222222;
	padding:2.8rem 0;
}
.main i{
	display: inline-block;
	width:100%;text-align:center;margin-top:20px;
	height:30px;line-height:30px;
	background:url(hengxian_03.png)no-repeat;
	background-size:100%;
}
/*最新作品*/
.zuopin{
	width:93%;
	margin:3.9rem auto 0;
	text-align: center;
	color:#000;
}
.zuopin h3{
	line-height: 1.8rem;
    margin-bottom: 0.7rem;
}
.xian{
	width:2.1rem;
	margin:0.6rem auto 1.6rem ;
	height:1px;
	border-bottom:3px solid #1d6dff;
}
.zuopin .main-nav ul li:nth-child(1){
	width:100%;margin-bottom:1rem;
}
.zuopin .main-nav ul li{
	float: left;
	width: 49%;
}
.zuopin .main-nav ul li a{
	color:#000;
}
.zuopin .main-nav ul li a p{
	margin-top: 1rem;
	line-height: 1.5rem;
}
.zuopin .main-nav ul li img{
	width:100%;
}
.zuopin .main-nav ul li:nth-child(2){
	float: left;
}
.zuopin .main-nav ul li:nth-child(2) span{
	display: none;
}
.zuopin .main-nav ul li:nth-child(3) span{
	display: none;
}
.zuopin .main-nav ul li:nth-child(3){
	float: right;
}
.zuopin .main-nav ul li span{
	color:#bcbcbc;
	margin-bottom:2rem;
	display: inline-block;
	line-height: 0.7rem;
}
.line{
	width:100%;
	height:0.8rem;
	background-color: #f2f2f2;
}
/* 经典作品 */
.zuopin.jd ul li{
	margin-bottom: 1.2rem;
}
.zuopin.jd ul li:nth-child(2){
	width:100%;
}
.zuopin.jd ul li .zp-b{
	width:100%;
	height:4rem;
	background-color:#f2f2f2;
}
.zuopin.jd ul li .zp-b p{
	float: left;
	margin:0 0 0 1rem;
	line-height: 4rem;
	display: inline-block;
}
.zuopin.jd ul li .zp-b span{
	float: right;
	margin:0 0.8rem 0 0 ;
	line-height: 4rem;
	display: inline-block;
}
/* 客照说话 */
.main.kz{
	width: 100%;
    text-align: center;
    color: #fff;
    background-color: #222222;
    padding: 2.8rem 0;
}
.main.kz i {
    display: inline-block;
    width: 2.85rem;
    height: 0.45rem;
    background: url(hengxian-0_03.png)no-repeat;
    background-size: 100%;
}
/*城市轻旅拍*/
.qlp{
	width: 100%;
	text-align: center;
}
.qlp-logo{
	width:100%;
	height:6rem;
	background-color: #1d6dff;
	color:#fff;
}
.qlp-logo h2{
	float: left;
	display: inline-block;
	margin-left:3.8rem;
	line-height: 6rem;
}
.qlp-logo a{
	float: left;
	margin-left: 1.6rem;
	display: inline-block;
	width:2.95rem;
	height: 6rem;
	background:url(dw.png) no-repeat center;
	background-size:100%;
}
.qlp .qlp-main{
	margin: 4rem 0;
	color:#3e3e3f;
	text-align: center;
}
.qlp .qlp-main>i{
	display: inline-block;
    width: 2.85rem;
    height: 0.45rem;
    background: url(hengxian_03.png)no-repeat;
    background-size: 100%;
}
.qlp .qlp-main>span{
	display: inline-block;
	margin-bottom:1.5rem;
}
.qlp .qlp-main ul{
	width:98%;
	margin:0 auto;
}
.qlp .qlp-main ul li{
	width:23%;
	display: inline-block;
	margin:0 0.5% ;
}
.qlp .qlp-main ul li a{
	color:#3e3e3f;
}
.qlp .qlp-main ul li a img{
	width:100%;

}
.qlp .qlp-main ul li a p{
	margin-top: 1rem;
	font-size:1.2rem;
}
.qlp .qlp-main ul li a i{
	display: inline-block;
	width:4.1rem;
	height:1.95rem;
	background: url(qlp-logo.png)no-repeat;
	background-size: 100%;
}
/* 页脚部分 */
.foot{
	width:100%;
	height:24.6rem;
	padding-top:3.2rem;
	background-color: #020b0e;
	color:#fff;
	text-align: center;
}
.f-left{
	float: left;
	width:50%;
	margin-left: 5%;
	text-align: left;
}
.f-left img.f-logo{
	display: inline-block;
	width:8.15rem;
	height:3.6rem;
}
.f-left h2{
	line-height: 2.1rem;
	margin: 0.6rem 0 1rem;
}
.f-left span{
	line-height: 1.5rem;
	display: inline-block;
	margin-bottom:0.5rem;
}
.f-right{
	float: right;
	width:35%;
	text-align: center;
}
.f-right img{
width:100%;
}
.f-right .wx{
	float: left;
	width:48%;
}
.f-right .wb{
	float: right;
	width:48%;
}
.f-right p{
	margin-top: 0.5rem;
}
.f-right span{
	color:#1d6dff;
}
.f-xian{
	width:95%;
	height:1px;
	border-bottom:1px solid #393939;
	margin: 2rem auto 1.5rem;
}
.foot>p{
	color:#999999;
	line-height: 1.2rem;
}
.foot>p a{
	color:#999999;
}
.footer{
	max-width:36rem;
	width:100%;
	height:4.8rem;
	background:url(bot-logo.png)no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	position:fixed;
	bottom:0;
	z-index: 9;
}
.footer a{
	float: left;
	display: inline-block;
	height:100%;
}
.footer a:nth-child(1){
	width:38.95%;
}
.footer a:nth-child(2){
	width:31.2%;
}
.footer a:nth-child(3){
	width:29.8%;
}
.mpage {
	text-align: center;
}
.mpage ul li{
	display: none;
	width:10rem;
	height:2.8rem;
	background-color: #3D3D3F;
	border-radius: 1.4rem;
	margin:1rem 0.5rem 4rem;
}
.mpage ul li a{
	color:#fff;
	font-size: 1.5rem;
	line-height: 2.6rem;
}
.mpage ul li.ppre,.mpage ul li.pnext{
	display: inline-block;
}
.r02{
	text-align: center;
}
a.re ,a.ne{
	display: inline-block;
	width:10rem;
	height:2.8rem;
	background-color: #3D3D3F;
	border-radius: 1.4rem;
	margin:1rem 0.5rem 4rem;
	color:#fff;
	font-size: 1.5rem;
	line-height: 2.6rem;
}
.bm{
	padding-top:4rem;
	width: 100%;
	background: #111;
	text-align: center;
}
.hd2{
	width: 100%;
	font-size: 1.8rem;
	background-size: 100% 100%;
}
.bm>p{
	font-size: 0.6rem;
	color: #fff;
}
.bm .line{
	height:auto;
}
.line input[type="text"] {
    width: 100%;
    height: 4.5rem;
    line-height: 4.5rem;
    background: #222;
    border: 1px solid #333;
    font-size: 1.4rem;
    color: #CCC;
    padding-left: 5%;
}
.bm .content{
	overflow: hidden;
}
.sub {
	cursor: pointer;
	background: #EE878B;
	color: #FFF;
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 2rem;
	width: 100%;
	text-align: center;
	border: none;
}
.bm p{
	text-align: center;
}