@charset "utf-8";


.kf{width:208px;position:fixed;/* right: 20px; */right:-208px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:30;}
.kt-top{height:40px;line-height:40px;background:url(../../../img/kefu.png) 12px center no-repeat #e62022;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}
.kt-top span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.kf .con{overflow:hidden;background:#fff;padding-bottom: 20px}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px;}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}
.kf .qq li a img{padding-right:6px;}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../../../img/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom: 0;}
.kf .contact{margin-top:1px;height: auto;}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin: 3px;}
.kf .contact p:nth-child(2n){padding-left:32px;}
.kf .con h5.qr-icon{background:url(../../../img/erweima.png) 16px center no-repeat;}
.kf .con .qr{margin-top:10px;padding-left:40px;}
.kf .con .qr img{width:110px;height:110px;}
.kf .backTop{width:100%;height:40px;background:url(../../../img/huidaodingbu.png) center center no-repeat #e62022;background-size:18px auto;cursor:pointer;}
.kf-side{padding:18px 10px 10px;background:#e62022;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}
.kf-side span.arrow{width:12px;height:12px;background:url(../../../img/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}
.kf-side span.on{background:url(../../../img/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}



@-webkit-keyframes scale{
    0%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}

@keyframes scale{
    0%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}



.footer {background-color: #1e1d1d;color: #959595;}
.footer a {color: #959595;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer a:hover {color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer dl {float: left;margin: 0;width: 210px;}
.footer dt {font-size: 16px;color: #eae8e8;margin-bottom: 20px;}
.footer dd {margin: 0;}
.footer li a {display: block;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer li a:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}
.footer .lx {width: 360px;}
.footer .lx .tel {color: #fff;font-family: Impact;font-size: 40px;}
.footer .lx p {margin: 10px 0 0;}
.footer-top {padding: 40px 0;background-color: #000;margin-bottom: 60px;}
.footer-top span {float: left;width: 190px;padding-left: 50px;line-height: 40px;font-size: 16px;color: #d0d0d0;background: no-repeat 0 center;}
.footer-top span.i1 {background-image: url(../../../img/icon1.png);}
.footer-top span.i2 {background-image: url(../../../img/icon2.png);}
.footer-top span.i3 {background-image: url(../../../img/icon3.png);}
.footer-top span.i4 {background-image: url(../../../img/icon4.png);}
.footer-top span.i5 {background-image: url(../../../img/icon5.png);}
.footer-copy {margin-top: 60px;border-top: 1px solid #363636;padding: 20px 0;color: #6a6a6a;}

.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 30;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../../../img/f_01.png);}
.footer-fix li i.i2 {background-image: url(../../../img/f_02.png);}
.footer-fix li i.i3 {background-image: url(../../../img/f_03.png);}
.footer-fix li i.i4 {background-image: url(../../../img/f_04.png);}




@media screen and (max-width: 1200px){
.center {
    width: 100%;
}
	
}
@media screen and (max-width: 450px){


@media screen and (max-width: 767px) {



    .kf {display: none;}
    .footer-fix {display: block;}



    .footer {padding-top: 30px;}
    .footer dl {display: none;}
    .footer dt {margin-bottom: 10px;}
    .footer .lx {display: block;float: none;width: auto;}
    .footer .lx .tel {font-size: 30px;}
    .footer-top {display: none;}
    .footer-copy {padding: 15px 0;font-size: 12px;margin-top: 30px;}

    .banner-sub {height: 120px;font-size: 20px;}

    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .lanmu-title {display: block;}
    .lanmu ul {position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;z-index: 11;box-shadow: 0 5px 5px rgba(0,0,0,0.1);display: none;}
    .lanmu li {display: block;border-top: 1px solid #ddd;margin: 0;}
    .lanmu li a {display: block;line-height: 40px;text-align: center;border-right: 0;font-size: 14px;}
    .lanmu li.active a,.lanmu li a:hover {background-color: transparent;color: #e62022;}

    .position {padding: 10px 0;font-size: 12px;}
    .position i {margin-right: 5px;height: 17px;background-size: 12px;width: 12px;}

    .seo-1 {margin: -10px 0 0 -10px;}
    .seo-1 li {width: 50%;}
    .seo-1 li a {margin: 10px 0 0 10px;padding: 75px 10px 10px;}
    .seo-1 li h4 {margin-bottom: 10px;font-size: 14px;}
    .seo-1 li p {font-size: 12px;height: 85px;}
    .seo-1 li:last-child {display: none;}

    .seo-2 {padding: 0;margin: -10px 0 0 -10px;background-color: transparent;}
    .seo-2 li {width: 50%;}
    .seo-2 li a {margin: 10px 0 0 10px;background-color: #fff;padding: 5px;}
    .seo-2 li .img-center {height: 156px;line-height: 156px;}
    .seo-2 li .text {line-height: 34px;font-size: 12px;}

    .seo-3 {padding: 0;background: none;}
    .seo-3 ul {height: auto;}
    .seo-3 li {position: static;margin-bottom: 15px;padding: 10px 15px;font-size: 14px;}
    .seo-3 li:after {display: none !important;}
    .seo-3 li span {font-size: 16px;}
    .seo-3 .zd {width: 88px;height: 88px;}
    .seo-3 .zd span {font-size: 16px;padding: 22px 0;}

    .seo-4 .item {width: 100%;margin-bottom: 30px;}
    .seo-4 .item:last-child {margin-bottom: 0;}
    .seo-4 .tit {margin-bottom: 20px;}
    .seo-4 .tit h4 {font-size: 20px;}
    .seo-4 .tit h4 small {font-size: 14px;margin-left: 10px;}
    .seo-4 .tit span {font-size: 16px;}
    .seo-4 ul {padding: 10px 15px 20px 15px;}
    .seo-4 li {font-size: 14px;}
    .seo-4 li span {width: 20px;height: 20px;margin-right: 5px;line-height: 20px;}
    .seo-4 .more {line-height: 34px;font-size: 14px;margin-top: -15px;}

    .seo-5 {margin: -15px 0 0 -15px;}
    .seo-5 li {width: 33.333333%;}
    .seo-5 li .wrap {margin: 15px 0 0 15px;}
    .seo-5 li .m {height: 75px;}
    .seo-5 li h4 {margin: 10px 0;font-size: 14px;}
    .seo-5 li p {font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

    .about-1 .img-center {width: 70%;margin: 0 auto;}
    .about-1 .text {margin-top: 20px;font-size: 14px;}
    .about-1 .in-total {margin-top: 20px;}

    .about-2 .logo {display: none;}
    .about-2 .text {margin-top: 0;}

    .about-3 li {width: 100%;}
    .about-3 li a {padding: 15px;}
    .about-3 li h4 {font-size: 16px;}
    .about-3 li p {height: auto;}

    .about-3-more {margin-top: 20px;}
    .about-3-more a {display: block;margin: 10px 0 0;width: auto;font-size: 16px;line-height: 34px;}

    .table-1 table {font-size: 12px;}
    .table-1 th, .table-1 td {padding: 10px;}
    .table-1 th {font-size: 14px;}
    .table-1 th:last-child {display: none;}
    .table-1 td:last-child {display: none;}
    .table-1 th:first-child {width: 80px;}

    .map {height: 300px;}

    .contact-left,.contact-right {width: auto;float: none;}
    .contact-left .tel {margin-bottom: 20px;font-size: 16px;}
    .contact-left .tel strong {font-size: 24px;}
    .contact-left li {font-size: 14px;background-size: 24px auto;padding-left: 30px;}
    .contact-right {margin-top: 30px;}
    .contact-right .tit img {height: 30px;}
    .contact-right dt {width: 100px;}
    .contact-right dd {margin-left: 115px;}
    .contact-right dd h4 {font-size: 18px;}
    .contact-right dd p {font-size: 14px;margin-top: 10px;}

    .v-lanmu,.h-lanmu {display: none;}
    .v-main {margin: 0;}

    .list-3 li {margin-bottom: 15px;}
    .list-3 li a {padding: 10px;}
    .list-3 li .img-center {width: 100px;}
    .list-3 li .text {margin-left: 110px;}
    .list-3 li .text h4 {font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .list-3 li .text p {margin-top: 5px;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .list-3 li .text span {display: none;}



    .case-wrap {min-width: auto;width: auto;}
}


/***模板内容页分类****/
.fllist{
border: 1px solid #eee;
padding: 10px;
font-size: 16px;
background-color: #f9f9f9;
}
.fllist li{
display: inline-block;
width: 30%;
margin-bottom: 10px;
margin-top: 10px;
}
.fllist li a{
background-color: #3399ff;
color: #fff;
padding: 6px 16px;
}
.fllist li a:hover{
background-color: #FF6600;
}
.fllist li strong{
  color: #FF6600;
}

@media screen and (max-width: 450px){
  .fllist li {
    width: 45%;
}

}