.mainbox{width: 100%;}
.container{max-width: 1300px;padding: 0 30px;margin: 0 auto}
/*顶部*/
.header-top{padding: 12px 0;background: #223f88;}
.header-top-l{float: left;font-size: 14px;color: #fff;opacity: 0.6}
.header-top-r{float: right}
.header-top-r span{display: inline-block;font-size: 14px;color: #fff;padding-left: 21px;
background-repeat: no-repeat;background-size: auto;background-position: left center;}
.header-top-r span a{font-size: 14px;color: #fff;}
.header-top-r span:nth-child(1){background-image: url("../images/ht1.png");position: relative;
padding-right: 27px}
.header-top-r span:nth-child(2){background-image: url("../images/h-t2.png");}
.header-top-r span:nth-child(1)::after{position: absolute;content: '';width: 27px;height: 20px;background: red;
top: 0;right: 0;background: url("../images/ht3.png") center no-repeat;}
.logo-img-b{display: none!important;}
/**/
.banner{position: relative;}
.ban-menu{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0);height: 105px;z-index: 100}
.menu-l{float: left;width: 21%;}
.logo-img{display: inline-block}
.aaa{display: block}
.menu-l a img{display: block;margin-top: 26px;padding-left: 0%}
.menu-r{width: 60%;float: right;margin-left: 10%;display: flex;justify-content: space-between;}
.menu-r a{display: inline-block;margin-top: 40px;font-size: 18px;font-weight: bold;color: #fff;}
.menu-s{width:44px;float: right;margin-top: 40px;margin-left: 22px;
    background: url("../images/sl.png") left top 4px no-repeat;}

.menu-r a[data=xz]{color: #ff963f;border-bottom: 0px solid #ff963f;padding-bottom: 3px;}


.menu-s span{display: inline-block;width: 100%;height: 24px;background: url("../images/s.png") right center no-repeat;
cursor: pointer;}
.menu-icon{width: 70px;height: 70px;float: right;opacity: 0;visibility: hidden;
display: flex;align-items: center;justify-content: flex-end;}
.menu-icon .son{width: 50px;height: 50px;}
/*svg*/
#menubut{width: 100%;height: 100%;}
#menubut svg {width:100%;transition: 0.3s}
#menubut svg{display: block;}
#menubut svg{;border-radius: 3px;stroke:#fff;opacity: 1;right: 0;visibility: visible}
#menubut svg path{stroke: #fff!important;}

#menubut {cursor: pointer; display: flex; padding: 0; zoom: 0.8;
    transition: 0.5s}
#menubut .line {fill: none; stroke: #333; stroke-width: 10; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
#menubut .line1 {stroke-dasharray: 60 207;stroke-width: 5;}
#menubut .line2 {stroke-dasharray: 60 60; stroke-width: 5;}
#menubut .line3 {stroke-dasharray: 60 207; stroke-width: 5;}
#menubut svg.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134; stroke-width: 5; stroke: var(--highlight);}
#menubut svg.opened .line2 {stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 5;}
#menubut svg.opened .line3 {stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 5; stroke: var(--highlight);}
/**/

.big-tan{position: fixed;height: 100%;left: 0;top: 70px;background: rgba(0,0,0,0.5);z-index: 14;
transform: translateX(100%);opacity: 0.4;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;

    transition-timing-function:ease-in;
    -moz-transition-timing-function: ease-in; /* Firefox 4 */
    -webkit-transition-timing-function: ease-in; /* Safari 和 Chrome */
    -o-transition-timing-function: ease-in; /* Opera */
    transition-delay:  0.01s;
    -moz-transition-delay:  0.01s; /* Firefox 4 */
    -webkit-transition-delay:  0.01s; /* Safari 和 Chrome */
    -o-transition-delay:  0.01s;
}
.big-tan-show{transform: translateX(0);opacity: 1;
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);}




.big-tan1{position: fixed;width: 400px;height: 100%;right: 0;top: 70px;background: rgba(255,255,255,0.9);z-index: 102;
    transform: translateX(100%);opacity: 0.4;
    transition:0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;

    transition-delay:  0.3s;
    -moz-transition-delay:  0.3s; /* Firefox 4 */
    -webkit-transition-delay:  0.3s; /* Safari 和 Chrome */
    -o-transition-delay:  0.3s;
    transition-timing-function:ease;
    -moz-transition-timing-function: ease;/* Firefox 4 */
    -webkit-transition-timing-function: ease; /* Safari 和 Chrome */
    -o-transition-timing-function: ease; /* Opera */
}
.big-tan1-show{transform: translateX(0);opacity: 1;overflow-y: scroll;
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);}




.big-tan1-li span{display: block;width: 50%;padding: 15px 0;float: left;text-align: center;cursor: pointer;
    background:#fff;color: #333;
font-size: 18px;font-weight: bold}
.big-tan1-li span[data=xz]{background: #223f88;color: #fff}
.big-tan1-c{padding: 20px 30px;}
.big-tan1-show::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
.big-tan1-show::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #ddd;
    border-radius: 6px;
}
.big-tan1-show::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #223f88;
}


