html {background: #fff;color: #333333;line-height: 1.2;font-family: 'eng';}

body {position: relative;font-size: 14px;}

.inner {max-width: 1200px;margin: 0 auto;padding: 0 15px;}





@font-face { font-family: 'eng';src: url('../fonts/fonts/MYRIADPRO-REGULAR.OTF');} 

@font-face { font-family: 'eng1';src: url('../fonts/fonts/MYRIADPRO-BOLD.OTF');} 



.header .inner{display: flex;justify-content: space-between;align-items: center;}

.header .logo{display: block;padding: 25px 0 0;max-width: 450px;}

/* .header .logo img{max-width: 280px;} */

.header .menu_list{display: flex;}

.header .menu_list .item a{display: inline-block;padding:0  35px;border-left: 1px solid #ccc;}

.header .menu_list .item a{display: inline-block;padding:0  35px;border-left: 1px solid #ccc;}

.header .menu_list .item:last-child a{padding-right: 0;}

.header .menu_list .item:first-child a{border: none;}

#menu_btn{display: none;}



/* 项目介绍 */

.project_box {padding-bottom:80px;}

.project_box .list .item{display: flex;justify-content: space-between;align-items: stretch;padding-top: 130px;flex-wrap: wrap;}

.project_box .list .item .sub_item{display: flex;align-items: center;justify-content: center;width: 48%;}

.project_box .list .item .sub_item .text{line-height: 2;font-size: 16px;}

.project_box .list .item:nth-child(even){flex-direction: row-reverse;}



/* footer */

.footer{background: #000;color: #999;font-size: 14px;padding: 30px 0 10px;}

.footer .content{display: flex;justify-content: space-between;flex-wrap: wrap;}

.footer .content .right_box{display: flex;width: 25%;}

.footer .content .right_box .qr{padding-left: 80px;}

.footer .content .right_box .qr .text{line-height: 2;padding-top: 10px;text-align: center;}

.footer .content .logo_box{display: flex;}

.footer .content .logo_box .iconfont{font-size: 30px;padding: 0 7px;display: block;}

.iconfont.logo1{color: #3c5a9a;}

.iconfont.logo2{color: #cf2f79;}

.iconfont.logo3{color: #0177b5;}

.footer .content .left_box{line-height: 2;width: 50%;}

.copy{text-align: center;}

.header .top_img{text-align: center;padding: 15px 0;width: 100%;}
.header .top_img img{max-width: 60%;}
/* 联系我们 */

.contact_box{font-size: 16px;text-align: center;line-height:4;padding: 80px 0 60px;}

#container{height: 400px;}

.map{padding-bottom: 140px;}

.index_slider{padding:0 0 30px 0;min-height: 200px;max-width: 1000px;margin: 0 auto;}

/* 新闻 */

.news_box{padding: 100px 0 275px;}

.news_box .info{text-transform:uppercase;font-size: 16px;color: #666;line-height: 2;height: 6em;overflow: hidden;text-overflow: ellipsis;}

.news_box .date{font-size: 18px;display: flex;justify-content: space-between;padding-bottom: 30px;}

.news_box .sub_item{display: flex;padding: 40px 0 0px 495px;position: relative;min-height: 260px;display:block;}

.news_box .item .img{position: absolute;left: 0;top:0;}

.news_box .item{padding: 30px 0;}



/* 新闻详情 */

.news_info{font-size:16px;line-height: 2.5;padding:105px 0;}

.news_info img{padding:55px 0;text-align: center;text-align: center;}

.news_info .page_box{padding-top:105px;font-size:16px;color:#666;}

.news_info .page_box .page{display:block;}

.news_info .page_box .page span{padding-left:15px;}



/* 关于我们 */

.about_box{padding: 110px 0 90px;font-size:16px;}

.about_box .img{text-align: center;}

.about_box .text{line-height: 2;padding: 50px 0 40px;}

.about_box .style{overflow: hidden;}

.about_box .list{padding-top: 30px;margin: 0 -30px;}

.about_box .list .item{padding: 0 30px;float: left;line-height: 2;}

.about_bg{background: url(../images/about_02.jpg) center / cover no-repeat;text-align: center;font-size: 30px;color: #fff;padding: 85px 0;}

.stylist{padding: 140px 0 ;}

.stylist .list{display: flex;justify-content: space-between;}

.stylist .list .item{width: 35%;line-height: 2;}

.stylist .info{font-family: 'eng1';text-align: center;}

.stylist .info .name{padding: 30px 0;}

.stylist .text_box{padding-top: 35px;}



/* 首页 */

.img_box {padding: 20px 0 0;}

.img_box .left_box{width: 48%;float: left;}

.img_box .right_box{width: 52%;float: right;}

.img_box .left_box .item{position: relative;text-align: left;text-transform:uppercase;}

.img_box .img{display: block;overflow: hidden;}

.img_box .img img{filter: grayscale(100%);filter: gray;}

.img_box .go{max-width: 358px;width: 100%}

.img_box .go{display: block;padding: 70px 35px 70px 20px;background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.3);font-size: 24px;display: flex;justify-content: space-between;align-items: center;}

.img_box .left_box .item1 .go{position: absolute;bottom:0;right: -80px;}

/* .img_box .left_box .item1 img{max-width: 565px;} */

.img_box .go span{color: #ccc;font-size: 24px;}

.img_box .left_box .item2{padding-top: 65px;}

/* .img_box .left_box .item2 img{max-width: 520px;} */

.img_box .left_box .item2 .go{position: absolute;bottom:-80px;left:0;}

.img_box .left_box .item3{padding-top: 155px;}

/* .img_box .left_box .item3 img{max-width: 560px;} */

.img_box .left_box .item3 .go{position: absolute;bottom:-80px;left:0;}



.img_box .right_box .item{position: relative;text-align: right;text-transform:uppercase;}

/* .img_box .right_box .item4 img{max-width: 515px;} */

.img_box .right_box .item4 .go{position: absolute;bottom:0;left:0;}

.img_box .right_box .item5{padding-top: 70px;}

.img_box .right_box .item5 .go{position: absolute;bottom:-80px;right:0;}

/* .img_box .right_box .item5 img{max-width: 620px;} */

.img_box .right_box .item6{padding-top: 180px;}

.img_box .right_box .item6 .go{position: absolute;right: 0;bottom: -80px;}

/* .img_box .right_box .item6 img{max-width:585px;} */

.img_box .right_box .item7{padding-top: 180px;}

.img_box .right_box .item7 .go{position: absolute;left: -50px;bottom: -80px;}

/* .img_box .right_box .item7 img{max-width:585px;} */

.img_box .item{position: relative;text-transform:uppercase;}

.img_box .item:hover img{filter: grayscale(0);filter: none;}

.img_box .item8{padding-top: 155px;max-width:810px;margin-bottom: 140px;}

.img_box .item8 .go{position: absolute;right: -150px;bottom:0px;}



/* 列表页 */

.list_box {padding: 70px 0 130px;font-size: 16px;}

.list_box .left_box{width: 48%;float: left;font-size: 14px;}

.list_box .left_box .text{line-height: 2;}

.list_box .right_box{width:48%;float: right;}

.list_box .img{margin-bottom: 85px;display: block;position: relative;}

.list_box .img img{width: 100%;/*filter: grayscale(100%);*/}
/* .list_box .img:hover img{filter: grayscale(0)} */

.list_box .img .mask{position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(0, 0, 0, .3);color: #fff;display: flex;justify-content: center;align-items: center;opacity: 0;}

.list_box .img .mask .txt{text-align: center;font-size: 24px;line-height: 1.8;}

.list_box .img .mask .txt p:first-child{text-transform:uppercase;}

.list_box .img:hover .mask{opacity: 1;}

.list_box .text{padding-bottom: 120px;}



/* 详情页 */

.info_box .content{line-height: 2;padding: 50px 0 15px;}

.info_box .content p>img{padding: 50px 0;}



@media screen and (max-width: 1300px) {



}



@media screen and (max-width: 1200px) {

    .inner{width: 100%;}

    /* 详情页 */

    .info_box .content p>img{padding:30px 0;}

    /* .footer .content .right_box .qr{padding-left: 25px;} */

    .footer .content .right_box{width:30%;}

    .news_info{padding: 70px 0;}

    .news_info .page_box{padding-top: 70px;}

    /* index */

    .img_box .left_box{width: 45%;}

    .img_box .right_box{width:43%;}

    .img_box .go{padding:50px 20px;}

    .img_box{padding-top: 50px;}

}



@media screen and (max-width: 1000px) {

    .inner{width: 100%;}

    /* header */

    .header{position: relative;}

    .header .menu_list{display: none;}

    #menu_btn{display: block;}

    .header .menu_list.active{position: absolute;top:100%;left:0;background: #fff;color: #666;width: 100%;padding: 10px 0;z-index:10;}

    .header .menu_list .item{text-align: center;padding: 10px 0;}

    .header .menu_list .item a{border:none;padding:0;}

    .header .menu_list.active .item :hover{color: #000;}

    .footer .content .right_box .qr{padding-left: 35px;}

    .footer .content .left_box{width: 55%;}

    .footer .content .right_box{width: 35%;}

    .info_box .content p>img{padding: 20px 0;}

    .info_box .content{padding: 25px 0 15px;}

    .news_info{padding: 50px 0;}

    .news_info img{padding: 20px 0;}

    .news_info .page_box{padding-top: 50px;}

    /* 新闻 */

    .news_box .item .img{max-width: 350px;}

    .news_box .sub_item{padding-left: 380px;}

    .news_box{padding: 50px 0;}

    .news_box .sub_item{min-height: 215px;}

    .news_box .item{padding:15px 0;}

    /* 联系我们 */

    .contact_box{padding: 40px 0;line-height: 2.5;}

    .map{padding-bottom: 80px;}

    /* 项目介绍 */

    .project_box .list .item{padding-top: 60px;}

    /* indedx */

    /* .img_box .go span{padding-left: 80px;} */

    .img_box .go{max-width:225px;}

    .img_box .go{font-size:18px;}

    .img_box .go{padding: 25px;}

    .img_box .left_box .item2 .go,

    .img_box .right_box .item5 .go,

    .img_box .right_box .item6 .go,

    .img_box .left_box .item3 .go,

    .img_box .right_box .item7 .go{bottom:-35px;}

    .img_box .item8 .go{right: 0;bottom: -35px;}

    .img_box .left_box .item2,

    .img_box .right_box .item5{padding-top: 30px;}

    .img_box .left_box .item3,

    .img_box .right_box .item6,

    .img_box .right_box .item7,

    .img_box .item8{padding-top: 80px;}

    .img_box .item8{margin-bottom: 70px;}



    /* 关于我们 */

    .about_box,

    .stylist {padding: 50px 0;}





}



@media screen and (max-width: 768px) {

    .inner{width: 100%;}

    /* 详情页 */

    .info_box .content{line-height: 1.8;font-size: 12px;}

    .info_box .content p>img{padding: 10px;}

    .footer .content .left_box,.footer .content .right_box{width: 100%;padding-bottom: 10px;}

    /* .footer{font-size: 12px;line-height: 1.8;}    */

    .footer{padding:10px 0;font-size: 12px;}

    .copy{font-size: 12px;line-height: 1.5;}

    .footer .content .left_box{line-height: 1.5;}

    /* 新闻详情页 */

    .news_info{font-size: 12px;}

    .news_info .page_box{font-size: 12px;}

    .news_info .page_box{line-height: 1.5;}

    .news_info{line-height: 1.8;}

    .news_info{padding: 25px 0;}

    .news_info img{padding: 10px 0;}

    .news_info .page_box{padding-top: 20px;}

    /* 新闻 */

    .news_box .item{font-size: 12px;}

    .news_box .item .img{max-width: 250px;}

    .news_box .sub_item{padding:10px 0 0 265px;min-height:141px;}

    .news_box .info{font-size: 12px;line-height: 1.8;height: 7.2em;}

    .news_box .date{font-size: 14px;}

    .news_box{padding:25px 0;}

    .news_box .item{padding:10px 0;}

    /* 联系我们 */

    .contact_box{padding: 20px 0;line-height: 1.8;font-size: 12px;}

    #container{height: 480px;}

    .map{padding-bottom:40px;}

    /* 项目介绍 */

    .project_box .list .item .sub_item{width: 100%;}

    .project_box .list .item .sub_item .text{padding-top: 15px;}

    .project_box .list .item{padding-top: 30px;}

    .project_box{padding-bottom: 40px;}

    .project_box .list .item .sub_item .text{font-size: 12px;line-height: 1.8;}

    /* index */

    .img_box .left_box,.img_box .right_box{width:100%;}

    .img_box .item .go{left: auto!important;right:0!important;bottom: 0!important;}

    .img_box .item {padding-top: 15px!important;text-align: center;}

    .img_box .item8{margin-bottom: 20px;}

    .img_box .go{padding:15px;max-width: 150px;font-size: 12px;}

    .img_box{padding-top:15px;}



       /* 关于我们 */

       .stylist .list .item { width: 48%;line-height: 1.5;}

       .about_bg { padding: 50px 0;font-size: 20px;}

   

       /* 列表页 */

       .list_box .left_box,

       .list_box .right_box { width: 100%;float: none;}

       .list_box .text { padding-bottom: 30px;}

       .list_box .img { margin-bottom: 30px;}

       .list_box { padding: 30px 0;}

}



@media screen and (max-width: 570px) {

    .inner{width: 100%;}

    /* 详情页 */

    .info_box .content{padding: 15px 0;}

    /* 新闻详情页 */

    .news_info .page_box .page .tit{display: block;padding:0;}

    .news_info{padding:15px 0;}

    .news_info .page_box{padding-top: 15px;}

    /* 新闻 */

    .news_box .item .img{max-width: 190px ;}

    .news_box .sub_item{padding:0 0 0 200px;min-height: 105px;}

    .news_box .date{padding-bottom: 10px;}

    .news_box{padding:15px 0;}

    /* 项目介绍 */

    .project_box .list .item{padding-top: 15px;}

    .project_box{padding-bottom: 20px;}

     /* 关于我们 */

     .about_box, 

     .stylist { padding: 15px 0;font-size: 14px;}

     .about_box .text {line-height: 1.5; padding: 15px 0;}

     .about_box .list .item { padding: 0 15px;}

     .about_box .list { margin: 0 -15px;padding-top:15px;}

     .about_bg { padding: 30px 0;font-size: 16px;}

 

     /* 列表页 */

     .list_box .text {padding-bottom: 15px;} 

     .list_box .left_box .text { line-height: 1.5;}

     .list_box .img { margin-bottom: 15px;}

     .list_box { padding: 10px 0 0;}

     

     .stylist .info .name,

     .stylist .text_box { padding: 10px 0;}

}



@media screen and (max-width: 420px) {

    .inner{width: 100%;}

    /* 新闻 */

    .news_box .item .img{position: inherit;max-width: 100%;text-align: center;padding-bottom: 15px;}

    .news_box .sub_item{min-height: auto;padding-left: 0;}

    .news_box .info{height: auto;}

    /* 新闻 */

    #container{height: 320px;}

    .map{padding-bottom: 20px;}

     /* 关于我们 */

     .stylist .list { flex-wrap: wrap;}

     .stylist .list .item { width: 100%;}

}