﻿

#header{

    background: url("../images/yjzs1.png") no-repeat center;

    /*background-size:100%;*/

    width:100%;

    height:525px;

}

.yjzs-body h2{

    font-size:30px;

    color:#000;

    line-height:50px;

}

.yjzs-body h3{

    color:#fff;

    font-size:30px;

    font-weight: normal;

}

.yjzs-body i{

    display: block;

    width:70px;

    height:4px;

    background-color: #E8000F;

}

.yjzs-body p{

    color:#6D6D6D;

    
    line-height:24px;

    font-size: 16px;
    margin-top: 6%;

}
.yjzs-body p span{ font-size:14px; display:block}

.quality{

    margin-top:50px;

    overflow: hidden;

}

.quality .container>i{



    margin:0 auto;

}



.quality .container>h2{

    text-align:center;

    margin-bottom:10px;

}

.quality .quality-bg{

    background:url("../images/yjzs2.png") no-repeat left;

    width:100%;

    height:420px;

    position: relative;

    margin-bottom:100px;

}

.quality .quality-bg h3{

    position: absolute;

    right:30px;

    top:10px;

}

.quality .quality-bg .q-cover{

    width:400px;

    background-color:rgba(255,255,255,0.9);

/*IE8下*/

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);

    position: absolute;

    right:0;

    bottom:0;

    padding:40px 30px 0px 30px;

}



.quality .quality-bg .q-cover h4{

    color:#D6B65E;

    font-size:20px;

    letter-spacing: 8px;

    font-weight: normal;

    margin-bottom:10px;

}

.quality .quality-bg .q-cover p{

    margin-bottom:20px;

}



.speed{

    background-color:#F5F3ED;

    width:100%;

    padding-top:80px;

    height:560px;

    /*position: relative;*/

}

.speed .speed-right{

    background: url("../images/yjzs3-1.png") no-repeat top right;

    /*float:right;*/

    position:relative;

    right:-150px;

    top:0px;

    /*width:100%;*/

    height:500px;

}

.speed-right .s-r-1,.speed-right .s-r-2{

    position: absolute;

    top:300px;

    padding:5px;

    background-color:#F5F3ED;

}

.speed .s-r-1{

   right:385px;

}

.speed .s-r-2{

    right:20px;

}

.speed .speed-left{

    position:absolute;

    left:-150px;

}

.speed .speed-left h3{

    font-size:54px;

}

.speed .speed-left>p{

    font-size:84px;

    display: block;

    color:#5B4322;

    line-height:90px;

}



.speed .speed-left .s-bg{

    background: url("../images/yjzs-bg.png") no-repeat;

    width:460px;

    height:190px;

    position:relative;

    left:-30px;

}

.speed .speed-left .s-bg .s-text{

    position:absolute;

    top:42px;

    left:140px;

}

.speed .speed-left .s-bg .s-text h4{

    color:#D6B65E;

    font-size:20px;

    font-weight: normal;

    margin-bottom:5px;

}

.speed .speed-left .s-bg .s-text p{

    line-height:30px;

    letter-spacing: 0;

    font-size: 17px;
}
.speed .speed-left .s-bg .s-text p span{ font-size:14px; display:block; margin-bottom:3%;line-height: 22px;}




.team{

    width:100%;

    height:530px;

    background:url("../images/yjzs-bg2.png") no-repeat right top;

    padding:100px 0;

    position: relative;

}

.team .team-bg{

    background:url("../images/yjzs4.png") no-repeat left center;

    height:532px;

    width:726px;

    position: relative;

    left:0px;

}



.team .team-cover{

    position: absolute;

    left:650px;

    top:160px;

    width:400px;

    background-color:rgba(255,255,255,0.9);

    /*IE8下*/

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);

    padding:30px;

}

.team .team-cover span{

    font-weight:normal;

    font-size:50px;

    color:#5B4322;

}

.team .team-cover p{

    width:350px;

}



.manage{

    background: url("../images/yjzs5.png") no-repeat center top;

    width:100%;

    height:590px;

    background-color: #F5F3ED;

}

.manage .manage-bg{

    background: url("../images/yjzs5-2.jpg") no-repeat;

    width:935px;

    height:446px;

    position: relative;

    left:0;

    top:100px;

}

.manage .manage-cover{

    position: absolute;

    top:55px;

    left:650px;

    width:360px;

    padding:0 30px;

}

.manage .manage-cover h2{

    color:#fff;

}

.manage .manage-cover p{

    color:#D9D9D9;

}



.serv-brand{

    width:100%;

    /*height:525px;*/ /*2016-6-12 张钰修改*/

    padding-top:80px;

}

.serv-brand i{

    margin:10px auto;

}

.serv-brand h2,.serv-brand i,.serv-brand p{

    text-align:center;

}

.serv-brand p{

    margin-bottom:60px;
	margin-top:20px

}

.serv-brand .brand-list{

    width:100%;

    overflow: hidden;
	margin-top:20px

}

.serv-brand .brand-list li{

    float:left;

    margin-left:10px;

    margin-bottom:40px;

    width:238px;

    height:125px;

    border:1px solid #B3B3B3;

    text-align:center;

    line-height:123px;

	overflow:hidden;
	background:#fff

}

.serv-brand .brand-list li img{

    vertical-align: middle;

	max-width:100%;

	height:auto;

}

.serv-brand .brand-list li:child{

    margin-left: 0;

}



.case-show{

    width:100%;

    height:713px;

    background: url("../images/yjzs7_02.png") no-repeat;

    padding-top:40px;

    margin-bottom:50px;

    /*position: relative;*/

}



.case-show h2,.case-show p{

    color:#fff;

}

.case-show h2{

    font-size:26px;

}

