﻿
/*public css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    outline: none;
}

    input.hidefocus::-moz-focus-inner {
        border: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li, ul, dl {
    list-style: none;
}

ol {
    list-style-position: inside;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #5A5A5A;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
img {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
input, button, textarea, select {
    font-size: 100%;
}

img, input, select, textarea, iframe {
}

i, em {
    font-style: normal;
}

header, nav, article, section, aside, footer {
    display: block;
}

html {
}
/*hidden*/
body {
    width: 100%;
    overflow: auto;
    background: #FFF;
    color: #3a3a3a;
    font-size: 14px;
    font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" !important;
}

a {
    color: #3a3a3a;
    text-decoration: none;
}
a:hover{color:#535353;text-decoration: none;}
a:active{color:#535353;text-decoration: none;}

    a:hover, .welcome a:link, .welcome a:visited {
        color: #535353;
        text-decoration: none;
    }

small {
    font-size: 12px;
}

strong {
    font-weight: bold;
}

body {
}
/*public css */
.m-news{margin-top:15px;}
.m-body .no-padding{padding:0px;}

/*.m-content,.m-detail{padding:0px 10px;}*/
@media(min-width:800px) {
    .m-body, .m-top, .m-foot, .footer-chat {
        width: 639px;
    }
}

@media(max-width:799px) {
    .footer-chat {
        width: 100%;
    }
}

.m-body {
    margin: 0 auto;
}

.m-foot {
    margin-top: 0;
    height:58px;
}

.alert-txt {
    display: none;
}

.cl {
    clear: both;
    padding: 0;
    margin: 0;
    height: 0px;
    width: 100%;
}

.cet {
    text-align: center;
}

/*公共区域 top*/
.m-top {
    font-size: 16px;
    font-weight: bold;
    background-color: #393a3b;
    color: #fff;
    line-height: 50px;
    z-index: 999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
}

    .m-top ul li {
        list-style: none;
        float: left;
        line-height: 55px;
        vertical-align: middle;
        height: 55px;
    }

  .m-top ul li img {
            vertical-align: middle;
        }

        .m-top ul li.ico-menu, li.ico-ser {
            width: 15%;
            vertical-align: middle;
        }

        .m-top ul li.ico-logo {
            width: 70%;
            text-align: center;
        }

            .m-top ul li.ico-logo img {
                height: 45px;
                vertical-align: middle;
            }

        .m-top ul li.ico-ser img {
            height: 22px;
        }

        .m-top ul li.ico-ser {
            text-align: right;
        }

        .m-top ul li.ico-menu {
            text-align: left;
        }

            .m-top ul li.ico-menu img {
                height: 22px;
            }
			
			.top-menu-mark {
    vertical-align: middle;
    border: none;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    margin: 15px 0 15px 0px;
    padding-left: 2px;
}
.top-menu-mark a {
    vertical-align: middle;
    text-decoration: none;
    color: #515151;
}
.top-menu-mark a:hover{vertical-align:middle;text-decoration:none;}
.top-menu-mark img{vertical-align:middle;height:15px;}
/*公共区域 中间内容部分*/

/*公共区域 底部按钮 */

.footer {
    padding: 20px 0 52px 0;
    border-top: 1px solid #F5F5F5;
}

.footer-addr {
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    color: #8C8C8C;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .footer-addr a {
        color: #9f9f9f;
    }

.footer-chat {
    position: fixed;
    bottom: -1px;
    margin: 0 auto;
    z-index: 10000;
    overflow: visible;
    line-height: 14px;
}

/*foot ul-chat2*/
.ul-chat2 {
                    height: 40px;
                    margin: 0 auto;
                    color: #ffffff;
                }

                    .ul-chat2 li {
                        float: left;
                        text-align: center;
                        height: 40px;
                        
                       
                    }

                        .ul-chat2 li a {
                            color: #ffffff;
                        }

                            .ul-chat2 li a:hover {
                                color: #ffffff;
                            }

                        .ul-chat2 li.chat-home img {
                            vertical-align: text-top;
                            height: 26px;
                        }

                       

                        .ul-chat2 li.chat-home {
                            width: 16%;
                            background-color: #393a3c;
                            line-height: 10px;
                            font-size: 12px;
                        }

                            .ul-chat2 li.chat-home a {
                                /*padding-top: 7px;*/
                                display: block;
                            }

                        .ul-chat2 li.chat-tel {
                            width: 42%;
                            background-color: #ee782e;
                        }

                        .ul-chat2 li.chat-zixun {
                            width: 42%;
                            background-color: #ff0029;
                        }

                .ul-chat2 li{position:relative;}
                .ul-chat2 li span{ position:absolute;display:block;font-size: 18px;font-weight:600;}
                .ul-chat2 li span.c-img1 img{ height:32px;}
                .ul-chat2 li span.c-img2 img{ height:29px;}
                .ul-chat2 li span.c-img1{ top:7px; left:20%;}
                .ul-chat2 li span.c-img2{ top:7px; left:18%;}/**/
                .ul-chat2 li span.c-txt{ top:13px; left:39%;}

             

/*foot ul-chat2*/

.msg-dc-link {
    font-size: 13px;
    color: #9A9A9A;
    border: 1px solid #9A9A9A;
    display: block;
    width: 80%;
    border-radius: 3px;
    margin: 8px auto;
    text-align: center;
    padding: 8px;
}

.msg-dc-link:hover {
        color: #636363;
        border: 1px solid #636363;
    }

.msg-box1 {
    border: 1px solid #636363;
    display: block;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    margin: 8px auto;
}

.msg-sub-er {
    background-color: #ff0000;
    color: #ffffff;
}

.msg-sub-ok {
    background-color: #38bd74;
    color: #ffffff;
}
.news-page0,.news-page1 {
  font-size:13px;
}
.news-page1 {
    padding: 0px;
	
}
.news-page0 {
    padding: 0px 10px;
	
}
.v-head{padding: 0px 10px;}
.txt-item img {
    vertical-align: bottom;
}
/*public css end*/



/*news-list-page*/
.mbody{padding-top: 15px;
    padding-bottom: 10px;}
div.n-item {
    margin-left: 12px;
    margin-right: 12px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    margin-bottom: 18px;
}

    div.n-item img, div.n-item span {
        vertical-align: middle;
    }

    div.n-item a img {
        width: 100%;
    }

    div.n-item h3 {
        vertical-align: middle;
        
        font-size: 16px;
        font-weight: normal;
        color: #505050;
        line-height: 23px;
        padding: 12px 12px 2px 10px;
    }

.n-title a {
    color: #505050;
    text-decoration: none;
}

    .n-title a:hover {
        color: #505050;
        text-decoration: none;
    }

div.n-img {
    margin-top: 7px;
    padding: 2px 12px 2px 12px;
}

div.n-img img {
        border-radius: 4px;
    }

div.n-info {
    color: #6e6e6e;
    padding-top: 10px;
    font-size: 12px;
}

div.n-meta {
    color: #8d8d8d;
    font-size: 12px;
    background-color: #f5f3f3;
    padding: 12px;
    text-align: right;
    border-top: 1px solid #eeecec;
    border-radius: 3px 3px;
}

    div.n-meta span {
        vertical-align: middle;
    }
/*news-list-page  end*/


/*page css*/
.paginator {
    font: 11px Arial, Helvetica, sans-serif;
    padding: 10px 0px;
    margin: 0px auto;
    text-align: center;
    margin-top: 30px;
}

.paginator a {
        padding: 8px 8px;
        color: #5D5D5D;
        border: solid 1px #C5C5C5;
   
        text-decoration: none;
        margin-right: 2px;
        cursor: pointer;
        background-color: #DEDEDE;
    }

.paginator a:visited {
            padding: 8px 8px;
            border: solid 1px #C5C5C5;
            background: #fff;
            text-decoration: none;
            cursor: pointer;
        }

.paginator .cpb {
        padding: 8px 8px;
        font-weight: bold;
        font-size: 12px;
        border: none;
    }

.paginator a:hover {
        color: #111111;
        border-color: #C5C5C5;
        background-color: #fff;
        text-decoration: none;
        cursor: pointer;
    }
	
.temp_box1{ border:none;text-decoration:none;}
.temp_box1:hover{ border:none;text-decoration:none;}
.temp_box1:active{ border:none;text-decoration:none;}
.temp_box1:before{ border:none;text-decoration:none;}
.temp_box1 img{ border:none;text-decoration:none;  width: 100%;vertical-align: top;}


/*ICP beian*/
.box_icp{
    
    margin:0 auto;
	padding: 10px 15px;
    line-height:16px;
	border-top:1px solid #e0e0e0;
    font-size:11px;
	
	background-color: #f7f7f7;
}

.box_icp p{margin:0px 10px;color: #535353;}
.box_icp p a.link_icp{color:#b0b0b0;}
.box_icp p a.link_tel{color:#363636;}
/*page css end */


/*在线预约*/
.box_order .title_box {
    font-size: 20px;
    color: #0a0a0a;
    font-weight: 300;
    position: relative;
    padding: 12px 0px 12px 12px;
    border-bottom: 1px solid #d4d4d4;
}
.od_inputs{
    border: 1px solid rgb(165, 165, 165);
    text-align: center;
    line-height: 38px;
    background: #f9f9f9;
    margin: 5% 22px;
    position:relative;
}
.od_inputs_desc{
    text-align: center;
    line-height: 38px;
   
    margin: 5% 22px;
}
.od_inputs span{display:inline-block;}

.od_ipt_item{
    width: 70%;
    border: none;
    border-left: 1px solid #e3e3e3;
    padding-left: 10px;
    background: #f4f4f4;
    height: 25px;
    line-height: 25px;
    margin-top: 7px;
    font-size: 14px;
    color: #595959;
    
}

.od_desc {
    width: 95%;
    overflow-y: hidden;
    margin-right: 0px;
    font-size: 14px;
    color: rgb(89, 89, 89);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(165, 165, 165);
    border-image: initial;
    padding: 6px;
    background-color:#f9f9f9;
}
.oder_bd{
    width:90%;
    margin:0 auto;
    padding-bottom:20px;
}
.od_btn_save{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: normal;
    cursor: pointer;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: rgb(129, 127, 243);
    margin: 0px auto;
    border-radius:2px;
    box-shadow:2px 3px 9px #b6b6b6;
    -moz-box-shadow:2px 3px 9px #b6b6b6;
    -webkit-box-shadow:2px 3px 9px #b6b6b6;
    -ms-box-shadow:2px 3px 9px #b6b6b6;
}

div.btn_save_od{border:none;}

.od_sp_name,.od_sp_tel{ 
    position:absolute;
    left:17px;
    top:8px;
    width:20px;
    height:20px;}


/* ==========================在线下单end======================== */

/*huxi btn*/
.brth-btn{
    display:block;
    width:99%;
    height:66px;
   border: 1px solid #FFC0CB;
   border-radius:1px;
   padding-top: 6px;
    
}
 .btn-eff3 {
        position: relative;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
        background-color:#ff1424;
        animation: ease-in-out breath 900ms infinite alternate;
        -webkit-animation: ease-in-out breath 900ms infinite alternate;
        cursor: pointer;

    }
    
    @keyframes breath {
        0% {
            opacity: .5;
            /*box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);*/
            -webkit-box-shadow: 0 1px 2px #ffebeb;
            box-shadow: 0 1px 2px #ffebeb;
        }
        100% {
            -webkit-box-shadow: 0 1px 30px #ffc0cb;
            box-shadow: 0 1px 30px #ffc0cb;
            opacity: 1;
            /*border: 1px solid rgba(255, 192, 203, 1);
            box-shadow: 0 1px 30px rgba(255, 192, 203, 1);*/
        }
    }
    
    @-webkit-keyframes breath {
        0% {
            opacity: .5;
             -webkit-box-shadow: 0 1px 30px #ffc0cb;
            box-shadow: 0 1px 30px #ffc0cb;
           
            /*box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);*/
        }
        100% {
            opacity: 1;
             -webkit-box-shadow: 0 1px 30px #ffc0cb;
            box-shadow: 0 1px 30px #ffc0cb;
            /*border: 1px solid rgba(255, 192, 203, 1);
            box-shadow: 0 1px 30px rgba(255, 192, 203, 1);*/
        }
    }

/*huxi btn end*/

.style-1{
	font:12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" !important;
	margin:0 auto;
	position:relative;
}

.div-1{line-height:0;}
