h1, h2, h3, h4, h5, h6{font-size:120%}




.link-list{
    display: flex;
    flex-wrap: wrap;justify-content: space-between;
    margin-top: 30px;
}
.link-list .item{
    display: block;
    margin-right: 30px;margin-bottom: 30px;
    width: 30%;
}
.link-list .item:nth-of-type(3n){
    margin-right: 0px;
}
.link-list .item img{
    width: 100%;
}
.link-list .item .text{
    background-color: #fff;
    padding: 30px 18px 40px 18px;
}

.contact .text{
    margin-bottom: 36px; 
}

.tips{
    color: #2750ab;font-weight: bold;margin-bottom: 2vw; margin-top: 1vw;
}

.contact-list{ 
    display: flex;
    flex-wrap: wrap;justify-content: space-between; 
}
.contact-list .item{
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 30%;
    text-align: center;
    border: 1px solid #adadad;
    background-color: #fff; padding-top: 20px;
    cursor: pointer;
}
.contact-list .item .photo{
    position: relative;    margin: auto;
    width: 90px; height: 90px;
}
.contact-list .item .photo .image-befor,
.contact-list .item .photo .image-after
{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .3s linear;
    transform-style: preserve-3d;
}
.contact-list .item .photo .image-befor{
    transform: rotateY(0deg);
}
.contact-list .item .photo .image-after{
    transform: rotateY(180deg);
}

.contact-list .item:hover .photo .image-befor{ 
    transform: rotateY(180deg);
}
.contact-list .item:hover .photo .image-after{ 
    transform: rotateY(0deg);
} 
.contact-list .item .text{
    margin-top: 0px;
}
.contact-list .item:nth-of-type(3n){
    margin-right: 0px;
}

