锘?*鏁寸珯鏍峰紡*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family:"Microsoft YaHei","Arial" }
input,textarea,button{padding: 0;font-family:"Microsoft YaHei","Arial"}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle;max-width:100%;}
select,input,textarea,button{vertical-align:middle;outline: none;-webkit-appearance: none;}
table{border-collapse:collapse;border-spacing:0}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
iframe{border:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;width:1150px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}


.header {
    width:100%;
    min-width:1240px;
    height:37px;
    background:#1476c8;
}
.box {
    width:1200px;
    margin:auto;
    display:table;
}
.header .txt {
    float:left;
        line-height:36px;
        color:#fff;
}
.header .right {
    float:right;
        line-height:36px;
        font-size:14px;
        color:#fff;
}
    .header .right .tel {
        float:left;
        padding-left:30px;
        background:url(../images/icon-img1.png) left center no-repeat;
    }
    .header .right .address {
        float:left;
        padding-left:30px;
        margin-left:30px;
        background:url(../images/icon-img2.png) left center no-repeat;
    }
    .header .right .ewm {
        float:left;
        margin-left:30px;
        padding-left:30px;
        background:url(../images/icon-img3.png) left center no-repeat;
        position:relative;
    }
        .header .right .ewm .pop-tips {
            position:absolute;
            width:77px;
            height:77px;
            z-index:2;
            top:36px;
            display:none;
        }
        .header .right .ewm:hover .pop-tips {
            display:block;
        }
.nav {
    width:100%;
    height:96px;
}
.nav .logo {
    float:left;
    margin-top:18px;
}
    .nav .menu {
        float:right;
        padding-top:30px;
    }
        .nav .menu li {
            float:left;
            margin-left:30px;
        }
            .nav .menu li a {
                font-size:18px;
                color:#00437c;
                display:block;
                padding:4px 2px;
            }
            .nav .menu li:hover a {
                border-bottom:2px solid #f6ab00;
            }
            .nav .menu li.on a {
                border-bottom:2px solid #f6ab00;
            }


.banner {
    width:100%;
    min-width:1240px;
}


.index-value {
    width:100%;
    padding:167px 0 142px;
}

.index-title {
    padding:0 41px;
    line-height:66px;
    display:table;
    margin:auto;
    font-size:32px;
    color:#2b2b2b;
    position:relative;
    margin-bottom: 20px;
}
    .index-title:before {
        content:"";
        position:absolute;
        left:0;
        top:0;
        width:22px;
        height:66px;
        background:url(../images/icon-img7.png) center center no-repeat;
    }
    .index-title:after {
        content:"";
        position:absolute;
        right:0;
        top:0;
        width:22px;
        height:66px;
        background:url(../images/icon-img8.png) center center no-repeat;
    }

.index-value .list {
    width:100%;
    margin-top:68px;
}

    .index-value .list ul {
        width:100%;
        display:flex;
        justify-content:space-between;
    }
    .index-value .list li {
        width:384px;
        height:426px;
        box-sizing:border-box;
        border:2px solid #e7eaeb;
        border-radius:5px;
        transition:all ease .3s;
    }
        .index-value .list li:hover {
            margin-top: -4px;
            -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
        }
        .index-value .list li img {
            width:85px;
            display:block;
            margin:45px auto 0;
        }
        .index-value .list li .title {
            font-size:22px;
            color:#2b2b2b;
            text-align:center;
            margin:20px 0;
        }
        .index-value .list li .txt {
            width:315px;
            line-height:20px;
            height:124px;
            color:#666;
            display:table;
            margin:auto;
        }
        .index-value .list li .more {
            width:175px;
            height:54px;
            box-sizing:border-box;
            display:block;
            margin:auto;
            border:2px solid #f6ab00;
            text-align:center;
            line-height:50px;
            font-size:18px;
            color:#f6ab00;
            border-radius:5px;
            transition:all ease .3s;
        }
        .index-value .list li:hover .more {
            color:#fff;
            background:#f6ab00;
        }
.index-colsys {
    width: 100%;
    /* padding: 10px 0 142px; */
    margin: -120px 0 142px; 
}

.index-colsys .list {
    width: 100%;
    margin-top: 68px;
}

.index-colsys .list ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.index-colsys .list li {
    width: 360px;
    height: 466px;
    box-sizing: border-box;
    border: 2px solid #e7eaeb;
    border-radius: 5px;
    transition: all ease .3s;
    background-color: white;
}

