﻿body{font-family:'Microsoft YaHei'}
.overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}

.header0{height:50px;background-color:#fff;padding:10px 0;}
.header0 .logo{float:left;line-height:50px;color:#52AE7C; font-size:16px;}
.header0 .logo img{margin-right:10px;height:50px;width:auto}
.header0 .right1{height:50px;line-height:25px;float:right; text-align:right;color:#52AE7C}
.header0 .right1 span{color:#000}
.header0 .right1 img{margin-right:8px;}
.header0 .right1 .right11{background:url(/image/jinbei1.png)left center no-repeat;padding-left:20px}
.header0 .right1 .right12{background:url(/image/dianhua1.png)left center no-repeat; float:right;padding-left:20px}

.pages{text-align:center; height:50px; line-height:50px; font-size:12px;height:40px; padding:20px 0; float:left;width:100%}
.pages a{ background:#fff; padding:10px 14px; margin:0px 3px; border:1px solid #dfdfdf; border-radius:2px;TEXT-DECORATION: none}
.pages a:hover{ border:1px solid #52AE7C;}
.pages a.cur{ background:#ff6600; border:1px solid #ff6600; color:#fff; font-weight:bold;}
.pages span{ padding:10px 14px;margin:0px 3px;background-color:#52AE7C;border-color: #3D5DA3;color: #FFF;border:1px solid #52AE7C;border-radius:2px;}

/*display: flex;align-items: center;justify-content:space-around;*/
.header{position:absolute;left:50%;height:60px;line-height:60px;background-color:#52AE7C;z-index:10; margin-left:-585px;color:#fff;transition: all 0.4s;}
.header .layui-nav{background-color: rgba(255,255,255,0);display: flex;align-items: center;justify-content:space-around;}
.header .layui-nav-child{top:60px;}
.header .logo{display:none}
.fix-div{ position:fixed; top:0px; z-index:9999;transition: all 0.4s;height:50px;line-height:50px;}
.fix-div .layui-nav-item{line-height:50px;}
.fix-div .layui-nav-child{top:50px;}
.mobile-icon{display:none}

@media screen and (max-width:1024px) {
    .header0{display:none}

    .header{margin:0;left:0;width:100%;height:50px;line-height:50px;}
    .header .layui-nav{display:block}
    .header .logo{display:block;height:40px;width:auto;float:left}
    .header .logo img{height:40px;width:auto}

    .fix-div{height:50px;line-height:50px;}
    .fix-div .layui-nav-item{line-height:50px;}
    .fix-div .layui-nav-child{top:50px;}
    .nav{display:none}
    .mobile-icon{display: block;color: #fff;font-size:26px;float:right;}

    .header .nav{background-color:#ccc; margin-top:50px;left:0; position:absolute}
	.header .nav li{width: 100%; height:50px;}
}
.foot{height:440px;background:#404041 url(/image/foot_bg.jpg)no-repeat center center;background-size:auto 440px;}
.foot .layui-container{padding:0}
.foot .foot1{float:left;width:300px;height:300px;background-color: rgba(255,255,255,0.5);box-sizing:border-box;color:#fff;padding:40px 60px;text-align:center}
.foot .foot1 .logo{width:120px;height:auto;margin:0 0 20px 0}
.foot .foot1 .foot11{text-align:left;background:url(/image/phone.png) no-repeat left center;padding:10px 0 10px 50px;}
.foot .foot1 .foot11 img{float:left; margin-right:15px;vertical-align:middle}
.foot .foot1 .foot12{background:url(/image/time.png) no-repeat left center}

.foot .foot2{float:left;padding:50px 0 0 30px;color:#fff}
.foot .foot2 h2{margin-bottom:30px;}
.foot .foot2 p{margin-bottom:20px;font-size:16px;}

.foot .foot3{float:right;padding:54px 0 0 54px;}
.foot .foot3 img{width:192px; height:192px;}
.foot .foot4{background-color:#000;float:left;width:100%;height:15px;line-height:15px; margin-top:20px;color:#fff;text-align:center;padding:15px 0}
.foot .foot4 img{vertical-align:middle; height:15px; width:auto; margin-right:6px;}
.foot .foot4 a{color:#fff; padding: 0 10px}
.foot .foot4 span:last-child{display:none}

.foot .foot5{float:left;width:100%;height:55px;line-height:55px;color:#fff;text-align:center}
.foot .foot5 a{color:#fff;}

@media screen and (max-width:1024px) {
    .foot{height:130px;}
    .foot1{display:none}
    .foot2{display:none}
    .foot3{display:none}
    .foot4{display:none}
    .foot .foot5{line-height:20px;height:130px;padding-top:10px;}
}
.rightfix{position:fixed;top:300px;right:0; width:54px;height:162px;background-color: rgba(0,0,0,0.8);}
.rightfix li{height:54px;color:#fff;line-height:54px;position:relative;}

.rightfix li .rf1,.rightfix li .rf2,.rightfix li .rf3{color:#fff;z-index:6;position:absolute;right:0;height:54px;overflow:hidden;width:54px;transition: all 0.3s;}
.rightfix li i{display:block;float:left;font-size:32px;width:54px;height:54px;text-align:center}

.rightfix li:hover .rf1{background-color:#ae1c1c;width:120px;transition: all 0.3s;}
.rightfix li:hover .rf2{background-color:#ae1c1c;width:170px;transition: all 0.3s;}
.rightfix li:hover .rf3{background-color:#ae1c1c;transition: all 0.3s;}