@media screen and (max-width:640px) {
    .sec {
        width: 100%;
        margin: 0 auto;
        padding-left: 25px; padding-right: 25px;
    }
    .breadcrumb {
        display: none;
    }
    .pageTitle {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .pageTitle h1 {
        font-size: 21px;
    } 
 

    .link-list .item{
        width: 100%; margin-right: 0;
    }
    .tips{
       margin-bottom: 7vw;
    }
    .contact-list .item{
        margin-right: 0px;
        width: 47%;
        font-size: 12px;
    }
    .contact-list .item .photo .image-befor{
        transform: rotateY(180deg);
    }
    .contact-list .item .photo .image-after{
        transform: rotateY(0deg);
    }

    .contact-list .item:hover .photo .image-befor{ 
        transform: rotateY(180deg);
    }
    .contact-list .item:hover .photo .image-after{ 
        transform: rotateY(0deg);
    } 
}





/*body{
    background-color: #fbfbfb;
}
.sec {
    margin: 0 auto;
    width: 1024px;
} 
.breadcrumb ul li {
    display: inline-block;
}
.breadcrumb ul li:nth-of-type(-n+1):after {
    content: ">>";
    margin: 0 10px;
}
.breadcrumb ul li a {
    color: #898989;
}
.pageTitle {
    padding: 0 0 45px 0;
}
.pageTitle h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}
.kv{ 
    width: 100%; height: 400px;
    background-image: url(../images/service_hotline/service_hotline_kv.jpg); 
}
.content-title{
    font-size: 23px;
    padding-top: 50px;padding-bottom: 34px;
}
.content article{
    font-size: 16px;
}  
.content article a.blue{color: #367eb3;    text-decoration: underline;}
.tel,.cellphone{
    display: block;
    background-image: url(../images/service_hotline/service_hotline_icon_tel.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2em;
    background-size: 2%;
    line-height: 2.6;
}
.cellphone{
    background-size: 1.6%;
    background-image: url(../images/service_hotline/service_hotline_icon_cellphone.png);
}

.search{
    margin-top:1em;padding-top: 1em;margin-bottom:4em; 
    border-top: 1px #b5b5b5 solid;
}
.search h4{
    margin: 0em 0 1em 0;
    font-size: 1.2em;
}
.search select{font-size: 0.8em;    padding: 0.6em;}
.search .s2{margin-left:4em; }
.service_provider{ margin-top: 1.5em; display: none}
.service_provider h5 {margin-bottom: 0.5em;}
.service_provider h5 i{margin-right: 0.5em;}
.province{color: #33539e;    margin-right: 0.5em;}
.service_providers li{display: inline-block; width: 49%; line-height: 2.5;position: relative;padding-left: 4em;    vertical-align: top;margin-bottom: 0.25em;}
.service_providers .city{margin-right: 1.5em;width: 4em;display: inline-block;position: absolute;left: 0;}
@media screen and (max-width:640px) {
    .sec {
        width: 100%;
        margin: 0 auto;
        padding-left: 25px; padding-right: 25px;
    }
    .breadcrumb {
        display: none;
    }
    .pageTitle {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .pageTitle h1 {
        font-size: 21px;
    } 
    .kv{  
        height: 250px;
        background-image: url(../images/service_hotline/service_hotline_kv_sp.jpg); 
    }
    .content-title{ 
        padding-top: 41px;padding-bottom: 20px;
    } 
    .tel{
        background-size: 8%;
    }
    .cellphone{
         background-size: 6.4%;
    }
    .search{
        margin-bottom: 4em;
        margin-top: 1em;
        width: 88%;
        padding-left: 0;
        padding-right: 0;
    }
    .service_providers li{display: block;width: 99%;}
    .s1,.s2{display: block}
    .s1{margin-bottom: 0.5em;}
    .search .s2{margin-left: 0;}
    .s2 select{    margin-left: 4.6em;}
} 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    .fancybox-close {
            background-image: url(../images/fancybox_close.png) !important;
            background-size: 14px 14px !important;
            right: 6px !important;
            top: 6px !important;
            background-repeat: no-repeat;
            height: 14px !important;
            width: 14px !important;
    } 
}


#mylist{
}
#mylist td{
	line-height:21px;
}
#mylist td.one{
	width:70px;
}
.table_container{overflow-y: auto;height: 92%;}


.modal
{
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;

    display: none; 

    width: 100vw;
    height: 100vh;
}
.modal .modal-bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .8;
    background: #000;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
.modal .modal-inner
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 50%;

    width: 100%;
    max-width: 722px;
    height: 100%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.modal #player
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 90%;
    padding-top: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
@media screen and (min-width: 0) and (max-width: 1024px)
{
    .modal #player
    {
        min-width: 0;
        padding-top: 50%;
    }
}
.modal #player .content
{
    position: absolute;
    top: 0;
    right: 0;
    border: 0 none;
    width: 100% !important;
    height: 100% !important;
    background-color: #fff;
    color:#868686;
    font-size:12px;
    overflow-y: auto;
    padding: 10px 30px;
}
.modal #player .content table{ 
   width: 100%;    
   line-height: 2.6;
}
.modal .modal-close
{
    position: absolute;
    z-index: 10;
    top: -70px;
    right: -10px;

    width: 50px;
    height: 50px;

    cursor: pointer;
    -webkit-transition: all .5s ease;
            transition: all .5s ease; 
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
@media screen and (min-width: 0) and (max-width: 1024px)
{
    .modal .modal-close
    {
        top: -60px;
        right: 0;

        width: 40px;
        height: 40px;
    }
}
.modal .modal-close:hover
{
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}
.modal .modal-close:before
{
    position: absolute;
    top: 25px;
    right: 0;

    width: 100%;
    height: 1px;

    content: '';

    background: #fff;
}
@media screen and (min-width: 0) and (max-width: 1024px)
{
    .modal .modal-close:before
    {
        top: 20px;
    }
}
.modal .modal-close:after
{
    position: absolute;
    top: 0;
    left: 25px;

    width: 1px;
    height: 100%;

    content: '';

    background: #fff;
}
@media screen and (min-width: 0) and (max-width: 1024px)
{
    .modal .modal-close:after
    {
        left: 20px;
    }
}
.modal-open{color:#868686}*/