@import url(./common.css);
*{box-sizing:border-box;}
html{
	background-color: #0f0f10 ;
}
html,body { height: 100%;  }
.top{
	width: 100%;
	height: auto;
	border-bottom:1px solid #8b8b8b;
}
nav{
	width: 100%;
	background: #1b1b1b;
	padding: 0.2rem 0 .3rem;
	border-bottom: 0.01rem solid #fff;
}
nav>ul{
	display: flex;
	display: box;
	display:-moz-box;  
    display:-webkit-box; 
}
nav>ul>li{
	width: 25%;
	text-align: center;
	
}
nav>ul>li>a{
	color: #c5c5c5;
	padding-bottom: .1rem;
	font-size: .26rem;
}
.line{
	border-bottom:2px solid #ee004e;
}
.banner-box{
	width: 100%;

}
/*.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}*/
/*banner*/
  .banner {
        width: 100%;
        position: relative;
    }
    .banner .swipe {
        overflow: hidden;
        position: relative;
    }
    .banner .swipe-wrap {
        overflow: hidden;
        position: relative;
        list-style: none;
    }
    .banner .swipe-wrap li {
        float: left;
        height: 2.22rem;
        position: relative;
        border-bottom: 0.01rem solid #fff;
    }
    .banner .swipe-wrap li a{
        display: block;
        width: 100%;
        line-height: 0;
        float: left;
        position: relative;
    }
    .banner img {
        width: 100%;
        vertical-align: middle;
    }
    .banner .slide-trigger {
        position: absolute;
        left: 0;
        bottom: 10px;
        width: 100%;
        z-index: 10;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        list-style: none;
    }
    .banner .slide-trigger li {
        width: 10px;
        height: 10px;
        background: #FFF;
        margin: 5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }
    .banner .slide-trigger .cur {
        background: #2fc7c9;
    }
    #ydy1{
    display: inline-block;
    width: 100%;
    height: 100%;
    }
    #ydy2{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    #ydy3{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
    }
     #ydy4{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
    }
/*    #ydy3 > a{
        display: block;
        width: 120px;
        height: 35px;
        border-radius: 4px;
        color: rgba(255,255,255,.8);
        font-size: 15px;
        text-align: center;
        line-height: 35px;
        background: #20CEB6;
        position: absolute;
        bottom: 60px;
        left: 50%;
        margin-left: -60px;
    }*/
