@charset "utf-8";
/* CSS Document */
#sitecontent { background: #303030; }
/*顶部导航居右 */
#header i{position:absolute;right: 8px;top:0;height: 44px;line-height: 44px;font-size: 2rem;color: #e6e9e9}
#indexPage #mslider ul li p { color: #fff; }
#indexPage #mservice { background-color: #171717; }
#mservice .content .header p.title { color: #F3F3F3; }
#mservice .content .header p.subtitle { color: #707070; }
#mservice .serviceitem div p.title { color: #FDD947; }
.bx-wrapper { background: #171717; }
#indexPage #mproject { background-color: #18191b; }
.content .header p.title { color: #fff; }
.content .header p.subtitle { color: #656565; }
#projectmore { color: #FDD947; background: #262626;  }
#leftcontrol ul li.active a span.circle { border-color: #60c2ce; background-color: #60c2ce; }
#indexPage a.more { color: #2BDAE1;; border-color: #262626; background-color: #262626; border-radius: 0px; width: 60%; }
#projectpost .postbody a {background: #3B3B3B;
color: #FDD947;}
#category .label { background: #222224; }
.dropmenu ul li a.active { color: #474747; background: #FDD947; }
.dropmenu ul li a { color: #BBBBBB; background: rgba(17, 17, 17, 0.9); }
.dropmenu ul li { border-bottom: #2F2E35 1px solid; }


#indexPage #mnews { background-color: #1d1e20; }
#indexPage #mteam, #filmapp, #moreapp { background-color: #1A1A1A; }
#footer { background: #171717; }
#mteam .content .header p.title { color: #FFF; }
#mteam .teamitem { border-bottom: #3C3C3C 1px dotted; }
#indexPage #mslider { height: 347px; }
#indexPage #mslider ul li { height: 347px; }
#indexPage #mslider ul li p.title { font-size: 1.8rem; margin-top: 100px;margin-bottom:40px; }
#indexPage #mslider ul li p.subtitle { font-size: 1.2rem;  color: #fff; line-height: 2em}
#newslist .newsinfo .md { color: #ECECEC; font-size: 2.4rem; line-height: 2.4rem; }
#indexPage a.more:hover { border: #262626 1px solid; background: #262626; }
/*案例*/
#projectlist{background-color:#1c1c1c;}

#projectlist .projectitem { width: 33.33333%; margin: 0;}
#projectlist .projectitem .projecticon{height: 100%}
#projectlist .projectitem .projecticon img{float: none; position: absolute;width: 100%;height: 100%; }
#projectlist .projectitem:active, #projectlist .projectitem:hover, #projectlist .active{ background-color: #37949f }

#projectlist .projectitem .project_info { height: 50px;  width: 100%; bottom: 0;float: left;}

.projectitem .projecticon p.title { padding-top: 50%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #fff; font-size: 1.2rem; text-align: center;line-height: 44px}
.projectitem .project_info p.subtitle { color: #7E7E7E; font-size: 10px; margin-left: 10px; text-align: center; }
.h-line1, .h-line2, .v-line1, .v-line2{
	position: absolute;
	background-color: #303030;
}
.h-line1{
left: 0;
width: 100%;
height: 1px;
top:50%;
}
.h-line2{
left: 0;
width: 100%;
height: 1px;
bottom: 0
}
.v-line1{
top: 0;
height: 100%;
width: 1px;
left:33.33333%;
}
.v-line2{
top: 0;
height: 100%;
width: 1px;
right:33.33333%;
}
/*#projectlist .projectitem a .project_info::after {
    width: 0%;
    height: 50px;
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-color: #FDD947;
	margin-top: -50px;
    z-index: 0;
}
#projectlist .projectitem a:active .project_info::after {
     width: 100%;
}
#projectlist .projectitem .project_info div {z-index: 1;}*/


/*服务*/
#indexPage #mservice .slider_wrapper { height: 220px; }
.serviceitem img { height: 75px; }
.serviceitem { height: 168px; }
#mservice .bx-viewport { max-height: 370px; height: 300px; }
#indexPage #mservice .slider_wrapper .bx-controls-direction a { margin: 10px 20px; }
/*关于*/
#indexPage #mpage { background-color: #1d1e20; }
#newslist .newsbody .title { color: #fff; }
#indexPage #newslist #newsitem .newsimg { display: block; width: 280px; height: 180px; }
#indexPage #mpartner { background-color: #1d1e20; }
#indexPage #mpartner ul li img { height: 60px; }
#indexPage #mpartner .wrapper { height: 60px; }
#indexPage #mpartner ul { height: 60px; }
#servicelist .serviceitem {
border-bottom: #383838 1px dotted;
}
.serviceitem div p.title {
color: #fff;

}
.teamitem { border-bottom: #383838 1px dotted; }
#teampost .header .title {
color: #fff;
}
.postbody hr {

border-top: 1px dotted rgb(68, 68, 68);

}
.postbody {

color: #aaa;

}


@-webkit-keyframes light {
 from {
 text-shadow: 0 0 10px #fff, 0 0 20px #fff;
}
 to {
 text-shadow: 0 0 65px #fff, 0 0 75px #fff;
}
}

/*glow for mozilla*/
@-moz-keyframes light {
 from {
 text-shadow: 0 0 10px #fff, 0 0 20px #fff;
}
 to {
 text-shadow: 0 0 65px #fff, 0 0 75px #fff;
}
}

/*glow*/
@keyframes light {
 from {
 text-shadow: 0 0 10px #fff,  0 0 20px #fff;
}
 to {
 text-shadow: 0 0 65px #fff  0 0 75px #fff;
}
}
.baobao, .twentytwenty-container{
	margin-top:30px	
}
.baobao{
	margin-bottom:-10px
}
	
.twentytwenty-container{
	margin-bottom:20px
}

.baobao > div > a > span, .baobao > div > a > div, .Magic360-fullscreen > a > span, .Magic360-fullscreen > a > div{
	display:none
}
.baobao-title{
	text-align:center;
	position:relative;
	top:-40px;
	font-size: 14px;
	color:#444
}
#live360 .fimg img{
	width:100%;
	margin-top:30px;
}

#live360 .fimg p{
	text-align:center;
	position:relative;
	top:-200px;
	font-size: 14px;
	color:#444
}
.more-content, .more-content ul{
	width:100%;
height:auto
}
.more-content{
	margin-top:30px;
	margin-bottom:10px
}
.more-content li{
	width: 33.333333%;
    display: inline-block;
    margin-right: -4px;
	margin-bottom: -4px;
	position: relative;
}
.more-content li img{
	width:100%;
	display:block
}

.more-content .info-text{
	    position: absolute;
    bottom: 0;
    /* display: block; */
    text-align: center;
    /* margin: 0 auto; */
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 1.5em;
    background: rgba(20,20,20,0.53);
	
	
}
.twentytwenty-container img{
	width:100%;	
	
}

.content .product-img{
	display:block;
	height:auto;
	position:relative
	
}
.content .product-img img{
	width:100%;
	float:none
}

#main .header{
	position:relative;
	z-index:99
	
}
#main .header p{
	color:#FFFFFF
}
.plr15{padding-left: 3.62%;padding-right: 3.62%}
#slider{width: 100%;height: 300px;}
#slider ul li, #slider ul{height: 100%}
#slider ul li{position: relative;}
#slider .slogan h3{text-align: center;font-size: 1.8rem;color: #fff;padding-top: 68px;font-weight: normal;margin-bottom: 30px}
#slider .slogan p{color: #a0a0a0;padding-left: 13.3%;padding-right: 13.3%;line-height: 22px;font-size: 1.2rem}
#slider .big_head{padding-top: 40px;margin:0 auto; text-align: center;width: 100%; }


#slider .big_head .head_border{width: 120px;height: 125px;margin:0 auto;display: block;float: none;}
#slider .big_head .head_pic{width: 108px; height:108px; border-radius: 54px; margin:0 auto;display: block;float: none;position: absolute;left: 50%;margin-left: -54px;top:72px;}
#slider .big_head h2{font-size: 1.8rem;color: #fff;padding: 12px 0;font-weight: normal;}
#slider .big_head h3{font-size: 1.2rem;color: #fff;font-weight: normal;display: inline-block;padding: 0px 10px;height: 18px;line-height: 18px;background-color: #60c2ce;border-radius: 2px}
#slider .big_head p{color: #a0a0a0;line-height: 22px;font-size: 1.2rem;}
#slider .big_head i{position: absolute;right: 31.4%;bottom: 80px;font-size: 2.0rem;color: #6f6f6f}
.person{background-color: #242424}
#pagenavi li{padding: 10px 3.62%;height: 40px;width: 92.75%;}
#pagenavi li:first-child{height: 0;padding: 0;border-bottom:0}
#pagenavi li img{ width: 38px;height: 38px;border-radius: 20px; border: 1px #5cc2cf solid}

#pagenavi li .teaminfo{margin-left: 16px;float: left;width: 80%;} 
#pagenavi li .teaminfo p.title{color: #5cc2cf;height: 20px;line-height: 20px}
#pagenavi li .teaminfo p.title span{padding-left: 15px}
#pagenavi li .teaminfo p.description{color: #a0a0a0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height: 20px;line-height: 20px}
#pagenavi li i{float: right;height: 40px;line-height: 40px;font-size: 3rem;color: #5cc2cf;}
.person_line{height: 1px;background-color: #686868;margin-left: 20px;width: 100%}
#newslist .newstitem{margin-top: 5px;background-color: #242424;padding-top: 3px; padding-bottom: 3px;height: 80px;border: 0;}
#newslist .newstitem .newsimg, #newslist .newstitem .newsimg img{width: 125px;height: 80px; float: left;}
#newslist .newstitem .newsbody{margin-left: 12px;color: #fff;float: left;width: 55%;margin-top: 0;}
#newslist .newstitem .newsbody p{line-height: 22px;font-size: 1.2rem}
#newslist .newstitem .newsbody .title{height: auto;}
#newslist .newstitem .newsbody .date{color: #636363;}
#newslist .newstitem .newsbody p.date span{float: right;}
#newslist .newstitem i{float: right;height:80px;line-height: 80px;font-size: 3rem;color: #5cc2cf;}
#category .label{text-align: center;font-size: 1.2rem; width: 100%}
#category .label i.left{float: left;}
#category .label i.right{float: right;}
#category .label i{height: 40px;width: 40px;line-height: 40px;font-size: 1.4rem;color: #fff}
.navfixed{position: fixed;left: 0;bottom: 0;display: none;z-index: 999}
#navbottom{position: fixed;bottom: -30px;left: 50%;margin-left: -30px;border-radius: 30px;background-color: #fff;width: 60px;height: 60px;z-index: 1000}
#navbottom i{position: absolute;left: 50%;width: 20px;margin-left: -10px;text-align: center;font-size: 26px;top: 4px;color: #000;}
    
#mcontact #contactlist{text-align: center;margin-bottom: 15px}
#mcontact #contactlist img{width: 200px;margin: 0 auto;display: block;float: none;padding-top: 34px;padding-bottom: 10px}
#mcontact #contactlist p, #mcontact #contactlist p a{color: #fff;line-height: 22px;height: auto;}
#mcontact #contactform{padding: 0px; width: 100%;overflow: hidden; margin-bottom: 30px}
#mcontact #contactform p{position: relative;width: 100%}
#mcontact #contactform .inputtxt{padding:0 10px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;width:100%;height: 34px;line-height: 34px; font-size: 1.2rem;color: #000;background-color: #fff;margin-bottom: 8px}
#mcontact #contactform .inputtxt::-webkit-input-placeholder{color: #000;}
#mcontact #contactform .inputtxt::-moz-placeholder{ color: #000;}
#mcontact #contactform .inputtxt::-ms-input-placeholder{color: #000;}
#mcontact #contactform .cont{padding-top: 11px;padding-bottom: 11px;height: 102px;margin-bottom: 20px;line-height: 22px;}
#mcontact #contactform .inputsub{background-color: #60c2ce;text-align: center;width: 100%; height: 32px;line-height: 32px}
#map{height: 100%; }
#map iframe{width: 100%;overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 44px);
    height: -webkit-calc(100% - 44px);
}
.techbody, .productbody{
    color: #fff;
    padding-bottom: 20px
}
.techbody p, .techbody h3, .productbody p, .productbody h3,{
	font-size: 1.2rem
}
.techbody p, .productbody p{
	line-height: 22px;
	margin-bottom: 5px
}
.techbody h3, .productbody h3{
	color: #5cc2cf
}
.techbody h2, .productbody h2{
	font-size: 1.8rem;
	color: #5cc2cf;
	padding: 10px 0;
	font-weight: 400
}
.techbody p video, .productbody p video{
	width: 100%
}
.spin360> div > a > span, .spin360> div > a > div, .Magic360-fullscreen > a > span, .Magic360-fullscreen > a > div {
    display: none;
    }