@charset "utf-8";html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,blockquote{margin:0;padding:0}
table,th,td{padding:0}
html {
    background-color:#333;
}
body{background:#fff;font-family:Microsoft YaHei,"微软雅黑";max-width:1600px;margin:auto;}
img{border:0 none;vertical-align:middle}
ul,ol,li{list-style:none}
input,select,button,textarea{font-family:Microsoft YaHei,"微软雅黑";}
table,tr,th,td{vertical-align:middle;border-collapse:collapse}
button{cursor:pointer}
i,em,cite,address{font-style:normal}
a{color:inherit;text-decoration:none;outline:none}
a:link{text-decoration:none;cursor:pointer;color:#333}
a:hover,a:active{text-decoration:none;color:#BA2A3A}
a:focus{outline:none}
input:focus{outline:none}
textarea:focus{outline:none}
.ani{transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.left{float:left}
.right{float:right}
.clear{height:0;clear:both}
.wrap{min-width:1200px;background:#fff;position:relative;overflow:hidden}
.content{overflow:hidden}
.warp{width:1200px;margin:auto;}
.header{height:auto;background:#fff;position:relative;z-index:11;box-shadow:0 4px 5px 0 rgba(0,0,0,.1);width:100%;min-width:1200px;margin:auto}
.header .head{width:1200px;height:100px;margin:0 auto;position:relative}
.header h1.logo{display:block;float:left;margin:0;width:260px;height:100px}
.header h1.logo a{display:block;height:100px;padding:14px 0;transition:all 0.1s ease-out}
.header h1.logo a:hover{transform:scale(1.05)}
.header h1.logo a img{display:block;height:72px}
.header .car{display:inline-block;height:48px;padding:6px 20px;float:right;line-height:48px;margin:20px;border-right:1px solid #eee}
.header .car span{font-size:21px;font-weight:bold;color:#BA2A3A;transition:all 1s ease-out}
.header .car a:hover span{font-size:24px;font-weight:bold;color:#166E58}
.header .tel{display:inline-block;height:100px;color:#333;padding-left:48px;background:url(../images/ico/tel.png) left center no-repeat;float:right}
.header .tel p.dis{color:#999;font-size:14px;line-height:23px;padding-top:25px;font-style:italic}
.header .tel p.num{color:#000;font-size:21px;line-height:32px}
.header .nav{background-color:#166E58;z-index:99;height:48px;display:block;width:100%;min-width:1200px}
.header .nav ul{width:1200px;margin:auto}
.header .nav li{display:block;text-align:center;float:left;position:relative;z-index:99;padding:12px 0}
.header .nav li a{display:block;line-height:20px;color:#fff;font-size:18px;padding:0 16px;position:relative;z-index:99;border-right:1px solid #579585}
.header .nav li:last-child a{border-right:0px solid #CCC}
.header .nav li.on a{color:#F8D29F}
.header .nav li p.sub{display:none;width:180px;height:auto;background:#fff url(../images/bg/sub.png) right bottom no-repeat;background-color:#166E58;box-shadow:0 4px 5px 0 rgba(0,0,0,.4);position:absolute;left:0;top:100%;z-index:98;text-align:left;padding:10px 10px 30px;border-top:1px solid #579585}
.header .nav li p.sub a{line-height:36px;color:#fff;font-size:16px;background:none;border-right:0px solid #CCC;padding:0 6px}
.header .nav li p.sub a:hover{border-bottom:1px solid #579585;color:#F8D29F}
.banner{margin:0 auto;width:100%;min-width:1200px;height:480px;z-index:0;overflow:auto}
.banner .swiper-container{position:relative;width:100%;min-width:1200px;height:480px}
.banner .swiper-wrapper a{width:100%;min-width:1200px;height:480px;background:url(../images/banner/01.jpg) center center no-repeat;display:inline-block;background-color:#f5f5f5}
.banner .swiper-pagination{text-align:center;position:absolute;top:440px;z-index:20}
.banner .swiper-pagination-bullet{width:30px;height:10px;border-radius:0;background:#aaa;opacity:.7;border-radius:5px}
.banner .swiper-pagination-bullet-active{background:#166E58;opacity:1}
.banner .btn_left,.banner .btn_right{width:50px;height:50px;z-index:20;opacity:0.4;position:absolute;top:200px;transition:all 0.5s ease-out}
.banner .btn_left:hover,.banner .btn_right:hover{opacity:0.7;cursor:pointer;transform:scale(1.2)}
.banner .btn_left{left:20px}
.banner .btn_right{right:20px}
.banner .btn_left img,.banner .btn_right img{width:50px;height:50px;border-radius:36px}
.footer{padding-bottom:20px}
.footer .links{display:block;padding:10px 0 30px;background-color:#f6f6f6;width:100%;min-width:1200px}
.footer .links h3{display:block;line-height:42px;height:42px;color:#333;font-size:24px;font-weight:bold;border-bottom:1px solid #ddd;padding:15px}
.footer .links ul{padding:15px}
.footer .links ul li{display:block;line-height:180%;font-size:16px;overflow:hidden;float:left}
.footer .links ul li a{display:block;padding:0 10px 0 0;color:#666}
.footer .links ul li a:hover{color:#333}
.footer .fnav{padding:25px 15px 25px;border-bottom:1px solid #eee;display:block;margin:auto}
.footer .fnav .l{float:left;width:800px}
.footer .fnav .l h3{line-height:210%;font-size:22px;}
.footer .fnav .l h3 span{color:#166E58}
.footer .fnav .l h4{line-height:180%;font-size:18px;color:#999;font-weight:normal;padding-bottom:25px}
.footer .fnav .l .tel{width:800px;height:100px}
.footer .fnav .l .tel dl{padding:15px 25px;border:1px solid #eee;margin-right:50px;float:left;border-radius:5px;background-color:#fff;}
.footer .fnav .l .tel dl dt{line-height:140%;font-size:27px;color:#166E58;}
.footer .fnav .l .tel dl dd{line-height:140%;font-size:18px;color:#999}
.footer .fnav .r{float:right;width:150px;padding-right:30px}
.footer .fnav .r div{border:1px solid #eee;text-align:center;padding:15px 0;color:#999;font-size:16px;transition:all 0.5s ease-out}
.footer .fnav .r div img{width:120px;margin-bottom:10px}
.footer .fnav .r div:hover{transform:scale(1.05)}
.footer .copyright{padding:15px 15px 0;text-align:center;line-height:180%;color:#999;font-size:14px}
.footer .copyright .icp{background:url(../images/ico/icp.png) left center no-repeat;line-height:36px;height:36px;font-size:16px;color:#333;padding-left:24px;display:inline-block}
.footer .copyright .icp a{text-decoration:underline}
.footer .copyright .support{font-size:14px;color:#ccc}
.bottomTips{display:block;position:fixed;bottom:0px;left:0px;width:100%;height:112px;overflow:hidden;z-index:999;}
.bottomTips .car{height:48px;line-height:48px;font-size:18px;color:#333;font-weight:bold}
.bottomTips .car img{float:left}
.bottomTips .car span{color:#f90}
.bottomTips .tel{height:64px;background-color:#449E84}
.bottomTips .tel .l{float:left;font-size:18px;color:#fff;line-height:64px}
.bottomTips .tel .l span{color:#fff;font-size:24px}
.bottomTips .tel .l strong{color:#fff;font-size:24px}
.bottomTips .r{float:right;color:#F8D29F;font-size:24px;line-height:64px}
.bottomTips .r span{background:url(../images/ico/tel3.png) 20px center no-repeat;padding-left:60px;font-size:24px;display:inline-block;color:#fff}
.bottomTips .colseBottomTips{float:right;padding-left:20px;padding-top:20px}
.bottomTips .colseBottomTips a{border:1px solid #fff;display:inline-block;padding:0 15px;border-radius:15px;line-height:24px;height:24px;color:#fff;font-size:16px;cursor:pointer}
.bottomTips .colseBottomTips a:hover{border:1px solid #fff;color:#fff}
.comTit h2{width:900px;margin:auto;height:55px;padding-top:20px}
.comTit h2 em{width:200px;float:left;display:block;height:24px;border-bottom:1px solid #ccc}
.comTit h2 span{width:500px;text-align:center;font-size:32px;line-height:48px;color:#333;float:left;display:block}
.comTit h2 span strong{color:#166E58}
.comTit .con{line-height:28px;color:#666;font-size:18px;text-align:center;padding-bottom:20px}
.com-banner{height:200px;background:url(../images/bg/banner-bg.png) center bottom no-repeat;background-color:#166E58;width:100%;min-width:1200px}
.com-banner .txt{float:left;padding-top:50px;padding-left:20px}
.com-banner .txt .title{font-size:32px;color:#fff;font-size:42px;padding-left:13px}
.com-banner .txt .desc{color:#fff;margin-top:15px;font-size:21px}
.com-banner .img{height:200px;float:right;position:relative}
.com-banner .img img{height:200px;position:absolute;bottom:-30px;right:0px}
.position{font-size:16px;color:#fff;line-height:42px;border-bottom:1px solid #eee;color:#999;margin-bottom:20px;width:800px}
.position a{color:#333}
.pages{text-align:center;font-size:18px;padding:10px 0 50px}
.pages a{border-radius:5px;display:inline-block;*display:inline;*zoom:1;min-width:18px;color:#333;height:32px;line-height:32px;text-align:center;padding:3px 15px;margin:0 5px;border:1px solid #ddd}
.pages a:hover{color:#fff;background-color:#166E58;border-color:#166E58}
.pages span{border-radius:5px;display:inline-block;min-width:16px;color:#fff !important;height:32px;line-height:32px;text-align:center;padding:3px 15px;background-color:#166E58;margin:0 5px;border:1px solid #166E58}
.texbox {
    line-height: 36px;
    height: 36px;
    border: 1px solid #ccc;
    padding: 0px 10px;
    width: 120px;
    font-size: 18px;
    color: #333;
    border-radius: 3px;
    box-sizing: border-box;
    outline: none;
    color: #000;
}
.texbox:focus{outline:none;border:1px solid #449E84}
.texarea{line-height:36px;font-size:18px;border:1px solid #ccc;padding:10px;min-width:210px;width:60%;border-radius:3px}
.texarea:focus{border:1px solid #449E84;outline:none}
.btn{height:64px;line-height:64px;display:inline-block;margin:0px;text-align:center;vertical-align:baseline;padding:0 35px;background-color:#166E58;border:0px solid #166E58;font-size:32px;color:#fff;cursor:pointer;box-sizing:border-box;border-radius:5px}
a.btn{color:#fff}
.btn:hover{background-color:#449E84;color:#fff;text-decoration:none}
.error{color:#f00}
input.error,textarea.error{background-color:#FFF2E6}


.contactBar {
    width: 280px;
    position: fixed;
    bottom: 15px;
    left: 15px;
    background-color: #fff;
    box-shadow: 0 0px 10px 0 rgba(0,0,0,.3);
    z-index:9999;
}

    .contactBar .cTitle {
        width: 100%;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background: linear-gradient(to right,#166E58,#4CC777);
    }

        .contactBar .cTitle span {
            font-size: 22px;
            color: #fff;
        }

        .contactBar .cTitle .close {
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            border: 1px solid #fff;
            display: inline-block;
            float: right;
            position: absolute;
            right: 10px;
            top: 12px;
            font-size: 18px;
            color: #fff;
            border-radius: 12px;
            cursor: pointer;
        }

    .contactBar .cCon {
        padding: 10px 20px;
    }



        .contactBar .cCon .row {
            padding: 0 0 7px; 
            position:relative;
        }

            .contactBar .cCon .row .texbox {
                line-height: 36px;
                height: 36px;
                border: 1px solid #ccc;
                padding: 0px 10px;
                width: 100%;
                font-size: 16px;
                border-radius: 3px;
                box-sizing: border-box;
            }

            .contactBar .cCon .row input::placeholder {
                color:#ccc;
                font-size:14px;
            }

                .contactBar .cCon .row .texbox:focus {
                    outline: none;
                    border: 1px solid #449E84;
                }

            .contactBar .cCon .row .err {
                border: 1px solid #f00;
            }

            .contactBar .cCon .row .error_tip {
                color: #f00;
                display: none;
                font-size: 14px;
            }

            .contactBar .cCon .row .btCode {
                display: inline;
                text-align: center;
                vertical-align: baseline;
                padding: 0 5px;
                line-height: 36px;
                height: 36px;
                font-size: 14px;
                border: 1px solid #ccc;
                cursor: pointer;
                margin: auto;
                outline: none;
                background-color: #eee;
                border-radius: 3px;
                box-sizing: border-box;
                color: #333;
                position: absolute;
                right: 0px;
                top: 0px;
            }
                .contactBar .cCon .row .btCode:disabled {
                    color: #999;
                    cursor:auto;
                }

            .contactBar .cCon .row .btn {
                display: inline;
                text-align: center;
                vertical-align: baseline;
                width: 100%;
                line-height: 36px;
                height: 36px;
                font-size: 18px;
                border: 1px solid #166E58;
                cursor: pointer;
                margin: auto;
                outline: none;
                background-color: #166E58;
                border-radius: 3px;
                box-sizing: border-box;
                color: #fff;
            }

                .contactBar .cCon .row .btn:hover {
                    box-shadow: 0 0px 10px 0 rgba(0,0,0,.2);
                }

        .contactBar .cCon .tips {
            color:#f00;
            background-color:#fbf8d9;
            text-align:center;
            border-radius:4px;
            line-height:180%;
        }

        .contactBar .cCon .tips2 {
            color: #449E84;
            text-align: center;
        }


.rightBar {
    width: 84px;
    position: fixed;
    top: calc(50% - 200px);
    right: 10px;
    background-color: #166E58;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.3);
    padding-top: 50px;
    z-index: 8888;
}
    .rightBar .bimg {
        width: 64px;
        height: 112px;
        position: absolute;
        top: -62px;
        left: 10px;
    }
    .rightBar .items {
        background-color: #fff;
        padding: 10px; 
    }
        .rightBar .items .item {
            position: relative;
            line-height: 36px;
            text-align: center;
            transition: all 0.2s ease-out;
        }
            .rightBar .items .item a {
                width: 64px;
                height: 100px;
                display:inline-block;
                position:absolute;
                top:0;
                left:0;
            }
            .rightBar .items .item span {
                width: 64px;
                height: 64px;
                background-color: #166E58;
                display: inline-block;
                border-radius: 15px;
                background-image: url(../images/ico/bar-car.png);
                background-repeat: no-repeat;
                background-size: 64px auto;
                background-position: center center;
            }
                .rightBar .items .item span.bar-car {
                    background-image: url(../images/ico/bar-car.png);
                }
                .rightBar .items .item span.bar-qa {
                    background-image: url(../images/ico/bar-qa.png);
                }
                .rightBar .items .item span.bar-tel {
                    background-image: url(../images/ico/bar-tel.png);
                }
                .rightBar .items .item span.bar-wx {
                    background-image: url(../images/ico/bar-wx.png);
                }

            .rightBar .items .item:hover span {
                background-color: #F8D29F;
                cursor: pointer; 
            }
            .rightBar .items .item:hover {
                color: #F8D29F;
                transform: scale(1.05);
            }


            .rightBar .items .item .bar-tel-con {
                width: 160px;
                background-color: #fff;
                position: absolute;
                top: -45px;
                right: 84px;
                box-shadow: 0 0px 5px 0 rgba(0,0,0,.3);
                display: none;
                z-index: 8889;
                text-align: center;
                padding: 15px;
                line-height: 24px;
                text-align: left;
                color: #000;
                border-radius:5px;
            }
            .rightBar .items .item:hover .bar-tel-con {
                display: inline-block;  
            }
                .rightBar .items .item .bar-tel-con::before {
                    content: '';
                    border: solid transparent;
                    transform: rotate(270deg);
                    border-width: 8px 8px;
                    border-top-color: #fff;
                    position: absolute;
                    left: 99%;
                    top: calc(50% - 5px); 
                }
                .rightBar .items .item:hover .bar-tel-con dl dt {
                    font-size: 20px;
                }
                .rightBar .items .item:hover .bar-tel-con dl dd {
                    font-size: 14px;
                    color:#999;
                }

            .rightBar .items .item .bar-wx-con {
                width: 140px;
                background-color: #fff;
                position: absolute;
                top: -40px;
                right: 84px;
                box-shadow: 0 0px 5px 0 rgba(0,0,0,.3);
                display: none;
                z-index: 8889;
                text-align: center;
                line-height: 24px;
                text-align: left;
                color: #000;
                border-radius: 5px;
            }
                .rightBar .items .item .bar-wx-con::before {
                    content: '';
                    border: solid transparent;
                    transform: rotate(270deg);
                    border-width: 8px 8px;
                    border-top-color: #fff;
                    position: absolute;
                    left: 99%;
                    top: calc(50% - 5px);
                }
            .rightBar .items .item .bar-wx-con img {
                width: 140px;
                height:140px;  
            }
            .rightBar .items .item:hover .bar-wx-con {
                display: inline-block; 
            }

        .rightBar .items .gotop{
            width: 64px;
            height: 32px;
            line-height:32px;
            border-top:1px solid #eee; 
            font-size:32px;
            color:#999;
        }
        .rightBar .items .gotop a {
            width: 64px;
            height: 32px;
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0; 
        }

    .rightBar .bar-close {
        position: absolute;
        bottom: -40px;
        left: 30px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border: 1px solid #ccc;
        display: inline-block;
        font-size: 18px;
        color: #ccc;
        border-radius: 100px;
        cursor: pointer;
        transition: all 0.1s ease-out;
    }
        .rightBar .bar-close:hover {
            border: 1px solid #166E58;
            color: #166E58;
            transform: scale(1.1);
        }