@charset "utf-8";
/* CSS Document */
/* ============================
        共有样式 header  footer
   ============================*/
.conter_box{
        float: left;
        width: 100%;
        height: 100%;
        background: #fff;
}
.conter_zt{

        width: 1200px;
        margin: 0 auto;
}
.conter{
        float: left;
        position: relative;
        min-height: 100vh;
        width: 1200px;
        background: #fff;
}
.top_box{
        float: left;
        width: 100%;
        position: relative;
}

.logo{
        position: absolute;
        top: 45px;
        left: 54px;
        z-index: 999999;
}
.logo h1 a{
        display: block;
        width: 80px;
        height: 46px;
        cursor: pointer;
}
.logo h1 a img{
        float: left;
        width: 80px;
        height: 46px;
}
.nav{
        position: absolute;
        right: 70px;
        top: 56px;
        width: 25px;
        height: 22px;
        z-index: 999997;
}
.nav .djan{
        float: left;
        width: 25px;
        height: 22px;
        background: url(/img/nav.png) no-repeat;
        cursor: pointer;
        outline: none;
        border: none;
}
.djan{
        float: left;
        width: 100%;
        position: relative;
}
.djan img{
        position: absolute;
        width: 330px;
        height: 202px;
        left: 435px;
        top: 300px;
}



/* 联系我们 */
.nrbg_jz{

        float: left;
        width: 100%;
        position: relative;
       
}
.lxwm_box{
        float: left;
       margin: 313px 0 0 90px;
        width: 760px;
}
.txt_xx{
        float: left;
        margin-top: 20px;
        margin-left: 133px;
}
.txt_xx p{
        font-size: 16px;
        letter-spacing:5px;
        color: #000;
        line-height: 22px;
}
.txt_xx .p_28{
        margin-top: 28px;
}
.txt_img{
        float: left;
        margin-left: 80px;
}
.txt_img img{
        float: left;
        width: 158px;
}

/* 职业生涯 */
.zysy_box{
        float: left;
        margin-top: 250px;
        width: 100%;
        height: 368px;
        background: #333333;
}
.zysy_zuo{
        float: left;
        width: 518px;
        margin-left: 60px;
       
}
.zysy_zuo h3{
        float: left;
        width: 100%;
        margin-top: 36px;
        font-size: 21px;
        color: #fff;
}
.zysy_zuo p{
        float: left;
        margin-top: 30px;
        color: #fff;
        font-size: 14px;
        /* letter-spacing:5px; */
}
.zysy_you{
        float: left;
        width: 472px;
        height: 368px;
}
.zysy_you img{
        float: left;
        width: 472px;
        height: 368px;
}


/* 故事 */

.gushi_box{
        float: left;
        margin-top: 340px;
        width: 100%;

}
.gushi_box dl{
        float: left;
        position: relative;
        margin-left: 220px;
        width: 820px;
}

.gushi_box dl dt{
        float: left;
        margin-bottom: 30px;
}
.gushi_box dl dt h3{
        font-size: 21px;
        color: #000;
}
.gushi_box dl dd{

        float: left;
        width: 100%;
        height: 30px;
}
.gushi_box dl dd a{
        float: left;
        color: #000;
        line-height: 36px;
	transition:all 0.4s; 
	-webkit-transition:all 0.4s;
        -moz-transition:all 0.4s;
        display: block;
        font-size: 14px;


}
.gushi_box dl dd img{
        position: absolute;
        top: 0;
        right: 0;
        width: 465px;
        height: 220px;
        transition:all 2.4s; 
	-webkit-transition:all 2.4s;
        -moz-transition:all 2.4s;
        opacity: 0;
        display: block;



}
.gushi_box dl dd:hover a{
	transform:translate(20px,0);
	-webkit-transform:translate(20px,0);
	-moz-transform:translate(20px,0);
	-o-transform:translate(20px,0);
	-ms-transform:translate(20px,0);
}

.gushi_box dl dd:hover img{
       opacity: 1;
}

/* 去复杂并不减少 */
.qfz_box{


}

/* 案例部分 */
/*.anli_box{

        float: left;
        margin-top: 330px;
        width: 100%;
}

.lanmu_box{
        float: left;
        margin-left: 220px;
        width: 820px;
        position: relative;
}
.lanmu{
        float: left;
        width: 100%;
        margin-bottom: 24px;
}
.lanmu_box h3{
        float: left;
        font-size: 14px;
        width: 50px;
        height: 100%;
        color: #000;
        line-height: 24px;
}
.lanmu_box ul{
        float: left;
        width: 760px;

}
.lanmu_box ul li{
        float: left;
        width: 100%;
        height: 28px;
        line-height: 28px;
}
.lanmu_box ul li a{
        display: block;
        font-size: 14px;
        color: #000;
        transition:all 0.4s; 
	-webkit-transition:all 0.4s;
        -moz-transition:all 0.4s;
}
.lanmu_box ul li img{
        position: absolute;
        top: 0;
        right: 0px;
        width: 450px;
        height: 260px;
        transition:all 0.4s; 
	-webkit-transition:all 0.4s;
        -moz-transition:all 0.4s;
        opacity: 0;
}
.lanmu_box ul li:hover a{

        transform:translate(20px,0);
	-webkit-transform:translate(20px,0);
	-moz-transform:translate(20px,0);
	-o-transform:translate(20px,0);
	-ms-transform:translate(20px,0);
}

.lanmu_box ul li:hover img{

        opacity: 1;

}*/