.big-tan1-c-c{display: none}
.big-tan1-c-c[data=xz]{display: block}
.fenlei li{padding: 16px 0;border-bottom: 1px solid rgba(0,0,0,0.08);font-size: 15px;}
.m-form{width: 100%;margin-top: 18px;}
.m-form input{display: block;height: 38px;width: 294px;margin:0;padding: 0;outline: none;border: none;
    float: left;text-indent:13px;background: #fff;font-size: 14px;color: #333}
.m-form button{width: 40px;height: 38px;background:#ddd url("../images/s1.png") center no-repeat;float: left;
    outline: none;border: none;background-size: 18px;}
/**/

.fenlei{margin-top: 18px;}
.fenlei li .a{height: 25px;}
.fenlei li .a .a1-l{width: 210px;float: left;line-height: 25px;}
.fenlei li .a .a1-l a{display: block;font-size: 15px;color: #333;padding-left: 25px;box-sizing: border-box;
    background: url("../images/ji.png") left top 4px no-repeat;}
.fenlei li .a .a1-l a:hover{color: #223f88}
.fenlei li .a .a1-r{width: 30px;float: right;height: 25px;}
.fenlei li .a .a1-r[flag=ej]{background: url("../images/xl.png") center no-repeat;cursor: pointer;}
.fenlei li .a .a1-r[flag=ej]:hover{background: url("../images/xl1.png") center no-repeat;}
.fenlei li .a .a1-r[data=kai]{transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}



.fenlei li[data=xz] .a .a1-l a{color: #223f88;
    background: url("../images/ji1.png") left top 2px no-repeat;}

.fenlei-2{padding-left: 25px;padding-top: 8px;display: none;}
.fenlei-2 dt{padding: 7px 0}
.fenlei-2 dt a{font-size: 14px;color: #666;}
.fenlei-2 dt a span{color: #223f88}
.fenlei-2 dt a:hover{color: #223f88}
.fenlei-2 dt a[data=xz]{color: #223f88}
/**/
.big-tan1-c-c-1 .p-1{font-size: 18px;color: #333;margin-top: 20px;}
.big-tan1-c-c-1 .p-2{font-size: 14px;color: #666;margin-top: 20px;line-height: 1.6}
.big-tan1-c-c-1 .p-3{margin-top: 20px;}
.big-tan1-c-c-1 .p-3 a{display: inline-block;padding: 12px 40px;border-radius: 5px;
background: #fff;font-size: 16px;color: #223f88;border: 2px solid #223f88}
.big-tan1-c-c-1 .p-3 a:hover{background: #223f88;color: #fff}
.fu-lian-1{margin-top: 20px;}
.fu-lian-1 li{padding: 11px 0;font-size: 14px;color: #333;border-bottom: 1px solid rgba(0,0,0,0.08);}
.fu-lian-1 li a{font-size: 14px;color: #223f88;font-weight: bold;text-decoration: underline;}
/**/
.bai-line{position: absolute;height: 105px;left: 0;top: 0;background: #fff;z-index: -1;}
.bai-line-sj{width: 0;
    height: 0;
    border-top: 105px solid #fff;
    border-right: 50px solid transparent;float: right;position: relative;left: 50px;}
/*baner*/
.swiper-pagination-ba{bottom: 20px;}
.swiper-pagination-ba span{width: 15px;height: 15px;background: none;border-radius: 50%;border: 2px solid #fff;box-sizing: border-box;;}
.swiper-pagination-ba .swiper-pagination-bullet-active{width: 19px;height: 19px;outline: none;outline: none;
    background: url("../images/pad.png") center no-repeat;background-size: 7px;position: relative;top:2px
}


.main-tan{position: fixed;top: 150px;padding: 35px 0;background: #fff;z-index: 101;opacity: 0;transform: translateY(30px);
transition: 0.4s;visibility: hidden;}
.main-tan[data=xz]{opacity: 1;transform: translateY(0px);visibility: visible;}
.tan-con{width: 70%;float: right}

.tan-con-l{width: 30%;float: left;clear: both}
.tan-con-l img{display: block;width: 100%;}
.tan-con-r{width: 65%;float: right;}
.tan-con-r .p1{font-size: 14px;color: #999;line-height: 1.7;margin-top: 1%}
.tan-con-r .a1{display: block;width: 132px;height: 40px;border: 1px solid #ddd;transform:skew(-18deg);margin-top: 20px;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);}
.tan-con-r .a1 .son{text-align: center;line-height: 40px;font-size: 14px;color: #666;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.tan-con-r .a1:hover{background: #ff963f;border-color: #ff963f;}
.tan-con-r .a1:hover .son{color: #fff;}
.tan-con-r .a2{display: block;width: 30%;float: left;text-align: center;margin-right: 5%;
border-bottom: 1px solid #eee;padding: 2% 0;font-size: 16px;color: #666666}
.tan-con-r .a2:nth-child(3n){margin-right: 0;}
.tan-con-r .a2:nth-child(-n+3){padding-top: 0}
.tan-con-r .a2:hover{color: #223f88;border-color: #223f88}
.tan-con-r .a2[data=xz]{color: #223f88;border-color: #223f88}

/**/
.swiper-slide-ba{position: relative;width: 100%;}
.banner-img{display: block;width: 100%}
.banner-p{position: absolute;left: 0;top: 0;}
.banner-p .p1{font-size: 34px;color: #303134;margin-top:20%;}
.banner-p .p1 span{display: inline-block;
    transform:skew(-12deg);
    -ms-transform:skew(-12deg);
    -moz-transform:skew(-12deg);
    -webkit-transform:skew(-12deg);
    -o-transform:skew(-12deg);

}
.banner-p .p1 .span1{font-weight: bold;}
.banner-p .p2{font-size: 70px;color: #223f88;font-family: font}
.banner-p .p3{}
.banner-p .p3 span{    transform:skew(-12deg);
    -ms-transform:skew(-12deg);
    -moz-transform:skew(-12deg);
    -webkit-transform:skew(-12deg);
    -o-transform:skew(-12deg);;display: inline-block;font-size: 22px;color: #303134}
.banner-p .p4 span{display: inline-block;background: #ff963f;color: #fff;font-size: 20px;
    transform:skew(-14deg);
    -ms-transform:skew(-14deg);
    -moz-transform:skew(-14deg);
    -webkit-transform:skew(-14deg);
    -o-transform:skew(-14deg);;
padding: 5px 15px}
.banner-p .p4 span:nth-child(n+2){margin-left: 6px;}

.banner-p .p2{margin-top: 0.5%}
.banner-p .p3{margin-top: 0.8%}
.banner-p .p4{margin-top: 2.2%}

/**/
.banner-p2 .p2-1{margin-top: 20%;font-size: 70px;color: #fff;font-family: font}
.banner-p2 .p2-4{margin-top: 1.5%;}
.banner-p2 .p2-3{font-size: 16px;color: #fff;line-height: 1.8;margin-top: 3%;}

/**/
.banner-p-3 .p2-2{margin-top: 20%;font-size: 30px;color: #fff;}
.banner-p-3 .p2-1{margin-top: 1.5%;font-size: 70px;color: #fff;font-family: font;line-height: 1.0;}
.banner-p-3 .p2-3{font-size: 24px;color: #fff;margin-top: 3%;font-weight: lighter;}
.banner-p-3 .container{position: relative;}
.banner-p-3-i{position: absolute;right: 0;top:-22%;width: 38%;}
.banner-p-3-i img{display: block;width: 100%;}
/*************************************************/
.ind-padding{padding: 3% 0;}

.big-title .bt1{font-size: 38px;color: #353535;text-align: center;font-weight: bold;}
.big-title .bt1 span{color: #2a458b}
.big-title .bt2{font-size: 18px;color: #a7a7a7;text-align: center;margin-top: 0.6%;}

/**/
.main-ind-com{background: url("../images/icbg.jpg") bottom center no-repeat;}
.ind-com{margin-top: 2%}
.ind-com .p-1{font-size: 16px;line-height: 1.8;color: #676767;text-align: center;}
.ind-com .p-1 a{color: #ff963f;font-weight: bold;}
.ind-com .p-1 a:hover{color: #2a458b}
.com-four{margin-top: 4%;display: flex;justify-content: space-between;}
.com-four li{width: 20%;max-width: 250px;position: relative;
transition: 0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;

}
.com-four li img{display: block;width: 100%;}
.com-four li .con{position: absolute;left: 0;top: 0;width: 100%;z-index: 1;height: 100%;}
.com-four li .con .p-num{text-align:  center;margin-top: 30%}
.count-title{font-size: 64px;font-family: Impact;color: #393939;}
.com-four li .con .p-num .jia{font-size: 16px;color: #ff963f;}
.com-four li .con .p-2{font-weight: bold;color: #333;font-size: 18px;text-align: center;margin-top: 10px;}
.com-four li .con .p-3{text-align: center;margin-top: 15px;opacity: 0;visibility: hidden;}
.com-four li .con .p-3 a{display: inline-block;width: 100px;height: 30px;line-height: 30px;font-size: 14px;
   border-radius: 5px;
background: #ddd;}

/*hover*/
.com-four li:nth-child(2n) .p-num .count-title{color: #fff}
.com-four li:nth-child(2n) .con .p-num .jia{color: #fff;}
.com-four li:nth-child(2n) .con .p-2{color: #fff;}




.com-four li:hover{transform: translateY(-12px);
    -ms-transform:translateY(-12px);
    -moz-transform:translateY(-12px);
    -webkit-transform:translateY(-12px);
    -o-transform:translateY(-12px);

}
.com-four li:hover .con .p-num{transform: translateY(-15px);
    -ms-transform:translateY(-15px);
    -moz-transform:translateY(-15px);
    -webkit-transform:translateY(-15px);
    -o-transform:translateY(-15px);
    transition-delay: 0.01s;
    -moz-transition-delay: 0.01s;
    -webkit-transition-delay: 0.01s;
    -o-transition-delay: 0.01s;}
.com-four li:hover .con .p-2{transform: translateY(-25px);
    -ms-transform:translateY(-25px);
    -moz-transform:translateY(-25px);
    -webkit-transform:translateY(-25px);
    -o-transform:translateY(-25px);
transition-delay: 0.08s;
    -moz-transition-delay: 0.08s;
    -webkit-transition-delay: 0.08s;
    -o-transition-delay: 0.08s;}
.com-four li:hover .con .p-3{opacity: 1;visibility: visible;transform: translateY(-20px);
    -ms-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -webkit-transform:translateY(-20px);
    -o-transform:translateY(-20px);

transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
}

.com-four li:hover .con .p-3 a{background: #ff963f;color: #fff;}
.com-four li:nth-child(2n):hover .con .p-3 a{background: #fff;color: #2a458b;}


/*产品*/
.i-pro{background: url("../images/pbg.jpg") center no-repeat;background-size: cover;background-attachment: fixed}
.f-tree-2{margin-top: 3%;clear: both}
.f-tree-2 li{width: 49%;float: left;background: #fff;}
.f-tree-2 li:hover{box-shadow: 1px 4px 10px rgba(0,0,0,0.1)}
.f-tree-2 li:nth-child(2){float: right}
.f-tree-2 li .son{padding: 20px 5% 20px 8%;}
.f-tree-2 li .son .ll{width: 60%;float: left;}
.f-tree-2 li .son .ll .p1{margin-top: 6%}
.f-tree-2 li .son .ll .p1 a{display: block;font-size: 22px;color: #333;font-weight: bold;}
.f-tree-2 li .son .ll .p1 a:hover{color: #2a458b;}
.f-tree-2 li .son .ll dl{margin-top: 5%}
.f-tree-2 li .son .ll dl dt{padding: 5px 0}
.f-tree-2 li .son .ll dl dt a{display: block;font-size: 15px;color: #7d7d7d;}
.f-tree-2 li .son .ll dl dt a:hover{color: #2a458b;font-weight: bold}


.f-tree-2 li .son .ll .p2 a{display: block;width: 123px;height: 38px;border: 1px solid #ff963f;transform:skew(-18deg);margin-top:7%;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
background: #ff963f}
.f-tree-2 li .son .ll .p2 a .s{text-align: center;width: 100%;line-height:38px;font-size: 14px;color: #fff;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.f-tree-2 li .son .ll .p2 a:hover{background: #fff;border-color: #ff963f;}
.f-tree-2 li .son .ll .p2 a:hover .s{color: #ff963f;}
.f-tree-2 li .son .lr{width: 36%;float: right;}
.f-tree-2 li .son .lr img{width: 100%;height: 100%;object-fit: contain;}

/*一排三个*/
.f-tree-3{margin-top: 3%;clear: both}
.f-tree-3 li{width: 32%;float: left;background: #fff;}
.f-tree-3 li:nth-child(n+2){margin-left: 2%}
.f-tree-3 li .son{padding: 20px 3% 20px 5%;}
.f-tree-3 li .son .ll{width: 50%;float: left;}
.f-tree-3 li .son .ll .p1{margin-top: 3%}
.f-tree-3 li .son .ll .p1 a{display: block;font-size: 20px;color: #333;font-weight: bold;}
.f-tree-3 li .son .ll .p1 a:hover{color: #2a458b;}
.f-tree-3 li .son .ll dl{margin-top: 5%}
.f-tree-3 li .son .ll dl dt{padding: 5px 0}
.f-tree-3 li .son .ll dl dt a{display: block;font-size: 15px;color: #7d7d7d;}
.f-tree-3 li .son .ll dl dt a:hover{color: #2a458b;font-weight: bold}
.f-tree-3 li .son .ll .p2{display: none}
.f-tree-3 li .son .ll .p2 a{display: block;width: 123px;height: 38px;border: 1px solid #ff963f;transform:skew(-18deg);margin-top:7%;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.f-tree-3 li .son .ll .p2 a .s{text-align: center;width: 100%;line-height:38px;font-size: 14px;color: #fff;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.f-tree-3 li .son .ll .p2 a:hover{background: #fff;border-color: #ff963f;}
.f-tree-3 li .son .ll .p2 a:hover .s{color: #ff963f;}
.f-tree-3 li .son .ll .p3{margin-top: 5%;}
.f-tree-3 li .son .ll .p3 a{color:#ff963f;font-size: 14px;}
.f-tree-3 li .son .ll .p3 a:hover{font-weight: bold}

.f-tree-3 li .son .lr{width: 47%;float: right;}
.f-tree-3 li .son .lr img{width: 100%;height: 100%;object-fit: contain;}
.f-tree-3 li:hover{box-shadow: 1px 4px 10px rgba(0,0,0,0.1)}

/*案例*/
.ica-ct{margin-top: 3%}
.ica-ct li{width: 19%;float: left;margin-right: 1.25%;}
.ica-ct li:nth-child(5n){margin-right: 0;}
.ica-ct li:nth-child(n+6){margin-top: 1.5%;}
.ica-ct li a{display: block;width: 100%;height: 70px;background: #f2f4f8;text-align: center;position: relative;}
.ica-ct li a .line{position: absolute;width: 100%;height: 3px;left: 0;bottom: 0;}
.ica-ct li a .line .s{width: 20%;height: 100%;background: #2a458b;opacity: 0;}



.ica-ct li a span{display: inline-block;line-height: 70px;text-align: center;font-size: 16px;color: #181818;
    padding-left: 40px;position: relative;left: 0px;
background-size: auto;background-position: left center;background-repeat: no-repeat;}
.ica-ct li:nth-child(1) a span{background-image: url("../images/c1.png");}
.ica-ct li:nth-child(2) a span{background-image: url("../images/c2.png");}
.ica-ct li:nth-child(3) a span{background-image: url("../images/c3.png");}
.ica-ct li:nth-child(4) a span{background-image: url("../images/c4.png");}
.ica-ct li:nth-child(5) a span{background-image: url("../images/c5.png");}
.ica-ct li:nth-child(6) a span{background-image: url("../images/c6.png");}
.ica-ct li:nth-child(7) a span{background-image: url("../images/c7.png");}
.ica-ct li:nth-child(8) a span{background-image: url("../images/c8.png");}
.ica-ct li:nth-child(9) a span{background-image: url("../images/c9.png");}

/*.ica-ct li a:hover .line .s{transform: scaleX(5);opacity: 1;*/
    /*-ms-transform:scaleX(5);*/
    /*-moz-transform:scaleX(5);*/
    /*-webkit-transform:scaleX(5);*/
    /*-o-transform:scaleX(5);*/
/*}*/
.ica-ct li a:hover span{color: #2a458b}

.ica-ct li[data=xz] a .line .s{transform: scaleX(5);opacity: 1;
    -ms-transform:scaleX(5);
    -moz-transform:scaleX(5);
    -webkit-transform:scaleX(5);
    -o-transform:scaleX(5);
}
.ica-ct li[data=xz] a span{color: #2a458b}


.ica-ct li:nth-child(1):hover a span{background-image: url("../images/c11.png");}
.ica-ct li:nth-child(2):hover a span{background-image: url("../images/c22.png");}
.ica-ct li:nth-child(3):hover a span{background-image: url("../images/c33.png");}
.ica-ct li:nth-child(4):hover a span{background-image: url("../images/c44.png");}
.ica-ct li:nth-child(5):hover a span{background-image: url("../images/c55.png");}
.ica-ct li:nth-child(6):hover a span{background-image: url("../images/c66.png");}
.ica-ct li:nth-child(7):hover a span{background-image: url("../images/c77.png");}
.ica-ct li:nth-child(8):hover a span{background-image: url("../images/c88.png");}
.ica-ct li:nth-child(9):hover a span{background-image: url("../images/c99.png");}

.ica-ct li:nth-child(1)[data=xz] a span{background-image: url("../images/c11.png");}
.ica-ct li:nth-child(2)[data=xz] a span{background-image: url("../images/c22.png");}
.ica-ct li:nth-child(3)[data=xz] a span{background-image: url("../images/c33.png");}
.ica-ct li:nth-child(4)[data=xz] a span{background-image: url("../images/c44.png");}
.ica-ct li:nth-child(5)[data=xz] a span{background-image: url("../images/c55.png");}
.ica-ct li:nth-child(6)[data=xz] a span{background-image: url("../images/c66.png");}
.ica-ct li:nth-child(7)[data=xz] a span{background-image: url("../images/c77.png");}
.ica-ct li:nth-child(8)[data=xz] a span{background-image: url("../images/c88.png");}
.ica-ct li:nth-child(9)[data=xz] a span{background-image: url("../images/c99.png");}

/**/
.ica-cb{margin-top: 3%;}
.swiper-four{display: none}

.swiper-ic-lun{width: 40px;height: 80px;background-color: rgba(255,160,63,0.8);
    transition: 0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
background-repeat: no-repeat;background-position: center;background-size: auto;}
.swiper-ic-lun:hover{background-color:rgba(255,160,63,1)}
.swiper-button-prev-ca-i{left: 0;background-image: url("../images/p.png");}
.swiper-button-next-ca-i{right: 0;background-image: url("../images/n.png");}
.swiper-four a{display: block;width: 100%;}
.swiper-four a .i{width: 100%;height: 30vw;max-height: 450px;position: relative;overflow: hidden}
.swiper-four a .t{position: absolute;left: 0;bottom: 0;width: 100%;}
.swiper-four a .t p{padding: 15px 10px;background: rgba(0,0,0,0.5);box-sizing: border-box;color: #fff;font-size: 16px;}

.swiper-four a:hover .i .t p{background: #2a458b}
.swiper-four a:hover .i img{transform: scale(1.03);-ms-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);
}

.i-cm{margin-top: 25px;display: none}
.i-cm-lun{padding-bottom: 40px;}
.i-cm-lun a{display: block;width: 100%;}
.i-cm-lun a .i{width: 100%;height: 160px;}
.i-cm-lun a .t{padding: 8px 5px;text-align: center;background: #eee;font-size: 14px;color: #333;}
.swiper-pagination-f-m span{width: 8px;height: 8px;background: none;border: 2px solid #ddd;}
.swiper-pagination-f-m .swiper-pagination-bullet-active{border-color: #2a458b}
/**/
.ic-m a{display: block;width: 123px;height: 38px;border: 1px solid #ff963f;transform:skew(-18deg);margin-top:20px;
    margin-left: auto;margin-right: auto;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.ic-m a .s{text-align: center;width: 100%;line-height:38px;font-size: 14px;color: #fff;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.ic-m a:hover{background: #fff;border-color: #ff963f;}
.ic-m a:hover .s{color: #ff963f;}

/**/
.icpcm{margin-top: 3.5%;width: 450px;margin-left: auto;margin-right: auto;}
.icpcm li{display: none}
.icpcm-l{width: 145px;height: 50px;float: left;}
.icpcm-l a{display: block;width: 145px;height: 50px;border: 1px solid #ff963f;box-sizing: border-box;
    margin-left: auto;margin-right: auto;
    transform:skew(-18deg);
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.icpcm-l a .s{text-align: center;width: 100%;line-height:50px;font-size: 16px;color: #fff;
    transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.icpcm-l a:hover{background: #fff;border-color: #ff963f;}
.icpcm-l a:hover .s{color: #ff963f;}
.icpcm-r a{display: block;}
.icpcm-r{float: left;margin-left: 35px;
    transform:skew(-18deg);
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);}
.icpcm-r-l{width: 50px;height: 50px;float: left;background: #2a458b;}
.icpcm-r-l p{font-size: 14px;color: #fff;}
.icpcm-r-r{width: 220px;height: 50px;box-sizing: border-box;float: left;border: 2px solid #2a458b;}
.icpcm-r-r p{font-size: 24px;color: #2a458b;font-weight: bold;
    transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}

/*.icpcm-r a:hover .icpcm-r-r p{color: #fff}*/
/*.icpcm-r a:hover .icpcm-r-r{background: #2a458b}*/

.ihe{background: #f3f3f3;}

.ihec{position: relative;margin-top: 3%}
.ihe-lun{padding-bottom: 0px;}
.ihe-lun a{display: block;width: 100%;}
/*.ihe-lun{height: 130px;}*/
.ihe-lun a .i{width: 100%;height: 130px;background: #fff;box-sizing: border-box;border: 2px solid #fff;
    transition: 0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;}
.ihe-lun a .i img{transform: scale(0.78);
    -ms-transform:scale(0.78);
    -moz-transform:scale(0.78);
    -webkit-transform:scale(0.78);
    -o-transform:scale(0.78);
}
.swiper-pagination-he{display: none}
.swiper-pagination-he span{width: 8px;height: 8px;background: none;border: 2px solid #ddd;}
.swiper-pagination-he .swiper-pagination-bullet-active{border-color: #2a458b}
.ihe-lun a:hover .i{border-color: #2a458b}
.ihe-lun a:hover .i img{transform: scale(0.9);}


.ihe-lun-p{width: 50px;height: 45px;background-color: #ff963f;
    transform:skew(-12deg);
    -ms-transform:skew(-12deg);
    -moz-transform:skew(-12deg);
    -webkit-transform:skew(-12deg);
    -o-transform:skew(-12deg);background-image: none}
.ihe-lun-p .si{width: 100%;height: 100%;
    transform:skew(12deg);
    -ms-transform:skew(12deg);
    -moz-transform:skew(12deg);
    -webkit-transform:skew(12deg);
    -o-transform:skew(18deg);
background-repeat: no-repeat;background-size: auto!important;background-position: center;}
.swiper-button-prev-he .si{background-image: url("../images/p.png");}
.swiper-button-next-he .si{background-image: url("../images/n.png");}
.ihe-lun-p:hover{background: #2a458b}
.swiper-button-prev-he{left: -80px}
.swiper-button-next-he{right: -80px}



/*优势*/
.iys{background: url("../images/tbg.jpg") center no-repeat;background-size: cover;}
.iys .big-title .bt1{color: #fff;}
.iys .big-title .bt2{color: #fff;}
.iysc{margin-top: 3.5%;height: 45vw;max-height: 640px;}
.iysl{width: 49%;float: left;height: 100%;}
.iysl li{width: 100%;height: 100%;background: url("../images/ys1.jpg") center no-repeat;background-size: cover;
position: relative;transition: 0.5s}
.iysl li .yin{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4), rgba(0,0,0,0.75));}





.iysl li .c{position: absolute;left: 0;bottom: 40px;width: 100%;z-index: 2;}
.iysl li .c .s{padding: 0 6%;}
.iysl li .c .s .p1{font-weight: bold;color: #fff;font-size: 20px;}
.iysl li .c .s .p-2{margin-top: 3%;}
.iysl li .c .s .p-2 .p2{width: 65%;color: #fff;line-height: 1.7;font-size: 14px;float: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.iysl li .c .s .p-2 .p3{width: 30%;float: right;}
/**/
.iysl li .c .s .p-2 .p3 a{display: block;width: 125px;height: 45px;border: 1px solid #ff963f;box-sizing: border-box;
    float: right;
    transform:skew(-18deg);
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.iysl li .c .s .p-2 .p3 a .s1{text-align: center;width: 100%;line-height:43px;font-size: 16px;color: #fff;
    transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.iysl li .c .s .p-2 .p3 a:hover{background: #fff;border-color: #ff963f;}
.iysl li .c .s .p-2 .p3 a:hover .s1{color: #ff963f;}












.iysr{width: 49%;float: right;height: 100%;background: #eee}
.iysr li{width: 100%;height: 48%;position: relative;}
.iysr li:nth-child(2){margin-top: 4%;background: url("../images/ys3.jpg") center no-repeat;background-size: cover;}
.iysr li:nth-child(1){background: url("../images/ys2.jpg") center no-repeat;background-size: cover;}
.iysr li .yin{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.45), rgba(0,0,0,0.7));}
/**/
.iysr li .c{position: absolute;left: 0;bottom: 40px;width: 100%;z-index: 2;}
.iysr li .c .s{padding: 0 6%;}
.iysr li .c .s .p1{font-weight: bold;color: #fff;font-size: 20px;}
.iysr li .c .s .p-2{margin-top: 3%;}
.iysr li .c .s .p-2 .p2{width: 65%;color: #fff;line-height: 1.7;font-size: 14px;float: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.iysr li .c .s .p-2 .p3{width: 30%;float: right;}
/**/
.iysr li .c .s .p-2 .p3 a{display: block;width: 125px;height: 45px;border: 1px solid #ff963f;box-sizing: border-box;
    float: right;
    transform:skew(-18deg);
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.iysr li .c .s .p-2 .p3 a .s1{text-align: center;width: 100%;line-height:43px;font-size: 16px;color: #fff;
    transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.iysr li .c .s .p-2 .p3 a:hover{background: #fff;border-color: #ff963f;}
.iysr li .c .s .p-2 .p3 a:hover .s1{color: #ff963f;}


/*新闻*/
.inewc{margin-top: 3.3%}
.inewcl{width: 49%;float: left;}
.inewcl li{width: 100%;}
.inewcl li:nth-child(n+2){margin-top: 3%;}
.inewcl li a{display: block;padding: 2.5% 4% 3.5% 4%;box-sizing: border-box;background: #f7f7f7;}
.inewcl li a .l{width: 16%;float: left;}
.inewcl li a .l .p1{font-size: 48px;color: #2a458b;text-align: center}
.inewcl li a .l .p2{font-size: 16px;color: #2a458b;text-align: center}



.inewcl li a .r{width: 80%;float: right;}
.inewcl li a .r .p1{font-size: 18px;color: #333;font-weight: bold;margin-top: 2%;}
.inewcl li a .r .p2{font-size: 14px;color: #818181;line-height: 1.6;margin-top: 3%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}


.inewcl li a:hover{background: #2a458b}

.inewcl li a:hover .l .p1{color: #fff}
.inewcl li a:hover .l .p2{color: #fff}
.inewcl li a:hover .r .p1{color: #fff}
.inewcl li a:hover .r .p2{color: #fff}
.inewcr{width: 49%;float: right;}
.inewcr li{width: 48.2%;float: left;}
.inewcr li:nth-child(2){float: right;}
.inewcr li a{display: block;width: 100%;}
.inewcr li a .i{width: 100%;height: 20vw;max-height: 230px;}

.inewcr li a .t{padding: 9% 5% 10% 5%;background: #f7f7f7;box-sizing: border-box;}

.inewcr li a .t .p1{font-weight: bold;font-size: 18px;color: #353535;}
.inewcr li a .t .p2{font-size: 14px;color: #c5c5c5;padding: 5% 0 6% 0;}
.inewcr li a .t .p3{font-size: 14px;color: #818181;line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}

.inewcr li a:hover .t .p1{color: #2a458b}
.inewcr li a:hover .i img{transform: scale(1.03);
    -ms-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);}


/**/
.inewm{margin-top: 4%;display: none}
.inewm li{padding: 2.5% 0;border-bottom: 1px solid #eee;}
.inewm li:nth-child(1){padding-top: 0}
.inewm li a{display: block;width: 100%;}
.inewm li a .i{width: 27%;height: 15vw;float: left;min-height: 130px}

.inewm li a .r{width: 70%;float: right;}
.inewm li a .r .p1{font-size: 18px;color: #333;font-weight: bold;margin-top: 1%;}
.inewm li a .r .p2{font-size: 14px;color: #666;line-height: 1.6;margin-top: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.inewm li a .r .p3{font-size: 14px;color: #999;line-height: 1.6;margin-top: 2%;}
.inewm li a:hover .r .p1{color: #2a458b}



/**/
.isb-ban{padding: 3% 0;background: url("../images/sbbg.jpg") center no-repeat;background-size: cover;}

.isbl{float: left;font-size: 28px;color: #ffffff;font-weight: lighter;line-height: 50px;}
.isbl span{font-weight: bold;}
.isbr{float: right;}

.isbr a{display: block;width: 150px;height: 50px;border: 1px solid #ff963f;box-sizing: border-box;
    float: right;
    transform:skew(-18deg);
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.isbr a .s1{text-align: center;width: 100%;line-height:48px;font-size: 16px;color: #fff;
    transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.isbr a:hover{background: #fff;border-color: #ff963f;}
.isbr a:hover .s1{color: #ff963f;}

/*底部*/
.footer{padding-top: 4%;background: #26272b;}
.footerc{padding-bottom: 3%;border-bottom: 1px solid #38393c}
.footerc .l{width: 40%;float: left;}
.footerc .f .title{color: #fff;font-weight: bold;font-size: 16px;}
.footerc .l ul{width: 220px;margin-top: 4%}
.footerc .l ul li{width:50%;float:left;padding: 6px 0;}
.footerc .l ul li a{display: block;font-size: 14px;color: #76777e;}
.footerc .l ul li a:hover{color: #fff;opacity: 0.8}

.footerc .m{width: 35%;float: left;}
.footerc .m ul{margin-top: 4%;}
.footerc .m ul li{padding: 6px 0;font-size: 14px;color: #76777e;}

.footerc .r{float: right;width: 20%;}
.footerc .r ul{margin-top: 4%;}
.footerc .r ul .p1{font-size: 32px;color: #ff963f;}
.footerc .r .t1{margin-top: 8%;}
.footerc .r .focus{margin-top: 8%;}
.footerc .r .focus a{display: inline-block;width: 30px;height: 30px;border-radius: 50%;background-color: #4a4b50;
background-position: center;background-repeat: no-repeat;background-size: auto;}
.footerc .r .focus a:nth-child(n+2){margin-left: 8px;}


.footerc .r .focus a:nth-child(1){background-image: url("../images/fa1.png");}
.footerc .r .focus a:nth-child(2){background-image: url("../images/fa2.png");}
.footerc .r .focus a:nth-child(3){background-image: url("../images/fa3.png");}


.footerc .r .focus a:hover{background-color: #666}


.foot-ba{padding: 15px 0;}
.foot-ba-l{float: left;font-size: 14px;color: #76777e;line-height: 40px;}
.foot-ba-l a{font-size: 14px;color: #76777e;}
.foot-ba-r{float: right;}
.fooot-link{width: 130px;height: 40px;border: 1px solid #38393c;line-height: 40px;font-size: 14px;color: #76777e;text-indent: 20px;
    position: relative;
background: url("../images/link.png") right 20px center no-repeat;cursor: pointer}
.fooot-link:hover{color: #ff963f;background: url("../images/link2.png") right 20px center no-repeat;}
.link-li{position: absolute;width:100%;height: 200px;bottom: 42px;right: 0;background: #fff;z-index: 1;
overflow-y: scroll;display: none;}
.link-li a:hover{color: #223f88;}


.link-li::-webkit-scrollbar{
    width:4px;
    height:4px ;
}
.link-li::-webkit-scrollbar-track{
    box-shadow: inset 0 0 4px transparent;
    background: #ddd;
    border-radius: 4px;
}
.link-li::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background: #223f88;
}

.fooot-link:hover .link-li{display: block;}



.link-li ul{padding: 10px;}
.link-li ul li{padding: 8px 0;border-bottom: 1px solid #eee;}
.link-li ul li a{display: block;font-size: 14px;color: #333;}
/*内页头部*/
.header-n{position: relative;overflow: hidden;}
.sn-banner .container{position: relative;height: 100%;}
.sn-banner{height: 30vw;background-color: #fff;max-height: 500px;
background-size: cover;background-repeat: no-repeat;background-position: center;
background-image: url("../images/sb-com.jpg")!important;}
.sb-c{position: absolute;left: 0%;bottom: 20%;width: 100%;}
.sb-c .pn1{font-size: 36px;color: #fff;font-weight: bold;}
.n-bread{margin-top: 1.5%}
.n-bread p{display: inline-block;padding: 5px 15px;background: rgba(0,0,0,0.3);
font-size: 14px;color: #fff;}
.n-bread p a{font-size: 14px;color: #fff;}
.n-bread p:hover{background: rgba(0,0,0,0.6)}
.n-bread p a:hover{color: #ff963f}

/*关于我们*/
.c-i-s1{margin-top: 3.5%}
.cis1-l{width: 52%;float: left;}
.cis1-l .p1{font-weight: bold;font-size: 32px;color: #353535;}
.cis1-l .p1 span{color: #2a458b;}
.cis1-l .p2{margin-top: 2%;font-size: 16px;color: #a7a7a7;}
.com-info{margin-top: 7%;}
.com-info p{font-size: 16px;color: #999999;line-height:2.0}
.com-info-1{margin-top: 7%;}
.com-info-1-l{width: 30%;float: left;}
.com-info-1-l img{display: block;width: 100%;}
.com-info-1-r{width: 67%;float: right;}
.com-info-1-r .p-1{font-size: 18px;font-weight: bold;color: #ff963f;margin-top: 1.5%;}
.com-info-1-r .p-2{font-size: 16px;color: #999999;margin-top: 4%;line-height: 1.6}
.cis1-r{width: 43%;float: right;height: auto;}
.cis1-r img{display: block;width: 100%;height: 100%;object-fit: cover}

/**/
.c-i-s2{background: url("../images/nb.jpg") center no-repeat;background-size: cover;margin-top: 5%;}
.c-i-s2-c{padding: 4.5% 8%;box-sizing: border-box;}



.c-i-s2-c { display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;}
.c-i-s2-c li:last-child{background: none;padding-right: 0}
.c-i-s2-c li .count-title1{font-family: impact;font-size: 60px;color: #fff;}

.c-i-s2-c li .p-num1{text-align: center;}


.c-i-s2-c .jia{font-size: 16px;color: #fff;}
.c-i-s2-c .p2{font-size: 16px;color: #fff;text-align: center;margin-top: 3%;}
.c-i-s2-c li.line{width: 2px;height: 100px;background: url("../images/nl.png") left center no-repeat;}

/**/
.ish-lun a .i{height: 20vw;max-height: 300px;}
.ish-lun a .t{padding: 3% 10px;background: #fff;text-align: center;font-size: 16px;color: #666}
.c-i-s3{padding: 4% 0;background: #f4f4f5}
.ihec-sh{position: relative;}

.ish-lun a:hover .t{color: #2a458b}
.ihec-sh{margin-top: 3.5%}



.main-bg{background: #f5f5f5;}

/*茶品*/
.pro-fl a{display: inline-block;padding:4px 13px;font-size: 15px;
color: #333;margin: 5px 3px}
.pro-fl a:nth-child(n+2){margin-left: 3px;}
.pro-fl a:hover{background: #ff963f;color: #fff;}
.pro-fl a:nth-child(1){background: #2a458b;color: #fff;}
.pro-fl a[data=xz]{background: #ff963f;color: #fff;}
.pro-fl a:nth-child(1)[data=xz]{background: #2a458b;color: #fff;}


.np-list-c{margin-top: 3%;}
.np-list li{width: 23.5%;float: left;margin-right: 2%;background: #fff;}
.np-list li:nth-child(4n){margin-right: 0;}
.np-list li:nth-child(n+5){margin-top: 2%;}
.np-list li a{display: block;width: 100%;}
.np-list li a .i{width: 100%;height: 22vw;background: #fff;max-height: 300px;padding:16% 0 5% 0;position: relative;}
.np-list li a .i img{width: 100%;height: 100%;object-fit: contain;
    transition: 0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;
transform: scale(0.94);
    -ms-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    -o-transform: scale(0.94);}
.np-list li a .i .t{position: absolute;top:3%;left: 0;width: 100%;}
.np-list li a .i .t p{padding: 3% 10%;font-size: 16px;color: #333;font-weight: bold;}
.np-list li a .t1{padding: 10px 5px;font-size: 14px;color: #333;text-align: center;display: none}
.np-list li a:hover .i img{
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);}
.np-list li a:hover .i .t p{color: #2a458b}
.np-list li:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}

/**/
.m-tree-all{height: 45px;background: #223f88;line-height: 45px;text-align: center;display: none}
.m-tree-all span{display: inline-block;font-size: 16px;color: #fff;}

/**/
.fu-type-box{position: fixed;width: 100%;height: 60%;overflow-y: scroll;overflow-x: hidden;background: #fff;display: none;
    border-top: 1px solid #ddd;opacity: 0;visibility: hidden;transform: translateY(100%);
    -ms-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -webkit-transform:translateY(100%);
    -o-transform:translateY(100%);
z-index: 101;left: 0;bottom: 0;
transition: 0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
}
.fu-type-box-show{opacity: 1;visibility: visible;transform: translateY(0);
translateY(0%);
    -ms-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -webkit-transform:translateY(0%);
    -o-transform:translateY(0%);
}
.fu-type-box-c::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
.fu-type-box-c::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #ddd;
    border-radius: 5px;
}
.fu-type-box-c::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: #223f88;
}
.fu-type-c{padding: 30px 0;height: 100%;box-sizing: border-box;background: #ddd;}
.fu-type-box-c{position: relative;width: 100%;height: 100%;background: #fff}

.fu-type-box-close{position: fixed;width: 100%;height: 30px;background: #eee url("../images/mxl.png") center no-repeat;}
.fu-type{padding-top: 40px;}
.fu-type li{width: 100%;float: left;padding: 12px 0;text-align: center;
border-bottom: 1px solid #eee;}
.fu-type li:nth-child(2n){float: right;}
.fu-type li a{display: block;font-size: 14px;color: #333;font-weight: bold;}
.fu-type li[data=xz] a{color: #223f88;}
.no-goods{text-align: center;margin-top: 3%}


/*新闻中心*/
.nep-list-c{margin-top: 1%;}
.newslist li{padding: 2% 0;border-bottom: 1px solid #eee;}
.newslist li:nth-child(1){padding-top: 0;}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 22%;height: 15vw;float: left;margin-right: 3%;max-height: 170px}
.newslist li a .t{width: 65%;float: left;padding-right: 10%;
    background: url("../images/njt2.png") right 1% center no-repeat;}
.newslist li a .t .p1{color: #333;margin-top: 2.5%;font-size: 20px;font-weight: bold;
    padding-right: 50px;
}
.newslist li a .t .p1::before{content: '';
    display: block;
    width: 35px;
    height: 1px;
    background: url("../images/nl.jpg") center repeat-x;
    transition: 0.5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;}
.newslist li a .t .p2{line-height: 1.6;color: #999;margin-top: 2%;font-size: 16px;font-weight: lighter;}
.newslist li a .t .p3{color: #999;margin-top: 2%;font-size: 14px;font-weight: lighter;;display: none}
.newslist li:nth-child(1){padding-top: 0px}
.main-left-other{display: none}
.newslist li a .p4{margin-top: 0.5%}
.newslist li a .p4 span{display: inline-block}
.newslist li a .p4 span:nth-child(1){color: #aaa;font-size: 32px;font-family: impact}
.newslist li a .p4 span:nth-child(2){color: #bbb;font-size: 20px;margin-left: 3%;font-family: bbb;}
.newslist li a:hover .t .p1{color:#223f88;padding-left: 43px;
    transform: translateX(5px);
    -ms-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -webkit-transform:translateX(5px);
    -o-transform:translateX(5px);}
.newslist li a:hover .t .p1::before{opacity: 1}
.newslist li a:hover .t{background: url("../images/njt1.png") right 1% center no-repeat;}
/**/

.main-left{width: 70%;padding: 25px;box-sizing: border-box;float: left;background: #fff}
.main-right{width: 27%;padding: 20px;box-sizing: border-box;float: right;background: #fff;}

/**/
.news-info h1{font-size: 24px;color: #333;text-align: left;}

.info-click span{display: inline-block;font-size: 15px;font-weight: lighter;
padding: 2% 0;margin-right: 10px;}
.info-click{;border-bottom: 2px solid #eee}


.xq p{line-height: 1.6;margin: 7px 0;}
.xq img{display: block;margin: 10px auto;max-width: 100%;}
.xq table{width: 100%!important;margin: 12px 0}
.xq table td{border: 1px solid #ddd;padding: 10px 11px}
.xq table th{border: 1px solid #ddd;padding: 15px 0px;background: #eee}

.newsPage{padding: 30px 0}
.newsPage .page-a{padding: 10px 0 10px 26px;font-size: 14px;border-bottom: 1px dashed #eee;color: #666}
.newsPage .page-a a{color: #666}
.newsPage .page-a:nth-child(1){background: url("../images/prev/page_prev.png") left center no-repeat;background-size: 17px}
.newsPage .page-a:nth-child(2){background: url("../images/prev/page_next.png") left center no-repeat;background-size: 17px}
.newsPage .page-a:hover{text-decoration: underline;color:#223f88}
.newsPage .page-a:hover a{color:#223f88}

.ce-other-title{height: 45px;box-sizing: border-box;border-bottom: 1px solid #ddd;font-size: 20px;line-height: 45px;color: #333;}
.ce-other-title span{display: inline-block;height: 44px;border-bottom: 1px solid #223f88;font-weight: bold;padding-right: 6px;
    position: relative;padding-left: 32px;}
.ce-other-title span::before{content: "";
    width: 22px;
    border-top: 1px solid #666;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 25px;}
.ce-other-title span::after{content: "";
    width: 12px;
    border-top: 1px solid #666;
    position: absolute;
    display: inline-block;
    margin-right: 10px;
    left: 0;
    top: 19px;}




.pr-fl{margin-top: 3%;}
.pr-fl li{padding: 3.5% 0;border-bottom: 0px solid #eee;}
.pr-fl li a{display: block;font-size: 15px;color: #333;}
.pr-fl li a:hover{color: #223f88}
.ce-other-title2{margin-top: 6%;}
.ce-news{margin-top:9%;}
.ce-news li{}
.ce-news li:nth-child(n+2){margin-top: 20px;}
.ce-news li a{display: block;width: 100%;}
.ce-news li a .i{width: 35%;height: 82px;float: left;}
.ce-news li a .t{width:60%;float: right;}
.ce-news li a .t .p1{font-size: 14px;line-height: 1.6;color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.ce-news li a .t .p3{font-size: 12px;color: #666;margin-top: 5%}
.ce-news li a:hover .t .p1{color: #223f88}

/*资质荣誉*/

.ho-list li{width: 25%;float: left;box-sizing: border-box;border: 1px solid #f5f5f5;
background: #fff;padding: 10px;}
.ho-list li a{display: block;width: 100%;position: relative;}
.ho-list li a .i{width: 100%;height: 28vw;max-height: 360px;}
.ho-list li a .i img{transform: scale(0.95);}
.ho-list li a .t{text-align: center;font-size: 14px;color: #333;padding: 3% 0;}
.ho-list li a .ho-fu{position: absolute;width: 100%;height: 100%;left: 0;top: 0;
    opacity: 0;visibility: visible;
z-index: 2;background: rgba(0,0,0,0.4) url("../images/big1.png") center no-repeat;
    transform: rotateY(90deg);
    -ms-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -webkit-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
}

.ho-list li a:hover .ho-fu{transform: rotateY(0deg);opacity: 1;visibility: visible;
    -ms-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);}





.ho-list li a:hover .t{color: #223f88;}
.ho-list li a:hover .i img{transform: scale(1);}

/*联系我们0*/
.con-s1{display: flex;justify-content: space-between;}
.con-s1 li{width: 38%;padding: 1% 5%;box-sizing: border-box}
.con-s1 li{border-left: 1px solid #eee;}
.con-s1 li:nth-child(3){border-right: 1px solid #eee;text-align: center;width: 25%;}
.con-s1 li .p-1 img{width: 60%;max-width: 140px;min-width: 120px;}
.con-s1 li p.title{font-weight: bold;font-size: 22px;color: #333}
.con-s1 li dl{margin-top: 5%;}
.con-s1 li dl dt{padding: 10px 0;font-size: 16px;color: #333;}

.con-s1 li dl dt .span1{display: inline-block;margin-left: 8px;}
.con-s1 li dl dt .soan2{color: #333;}
.con-s1 li dl dt a{font-weight: bold;font-size: 16px;text-decoration: underline;color: #333}
.con-s1 li dl dt a:hover{color: #223f88}
.con-s1 li dl p.sm{font-size: 14px;color: #666;}


/**/
.m-lian{display: none}
.m-lian .title{font-weight: bold;font-size: 18px;color: #333;margin-bottom: 10px;}
.m-lian li dl dt{padding: 7px 0;font-size: 14px;}
.m-lian li dl dt .span1{display: inline-block;margin-left: 8px;}
.m-lian li dl dt .soan2{color: #333;}
.m-lian li dl dt a{font-weight: bold;font-size: 14px;text-decoration: underline;color: #223f88}
.m-lian li dl dt a:hover{color: #223f88}
.m-lian li dl p.sm{font-size: 14px;color: #666;}




/**/
.con-s3{margin-top: 4%;}

.con-s3-l{width:40%;float: left;}
/*#s7-form{margin-top: 3%;}*/
#s7-form .input-cl{margin-right: 0}
#s7-form textarea{display: block;outline: none;width: 96.2%;padding: 1.5% 1.9%;border: none;background: rgba(255,255,255,0.99);margin-top: 3%;
    margin-bottom: 3%;height:10vw;max-height: 130px;border: 1px solid #eee;font-size: 14px;
}
#s7-form .code{display: block;float: left;height: 58px;}
/*#s7-form input[name=captcha]{width: 35%}*/
#s7-form button{display: block;width:100%;padding: 2% 0%;background: #223f88;font-size: 16px;color: #fff;
    margin-top: 3%;cursor: pointer;
    
}
#s7-form button:hover{background: #183a90;}
/*表单*/
#s7-form input{display: block;font-size: 14px;color: #333;width: 100%;padding: 1.8% 2%;background: rgba(255,255,255,0.99);
    border: 1px solid #eee;box-sizing: border-box;
    outline: none;
    float: left;
}
#s7-form input.mt-input{margin-top: 3%;}
#s7-form input::-webkit-input-placeholder{
    color:#666;font-size: 14px;
}
#s7-form input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#666; font-size: 14px;
}
#s7-form input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#666; font-size: 14px;
}
#s7-form input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#666; font-size: 14px;
}

#s7-form textarea::-webkit-input-placeholder{
    color:#666;font-size: 14px;
}
#s7-form textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#666; font-size: 14px;
}
#s7-form textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#666; font-size: 14px;
}
#s7-form textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#666; font-size: 14px;
    
}

.con-s3-r{width: 56%;float: right;}

#dituContent{width: 100%;height:200px;box-sizing: border-box;border: 1px solid #eee;}

.mes-code{position: relative}
#s7-form .code{position: absolute;top: 0;right: 0;}

.con-s3 .title{font-weight: bold;font-size: 22px;color: #333}
.con-s3 .con{margin-top: 30px}


/*案例*/
.case-list{margin-top: 3%;}
.case-list li{width: 32%;float: left;margin-right: 2%;}
.case-list li:nth-child(3n){margin-right: 0;}
.case-list li:nth-child(n+4){margin-top: 2%;}
.case-list li a{display: block;width: 100%;}
.case-list li a .i{width: 100%;height: 22vw;max-height: 300px;position: relative;overflow: hidden;}
.case-list li a .i .fu1{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;opacity: 0;
    background: rgba(42,69,139,0.8);
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out; /* Firefox 4 */
    -webkit-transition-timing-function: ease-in-out; /* Safari 和 Chrome */
    -o-transition-timing-function: ease-in-out; /* Opera */
transform: translateX(90%);
    -ms-transform:translateX(90%);
    -moz-transform:translateX(90%);
    -webkit-transform:translateX(90%);
    -o-transform:translateX(90%);}
.case-list li a .i .fu{position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;top: 0;}
.case-list li a .i .fu .son{padding: 8% 8%;width: 100%;height: 100%;box-sizing: border-box;
display: flex; flex-direction: column;justify-content: space-between}
.case-list li a .i .fu .son .big{height: 48px;width:100%;
opacity: 0;
transform: translateX(30px);
    -ms-transform:translateX(30px);
    -moz-transform:translateX(30px);
    -webkit-transform:translateX(30px);
    -o-transform:translateX(30px);
}

.case-list li a .i .fu .son .big .big-s{width: 50px;height: 50px;float: right;border-radius: 5px;
background-color: #fff;background-image:url("../images/big.png");
background-size:auto;background-position: center;background-repeat: no-repeat;}


.case-list li a .i .fu .son .t{font-size: 16px;color: #fff;font-weight: bold;
    transform: translateX(30px);
    -ms-transform:translateX(30px);
    -moz-transform:translateX(30px);
    -webkit-transform:translateX(30px);
    -o-transform:translateX(30px);

opacity: 0;}


.case-list li a:hover .i .fu1{opacity: 1;transform: translateX(0);
    -ms-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px);
    -o-transform:translateX(0px);}

.case-list li a:hover .i .fu .son .big{opacity: 1;
transform: translateX(0);
    -ms-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px);
    -o-transform:translateX(0px);}
.case-list li a:hover .i .fu .son .t{opacity: 1;
    transition-delay: 0.06s;
    -moz-transition-delay:  0.06s; /* Firefox 4 */
    -webkit-transition-delay:  0.06s; /* Safari 和 Chrome */
    -o-transition-delay:  0.06s;
    transform: translateX(0);
    -ms-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px);
    -o-transform:translateX(0px);
}


.case-list li a:hover .i img{transform: scale(1.05);
    -ms-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);}



.case-list li a .t1{display: none;padding: 10px 8px;font-size: 14px;color: #333;
text-align: center;background: #eee;
transition: 0.3s;
    -moz-transition0.3s:;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
}
.case-list li a:hover .t1{background: #223f88;color: #fff;}

.big-info-show-t{height: 40px;background: #eee;}
.big-info-show-t span{display: inline-block;padding: 0 30px;background: #223f88;color: #fff;
height: 40px;line-height: 40px;}
.big-info-show-c{margin-top: 2%;}



.swiper-info-lun{width: 30px;height: 70px;background-color: rgba(255,160,63,0.8);
    transition: 0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    background-repeat: no-repeat;background-position: center;background-size: auto;top: 42%;}
.swiper-info-lun:hover{background-color:rgba(255,160,63,1)}
.swiper-button-prev-info{left: 0;background-image: url("../images/p.png");}
.swiper-button-next-info{right: 0;background-image: url("../images/n.png");}
.info-lun a{display: block;width: 100%;}
.info-lun a .i{width: 100%;height: 20vw;max-height: 250px;position: relative;overflow: hidden}
.info-lun-p a .i{box-sizing: border-box;border: 1px solid #eee;}
.info-lun a .t{padding: 10px 6px;background:#eee;box-sizing: border-box;color: #333;font-size: 15px;text-align: center;}

.info-lun a:hover .t{background: #2a458b;color: #fff;}
.info-lun a:hover .i img{transform: scale(1.03);-ms-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);
}

.big-info-show-t2{margin-top: 3%;}
.big-info-list li{width: 48.5%;float: left;padding: 12px 0;
border-bottom: 1px dashed #eee;}
.big-info-list li:nth-child(2n){float: right}
.big-info-list li a{display: block;font-size: 15px;color: #333;padding: 0 3px;}
.big-info-list li a:hover{color: #2a458b}


.news-info-c-has-fl{margin-top: 2%;}


/*产品详情*/
.pro-info-title{display: none;}
.pinfo-box{margin-top: .5%;}
.pinfo-box-l{width: 50%;float: left;box-sizing: border-box;border: 1px solid #eee;}



.swiper-pagination-info span{width: 8px;height: 8px;background: none;border: 2px solid #ddd;}
.swiper-pagination-info .swiper-pagination-bullet-active{border-color: #2a458b}
.swiper-pagination-info a:hover .i{border-color: #2a458b}





.info-info .i{width: 100%;height: 40vw;max-height: 400px;}
.pinfo-box-r{width: 46%;float: right;box-sizing: border-box;}
.pinfo-box-r h1{font-size: 24px;color: #333;margin-top: 2%;}
.pinfo-box-r ul{margin-top: 3%;}
.pinfo-box-r ul li{font-size: 15px;color: #666;padding: 7px 0}
.pinfo-box-r ul li.tel{font-weight: lighter;color: #2a458b;font-family: impact;font-size: 36px;}
.pinfo-box-r ul li.e{width: 130px;text-align: center;}
.pinfo-box-r ul li.e img{display: block;width: 100%;}
.proinfo-c{margin-top: 3%;}
.pinfo-box-r ul li.e .et{margin-top: 5px;font-size: 14px;}
.ce-pro{margin-top: 5%;}
.ce-pro li a{display: block;width: 100%;}
.ce-pro li a .i{width: 100%;height: 20vw;box-sizing: border-box;border: 1px solid #eee;
max-height: 250px;}
.ce-pro li a .i img{transform: scale(0.9);
    -ms-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);}
.ce-pro li a .t{font-size: 15px;color: #333;text-align: center;padding: 6px 0;background: #eee;}
.ce-pro li:nth-child(n+2){margin-top: 15px;}
.ce-pro li a:hover .t{background: #2a458b;color: #fff}
.ce-pro li a:hover .i{border-color: #2a458b}
.case-list-pro .i{box-sizing: border-box;border: 1px solid #eee;}
/*搜索框*/
.sou-kuang{position: fixed;width: 100%;background: rgba(255,255,255,0.8);left: 0;top: 150px;z-index: 1000;
    box-shadow: 1px 3px 8px rgba(0,0,0,0.2);
transform: translateY(-240px);opacity: 0;
}
.sou-kuang-show{opacity: 1;transform: translateY(0);
    -ms-transform:translateY(0);
    -moz-transform:translateY(0);
    -webkit-transform:translateY(0);
    -o-transform:translateY(0);
}
.sea-form{width: 60%;margin: 0 auto;padding: 30px 0;position: relative;}
.sea-form-close{position: absolute;width: 25px;height: 25px;border-radius: 50%;
    right: -16px;top: 16px; opacity: 0;
    cursor: pointer;
border:2px solid #ddd;background: #fff url("../images/xl.png") center no-repeat;}
.sea-form-close:hover{background: #fff url("../images/xl1.png") center no-repeat;
transform: rotate(45deg);border-color: #2a458b;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);

}

.sou-kuang-show .sea-form-close{opacity: 1;
}



.sea-form input{display: block;height: 50px;width: 80%;float: left;
margin: 0;padding: 0 2%;box-sizing: border-box;outline: none;border: 1px solid #eee;
background: #fff;
transform: translateX(100px);
    -ms-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -webkit-transform:translateX(100px);
    -o-transform:translateX(100px);
    opacity: 0;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;

}
.sea-form button{width: 20%;height:50px;float: right;outline: none;border: none;background: #ff963f;
color: #fff;font-size: 16px;
    transform: translateX(-100px);
    -ms-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -webkit-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    opacity: 0;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;cursor: pointer;}
.sea-form button:hover{background: #ff963f}
.sou-kuang-show input,.sou-kuang-show button{transform: translateX(0);opacity: 1;
    -ms-transform:translateX(0);
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0);}


.footer-bot{height:60px;position: fixed;bottom: 0;left: 0;z-index: 100;display: none;border-top: 0px solid #b2bfc9}
.footer-bot {height: 60px;width: 100%;}
.footer-bot li{width: 21%;height: 100%;float:left;list-style: none;}
.footer-bot li{box-sizing: border-box;border-right: 1px solid #b2bfc9;}
.footer-bot li:nth-child(4){border-right: none;}
.footer-bot li a{display: block;width: 100%;height: 100%;line-height: 95px;font-size: 14px;color: #fff;text-align: center;}
.footer-bot li:nth-child(1) a{background: #94adc1 url("../images/fot1-1.png") center top 6px no-repeat;background-size:28px}
.footer-bot li:nth-child(2) a{background: #94adc1 url("../images/fot2-2.png") center top 6px no-repeat;background-size: 28px}
.footer-bot li:nth-child(3) a{background: #94adc1 url("../images/fot3-3.png") center top 6px no-repeat;background-size: 28px}
.footer-bot li:nth-child(4){width: 37%;}
.footer-bot li:nth-child(4) a{background: #ff963f url("../images/bot4.png") center top 6px no-repeat;background-size: 28px}
/*侧边栏*/
#gotop{position: fixed;width: 50px;height: 50px;border-radius: 50%;z-index: 110;opacity: 0;visibility: visible;
    transform: translateX(100px);
    -ms-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -webkit-transform:translateX(100px);
    -o-transform:translateX(100px);

    border: 2px solid #ddd;right: 30px;bottom: 50px;cursor: pointer;
background: #fff url("../images/top1.png") center no-repeat;background-size: 77%;}
#gotop:hover{background: #2a458b url("../images/top1.png") center no-repeat;background-size: 77%;
border-color: #2a458b;}
.gotop-show{transform: translateX(0)!important;opacity: 1!important;visibility: visible!important;
    -ms-transform:translateX(0px)!important;
    -moz-transform:translateX(0px)!important;
    -webkit-transform:translateX(0px)!important;
    -o-transform:translateX(0px)!important;
}

/**/

#fu{transition: 0.5s;
    width:150px;position: fixed;top:230px;right: 5px;z-index: 100;background:#2a458b;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}
.fudong{transform: translateX(150px);}
#fu .ewm{width: 119px;height: 149px;margin: 0 auto;background: #fff}
#fu .zi{width: 116px;margin: 0 auto;text-align: center;}
#fu .zx{width: 120px;height: 40px;margin: 0 auto}
#fu .zx a{display: block;width: 120px;height: 38px;background: #fff url("../images/side/zx.jpg") left 13px center no-repeat;border-radius: 3px;
    background-size: 23px;
    color: #3f3f3f;line-height: 37px;text-indent: 45px;font-size: 15px;}
#fu .zx1 a{display: block;width: 120px;height: 35px;background: #fff url("../images/side/qq.png") left 15px center no-repeat;border-radius: 3px;
    color: #3f3f3f;line-height: 34px;text-indent: 47px;background-size: 24px;font-size: 15px;}
#fu .side{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background: url("../images/side/ful1.png") center no-repeat;cursor: pointer}
#fu .side2{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background:  url("../images/side/ful2.png") center no-repeat;cursor: pointer;display: none}