.index-colsys .list li:hover {
    margin-top: -4px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.index-colsys .list li img {
    width: 300px;
    display: block;
    margin: 30px auto 0;
}

.index-colsys .list li .title {
    font-size: 22px;
    color: #2460ce;
    text-align: center;
    margin: 30px 0;
}
 .img_div {
     position: relative;
     width: 430px;
     height: 230px;
 }

 .mask {
     position: absolute;
     top: 0;
     left: 0;
     width: 430px;
     height: 230px;
     /*background: rgba(101, 101, 101, 0.6);*/
     color: #ffffff;
     opacity: 0;
     background-repeat: no-repeat;
     background-size: cover;
 }

 /*.mask h3 {*/
 /*text-align: center;*/
 /*}*/
 .img_div a:hover .mask {
     opacity: 1;
 }
 
.index-ryan {
    width: 100%;
    padding: 167px 0 122px;
}
.index-ryan .list {
    width: 100%;
    margin-top: 68px;
}
.index-ryan .list ul {
    width:100%;
    display: grid;
    grid-template-columns: 500px 500px;
    grid-template-rows: 360px 300px;
    justify-content: center;
    justify-items: center;
}
.index-ryan .list li {
    width:430px;
    height:290px;
    box-sizing:border-box;
    border:2px solid #e7eaeb;
    border-radius:5px;
    transition:all ease .3s;
    text-align: center;
    font-size: 20px;
}
/*.index-ryan .list li:hover {*/
    /*margin-top: -4px;*/
    /*-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
    /*box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
    /*-webkit-transform: translate3d(0, -2px, 0);*/
    /*transform: translate3d(0, -2px, 0);*/
/*}*/
/*.index-ryan .list li:hover {*/
    /*display: block;*/
    /*opacity: 0.4;*/
/*}*/
.index-ryan .list li img {
    width:400px;
    height: 210px;
    display:block;
    margin:10px auto 0;
    margin-bottom: 20px;
}
.index-ryan .list li .title {
    font-size:22px;
    color:#2b2b2b;
    text-align:center;
    margin:20px 0;
}
.index-ryan .list li .txt {
    width:315px;
    line-height:20px;
    height:124px;
    color:#666;
    display:table;
    margin:auto;
}
.index-ryan .list li .more {
    width:175px;
    height:54px;
    box-sizing:border-box;
    display:block;
    margin:auto;
    border:2px solid #f6ab00;
    text-align:center;
    line-height:50px;
    font-size:18px;
    color:#f6ab00;
    border-radius:5px;
    transition:all ease .3s;
}
.index-ryan .list li:hover .more {
    color:#fff;
    background:#f6ab00;
}


.index-ryan {
    width: 100%;
    padding: 167px 0 122px;
}
.index-ryan .list {
    width: 100%;
    margin-top: 68px;
}
.index-ryan .list ul {
    width:100%;
    display: grid;
    grid-template-columns: 500px 500px;
    grid-template-rows: 360px 300px;
    justify-content: center;
    justify-items: center;
}
.index-ryan .list li {
    width:430px;
    height:290px;
    box-sizing:border-box;
    border:2px solid #e7eaeb;
    border-radius:5px;
    transition:all ease .3s;
    text-align: center;
    font-size: 20px;
}
/*.index-ryan .list li:hover {*/
    /*margin-top: -4px;*/
    /*-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
    /*box-shadow: 0 15px 30px rgba(0,0,0,0.2);*/
    /*-webkit-transform: translate3d(0, -2px, 0);*/
    /*transform: translate3d(0, -2px, 0);*/
/*}*/
/*.index-ryan .list li:hover {*/
    /*display: block;*/
    /*opacity: 0.4;*/
/*}*/
.index-ryan .list li img {
    width:400px;
    height: 210px;
    display:block;
    margin:10px auto 0;
    margin-bottom: 20px;
}
.index-ryan .list li .title {
    font-size:22px;
    color:#2b2b2b;
    text-align:center;
    margin:20px 0;
}
.index-ryan .list li .txt {
    width:315px;
    line-height:20px;
    height:124px;
    color:#666;
    display:table;
    margin:auto;
}
.index-ryan .list li .more {
    width:175px;
    height:54px;
    box-sizing:border-box;
    display:block;
    margin:auto;
    border:2px solid #f6ab00;
    text-align:center;
    line-height:50px;
    font-size:18px;
    color:#f6ab00;
    border-radius:5px;
    transition:all ease .3s;
}
.index-ryan .list li:hover .more {
    color:#fff;
    background:#f6ab00;
}


.index-science {
    width: 100%;
    padding: 167px 0 140px; 
}

.index-science .list {
    width: 100%;
    margin-top: 68px;
}
.index-science .img {
    position: relative;
    width: 330px;
    height: 230px;
}
.index-science .list ul {
    width: 100%;
    display: grid;
    grid-template-columns: 340px 340px 340px;
    grid-template-rows: 260px 260px;
    justify-content: center;
    justify-items: center;
}

.index-science .list li {
    width: 340px;
    height: 240px;
    box-sizing: border-box;  
    text-align: center;
    font-size: 13px;
    color:#2460ce;
}

.index-science .list li img {
    width: 320px;
    height: 180px;
    display: block;
    margin: 10px auto 0;
    margin-bottom: 20px;
}

.index-science .list li .title {
    font-size: 22px;
    color: #2b2b2b;
    text-align: center;
    margin: 20px 0;
}

.index-science .list li .txt {
    width: 315px;
    line-height: 20px;
    height: 124px;
    color: #666;
    display: table;
    margin: auto;
}

.index-science .list li .more {
    width: 175px;
    height: 54px;
    box-sizing: border-box;
    display: block;
    margin: auto;
    border: 2px solid #f6ab00;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #f6ab00;
    border-radius: 5px;
    transition: all ease .3s;
}

.index-science .list li:hover .more {
    color: #fff;
    background: #f6ab00;
}
.index-mode {
    width:100%;
    min-width:1240px;
    height:640px;
    box-sizing:border-box;
    padding-top:95px;
    background:url(../images/img1.jpg) center center no-repeat;
}
    .index-mode .index-title {
        color:#fff;
    }
    .index-mode .mode {
        width:100%;
        display:flex;
        justify-content:space-between;
        margin-top:73px;
    }
        .index-mode .mode .mode1 {
            width:385px;
            height:318px;
            box-sizing:border-box;
            border:2px solid #e7eaeb;
            border-radius:5px;
            padding:25px 0 36px;
            transition:all ease .3s;
        }
            .index-mode .mode .mode1:hover {
                background:rgba(20,118,200,.6);
                border:2px solid rgba(20,118,200,.6);
            }
            .index-mode .mode .mode1 img {
                width:52px;
                display:block;
                margin:auto;
            }
            .index-mode .mode .mode1 .title {
                font-size:22px;
                color:#fff;
                text-align:center;
                margin:15px 0 20px;
            }
            .index-mode .mode .mode1 .txt {
                width:315px;
                line-height:20px;
                height:92px;
                color:#fff;
                display:table;
                margin:auto;
            }
            .index-mode .mode .mode1 .more {
                width:175px;
                height:54px;
                box-sizing:border-box;
                display:block;
                margin:auto;
                border:2px solid #f6ab00;
                text-align:center;
                line-height:50px;
                font-size:18px;
                color:#f6ab00;
                border-radius:5px;
                transition:all ease .3s;
            }
            .index-mode .mode .mode1:hover .more {
                color:#fff;
                background:#f6ab00;
            }

.index-project {
    width:100%;
    min-width:1240px;
    height:980px;
    background:url(../images/img2.jpg) bottom center no-repeat;
    box-sizing:border-box;
    padding-top:137px;
}
    .index-project .index-title {
        margin-left:204px;
    }
    .index-project .txt {
        width:415px;
        height:171px;
        display:table;
        margin-top:27px;
        margin-left:122px;
        font-size:14px;
        line-height:20px;
        color:#666;
    }
    .index-project .list {
        width:720px;
    }
        .index-project .list li {
            float:left;
            width:124px;
            height:124px;
            box-sizing:border-box;
            border:2px solid #f6ab00;
            margin-right:56px;
            margin-bottom:44px;
            text-align:center;
            border-radius:18px;
            background:#fff;
            transition:all ease .3s;
        }
            .index-project .list li:hover {
                background:#1476c8;
                border:2px solid #1476c8;
            }
            .index-project .list li .img {
                width:50px;
                height:50px;
                margin:23px auto 11px auto;
                position:relative;
            }
                .index-project .list li .img img {
                    position:absolute;
                    left:0;
                    top:0;
                    transition:all ease .3s;
                }
                .index-project .list li .img img:first-child {

                }
                .index-project .list li:hover .img img:first-child {
                    opacity:0;
                }
                .index-project .list li .img img:last-child {
                    opacity:0;
                }
                .index-project .list li:hover .img img:last-child {
                    opacity:1;
                }
            .index-project .list li span {
                font-size:16px;
                color:#2b2b2b;
                line-height:1;
                transition:all ease .3s;
            }
            .index-project .list li:hover span {
                color:#fff;
            }


.index-advantage {
    width:100%;
    min-width:1240px;
    min-height:640px;
    box-sizing:border-box;
    padding-top:110px;
}
    .index-advantage .box1 {
        width:500px;
        float:left;
        margin-top: 80px;
    }
        .index-advantage .box1 .txt {
            height:76px;
            display:table;
            margin:30px auto 0;
            font-size:14px;
            line-height:20px;
            color:#666;
        }
        .index-advantage .box1 .more {
            width:117px;
            height:42px;
            display:block;
            margin:auto;
            font-size:18px;
            box-sizing:border-box;
            border:2px solid #f6ab00;
            border-radius:5px;
            color:#f6ab00;
            text-align:center;
            line-height:38px;
            transition:all ease .3s;
        }
            .index-advantage .box1 .more:hover {
                color:#fff;
                background:#f6ab00;
            }
    .index-advantage .list {
        width:630px;
        float:right;
    }
        .index-advantage .list li {
            width:210px;
            height: 100px;
            float:left;
            font-size:20px;
            line-height:50px;
            color:#666;
            margin-bottom:67px;
            text-align: center;
        }
            /*.index-advantage .list li:nth-child(2n) {*/
                /*margin-left:5px;*/
            /*}*/
            .index-advantage .list li img {
                display:inline-block;
            }


.index-client {
    width:100%;
    min-width:1240px;
    height:800px;
    background:url(../images/img3.jpg) center center no-repeat;
    box-sizing:border-box;
    padding-top:147px;
}
.index-client .index-title {
    color:#fff;
}
    .index-client .list {
        width:75%;
        text-align:center;
        margin:73px auto 0;
    }
        .index-client .list li {
            width:180px;
            box-sizing:border-box;
            border:1px solid #f6ab00;
            border-radius:8px;
            overflow:hidden;
            margin:0 12px 20px;
            display:inline-block;
        }
@media(max-width:1888px) {
    .index-client .list {
        width:1240px;
    }
        .index-client .list li {
            margin:0 12px 20px;
        }
}
            .index-client .list li img {
                -moz-transition: all 0.5s linear;
                -o-transition:  all 0.5s linear;
                transition: all 0.5s linear;
            }
            .index-client .list li:hover img {
                -webkit-transform:  scale(1.1) ;
                -moz-transform: scale(1.1) ;
                -ms-transform: scale(1.1);
                -o-transform:  scale(1.1) ;
                transform:  scale(1.1);
            }

.index-contact {
    width:100%;
    display:table;
    padding:179px 0 177px;
}
    .index-contact .box {
        margin-top:80px;
    }
    .index-contact .tbox {
        width:470px;
        float:left;
        margin-left:125px;
        font-size:18px;
        line-height:38px;
        color:#00437c;
        padding-top:24px;
    }
        .index-contact .tbox span {
            font-size:24px;
            display:inline-block;
            margin-bottom:46px;
        }
    .index-contact .feedback {
        width:475px;
        float:right;
        border-left:1px solid #f6ab00;
        margin-right:126px;
        box-sizing:border-box;
        padding-left:74px;
    }
        .index-contact .feedback .t1 {
            width:400px;
            height:68px;
            box-sizing:border-box;
            border:2px solid #00437c;
            border-radius:5px;
            padding-left:15px;
            margin:13px 0;
            font-size:16px;
        }
        .index-contact .feedback .t2 {
            width:400px;
            height:128px;
            line-height:36px;
            box-sizing:border-box;
            border:2px solid #00437c;
            border-radius:5px;
            padding-left:15px;
            margin-top:26px;
            font-size:16px;
        }
        .index-contact .feedback .btn {
            width:100px;
            height:42px;
            box-sizing:border-box;
            border:2px solid #f6ab00;
            color:#f6ab00;
            font-size:16px;
            background:none;
            transition:all ease .3s;
            margin-top:36px;
            float:right;
        }
            .index-contact .feedback .btn:hover {
                background:#f6ab00;
                color:#fff;
            }

.footer {
    width:100%;
    min-width:1240px;
    background:#1476c8;
    height:310px;
}
    .footer .left {
        float:left;
        padding-top:15px;
    }
        .footer .left  li{
            list-style-type:none;
        }

        .footer .left  li a:hover {
            border-bottom:2px solid #f6ab00;
        }

        .footer .left  li a {
            font-size:14px;
            line-height:1;
            color:#ddd;
        }
        .footer .left  li a:after {
            content:'';
            width:1px;
            height:15px;
            background:#fff;
            position:absolute;
            right:0;
            top:8px;
        }
        .footer .left .bq {
            display:block;
            font-size:14px;
            color:#fff;
            line-height:1;
            margin-top:15px;
            margin-left: 70px;
        }
        .footer .left .bq a {
            color:#fff;
        }
    .footer .right {
        float:right;
        padding-top:33px;
    }
        .footer .right .ewm {
            float:left;
            margin-left:50px;
        }
        .footer .right span {
            text-align:center;
            color:#fff;
            font-size:14px;
            line-height:1;
            display:block;
            margin-top:10px;
        }


.about {
    width:100%;
    padding:114px 0 208px;
    display:table;
}
.about-box {
    width:100%;
    box-shadow:0 0 10px 2px #eee;
    padding:25px 0;
    display:table;
}
    .about-box .tbox {
        width:625px;
        height:400px;
        box-sizing:border-box;
        padding-right:35px;
        overflow:hidden;
        float:left;
        margin-left:55px;
        position:relative;
        display:block;
    }
    .about-box .tbox2 {
        height:495px;
    }
        .about-box .tbox .title {
            font-size:24px;
            color:#2b2b2b;
            line-height:1;
            padding:22px 0 56px;
        }
        .about-box .tbox .txt {
            font-size:12px;
            line-height:20px;
            color:#545454;
        }

.ps-container .ps-scrollbar-y-rail {
    width:1px!important;
    background:#f6ab00;
    right:1px!important;
}
.ps-container .ps-scrollbar-y {
    width:3px!important;
    background:#00437c!important;
    right:-1px!important;
}

    .about-box .img {
        width:510px;
        height:100%;
        float:right;
        text-align:center;
        line-height:400px;
    }
        .about-box .img img {
        }
.about-list {
    width:100%;
    display:table;
    margin-top:98px;
}
    .about-list ul {
        display:flex;
        justify-content:space-between;
    }
    .about-list li {
        width:385px;
        height:320px;
        box-sizing:border-box;
        border:2px solid #e7eaeb;
        text-align:center;
        line-height:1;
        transition:all ease .3s;
    }
    .about-list li:hover {
            margin-top: -4px;
            -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
        }
        .about-list li .img {
            width:100%;
            border-bottom:2px solid #e7eaeb;
        }
        .about-list li .title {
            font-size:24px;
            color:#2b2b2b;
            padding:29px 0 20px;
        }
        .about-list li .txt {
            width:320px;
            margin:auto;
            font-size:14px;
            color:#666;
        }


.about-tbox {
    width:948px;
    padding:92px 0 190px;
    float:left;
    background:url(../images/icon-img37.png) right top repeat-y;
}
    .about-tbox .title {
        font-size:30px;
        line-height:1;
        color:#666;
        margin-bottom:62px;
    }
   .about-tbox .picture {
        margin: 0 0 15px 0;
   }
    .about-tbox .txt {
        font-size:14px;
        line-height:30px;
        padding-right:75px;
    }
        .about-tbox .txt span {
            font-size:24px;

        }
.about-menu {
    width:200px;
    float:right;
    /*margin-right:40px;*/
    padding-top:91px;
}
    .about-menu .title {
        /*text-align:center;*/
        padding-left: 25px;
        font-size:24px;
        line-height:1;
        color:#2b2b2b;
        margin-bottom:30px;
    }
    .about-menu li {
        line-height:54px;
        border-bottom:1px solid #fff;
        position:relative;
        margin-bottom:2px;
        transition:all ease .3s;
    }
        .about-menu li:hover {
            background:#1476c8;
            border-bottom:1px solid #c0daf0;
        }
        .about-menu li.on {
            background:#1476c8;
            border-bottom:1px solid #c0daf0;
        }
        .about-menu li:after {
            position:absolute;
            content:'';
            width:8px;
            height:8px;
            background:#e9e9e9;
            left:21px;
            top:25px;
        }
        .about-menu li a {
            display:block;
            padding-left:39px;
            font-size:18px;
            color:#666;
        transition:all ease .3s;
        }
        .about-menu li:hover a {
            color:#fff;
        }
        .about-menu li.on a {
            color:#fff;
        }


.about-worker {
    width:814px;
    border:1px solid #e7eaeb;
    display:table;
    margin-bottom:72px;
}
    .about-worker .tbox {
        float:left;
        padding-left:67px;
        font-size:14px;
        line-height:30px;
        color:#666;
        padding-top:48px;
    }
    .about-worker .img {
        float:right;
        border-left:1px solid #e7eaeb;
    }



.page-lsit {
    width:100%;
    text-align:center;
}
    .page-lsit a {
        display:inline-block;
        width:40px;
        height:40px;
        box-sizing:border-box;
        border:1px solid #e7eaeb;
        margin:0 4px;
        text-align:center;line-height:38px;
        font-size:18px;
        color:#2b2b2b;
        transition:all ease .3s;
    }
        .page-lsit a:hover {
            color:#fff;
            background:#1476c8;
            border:1px solid #1476c8;
        }
        .page-lsit a.on {
            color:#fff;
            background:#1476c8;
            border:1px solid #1476c8;
        }
    .page-lsit .prev, .page-lsit .next, .page-lsit .lastpage {
        width:auto;
        padding:0 16px;
    }


.news-list {
    width:100%;
    padding:74px 0 51px;
}
    .news-list li {
        width:100%;
        height:315px;
        display:table;
        box-sizing:border-box;
        border:1px solid #e7eaeb;
        margin-bottom:48px;
        transition:all ease .3s;
    }
        .news-list li:hover {
            box-shadow:0 0 30px 1px #ddd;
        }
        .news-list li a {
            width:100%;
            height:100%;
            display:block;
        }
        .news-list li .time {
            width:140px;
            height:100%;
            float:left;
            text-align:center;
            color:#fff;
            background:#666;
            line-height:1;
            box-sizing:border-box;
            padding-top:18px;
        transition:all ease .3s;
        }
        .news-list li:hover .time {
            background:#1476c8;
        }
        .news-list li .time span {
            display:block;
        }
            .news-list li .time .s1 {
                font-size:60px;
                margin-bottom:2px;
            }
            .news-list li .time .s2 {
                font-size:24px;
                margin-bottom:167px;
            }
            .news-list li .time .s3 {
                font-size:18px;
            }
        .news-list li .tbox {
            float:left;
            width:540px;
            margin-left:64px;
            padding-top:80px;
        }
            .news-list li .tbox .title {
                font-size:30px;
                color:#2b2b2b;
                margin-bottom:16px;
            }
            .news-list li .tbox .txt {
                font-size:14px;
                line-height:26px;
                color:#666;
            }
        .news-list li .img {
            float:right;
            width:339px;
            margin:25px 52px 0 0 ;
        }

.news-info {
    width:100%;
    box-sizing:border-box;
    padding:87px 30px 150px 30px;
}
    .news-info .title {
        font-size:30px;
        color:#666;
        text-align:center;
        margin-bottom:18px;
    }
    .news-info .txt {
        font-size:14px;
        line-height:24px;
        color:#666;
    }
        .news-info .txt span {
            font-size:18px;
        }
        .news-info .txt img {
            display:block;
            margin:auto;
        }

.reservation {
    width:100%;
    padding:100px 0 161px;
    display:table;
}
    .reservation .box {
        box-sizing:border-box;
        border:1px solid #e7eaeb;
        padding:33px 0 0 50px;
        float:left;
        transition:all ease .3s;
    }
    .reservation .box:hover {
            margin-top: -4px;
            -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
        }
        .reservation .box a {
            width:100%;
            height:100%;
            display:block;
        }
        .reservation .box .title {
            font-size:30px;
            line-height:1;
            color:#2b2b2b;
            margin-bottom:17px;
        }
        .reservation .box .txt {
            font-size:14px;
            line-height:24px;
            color:#666;
        }
    .reservation .box1 {
        width:692px;
        height:457px;
        margin-right:10px;
        margin-bottom:28px;
    }
    .reservation .box1 .txt {
        width:370px;
    }
    .reservation .box2 {
        width:498px;
        height:457px;
        margin-bottom:28px;
    }
    .reservation .box2 .txt {
        width:350px;
    }
    .reservation .box3 {
        width:100%;
        height:457px;
        margin-right:10px;
    }
    .reservation .box3 .txt {
        width:350px;
    }
    .reservation .box4 {
        width:692px;
        height:457px;
    }
    .reservation .box4 .txt {
        width:300px;
    }

.health {
    width:100%;
    display:table;
    padding:83px 0 65px;
}
    .health ul {

    }
    .health li {
        width:385px;
        height:472px;
        box-sizing:border-box;
        border:1px solid #e7eaeb;
        margin-bottom:47px;
        margin-right:22px;
        float:left;
        padding-top:49px;
        transition:all ease .3s;
    }
        .health li:nth-child(3n) {
            margin-right:0;
        }
    .health li:hover {
            -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
        }
        .health li a {
            display:block;
        }
        .health li .img {
            width:200px;
            height:200px;
            border-radius:50%;
            overflow:hidden;
            margin:0 auto 46px;
        }
        .health li .title {
            font-size:30px;
            line-height:1;
            color:#2b2b2b;
            text-align:center;
            margin-bottom:17px;
        }
        .health li .txt {
            width:280px;
            font-size:14px;
            line-height:24px;
            color:#666;
            display:table;
            margin:auto;
        }


.jkfl {
    width:100%;
    padding:86px 0 68px;
}
    .jkfl li {
        width:100%;
        display:table;
        margin-bottom:49px;
    }
        .jkfl li .about-box {
            position:relative;
            z-index:2;
            display:none;
        }
.jkfl-box {
    width:714px;
    height:141px;
    box-sizing:border-box;
    border-radius:8px;
    border:2px solid #e7eaeb;
    padding-left:100px;
    padding-right:20px;
    cursor:pointer;
}
    .jkfl-box.b1 {
        background:url(../images/icon-img11.png) 25px center no-repeat;
    }
    .jkfl-box.b2 {
        background:url(../images/icon-img12.png) 25px center no-repeat;
    }
    .jkfl-box.b3 {
        background:url(../images/icon-img13.png) 25px center no-repeat;
    }
    .jkfl-box.b4 {
        background:url(../images/icon-img14.png) 25px center no-repeat;
    }
    .jkfl-box.b5 {
        background:url(../images/icon-img15.png) 25px center no-repeat;
    }
    .jkfl-box.b6 {
        background:url(../images/icon-img16.png) 25px center no-repeat;
    }
    .jkfl-box.b7 {
        background:url(../images/icon-img17.png) 25px center no-repeat;
    }
    .jkfl-box.b2, .jkfl-box.b4, .jkfl-box.b6 {
        float:right;
    }
    .jkfl-box .title {
        font-size:24px;
        color:#2b2b2b;
        line-height:1;
        padding:29px 0 12px;
    }
    .jkfl-box .txt {
        font-size:14px;
        line-height:20px;
        color:#666;
    }



.box_content {
    width:1040px;
    padding:20px;
    background:#fff;
}
.box_content_img {
    width:100%;
}
.box_content_img img {
    width:100%;
}
.box_content_title {
    font-size:26px;
    line-height:24px;
    color:#333;
    padding-top:14px;
    font-weight: 600;
}
.box_content_title span {
    font-size:14px;
    color:#999;
    margin-left:18px;
}
.box_content_txt {
    font-size:14px;
    line-height:24px;
    color:#999;
    margin-top:10px;
}



.ser-menu{
    width: 200px;
    float: left;
    padding: 92px 0 120px;
}
.ser-tbox{
    width: 980px;
    float: right;
    margin: 92px 0 120px 0;
    min-height: 500px;
    border-left: 2px solid #f6ab00;
    box-sizing: border-box;
    padding: 15px 0 40px 40px;
}
.ser-menu .menu-title{
    display:inline-block;font-size: 22px;
    font-weight: 600;
    color:#02437b;
    padding:10px 15px 10px 5px;
    border: 2px solid #f6ab00;
    margin:15px 0
}
.ser-menu .menu-title span{
    background: #ffffff;
    margin-left: -8px
}
.ser-menu li {
    line-height: 54px;
    border-bottom: 1px solid #fff;
    position: relative;
    padding: 0 15px;
    margin-left: -15px;
    margin-bottom: 2px;

    transition: all ease .1s;
}
.ser-menu li a {
    display: block;
    width: 100%;
    height: 54px;
    font-size: 18px;
    color: #333;
    transition: all ease .1s;
    overflow: hidden;
}
.ser-menu li:hover {
    background:#1476c8;
    border-bottom:1px solid #c0daf0;
}
.ser-menu li:hover a{
    color:#fff;
}

.ser-tbox .list-row{
    width:100%;
    height:240px;
    border:2px solid #e8e8eb;
    box-sizing: border-box;
    padding:5px 20px;
    margin-bottom: 20px;
    transition: all ease .3s;
}
.ser-tbox .row-left {
    width: 28%;
    height: 100%;
    float: left;
    padding-left:10px;
    box-sizing:border-box;
    boverflow: hidden
}
.ser-tbox .row-right {
    width: 70%;
    height: 100%;
    float: right
}
.ser-tbox .row-left .title{
    margin-top:25px;
    line-height: 40px ;
    font-size: 20px;
    color:#333;
    font-weight:500;
    height: 40px;
    overflow: hidden
}
.ser-tbox .row-left .spec{
    font-size: 15px;
    color:#666;
    line-height: 27px;
    height: 80px;
    overflow: hidden
}
.ser-tbox .list-row:hover {
    -webkit-box-shadow: 0 0 30px 1px #ddd;
    box-shadow: 0 0 30px 1px #ddd;
    /*-webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);*/
    background-color: white;
}
.ser-tbox .list-row:hover a{
    background: #02437b;
    color:#FFFFFF
}
.ser-tbox .row-left a{
     display: block;
     height: 40px;
     width: 120px;
     margin-top:20px;
     line-height: 40px;
     font-size:16px;
     text-align: center;
     color:#02437b;
     border: 2px solid #02437b;
     border-radius: 50px
 }
.med-box{
    width: 100%;
    margin:92px 0
}
.med-box .clear{
    clear: both
}
.med-box .list-row{
	position: relative;
    display: inline-block;
    box-sizing:border-box;
    width: 50%;
    height:740px;
    float: left;
    padding:10px;

}
.med-box .list-row  .row-c{
	position: absolute;
    border:1px solid #e8e8eb;
    border-radius: 3px;
    overflow: hidden;
    transition: all ease .3s;

}
.med-box .list-row.left{
    border-right: 2px solid #f6ab00
}
.med-box .list-row.left .row-c{
     right: 10px;
     top:10px
}
.med-box .list-row .row-c1{
    width: 550px;
    box-sizing: border-box;
}
.med-box .list-row .row-c2{
    width: 450px;
    box-sizing: border-box;
    left:10px;
    bottom:30px;
}
.med-box .list-row .row-c3{
    width: 450px;
    box-sizing: border-box;
}
.med-box .list-row .row-c4{
    width: 550px;
    box-sizing: border-box;
    left:10px;
    bottom:30px;
}
.med-box .list-row .picture{
    width: 100%;
    height: 420px;
    overflow: hidden;
}
.med-box .list-row .title{
    margin-top:15px;
    line-height: 40px ;
    text-align: center;
    font-size: 20px;
    color:#333;
    font-weight:600;
    height: 40px;
    overflow: hidden
}
.med-box .list-row .spec{
    width: 100%;
    font-size: 15px;
    text-align: center;
    color:#333;
    line-height: 24px;
    box-sizing: border-box;
    padding:10px;
}
.med-box .list-row a{
    display: block;
    height: 40px;
    width: 120px;
    margin:5px auto 20px auto;
    line-height: 40px;
    font-size:14px;
    text-align: center;
    color:#f6ab00;
    border: 1px solid#f6ab00;
    border-radius:5px
}
.med-box .list-row  .row-c:hover {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
    background-color: white;
}
.med-box .list-row  .row-c:hover a{
    background:#f6ab00 ;
    color:#ffffff;
}