li{list-style-type:none;}
a:hover{ text-decoration: none;}

.shake{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: shake;animation-name: shake; }
.flipInX{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: flipInX;animation-name: flipInX; }

/*边框特效--关于我们*/
.about_b_s{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.about_b_s .about_b_svg{ width: 100%;height: 100%;}
.about_b_s:hover{cursor: pointer}
.about_b_s:hover .about_b_svg line{stroke-dashoffset:0;}
.about_b_s .about_b_svg *{stroke:#b28850;stroke-width: 6;fill: none;}
.about_b_s .about_b_svg line{transition:all 2s ease-out;}
.about_b_s .about_b_svg polyline {stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 2s ease-in-out 1;animation-fill-mode:forwards;}

/*边框特效--产品中心*/
.pro_b_s{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.pro_b_s .pro_b_svg{ width: 100%;height: 100%;}
.pro_b_s:hover{cursor: pointer}
.pro_b_s:hover .pro_b_svg line{stroke-dashoffset:0;}
.pro_b_s .pro_b_svg *{stroke:#b28850;stroke-width: 4;fill: none;}
.pro_b_s .pro_b_svg line{transition:all 3s ease-out;}
.pro_b_s .pro_b_svg polyline {stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 2s ease-in-out 1;animation-fill-mode:forwards;}

@media (max-width:767px) {
    /*边框特效--关于我们*/
    .about_b_s .about_b_svg *{stroke:#b28850;stroke-width: 4;fill: none;}
}