.case-show .show-list{

    width:1065px;

    margin:20px auto 0;

}

.case-show .show-list li{

    float:left;

    width:355px;

    height: 503px;

    position:relative;

}

.case-show .show-list li img{ width:355px; height:503px;}

.case-show .show-list .cloth{

   

}

.case-show .show-list .hotel{

    

}

.case-show .show-list .office{

    

}

.case-show .show-list li .show-cover{

    background:rgba(0,0,0,0.5);

    /*IE8下*/

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);

    width:150px;

    height:335px;

    position: absolute;

    top:70px;

    left:0;

    padding-left:30px;

    padding-top:30px;

}

.case-show .show-list li .show-cover h1{

    font-size:70px;

    font-weight: normal;

    color:#C9C9C7;

    border-bottom: 1px solid #807F7F;

    width:85px;

    /*font-family: arial;*/

    margin-bottom:30px;

}

.case-show .show-list li .show-cover p.long{

    color:#C9C9C7;

    font-size:22px;

    position:absolute;

    top:140px;

    left:30px;

    width:310px;

}

.case-show .show-list li .show-cover p:nth-child(3){

    font-size:18px;

    color:#C9C9C7;

    margin-top:70px;

}

.case-show .show-list li .show-cover a{

    display: block;

    width:60px;

    height:60px;

    background: url("../images/yjzs-icon.png") no-repeat;

    margin-top:50px;

}

.case-show .icon{

    position:relative;

    width:81px;

    height:45px;

    margin:0 auto;

    top:-25px;

}

.case-show .icon .i-lf{

    background:#fff url("../images/i-lf-q.png") no-repeat center;

}

.case-show .icon .i-rt{

    background:#fff url("../images/i-rt-s.png") no-repeat center;

}

.case-show .icon a{

    float: left;

    width:40px;

    height:45px;

}
@media (max-width: 1024px){
.yjzs-body h2{ font-size:22px; line-height:30px; padding-bottom:2%}
.quality{ margin-top:6%}
.quality .quality-bg .q-cover{ width:60%; padding:4%}
.yjzs-body p{ margin:0; font-size:14px; line-height:22px}
.yjzs-body p span{ font-size:14px !important}
.quality .quality-bg .q-cover p{ margin-bottom:0}
.quality .quality-bg{ margin-bottom:6%}
.speed .speed-right{ right:inherit}
.speed .speed-left{ left:inherit}
.speed-right .s-r-1, .speed-right .s-r-2,.speed .speed-left{ position:relative; right:inherit; top:inherit}
.speed,.speed .speed-right{ height:auto}
.speed .speed-right{ background: url("../images/yjzs3-1.png") no-repeat center top; background-size:100%}
.speed-right .s-r-1, .speed-right .s-r-2{ background:none; margin-top:29%; background:#fff;box-sizing: border-box;}
.speed-right .s-r-1 img, .speed-right .s-r-2 img{ width:100%}
.speed-right .s-r-1{ float:left; width:44%}
.speed-right .s-r-2{ float:right; width:55%}
.speed .speed-left{ clear:both; padding-top:6%}
.speed .speed-left .s-bg .s-text{ width:100%}
.speed .speed-left .s-bg .s-text h4{ font-size:16px}
.speed .speed-left .s-bg .s-text p{ font-size:14px}
.team .team-bg{ width:66%; height:412px; background-size:cover !important}
.team .team-cover{ left:82%; top:31%;padding: 6%; width:59%}
.team .team-cover p{ width:100%; margin-top:2%}
.team{ padding:6% 0; height:inherit}
.manage .manage-bg{ width:60%; height:340px; top:40px; background-size:cover !important}
.manage .manage-cover{ left:100%; width:59%; padding-right:0}
.yjzs-body h3{ font-size:22px}
.manage{ height:430px}
.yjzs-body p img{ width:100%}
.serv-brand{ padding-top:6%;}
.serv-brand .brand-list{ margin-left:-1%; padding-bottom:6%;width: 101%;}
.serv-brand .brand-list li{ width:24%; margin-left:1%; margin-bottom:3%;box-sizing: border-box; line-height:100px; height:100px}
.yjzs-body #two6 p{ margin-bottom:6%}
.speed{ padding-top:6%}
.speed .speed-left .s-bg .s-text{ position:relative}
}
@media (max-width: 640px){
.yjzs-body h2,.yjzs-body h3{ font-size:18px}
.quality .quality-bg{ height:250px}
.quality .quality-bg .q-cover{ width:80%}
.yjzs-body h2{ line-height:20px}
.speed-right .s-r-1 img, .speed-right .s-r-2 img{ height:inherit !important}
.speed .speed-left .s-bg{ width:100%; left:0; background:none; height:auto}
.speed .speed-left .s-bg .s-text{top:0; left: 0;}
.speed{ padding-bottom:6%}
.team .team-bg{ width:100%; height:312px}
.team .team-cover{ left:inherit; top:inherit; bottom:0; width:100%;box-sizing: border-box;}
.manage .manage-bg{ top:25px; width:100%; height:200px}
.manage .manage-cover{ position:relative; left:inherit; top:inherit; width:100%; padding:0; margin-top:50px; padding-top:209px}
.manage{ background-size:cover; height:388px}
.serv-brand .brand-list li{ width:49%; height:90px; line-height:90px}
#two4{ padding-bottom:0}
#two5{ margin-top:-20px}
.speed-right .s-r-1, .speed-right .s-r-2{ margin-top:42%;}
.team .team-cover{background-color: rgba(255,255,255,0.8);padding: 4% 6% 3%;}
.yjzs-body p{ line-height:18px; font-size:13px}
.quality .quality-bg{ background-size:cover}
}