/*关于我们*/
.about-us{
	width:100%;
}
.about-title{
	width: 100%;
	height:auto;
	padding: .25rem 0 .2rem;
	background: #1b1b1b;
	font-family: "微软雅黑";
	border-top: 0.01rem solid #fff;
	border-bottom: 0.01rem solid #fff;
}
.about-title h3{
	font-family: "微软雅黑";
	margin-left: 0.4rem;
	margin-right: 0.2rem;
	font-weight:normal;
	font-size: .24rem;
	color: #d0d0d0;
	display: inline-block;
}
.about-title span{
	color: #ee004e;
	font-size: .24rem;
}
.about-content{
	width: 100%;
	background: #0f0f10;
}
.about-content p{
	margin: 0.25rem 0.3rem 0.2rem 0.3rem;
	display: inline-block;
	color: #d0d0d0;
	font-size: 0.24rem;
	line-height: 0.35rem;
}
.about-content2 p{
	display: inline-block;
	color: #d0d0d0;
	font-size: 0.24rem;
	line-height: 0.35rem;
}
/*服务范围*/
.seavice{
	width:100%;
}
.seavice-content{
	width: 100%;
	height:auto;
}
.seavice-content-box{
	width: 50%;
	float: left;
}
.picture{
	width: 100%;
	position: relative;
	height: 1.8rem;	
}
.one{
	background: url(../images/one.png) no-repeat;background-size: 100%;
}
.two{
	background: url(../images/two.png) no-repeat;background-size: 100%;
}
.three{
	background: url(../images/three.png) no-repeat;background-size: 100%
}
.four{
	background: url(../images/four.png) no-repeat;background-size: 100%;
}
.five{
	background: url(../images/five.png) no-repeat;background-size: 100%;
}
.six{
	background: url(../images/six.png) no-repeat;background-size: 100%;
}
.picture-instructor{
	width: 100%;
	padding: 0.25rem 0.2rem 0.33rem 0.2rem;
}
.picture-instructor>p{
	font-size: 0.2rem;
	color: #c4c4c4;
}
.picture-instructor>p:nth-of-type(2){
	margin-top: 0.08rem;
}
.more{
	width: 1.2rem;
	height: 0.25rem;
	margin-top: 0.15rem;
}
.more img{
	width: 100%;
}
.picture-title{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0.45rem;
	background: rgba(255,255,255,0.6);
	padding:.15rem 0 .1rem;
}
.picture-title>p{
	width:auto;
	margin-left:0.46rem;
	float: left;
	color: #1c1c1c;
	font-weight:600;
	font-family: "微软雅黑";
	font-size: 0.24rem;

}
.picture-title>span{
	display: block;
	float: right;
	width:.15rem;
	height: .15rem; 
	background:url("../images/load.png")no-repeat;
	background-size: contain;
	margin-right: 0.25rem;
	margin: .05rem .25rem .05rem 0;
}
/*脚步*/
/*.footer-top>div{
	float: left;
}*/
.footer-top{
	width: 100%;
	height:auto;
	background: #181818;
	overflow: hidden;
}
.footer-line>img{
	width: 100%;
}
.footer-top-left{
	padding:0.24rem 0 0.28rem 0.35rem;
}
.footer-top-left>img{
	width: 1.52rem;
}
.footer-top-left>p,.footer-top-right>p{
	font-family: "微软雅黑";
	font-size: 0.2rem;
	color: #939393;
}
.footer-top-left{
	float: left;
}
.footer-top-left>p:first-child{
	margin-bottom:0.3rem;
}
.footer-top-left>p:nth-of-type(2){
	margin-bottom: 0.52rem;
}
.footer-top-right{
	padding:0.24rem 0.3rem .3rem 0.16rem;
	float: right;
	widows:inherit;
	width:60%;
	line-height:0.25rem;
}
.footer-top-right>p:nth-of-type(1){
	margin-bottom: 0.3rem;
}
.footer-top-right>p:nth-of-type(2){
	width: 4rem;
}
.footer-right-link{
	margin-top: 0.3rem;
}
.footer-right-link span{
	font-size: 0.18rem;
	color: #fff;
	display: inline-block;
	margin-bottom: 0.1rem;
}
.footer-right-link>span:nth-of-type(2){
	margin-top: 0.18rem;
}
.footer-right-link>p{
	width: 4rem;
	font-size: 0.25rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	color: #fff;
	background: #951830;
}
.footer-fixed{
	width: 100%;
	position: fixed;
	bottom: 0;
}
.footer-bottom{
	width: 100%;
	background: #181818;	
}
.footer-bottom>p{
	font-family: "微软雅黑";
	line-height: 0.5rem;
	text-align: center;
	color: #5e5e5e;
}
.footer-message{
	width: 100%;
	height: auto;
	background: #181818;
	padding:.2rem 0;
}
.footer-message ul{
	width: 100%;
	display: flex;
	justify-content:space-around;
}
.footer-message ul>li{
	position: relative;
	text-align: center;
}
.footer-message ul>li>img{
	width: 0.5rem;
}
.footer-message ul>li>a{
	font-size: .18rem;
	color: #fff;
}
.footer-icon-line{
	content: "";
    display: block;
    position: absolute;
    top: 10%;
    left:0.98rem;
    width: 1px;
    height: 35px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)),color-stop(50%,rgba(255,255,255,0.8)), to(rgba(255,255,255,0.1)));
}
.footer-box-kong{
	width: 100%;
	height: .57rem;
	background: #181818;
}
.footer-top-box{
	height: auto;
	margin-bottom: .57rem;
}



