@import url("/d/css/mobile.css") screen and (max-device-width: 1199px);
@import url("/d/css/public.css") screen and (max-device-width: 1199px);
@import url("/d/css/lg.css") screen and (min-device-width: 1200px);
a{text-decoration: none!important;color: #666666;}
a:hover{color: #145086;font-weight:blod;}
div.xiangqing a:hover{color: white;font-weight:normal;}
.pro-list h4 a{color: black;}
.pro-list .title a{color: black;}
img, object { max-width: 100%;}
img { -ms-interpolation-mode: bicubic; }
@font-face {
    font-family: "PingFang Regular";
    src: url("/d/font/PingFang Regular.ttf");
    font-display: swap;
}
@font-face {
    font-family: "PingFang Bold";
    src: url("/d/font/PingFang Bold.ttf");
    font-display: swap;
}
@font-face {
    font-family: "PingFang Regular";
    src: url("/d/font/PingFang Regular.eot");
    font-display: swap;
}
@font-face {
    font-family: "PingFang Bold";
    src: url("/d/font/PingFang Bold.eot");
    font-display: swap;
}
ul{list-style: none;padding-left: 0;}
.text-white{color: white;}
.text-black{color: black!important;}
.background-grey{background: #F7F7F7;}

h3{font-family: "PingFang Bold";}
h4 a{color: black;}
.title{font-family: "PingFang Bold";}

.two-title{color: #787878;}
.two-title a{color: #787878;}
.display-none{display: none;}
.display-block{display: block;}
.margin-1{margin-top: 1rem;margin-bottom: 1rem;}
.margin-bottom-1{margin-bottom: 1rem;}
.margin-2{margin-top: 2rem;margin-bottom: 2rem;}
.margin-bottom-2{margin-bottom: 2rem;}
.margin-top-2{margin-top: 2rem;}
.margin-3{margin-top: 3rem;margin-bottom: 3rem;}
.margin-bottom-3{margin-bottom: 3rem;}
.margin-top-3{margin-top: 3rem;}
.margin-4{margin-top: 4rem;margin-bottom: 4rem;}
.margin-bottom-4{margin-bottom: 4rem;}
.margin-top-4{margin-top: 4rem;}
.margin-top-6{margin-top: 6rem;}
.margin-top-1{margin-top: 1rem;}
.margin-bottom-03{margin-bottom: 0.3rem;}
.margin-0{margin-left: 0!important;margin-right: 0!important;}
.padding-6{padding-top: 6rem;padding-bottom: 6rem;}
.padding-top-6{padding-top: 6rem;}
.padding-bottom-5{padding-bottom: 5rem;}
.padding-5{padding-top: 5rem;padding-bottom: 5rem;}
.padding-top-5{padding-top: 5rem;}
.padding-bottom-5{padding-bottom: 5rem;}
.padding-4{padding-top: 4rem;padding-bottom: 4rem;}
.padding-bottom-4{padding-bottom: 4rem;}
.padding-top-4{padding-top: 4rem;}
.padding-3{padding-top: 3rem;padding-bottom: 3rem;}
.padding-top-3{padding-top: 3rem;}
.padding-bottom-3{padding-bottom: 3rem;}
.padding-2{padding-top: 2rem;padding-bottom: 2rem;}
.padding-top-2{padding-top: 2rem;}
.padding-bottom-2{padding-bottom: 2rem;}
.padding-1{padding-top: 1rem;padding-bottom: 1rem;}
.padding-bottom-1{padding-bottom: 1rem;}
.padding-top-1{padding-top: 1rem;}
.padding-06{padding-top: 0.6rem;padding-bottom: 0.6rem;}
.padding-bottom-06{padding-bottom: 0.6rem;}
.padding-top-06{padding-top: 0.6rem;}
.padding-lr-2{padding-left:2rem;padding-right:2em}
.padding-lr-1{padding-left:1rem;padding-right:1em}
.padding-lr-3{padding-left:3rem;padding-right:3em}
.padding-lr-4{padding-left:4rem;padding-right:4em}
.padding-l-1{padding-left:1rem;}
.padding-r-1{padding-right:1em}
.padding-l-2{padding-left:2rem;}
.padding-r-2{padding-right:2em}
.padding-8{padding-top: 8rem;padding-bottom: 8rem;}
.w-xiang-block a .title{color: black!important;}
.contact-us-item a{color: black;}
.service-link .col-xl-4:first-child{background: url("/images/center-1.jpg");background-size: 100% 100%;}
.service-link .col-xl-4:nth-child(2){background: url("/images/center-2.jpg");background-size: 100% 100%;}
.service-link .col-xl-4:last-child{background: url("/images/center-3.jpg");background-size: 100% 100%;}
.title a{color: black;}
.fixed-side{
    position: fixed;
    bottom: 42%;
    right: 0;
    z-index: 9999;
    cursor: pointer;
    height: 11.7rem;
}
.fixed-side-item{
    opacity: .8;
    background-color: #145086;
    width: 2.8rem;
    height: 2.8rem;
    z-index: 9999;
    position: relative;
    margin-bottom: 0.15rem;
    right: 0;
}
.fixed-side-item div{
    width: 100%;
    height: 100%;
    position: absolute;
    transition-property: all;
    transition-duration: 0.4s;
    /* Firefox 4 */
    -moz-transition-property:all;
    -moz-transition-duration:0.4s;
    /* Safari and Chrome */
    -webkit-transition-property:all;
    -webkit-transition-duration:0.4s;
    /* Opera */
    -o-transition-property:all;
    -o-transition-duration:0.4s;
}
.fixed-side-item div:first-child{
    left: 0;
    z-index: 888;
    background-size: 55%;
}
.fixed-side-item div:last-child{
    left: 100%;
    color: white;
    line-height: 2.8rem;
    z-index: 777;
}
.fixed-side-item:hover{
    background-color: red;
    opacity: 1;
}
.top-one{
    background: url("/images/top.png")no-repeat center;
}
.top-two{
    left: 100%;
    background: url("/images/ding.png")no-repeat center;
    background-size: 80%;
}
.backtop:hover .top-one{
    left: -100%;
}
.backtop:hover .top-two{
    left: 0;
}
.kefu-one{
    background: url("/images/zaixian.png")no-repeat center;
}
.kefu:hover .kefu-one{
    left: -170%;
    background-color: red;
}
.kefu .kefu-two a{
   color: white;
}
.kefu:hover .kefu-two a{
   color: white;
}
.kefu:hover .kefu-two{
    left: -70%;
    width: 6rem;
    background-color: red;
}
.tel-one{
    background: url("/images/mobile.png")no-repeat center;
}
.tel:hover .tel-one{
    left: -300%;
    background-color: red;
}
.tel:hover .tel-two{
    left: -200%;
    width: 30rem;
    background-color: red;
}
.weixin-one{
    background: url("/images/weixin-2.png")no-repeat center;
}
.weixin-two{
    width: 6rem!important;
    height: 6rem!important;
    background: url("/images/erweima.png")no-repeat center;
    background-size: 100%;
}
.weixin:hover .weixin-one{
    background-color: red;
}
.weixin:hover .weixin-two{
    left: -225%;
}
.email-one{
    background: url("/images/youxiang-c.png")no-repeat center;
}
.email:hover .email-one{
    left: -345%;
    background-color: red;
}
.email:hover .email-two{
    left: -245%;
    width: 30rem;
    background-color: red;
}
.email:hover .email-two a{
    color: white!important;
}
.fixed-side .backtop{
    height: 0;
    transition-property: all;
    transition-duration: 0.6s;
    /* Firefox 4 */
    -moz-transition-property:all;
    -moz-transition-duration:0.6s;
    /* Safari and Chrome */
    -webkit-transition-property:all;
    -webkit-transition-duration:0.6s;
    /* Opera */
    -o-transition-property:all;
    -o-transition-duration:0.6s;
}
#wrap .container{
    max-width: 1400px;
}
#container .container{
    max-width: 1400px;
}
#content .container{
    max-width: 1200px;
}
#single-page .container{
    max-width: 1300px;
}
.m-scdt a{
    color: #B22222;
    font-weight: bold;
    text-decoration: underline!important;
}
.container .table-bordered td, .table-bordered th{
    vertical-align: middle;
}