@charset "utf-8";
 a{transition-duration: 600ms;}

    .layui-bg-red{background-color: #aa1b1f!important;}
    .layui-bg-orange{background-color: #dd3136!important;}
    .layui-bg-cyan{background-color: #ABA3A4!important;}
    .layui-bg-black{background-color: #1b1b1b!important;}
    .layui-bg-gray-black{background: #313131!important; color: #999!important}
    .layui-tab-brief>.layui-tab-title .layui-this{ color:#db3922}
    .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #db3922;}
    .layui-timeline-item{ padding-bottom: 0}


    .line-height-40{ height: 40px; line-height: 40px}
    .line-height-44{ height: 44px; line-height: 44px}/*手机端*/
	.line-height-60{ height: 60px; line-height: 60px}
    .padding0{padding: 0}
    .padding15{padding: 15px}
    .padding30{padding: 30px}
    .padding-left-15{ padding-left: 15px}
	.padding-left-50{ padding-left: 50px}
	.padding-top-bottom-10{ padding: 10px 0}
    .padding-top-bottom-15{ padding: 15px 0}
	.padding-top-bottom-20{ padding: 20px 0}
    .padding-top-bottom-30{ padding: 30px 0}
    .padding-left-right-15{ padding: 0 15px}
    .padding-bottom-30{ padding-bottom: 30px}
    .margin0{margin: 0}
    .margin-bottom-15{ margin-bottom: 15px}
    .margin-bottom-20{ margin-bottom: 20px}
    .margin-bottom-30{ margin-bottom: 30px}
	.margin-top-5{ margin-top: 5px}
    .margin-top-10{ margin-top: 10px}
    .margin-top-15{ margin-top: 15px}
    .margin-top-30{ margin-top: 30px}
    .margin-top-50{ margin-top: 50px}
    .margin-right-15{ margin-right: 15px}
    .margin-left-15{ margin-left: 15px}
    .margin-left-30{ margin-left: 30px}
    .font-size-22{ font-size: 22px;vertical-align: middle;}
	.font-size-16{font-size: 16px;vertical-align: middle;}
    .font-size-50{ font-size: 50px;}

    .layui-hides{ display: none}
    .text-red{ color: #fe5941}
	.text-white{ color: white}
    .a-white a{ color: white}
    .a-white a:hover{ color: white}
    .a-white-gray a{color:#999}
    .a-white-gray a:hover{ color: white}
    .float-right{ float: right}
    .text-center{ text-align: center}
    .text-left{ text-align: left}
    .border-gray{ border:1px solid #EFEFEF}


    .nav-samll-bg{transition: background 0.5s;}
    .nav-samll-bg:hover{}
    .snav{ display: block}
    .nav-child{ position: absolute; width: 100%; top: 77px;background-color: rgba(40, 40, 40, 0.9);
        opacity: 0;transition-duration: 600ms; z-index:-1;box-shadow: 0 1px 5px rgba(0,0,0,0.3);}
    .nav-samll-bg:hover .nav-child{z-index:99999;opacity: 1;}
	.nav-child::before{content: ''; border-bottom: 5px solid rgba(0,0,0,0.7); position: absolute; height: 5px; top: -10px; left: 50%; margin-left: -3px; border-left: 5px solid transparent; border-right: 5px solid transparent}
	.nav-child li a{ padding: 8px 15px;display:block;}
    .nav-child li a:hover{ color: #707271; background:#f2f2f4}
    .w100{ width: 100%}
    .home-waist-desc{display: inline-block;padding: 12px 45px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
    .home-waist-line{display: inline-block;vertical-align: middle;width: 36px;height: 1px;background-color: #fff;}
    .home-waist-site{display: inline-block;vertical-align: middle;margin: 0 14px;}
    .hover-img{display: block;transition-duration: 600ms;position:relative;overflow: hidden}
    .hover-img img{transition-duration: 600ms;}
    .hover-img:hover img{opacity:0.7; filter:alpha(opacity=70);}
    .home-works-item-text{position: absolute; top:20%; width:100%;transition-duration: 600ms;opacity:0;}
    .hover-img:hover .home-works-item-text{top:50%;margin-top: -30px;color: #fd5b42;opacity:1; filter:alpha(opacity=100);}
    .m-mask{display: block;opacity: 0;visibility: hidden;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 70;background-color: #222;background-color: rgba(0,0,0,0.7);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
    .site-tree{transition-duration: 300ms;left: 0}



/*分页*/
			.pagination a:hover{background-color: #009688;border: 1px solid #009688;color: #ffffff; }
            .pagination{overflow:hidden; height: auto;_height: 45px; line-height: 20px;margin-right: 15px;_margin-right: 5px; color:#565656;margin-top: 10px;margin-bottom: 10px;_margin-top: 20px; clear:both;}
            .pagination li{ float: left;margin: 0 2px}
            .pagination .active{background-color: #009688;color: #ffffff; }
            .pagination .active span{border: 1px solid #009688; color:#fff}
            .pagination a,.pagination span{ font-size: 14px;text-decoration: none;display: block;float: left;color: #565656;border: 1px solid #ccc;height: 34px;line-height: 34px;width: 34px;text-align: center;}




    @media screen and (max-width: 750px){
        .home-works-item-text{position: absolute; top:50%; width:100%;transition-duration: 600ms;opacity:1;color: #fd5b42;}



        .line-height-40{ height: 20px; line-height: 20px}
        .padding30{padding: 15px}
        .padding-top-bottom-30{ padding: 15px 0}
        .padding-bottom-30{ padding-bottom: 15px}
        .margin-top-15{ margin-top: 8px}
        .margin-top-30{ margin-top: 15px}
        .margin-top-50{ margin-top: 25px}
        .margin-left-30{ margin-left: 15px}
        h1{ font-size: 22px}
        h2{ font-size: 18px}
        .font-size-22{ font-size: 22px;vertical-align: middle;}
        .font-size-50{ font-size: 30px;}

        .nav-mobile-box{ }
        .nav-mobile-box .site-logo{text-align: center}
        .nav-mobile-box .logo{ margin: 10px auto}
        .nav-mobile-box .logo img{ height: 100%}
        .nav-mobile{background: #fff;height: auto;position: fixed;top: 0;right: 100%;left: -80%;bottom: 0;width: 80%;padding: 58px 15px 0 15px;z-index: 90;font-size: 12px;text-align: left;margin: 0;float: none;transition-duration: 300ms;overflow: auto;}
        .nav-mobile .nav-samll-bg{ background: none!important; text-align: left}
        .nav-mobile .snav{ color: #55595c}
        .nav-mobile .snav:hover{ color: #55595c}
        .nav-mobile .nav-child{position: initial;opacity: 1; background:none;box-shadow:none}
        .nav-mobile .nav-child::before{ display: none}
        .nav-mobile .nav-child a{ color:#55595c }
        .nav-mobile .nav-child-item{ text-align: center;padding: 10px 10px 0 0}
        .nav-mobile .nav-child-item a{background: #f6f9fa; display: block; padding: 5px 0}


        .site-mobile{overflow: hidden;}
        .site-mobile .nav-mobile{left: 0%;}
        .site-mobile .m-mask{opacity: 1;visibility: visible;}
        .site-mobile .site-tree{left: 85%;z-index: 71}

    }