.casetitle{ width:100%; margin:0 auto; padding-top:0.3rem;}
.casetitle h3{float:left; width:33.333%; color: #999;height:0.5rem; font-size:0.25rem;}
.casetitle h3 a{ color: #999;}
.caseb{ background-color:#C40544;}

.casetitle2{ width:100%; margin:0 auto; padding-top:0.3rem;}
.casetitle2 h3{float:left; width:50%; color: #999;height:0.5rem; font-size:0.25rem; text-align:left; padding-left:0.5rem;}
.casetitle2 h3 a{ color: #999;}

/*我们的实例*/
.ablity{
	width: 100%;
	height: auto;
	background: url(../images/bg_02.png) no-repeat;
	background-size: 100% 100%;
}
.ablity-title{
	font-size: .24rem;
	background: #1b1b1b;
	font-family: "微软雅黑";
	color: #d0d0d0;
	padding:.25rem 0 .25rem .32rem; 
	font-weight: 600;
	border-bottom:.01rem solid #8d8d8d;
}
.ablity-content{
	width: 100%;
	overflow: hidden;
	border-bottom:.01rem solid #8d8d8d;
	padding:.24rem 0 .25rem .35rem;
}
.ablity-content-left{
	width: .66rem;
	float: left;
	height: 2.34rem;
}
.ablity-content-left>img{
	width: .53rem;
}
.ablity-content-right{
	width: 5.28rem;

	float: right;
}
.ablity-content-right>p{
	font-size: .2rem;
	font-family: "微软雅黑";
	line-height: .3rem;
	color: #d0d0d0;
}
.ablity-content-right>img{
	width: 5.28rem;
	margin-top: .15rem;
	height: 1.85rem;
}



/*核心成员*/
.core-team{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/bg_02.png) no-repeat;
	background-size: 100% 100%;

}
.core-team-title{
	font-size: .24rem;
	background: #1b1b1b;
	font-family: "微软雅黑";
	font-weight: 600;
	border-bottom:.01rem solid #e8e8e8;
	color: #d0d0d0;
	padding:.25rem 0 .22rem .32rem; 
}
.core-team-content{
	overflow: hidden;
	position: relative;
	/*padding:.42rem 0rem 0 .58rem;*/
	border-bottom:.01rem solid #e8e8e8;
}
.core-team-content-left{
	max-width: 2.3rem;
	float: left;
}
.core-team-content-left>img{
	margin-top: .42rem;
	margin-left: .58rem;
	width: 100%;
}
.core-team-content-right{
	/*margin-top: .78rem;*/
	top:29%;
	float: right;
	left:55%;
	position: absolute;
	width: 50%;
}
.core-team-content-right>p{
	font-family: "微软雅黑";
	color: #db0839;
	font-size: .24rem;
	font-weight: 700;
	margin-bottom: .13rem;
}
.core-team-content-right>span{
	display: block;
	color: #c8c8c8;
	font-size: .24rem;
	margin-bottom: .13rem;
}
.core-team-last{
	width: 100%;
	height: 2.5rem;
	margin-top: .7rem;
	margin-bottom: .7rem;	
}
.core-team-last>img{
	width: 100%;
}
/*已服务客户品牌*/

.brand-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/bg_02.png) no-repeat;
	background-size: 100% 100%;
}
.brand-box-title{
	font-size: .24rem;
	border-bottom:.01rem solid #e8e8e8;
	border-top:.01rem solid #e8e8e8;
	color: #d0d0d0;
	font-weight: 600;
	font-family: "微软雅黑";
	background: #1b1b1b;
	padding:.25rem 0 .22rem .32rem; 
}
.brand-box-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding:.17rem .14rem .53rem .14rem;
}
.brand-box-content>a{
	float: left;
	display: block;
	width: 1.75rem;
	height: 1.42rem;
	background: #000;
	border:.01px solid #212121;
	margin:.17rem .14rem .15rem .14rem;
}
.brand-box-content>a>img{
	width: 100%;
	height: 1.15rem;
}
.brand-box-content>a>p{
	width: 100%;
	text-align: center;
	color: #999;
	padding:.05rem 0;
	font-size: .2rem;
}