.Mabout_banner{display: none;}







.s_detail{width: 1200px;margin: 50px auto 0;}

.s_detail dd{width: 30%;float: left}

.s_detail dt{width: 65%;float: right;font-size: 14px;}

.s_detail dt p{margin: 10px 0;}






#about1,#about2,#about3,#about4,#about5,#about6{
    position: absolute;
    top: -60px;
}


.Environment,.Honor,.logoList{

    position: relative;

}





.Memorabilia{position: relative;}

.Memorabilia  .maincase{padding-top: 60px;}

.M_line{

    position: absolute;

    top:77px;

    left: 0;

    right: 0;

    margin: auto;

    background:#E4E4E4;

    height: 1px;

    width: -webkit-calc(100% - 80px);

    width: -moz-calc(100% - 80px);

    width: -o-calc(100% - 80px);

    width: -ms-calc(100% - 80px);

    width: calc(100% - 80px);

}

.s_cont{width: 100%;height:100%;box-sizing: border-box;padding: 5% 20%;}

.s_cont .year{font-size: 18px;}

.s_cont .month{font-size: 12px;}

.s_cont h5{text-align: left;font-size: 14px;font-weight: bold;margin-top: 50px;}

.s_cont{position: relative;}

.s_cont p{color: #999;text-align: left;margin-top: 10px;}

.M_slide .icon{position:absolute;top: 64px;left:80px;padding-left: 0;color: #888888;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }

.icon1{opacity: 1;}

.icon2{opacity: 0;font-size: 17px;}

.swiper-button-next1, .swiper-button-prev1 {width: 40px;height: 40px;z-index: 999;border:1px solid #E4E4E4;text-align:center;margin-top: -43px;background:#fff;}

.con{font-size:26px;display:inline-block;*display: block;*zoom: 1;width: 40px;height: 40px;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.6;}

.swiper-slide h5{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.swiper-slide:hover h5{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px); -o-transform: translateY(-5px);transform: translateY(-5px);}

.swiper-slide:hover .icon1{opacity:0;}

.swiper-slide:hover .icon2{opacity:1;}

.M_slide{padding: 10px 0 0;}



/*环境*/

#about3 .casemore{padding-bottom: 0;}

.Environment{ width: 1200px;margin: 0 auto  0;}

.Environment  .maincase{padding-top: 120px;}

.E_img{display: none;}

.E_img img{width: 100%;}

.E_img_left{width: 45%;float: left;}

.E_img_right{width: 53.5%;float: right;}

.E_img_leftList li{overflow:hidden;margin-top:3.2%;}

.E_img_leftList li:first-child{margin-top:0;}

.delete_txt{position:relative;box-sizing: border-box;height:164px;background:#ccc;width: 51.8%;float: left;}

.delete_txt1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.delete_txt1 p{height:35px;line-height:35px;color: #fff;}

.i_width{display: inline-block;*display: block;*zoom: 1;width: 20px;}

.delete_img{width: 45%;float: right;}

.E_img_rightList1 .eimg_right_left{width: 55.3%;float: left;height: 100%;overflow: hidden;}

.E_img_rightList1 .eimg_right_right{width: 42%;float: right;height: 100%;overflow: hidden;}



.E_img_rightList2 .eimg_right_left{height: 100%;overflow: hidden;}

.E_img_rightList1{overflow:hidden;height: 273px;margin-bottom:2.7%;}

.E_img a{display: inline-block;*display: block;*zoom: 1;position: relative;width: 100%;height: 100%;}

.e_bg{opacity:0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}

.e_bg_txt{opacity:0;position: absolute;top: 50%;transform:translate(-50%,-50%);left: 50%;color: #fff;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}

.em_top,.em_down{position:absolute;display: inline-block;*display: block;*zoom: 1;width: 0;background: #fff;height:1px;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}

.e_bg_txt p{height:25px;line-height:25px;letter-spacing:2px;margin-bottom: -9px;position: relative;}

.em_top{left: 0;}

.em_down{right: 0;}
.pc-E_img{
    padding: 60px 0;
}
.pc-E_img .swiper-button-prev,.pc-E_img .swiper-button-next{
    top: 57%;
    width: 27px;
    height: 44px;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pc-E_img .swiper-button-next{
    right: 3%;
}
.pc-E_img .swiper-button-prev{
    left: 3%;
}
.pc-E_img .swiper-pagination{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    /* background-color: red; */
    bottom: 0;
}
.pc-E_img .swiper-pagination-bullet{
    margin: 0 8px;
    background-color: #f0d5c0;
}
.pc-E_img .swiper-pagination-bullet-active{
    background-color: #b48966;
}















/*视频*/

.video{position: relative;margin-top: 50px;padding-top: 70px;}

.v_img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width:4%;}



.p_video{display:none;z-index:9999;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;}

.video_bg{position: relative;width: 100%;height: 100%;}

.a_video{width: 60%;position: absolute;left: 50%;top:50%;transform:translate(-50% , -50%)}

.icon_g{position: absolute;right:5%;top:17%;font-size: 30px;color: #fff;}

.about3_video{height: 525px;overflow: hidden;background: url("../images/video2.jpg") no-repeat center;}





/*公司荣誉*/

.Honor   .maincase{padding-top: 120px;}

.H_things{width: 1200px;margin: 50px auto 0;}

.H_things table{width: 100%;}

.H_things table tr td{height: 30px;line-height: 30px;vertical-align: top;}

.H_things table tr td:first-child{width: 20%;}

.H_things table tr td:nth-child(2){width: 30%;}

.H_things table tr td:last-child{width: 50%;}

.t_height{height: 10px;}

.HM_things{display: none;}



.Honor .casemore{padding: 40px 0 0;}



.year{font-size: 18px;color: #999;}

.prize{font-size: 14px;font-weight: bold;}

.honor-warp{
    max-width: 1200px;
    margin: 50px auto 0;
}
.honor-list,.honor-deeds-item{
    display: flex;
    flex-wrap: wrap;
}
.honor-list{
    margin-bottom: 20px;
}
    .honor-list .honor-time {
        width: 20%;
        font-weight: 900;
        font-size: 18px;
        color: #999;
    }
.honor-deeds-box{
    width: 80%;
}
.honor-deeds-list{
    
}
.honor-deeds-item{
    margin-bottom: 10px;
}
.honor-deeds-name{
    width: 30%;
    font-size: 14px;
    font-weight: bold;
}
.honor-deeds-take-list{
    width: 70%;
    font-weight:900;
    line-height: 24px;
}
.honor-deeds-take{
    margin-bottom: 6px;
}
/*案例*/

.logoList{width: 1200px;margin: 0 auto;}

.logoList  .maincase{padding-top:120px;}

.imgList,.Other,.partner{margin-top: 24px;margin-bottom: 50px;}
.all_logo1 .imgList li {
    width: 20%;
    height: 400px;
    float: left;
    display: table-cell;
    line-height: 100px;
    text-align: center;
    *display: block;
    margin: 0 2.334%;
}
.imgList li {
    width: 20%;
    height: 120px;
    float: left;
    display: table-cell;
    line-height: 100px;
    text-align: center;
    *display: block;
    margin: 0 2.334%;
}

.imgList img{vertical-align: middle;}

.swiper-container1 { max-width: 1200px;}
.swiper-container1 .swiper-button-next1,.swiper-container1 .swiper-button-prev1{
    top: 100px;
}

#about2 .swiper-container{

    box-sizing: border-box;padding: 0 40px;

}

.swiper-container1 .swiper-slide {text-align: center;font-size: 18px;background: transparent;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;height: 100%;}

.Oon{background: #333;color: #fff!important;}

.swiper-button-next1{

    right: 0;

} 

.swiper-button-prev1{

    left: 0;

}

.main_logo {

    color: #656565;

}

.main_logo h5{

    font-size: 18px;

    margin-top: 20px;

    margin-bottom: 10px;

    color: #333;

}



.breaking-news .homepubtitspan{

    font-size: 16px;

}

.breaking-news .homepubtitem{

    font-size: 14px;

}



.mainabouta,.Environment .mainabouta,.Honor .mainabouta,.logoList .mainabouta{ padding-top:0;padding-top:70px;}



@media (min-width: 768px){

    .E_img a:hover .e_bg{opacity: 1;}

    .E_img a:hover .e_bg_txt{opacity: 1;}

    .E_img a:hover .em_top,.E_img a:hover .em_down{width:100%;}



}



@media (max-width: 1200px){

    .summary .maincase{width: 100%;}

    .s_detail{width: 100%;}

    .s_detail dd{width: 345px;}

    .s_detail dt{width: 52%;}

    /* .Memorabilia .maincase {padding-top: 0;} */

    .swiper-container{width: 100%;}

    .H_things{width: 95%;margin: 50px auto;}

    .Environment{width: 100%;}

    .E_img {width:90%;margin: 30px auto 50px;}

    .logoList{width: 100%;}

    .logoList  .maincase{width: 100%;}

    .imgList{width: 100%;}

    .casemore{width: 100%;padding: 50px 0;}

    .E_img_rightList1{height: auto;}

}

@media (max-width: 1000px){

  /* .Memorabilia{display: none;} */

    .s_detail dd{display: table-cell;vertical-align: middle}

    .s_detail dd img{vertical-align: middle;width: 100%;}

}

@media (max-width: 768px){

    .s_detail {width: 90%;margin: 30px auto 0; }

    .s_detail dd {width: 100%;text-align: center}

    .s_detail dt {width: 100%;margin: 30px 0 0;text-align: justify; }

    .s_detail dt p {margin: 7px 0;}

    .video{display: none;}

    .imgList li {height: 100px;width: 33.3%;margin: 0;}
    .all_logo1 .imgList img {
        height:70px;
    }
    .imgList img {
        width: 65%;
    }

    .maincasesub{display: block;text-align: center;}

    .P_img,.about_banner,.H_things{display: none;}

    .Mabout_banner,.HM_things{display: block;}

    .HM_things{width: 90%;margin:30px auto 50px;}

    .HM_things div{margin: 10px 0 15px;}

    .HM_things h4{font-size: 14px;font-weight: bold;margin-bottom: 10px;}

    .HM_things p{

        line-height: 24px;

    }


    .honor-warp{
        width: 90%;
        margin: 30px auto 50px;
    }
    .honor-list .honor-time{
    }
    .honor-list .honor-time{
        font-size: 30px;
        font-weight: bold;
        color:#000;
    }
    .honor-deeds-name{
        width: 100%;
        margin-bottom: 6px;
    }
    .honor-deeds-item{
        margin-bottom: 18px;
    }
    .honor-list .honor-time,.honor-deeds-box,.honor-deeds-name.honor-deeds-take-list,.honor-deeds-take-list{
        width: 100%;
    }











    .Honor  .casemore{padding: 0;}

    .banner{padding-top: 55px;}

    .maincasetop .maincasesub a {width: 20%;}

    .main_logo{margin: 0 0 30px;}

    .imgList{margin: 0;}

    .logoList .maincasesub{margin: 30px 0;}

    .main_logo div{width: 90%;margin:  0 auto;line-height: 24px;}

    .main_logo p{text-align: justify;}

    .Honor   .maincase{padding-top: 0;}

    .E_img_left{width: 100%;float: none;}

    .E_img_right{margin-top:3.2%;width: 100%;float: none;}

    .delete_txt{max-height: 113px;}

    .i_width {width: 10px;}

    .Environment  .maincase,.Honor   .maincase,.logoList  .maincase{padding-top: 55px;}

    .E_img {display: block; margin: 30px auto 0;}
    .mainabouta, .Environment .mainabouta, .Honor .mainabouta, .logoList .mainabouta{
        padding-top: 30px;
    }
    .Environment .maincase, .Honor .maincase, .logoList .maincase{
        padding-top: 30px;
    }
    .pc-E_img{
        padding: 26px 0;
    }
    .pc-E_img .swiper-button-next,.pc-E_img .swiper-button-prev{
        display: none;
    }
	

	.i_width{ display:none;}

	.delete_txt1 p{ letter-spacing:3px;}

	

	.delete_img{ height:113px; overflow:hidden;}

	.E_img img{ height:100%; width:auto;}

    .s_cont{

        padding: 0 20%;

    }

    .s_cont p{

        text-align: center;

    }

    .M_slide .icon{

        left: 50%; 

        margin-left: -8px;   

    }

    .s_cont .month{

        display: block;

    }

    .s_cont h5{

        margin-top: 85px;

    }

	img.h_m_img,.E_img img{ height:auto;}

	.s_cont h5{ text-align:center;}

	.delete_img img{ height:100%; width:auto;}

	.E_img a,.E_img_rightList2 .eimg_right_left{ height:auto;}



}
@media (max-width: 768px) {
    .all_logo1 .imgList li {
    height:70px;
    }
}