@media (min-width: 768px) {
    .footer_top .rt ul li a:hover{color: rgba(132, 26, 33, 1);}
    .add:hover{transition: background .3s .2s;-webkit-transition: background .3s .2s;color: #fff;
        border-color:rgba(132, 26, 33, 1) !important; }
    .add:hover:after{transform: translate3d(0,100%,0);
        transition-delay: .175s;}
    .add:hover:before{transform: translate3d(0,100%,0);
        transition-delay: 0s;}
    .page3 .cont .list:last-child .rt a:hover .font16,.page3 .cont .list:nth-child(2) .rt a:hover .font16{color:rgba(132, 26, 33, 1)}
    .page3 .cont .list:nth-child(1) .rt a:hover .font16{color: #333}
    #banner .swiper-slide a:hover .font28{color:rgba(132, 26, 33, 1)}
    #banner .swiper-slide a:hover img{animation: dabi 1.6s ease-out 0s;}
    .pages a:hover{
        color: #bfa160;
        border-bottom: 1px solid #bfa160;
    }
    .next-pver a:hover{color: #bfa160;}
    .next-pver li:last-child a:hover,header .navbar-right .en_cn a:hover{background: #bfa160;
        color: #fff;}
    header .navbar-right li a:hover{color: #bfa160;}
    .news .col-md-6 a:hover .imgss div{transform: scale(1.1);-webkit-transform: scale(1.1)}
    .news .col-md-6 a:hover .cont .font18{color: #841a21}
    .news .col-md-6 a:hover .cont div.font14{padding-right: 15px}
    .news .top li a:hover {
        background-color: #841a21;
        color: #fff;
    }
    .case2 ul li a:hover .imgss{transform: scale(1.1);-webkit-transform: scale(1.1);}
    .case2 ul li a:hover .ctn .font16:first-child{color:rgba(132, 26, 33, 1)}
    header.active .navbar-right li .down .rt a:hover{
        color: #bfa160;
    }
    .join2 li a:hover .img img:last-child{
        display: block;
    }
    .join2 li a:hover .img img:first-child{
        display: none;
    }
    .enter2 li:hover:after{background-color: rgba(132,26,33,0.8)}
    /*.enter4 .swiper-slide a:hover{background-color: #841a21;}*/
    .join2 .text-center a:hover{background-color: #bfa160;
        color: #fff;border-color: #bfa160}
    .jion3 .list .sy:hover{
        background-color: #bfa160;
        color: #fff;
    }
    .cji .xial li:hover{    color: rgba(132, 26, 33, 1);}

}
@media (min-width: 1200px){

}
@media (min-width: 1400px) {
    /*.container{width: 1240px;}*/

}
@media (min-width: 1600px) {
	/*.container{width: 1440px;}*/

}
@media (min-width: 1100px){

}
@media (max-width: 1600px) {
    .case .cont{height: 730px}

}
@media (max-width: 1500px){
    .page0 .cont {
        margin-top: 15%;
    }
    .page3 .font48{margin-bottom: 2rem}
    .case .cont{height: 650px}
    .enter2 li{height: 350px}
    .page2 .cont .conts{top: 50px;left: 50px;}
}
@media (max-width: 1400px) {
    .page0 .cont ,.page3 .cont{
        margin-top: 12%;
    }
    .gallery-top .font48,.gallery-top .font30{margin-bottom: 2rem}
    .page2 .cont .swiper-button-white{bottom: 0}
    .page3 .font48{margin-bottom: 1rem}
    .page2 .cont,.page2 .cont .conts{width: 500px}
    .artCulture1 .rt ul li span{padding: 15px;}
    .enter2 li{height: 300px}
    .page2 .container{height: auto;}
    .page2 .cont .conts{top: 20px;left: 20px;}
    .gallery-top .font48, .gallery-top .font30{margin-bottom: 1rem}
     .page2 .cont, .page2 .cont .conts{width: 500px}
 .page2 .cont .conts{padding-bottom: 75px;}


}
@media (max-width: 1332px){

}
@media (max-width: 1300px){
   
    .page0 .cont ,.page3 .cont{
        margin-top: 10%;
    }
    header .navbar-right .search input{width: 150px}
    #banner .swiper-slide a{padding: 20px 20px 20px 80px}
}
@media (max-width: 1200px){
    .ico{display: block;float: right;top:34px;margin-left: 20px;}
     header .navbar-right ul{position: initial;background: none;display: block}
    header .navbar-right{position: absolute;background: #fff;width: 100%;left: 0;top: 100px;text-align: left;display: none}
    header .navbar-right .search input,header .navbar-right .en_cn a{background-color: rgba(221, 221, 221, 0.8);}
   /* header .navbar-right ul{position: absolute;background: #fff;width: 100%;left: 0;top:100px;line-height: 46px;display: none;border-top: 1px solid #ccc}*/
    header .navbar-right ul li{display: block;line-height: 46px;text-align: left;border-bottom: 1px solid #ccc}
    header .navbar-right ul li a{color: #333;display: block}
    .page3 .cont .list.hover .lt{padding: 10px}
    .down{
        position: relative;
    }
    .enter2 li{height: 250px}
    .enter2 li img{height: 56px}
    .enter2 li .font36{margin: 1rem auto;}

}
@media (max-width: 1100px){
    .artCulture1 .rt ul{margin: 3rem auto 1rem;}
    .artCulture1 .rt ul li{margin-bottom: 15px;}
    .artCulture1 .rt ul li{padding: 0 10px}

}
@media (max-width: 997px){
    .news .col-md-6 a .cont p{
        height: 40px;
    }
}
@media (max-width: 992px) {
    .page3 .cont{display: none}
    .contPhone{display: block}
    .artCulture1 .rt ul li span{padding: 10px;}
    .contact .cont{min-height: 300px;padding-top: 5%}
    .jion li{width: 29%;margin-left: 6%}
    .enter3 .wid100{display: block}
    .enter3 .lt{width: 100%;padding: 20px;}
    .enter3 .rt{padding: 0;width: 100%}
    .enter3 .lt:after{width: 100%;height: 1px;left: 0;top:49px;}
    #thumbs .swiper-slide img{position: relative;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
    #thumbs .swiper-slide .font16{padding-left: 24px;top: auto;bottom: 0;transform: translateY(0%);-webkit-transform: translateY(0%);}
    .enter3{max-height: none}
    #gallery{padding-bottom: 60px;}
    .enter3 .rt .swiper-button-white{    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 22px;bottom: 20px;}
    .news .col-md-6 a .cont .font18{padding-right: 0px;}
    .news .col-md-6 a .cont .font18 .font14{position: relative;top: 0;display: block;
        margin-top: 10px;}
       .artCulture1 .comt .swiper-slide img{max-height: 400px}

}
@media (max-width: 768px){

}
@media (max-width: 767px){
    .row{margin-left: 0;margin-right: 0;}
    .navbar-left{float: left}
    .navbar-right{float: right}
   
    /*header .navbar-right .en_cn, header .navbar-right .search{line-height: 50px}*/
    header{height: 66px;line-height: 66px;}
    header .navbar-left img{height: 36px}
    .ico{top: 17px;}
    .page0 .font48{padding: 10px}
    .pags .fp-tableCell{padding-top: 66px;}
    .page1 .cont .bom .container{width: 100%}
    .page1 .cont .top a{padding: 8px 18px;font-size: 12px;line-height: 1;}
    .page2 .cont{width: 400px;border-radius: 0 50px 0 50px;}
    .page2 .cont .conts{top: 30px;left: 30px;border-radius: 0 50px 0 50px;width: 400px}
    .page2 .cont .swiper-button-prev{left: 50px}
    .page2 .cont .swiper-button-next{left: 150px}
    .contPhone .uls li img{height: 23px;margin-bottom: 10px;}
    .contPhone .uls li{padding: 15px 10px;}
    .footer_top .lt,.footer_top .rt{display: block;width: 100%;padding-left:0;border-left: none;}
    .footer_top .lt{text-align: center}
    .footer_top .lt .font16{margin: 1rem auto}
    .footer_top .lt ul li{float: none;margin-left: 7px;}
    .footer_top .lt ul,.footer_top .lt ul li a{margin-top: 0}
    .footer_bom span{display: block}
    .footer_bom span,.footer_bom a{font-size: 12px}
    .footer_top .lt .logo img{height: 32px}
    .footer_top .lt ul li a{font-size: 14px;width: 24px;height: 24px;line-height: 24px;}
    .page0 .cont{padding: 15px 30px}
    .gallery-top .font48,.gallery-top .font30{margin-bottom: 1rem}
    .gallery-top .font48{font-size: 18px}
    .gallery-top .font30{font-size: 16px;padding: 8px 0}
    .page3 .font48{margin-bottom: 6px}
    .page1 .cont .top p {margin: 15px auto;}
    .investment .cont .container{padding: 0 15px}
    .investment .cont p{margin-top: 20px}
    .html{margin-top: 66px;}
    .investment {min-height: 250px}
    .artCulture1{display: block}
    .artCulture1 .lt{width: 100%;}
    .artCulture1 .rt{width: 100%;    padding: 8% 0;}
    .artCulture1 .lt .ul1 li{padding: 20px}
    .artCulture1 .lt  li .disFlCenter img{max-height: 200px}
    .artCulture1 .lt .dian span{width: 8px;height: 8px;margin: 0 8px}
    .artCulture1 .lt .dian{bottom: 0}
    .artCulture1 .rt ul {margin: 1rem auto 1rem;}
    .artCulture1{padding: 3rem 15px 0}
    .artCulture2{padding: 4rem 0}
    .artCulture2 .font32{margin-bottom: 2rem}
    #artCulture2 p{margin-top: 1rem}
    #artCulture2 .rt{padding: 0 }
    #artCulture2{margin-bottom: 2rem}
    .investment2 .lt .swiper-slide img{height: 60px}
    .investment2 .lt .swiper-slide .font36{margin-top: 1rem}
    .join .xian{margin: 10px auto 20px;}
    .join .form-group{width: 100%;margin-left: 0;margin-bottom: 15px;}
    .join textarea{margin-bottom: 2rem}
    .newsDetaile .cont p{font-size: 13px !important;line-height: 1.7}
    .next-pver li:last-child a{position: inherit;position: initial;padding: 5px 26px;}
    .news .col-md-6 a .imgss img{display: block;}
    .news .col-md-6 a .imgss{height: auto;background: none !important;}
    .news .col-md-6 a .cont{padding: 15px;}
    .news .col-md-6 a .cont .font18{padding: 0;    margin-bottom: 5px;height: auto;}
    .news .col-md-6 a .cont .font18 .font14{position: relative;
        top:0;display: block}
    .news .col-md-6 a .cont p{margin-bottom: 1rem}
    .news .top li{margin: 0 8px;}
    .news .top{margin-bottom: 2rem;}
    .caseBanner{height: calc(100vh - 66px);height: -webkit-calc(100vh - 66px);}
    .caseBanner .swiper-pagination-current, .caseBanner .swiper-pagination-total,.caseBanner .swiper-container{font-size: 26px;}
    .case .cont, .case2 ul{display: block}
    .case .lt{width: 100%}
    .case .rt{width: 100%}
    .case .cont{height: auto}
    .case2 ul li{width: 100%}
    .case2 ul li a{padding: 5% 15px}
    .case2 ul li .ctn .font36 {margin: 1rem auto;}
    /* .menus.freeProject, */.menus.tabStabUl{display: none !important;}
    .dowebok .cont .lt a{font-size: 14px;}
    .dowebok .cont .lt a img{height: 20px;}
    .dowebok .cont .lt{width: 85px}
    .dowebok .cont .rt{padding: 0 0% 0 5%;width: calc(100% - 85px);width: -webkit-calc(100% - 85px);}
    .dowebok.freeProject .cont .rt{width: calc(100% - 85px);width: -webkit-calc(100% - 85px);padding: 0 5% 0 0%;}
    .dowebok .cont .rt a{font-size: 12px;padding: 5px 20px;}
    .dowebok .cont .rt .xian{width: 40px;height: 1px;margin: 10px auto 10px;}
    .dowebok .cont .rt p{line-height: 24px}
    .dowebok .cont{padding:8% 15px;height: auto}
    .investment2 .lt .swiper-slide .xian{margin: 5px auto 1rem;}
    .case .lt img{height: 100px;margin-bottom: 1rem}
    .case .lt .font14{margin: 10px auto}
    .footer_top .rt ul li .font14{padding: 4px 0;}
    .down{width: 100%;padding: 0}
    .down .wid100{display: block;}
    .down .wid100 .lt{display: none}
    .down .rt{width: 100%;padding:2px 15px 0;text-align: left}
    .join2 li{width: 100%;margin-bottom: 15px;}
    .join2 li:nth-child(2n){margin-left: 0}
    .join2 li a{padding: 20px 50px 20px 19px;}
    .join2 li a .img{height: 30px;right: 10px;}
    .join2 li .font24{margin-bottom: 6px;}
    .join2 .font48{margin-bottom: 1rem}
    .join2 .text-center a{font-size: 13px;padding: 8px 20px;line-height: 1}
    .jion3 .list .sy{width: 170px;height: 40px;line-height: 40px;border-radius: 0px 20px 0px 20px;margin: 0 2rem}
    .jion3 .cont{display: block;}
    .jion3 .cont .lt{width: 100%;height: 300px;}
    .jion3 .cont .lt li .top{font-size: 16px;padding: 13px 26px 13px 15px;}
    .jion3 .cont .lt li .bom{padding: 1px 15px 15px;}
    .enter1 .wid100{display: block}
    .enter1 .wid100 .lt{width: 100%;padding: 0 15px 20px}
    .enter1 .wid100 .rt{width: 100%}
    .enter1 .wid100 .lt ul{
        overflow: hidden;
    }
    .enter1 .wid100 .lt .font48{margin-bottom: 10px;}
    .enter1 .wid100 .rt img{display: block}
    .enter1 .wid100 .lt p{margin-bottom: 2rem}
    .enter1 .wid100 .lt li p{margin-bottom: 0}
    #gallery .swiper-slide .row{display: block}
    #gallery .swiper-slide .row .col-md-6:first-child .font36{font-size: 17px;width: 46px;height: 46px;line-height: 46px;}
    #gallery .swiper-slide .row .col-md-6:first-child .imgds{width: calc(100% - 46px);width: -webkit-calc(100% - 46px);}
    #gallery{padding-right: 80px}
    .enter3 .rt{padding-left: 15px;}
    #gallery .swiper-slide .row .col-md-6:last-child .font36{margin-bottom: 12px;}
    .swps{width: 36px;height: 36px;line-height: 36px;font-size: 22px;}
    .enter5 .cont{display: block}
    .enter5 .cont .lt{width: 100%;margin-bottom: 4px;padding: 20px;}
    .enter5 .cont .rt{width: 100%;padding-left: 0}
    .enter5 .cont .rt .swiper-container .swiper-slide img{display: block}
    .swps1{display: block;height: 22px;margin-top: -11px;}
    .swps1 img{width: 20px;}
    .enter5 .cont .lt p{    margin: 1rem auto;}
    .enter5 .cont .lt a{font-size: 12px;padding: 5px 20px}
    .enter5 .form-control,.cji{font-size: 14px;width: 220px;
        height: 34px;border-radius: 0px 16px 0px 16px;}
    .enter4 .swiper-slide a{height: 100px}
    .enter4 .font48{margin-bottom: 15px;}
    .enter1 .wid100 .lt .font48{font-size: 22px}
    .enter1 .wid100 .lt li p{font-size: 12px;}
    .jion li .imgs .font24 img{margin-right: 8px;top: -2px;height: 16px;}
    header .navbar-right{top: 66px}
   .artCulture1 .comt .swiper-slide img{max-height: 320px}
   .menus.freeProject{height: auto;left: 0;right:auto;border:none;top: auto;bottom: 20px;width: 100%;}
   .menus.freeProject #menu{width:100%;}
   .menus.freeProject #menu li{width: 40%;float: left;margin-left: 10%;}
   .menus.menus2{display: none !important}
   .menus.menus2.freeProject.tabStab{display: block !important}
}
@media (max-width: 730px){
    .contact ul li{font-size: 18px;width: 31.3333%;margin-left: 3%;padding:20px 12px}
    .contact ul li:first-child{margin-left: 0}
    .contact ul li.active:after{    border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #841a21;bottom: -10px}
    .contact ul{margin: 2rem 0}
    .contact .cont{min-height: inherit;padding: 30px 0}
    .jion li{width: 100%;float: none;margin-left: 0;height: auto;margin-bottom: 20px}

}
@media (max-width:600px){
    .investment2{display: block}
    .investment2 .rt,.investment2 .lt{width: 100%}
    .investment2 .swiper-container{height: auto}
    .investment2 .rt .swiper-slide img{display: block;}
    .investment2 .rt .swiper-slide{background: none !important;}
    .investment2 .swiper-button-prev{left: auto;right:50%;top: -18px;margin-top: 0;width: 36px;height: 36px;line-height: 36px;font-size: 20px;}
    .investment2 .swiper-button-next{left: 50%;top:-18px;margin-top: 0;;width: 36px;height: 36px;line-height: 36px;font-size: 20px;}
    .investment2 .lt .swiper-slide{padding: 5%}
    .enter3 .rt .swiper-button-white {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
}
@media (max-width:560px){
    .contPhone .uls li img{margin-bottom: 5px;}
    .enter2 li{width: 100%;margin-bottom: 4px}
    .enter2 li:nth-child(2n){margin-left: 0}
   .artCulture1 .comt .swiper-slide img{max-height: 300px}

}
@media (max-width: 460px){
    .page2 .cont,.page2 .cont .conts{width: 300px}
    .jion3 .list .sy{width: 150px;margin: 0 10px}
    #gallery .swiper-slide .row .col-md-6:last-child p{font-size: 12px}
    .investment2 .lt .swiper-slide img{height: 46px}
    .swps{width: 30px;height: 30px;line-height: 30px;font-size: 16px;}
}
@media (max-width: 400px){
    .footer_top .rt ul li .font14{display: none}
    .footer_top .rt ul{display: block}
    .footer_top .rt ul li .font16{margin: 0 10px}
    .footer_top .rt ul li{display: inline-block;}

}
@media (max-width: 360px){
    .page2 .cont,.page2 .cont .conts{width: 240px}
    .contact ul li{font-size: 16px;}
    .contact .cont .font28{margin-bottom: 12px;}
    .news .top li{font-size: 18px;}
    .enter5 .form-control{width: 200px;}

}