/* 去复杂并不减少 */
.qfz_box{
        margin-top: 240px;
        float: left;
        width: 100%;
}
.qfz_zt{
        float: left;
        width: 834px;
        margin-left: 220px;
}
.qfz_zuo{
        float: left;
        width: 284px;
}
.qfz_zuo h3{
        float: left;
        margin-top: 6px;
        width: 100%;
        font-size: 21pt;
        color: #000;
}

.qfz_zuo p{
        float: left;
        margin-top: 28px;
        width: 100%;
        color: #000;font-size:14px;line-height: 22px;
}


.qfz_you{
        float: left;
        margin-left: 184px;
        width: 300px;
        text-align: center;
}
.qfz_you img{
        margin-bottom: 40px;
}

/* 案例介绍内容 */
.aljs_box{
        float: left;
        width: 100%;
        margin-top: 125px;
}
/* 幻灯片部分 */
.hdp_box{
        float: left;
        width: 1200px;
        height: 675px;
}
.slideBox {
        width: 1200px;
        height: 675px;
	position: relative;
}

.slideBox .hd {
	height: 18px;
	overflow: hidden;
        position: absolute;
        width: 100%;
	right: 5px;
	bottom: -26px;
	z-index: 1;
}

.slideBox .hd ul {
        float: left;
        width: 100%;
        text-align: center;
	overflow: hidden;
	zoom: 1;
	float: left;
}

.slideBox .hd ul li {
        display: inline-block;
	margin-right: 5px;
	width: 12px;
        height:12px;
        border: 2px solid #9fa0a0;
        border-radius: 50%;
	line-height: 14px;
	background: #fff;
	cursor: pointer;
}

.slideBox .hd ul li.on {
        width: 12px;
        height: 12px;
        background: #9fa0a0;
	color: #fff;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}

.slideBox .bd img {
        width: 1200px;
        height: 675px;
	display: block;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .next {
	position: absolute;
	right: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 31px;
	height: 61px;
	background: url(/img/you1.png) no-repeat;
}

.slideBox .prev {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 31px;
	height: 61px;
	background: url(/img/zuo1.png) no-repeat;
}


.slideBox .prev:hover,
.slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.slideBox .prevStop {
	display: none;
}

.slideBox .nextStop {
	display: none;
}

/* 幻灯片文字信息 */
.txtxx_hdp{

        position: absolute;
        top:10%;
        left: 23%;
        width: 308px;
        height: 624px;
        z-index: 9999;
}
.jantou{
        float: left;
        /*background: url(/gb/img/jiantou.png) no-repeat;*/
        width: 12px;
        height: 0;
        border: none;
        outline: none;
        cursor: pointer;
        font-size: 15px;
    	color: #fff;
}
.txtxx_bj{
        float: left;
        display: none;
        margin-top: 10px;
        width: 280px;
        height: auto;
        padding: 14px 14px;
        /*background: url(/gb/img/png_80.png);*/
}
.txtxx_bj p{
        float: left;
        line-height: 22px;
        text-align: justify;
        color: #fff;
            text-indent: 2em;
}

/* 子栏目 */
.nav_zlm{
        display: none;
        position: absolute;
        left: 54px;
        top: 110px;
        z-index: 999999;
        width: 150px;
        height: 660px;
        background: #CCCCCC;
}

.zlm_zuo{

        float: right;
        margin-right: 10px;
        width: 15px;
        height: 100%;
}
.zlm_zuo .guanbi{
        float: left;
        margin-top: 315px;
        background: url(/img/xjtbg.png) no-repeat;
        width: 14px;
        height: 27px;
        border: none;
        outline: none;
        cursor: pointer;
}
.zlm_you{
        float: left;
        width: 110px;
}
.zlm_you ul{
        float: left;
        margin-top: 43px;
}
.zlm_you ul li{
        float: left;
        width: 100%;
        height: 40px;
}
.zlm_you ul li a{
        float: left;
        display: block;
        width: 100%;
        font-size: 13pt;
        line-height: 40px;
        color: #333;
        text-align: right;
        transition:all 0.4s; 
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}
.zlm_you ul li a:hover{

        transform:translate(10px,0);
	-webkit-transform:translate(10px,0);
	-moz-transform:translate(10px,0);
	-o-transform:translate(10px,0);
	-ms-transform:translate(10px,0);
}