@charset "utf-8";
/* Css Document */
*{word-wrap:break-word; outline:none;padding:0;margin:0;border: 0;}
body{margin:0; padding:0; font-size:12px; line-height:22px; font-family:"微软雅黑","Arial Narrow";  -webkit-text-size-adjust:none; color:#666}
form,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
a{color:#666;text-decoration: none; }
.lf{float: left; margin-top:8px;}
.lf-yy{float: left;}
.lf-r{float: left;}
.lf-r-t{}
.lf-r-t img{ }
.lf-r-b{}
.rg{float: right;}
.clear{clear: both}
.clear10{ height:10px;}
.main{ width: 1240px;margin: 0 auto;}
.header{position: relative;}
.header .sign{ background-color: #e4e4e4;height: 25px;line-height: 25px; min-width: 1240px;}
.header .sign .sign-box .phone{margin-right: 50px;}
.header .sign .sign-box .phone span{color: #de8317;font-weight: bold;font-size: 13px;}
.header .logo{margin-top: 25px;height: 115px;}
.header .logo .logoimg{width: 280px; height: 68px; margin-right: 40px;}
.header .logo .header-icon1{margin-right:35px; margin-left:15px; width:310px;}
.header .logo .number{ width: 330px;/*text-align: center;*//*margin-top: 10px;*/margin-left:45px ;margin-right: 10px; float:left;}
.header .logo .number span{font-size: 24px;/* font-weight: bold; */color: #ff0000;}
.header .logo .number .numberwritten{font-weight: bold;color: #a1a1a1;}
.header .logo .appointment{margin-top: 5px; background-color: #509f2b;height: 35px;background-image:url(header-03.png);background-repeat: no-repeat;background-position: 8px 8px ;padding-left: 25px;color: #f9fbf9;font-size: 16px;font-weight: 500;width: 120px;border: 0;}
.header .nav{background-color: #414246;height: 50px;min-width: 1240px;}
.header .nav ul .all{width: 285px;height: 50px;line-height: 50px;text-align: center; padding: inherit;background-color: #509f2b;position: relative;}
.header .nav ul .all:hover .classification{ display:block;}
.header .nav ul .all:hover .lace{ display:block;}
.header .nav ul .all .classification{position: absolute;z-index: 99999;height: 426px;width: 285px;background-color: #FFFFFF;top: 50px; display:none;}
.header .nav ul .all .lace{z-index: 99999; display:none;}
.header .nav ul .all .classification .title{border-bottom: 1px solid #f1f1f1;height: 33px;width: 220px; margin: 0 auto;}
.header .nav ul .all .classification .title h2{float: left;line-height: 40px;font-size: 16px;}
.header .nav ul .all .classification .title h2 a{color:#666;font-size: 16px;}
.header .nav ul .all .classification .title h2 a:hover{background-color:#fff;}
.header .nav ul .all .classification .title h2 img{margin-bottom: -2px;margin-right: 5px;}
.header .nav ul .all .classification ul li{background-color: #EEEEEE; width: 66px;padding: 0;margin-left: 10px;margin-bottom: 7px;height: 25px;line-height: 25px;float: left;}
.header .nav ul .all .classification ul li:hover{background-color: #509f2b;color: #FFFFFF}
.header .nav ul .all .classification ul li a{font-size: 12px;color: inherit;}
.header .nav ul .all .classification .classification-box{margin: 0px 23px;}
.header .nav ul .all .all-hot a{color:#509f2b !important; }
.header .nav ul .lace img{margin-top: 402px;}
.header .nav ul .all:hover,.header .nav ul .all a:hover{background-color: #509f2b;}
.header .nav ul li{float: left; list-style: none;height: 50px;line-height: 50px;padding: 0 40px;}
.header .nav ul li:hover{background-color: #323232;height: 50px;}
.header .nav ul li a{color: #FFFFFF;font-size: 20px;}
.header .nav .black{background-color: #323232;}

.header .nav ul .newli{position: relative}
.header .nav ul .new{position: absolute;top: -6px;left: 77px;}
.header .nav ul .newli .hot{position: absolute;top: -6px;left: 75px;}

/*图片轮播*/
.banner{overflow: hidden;margin: 0 auto;text-align: center;background-color: #fff;}
.banner .info{margin: 0 auto; height: 420px;position: relative;}
.banner .info ul{ list-style: none;padding: 0;}
.banner .info ul li{position: absolute;text-align: right; opacity: 0.1;transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s;width:100%; }
.banner .info ul img{height: 420px;/* margin: 0 auto; */}
.banner .info .btn{ position: absolute; right: 46%; bottom: 15px;z-index: 99999;}
.banner .info .btn span{display: block;float: left;border-radius: 10px 10px; -webkit-border-radius: 10px 10px;-moz-border-radius: 10px 10px;-o-border-radius: 10px 10px; -ms-border-radius: 10px 10px; width: 20px;height: 20px;color: #2d2d2d;/* font-weight: bold; */background-color: rgb(255, 255, 255); margin: 0 8px;text-align: center;line-height: 20px;cursor: pointer;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}

.mouth .banner .info ul img{height: 334px;}
.mouth .banner .info{height: 334px;}

.service .banner{width: 1240px;}
.service .banner .info ul img{width: 1240px;height: 334px;}
.service .banner .info{height: 334px;}

.designer .banner{width: 1240px;}
.designer .banner .info ul img{width: 1240px;height: 334px;}
.designer .banner .info{height: 334px;}


/*悬浮框*/


.suspension-box .suspension-box-head{
    background: url("suspension-07.jpg");
    width: 99px;
    height: 55px;
    margin-left: 4px;
}
.suspension .suspension-box .suspension-02 img{
    width: 11px;
    height: 12px;
}
.suspension .suspension-box .suspension-box-content{
    background: url("suspension-08.jpg");
    width: 99px;
    height: 21px;
    margin-left: 4px;
}
.suspension .suspension-box .suspension-box-content p a img{
    margin: 0 20px;
    margin-bottom: -3px;
}
.suspension .suspension-box .suspension-box-foot{
    background: url("suspension-09.png");
    width: 107px;
    height: 148px;
    position: relative;
}
.suspension .suspension-box .suspension-box-foot .suspension-box-foot-p2{
    position: absolute;
    top: 117px;
    left: 19px;
}
.suspension .suspension-box .suspension-box-foot .suspension-box-foot-p2 a{
    color: #175b93;
}

.suspension .suspension-box .suspension-box-foot .suspension-box-foot-p1{
    position: absolute;
    top: 39px;
    left: 13px;
}
.suspension .suspension-box .suspension-box-foot .suspension-box-foot-p1 a{
    color: #FFFFFF;
    font-size: 14px;
}
.suspension .suspension-box .suspension-box-foot .suspension-box-foot-p1 img{
    margin-bottom: -3px;
    margin-right: 5px;
}
.suspension{
    position: fixed;
    _position:absolute;
    bottom:40%;
    right: 10px;
    z-index: 99999;

}
.suspension .suspension-customer{
    margin-top: -320px;
    margin-right: 10px;
    background-color: #509f2b;
    width: 33px;
    height: 133px;
    display: none;
}
.suspension .suspension-customer img{
    width: 23px;
    height: 23px;
    padding: 5px;
}
.suspension .suspension-customer p{
    width: 14px;
    margin-left: 10px;
}
.suspension .suspension-customer p a{
    color: #ffffff;
}
.suspension .suspension-box{
    position: relative;
}
.suspension .suspension-box .suspension-02{
    position: absolute;
    top: 3px;
    right: 12px;
}
.suspension .suspension-box .suspension-phone{
    position: absolute;
    top: 30px;
    right: 11px;
}
.suspension .suspension-box .suspension-phone p{
    color: #ffffff;
}
.suspension .suspension-box .suspension-qq{
    position: absolute;
    top: 151px;
    right: 50px;
}
.suspension .suspension-box .suspension-qq p a{
    color: #4e9e29;
}
.suspension .suspension-box .suspension-qq p img{
    width: 15px;
    height: 16px;
    margin-right: 15px;
    margin-bottom: -3px;
}
.suspension .suspension-box .suspension-code{
    position: absolute;
    top: 344px;
    right: 45px;
}
.suspension .suspension-box .suspension-code img{
    width: 57px;
    height: 58px;
}
.suspension .suspension-box .suspension-pn{
    position: absolute;
    bottom:14px;
    right: 36px;
}
.suspension .suspension-box .suspension-pn p a{
    color: #175b93;
}
@-moz-document url-prefix(){
    .header .nav .black{
        line-height: 45px;
    }
    .header .nav{
        height: 51px;
    }
}