@charset "utf-8";
html,body{overflow:hidden;overflow-y:auto;}
a { color: #3f444a; }
a:active, a:hover, a:focus { color: #32c5d2; }
/*导航栏*/
.top{position:fixed;width:100%;padding:0 30px;margin:20px 0;z-index:3;}
.topnav{background: rgba(47,53,59,0.8);}
.topnav h1{margin-top:0;margin-bottom:0;}
.logo{margin-left:25px;float:left;}
.nav{margin-right:25px;}
.nav li a{padding:19px 21px 22px 21px;min-height:55px;text-transform:uppercase;letter-spacing:2px;line-height:20px;color:#fff;font-size:15px;}.dropdown{display:none;}
.logo img{padding:15px;}
.nav>li{float:right;}
.nav>li>a{border-right: 1px solid #363d44;}
.nav li a:hover{color:#32c5d2;}
.nav .firstmenu{position:relative;}
.nav-en li a{letter-spacing:1px;font-size:14px;font-weight:600;}
.firstmenu .secondmenu{display:none;position: absolute;background: rgba(79, 83, 87, 0.8);width: 178px;padding-top: 5px;}
.firstmenu .secondmenu li a{font-weight:normal;font-size:14px;padding-left:38px;line-height:30px;}
.secondmenu li:hover{background:#292e33;}
.nav .firstmenu:hover .secondmenu{display:block;}
.firstmenu-en .caret{margin-left:5px;}
.firstmenu .secondmenu-en{width:240px;}
.firstmenu .secondmenu-en li a{font-size:12px;padding:8px 0px 8px 29px;letter-spacing:1.5px;line-height:33.5px;}
/*中文首页-常见问题-联系我们*/
.cpms-zh a,.faqL a,.aboutlx p a{color:#5c6873;}
.twinkle{/*display:inline-block;*/font-size: 20px;background: linear-gradient(left, #f90404, #f9bb0a); background: -webkit-linear-gradient(left, #f90404, #f9bb0a);background: -o-linear-gradient(right, #f90404, #f9bb0a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:scratchy 0.8s linear forwards infinite;/* 其它浏览器兼容性前缀 */ -webkit-animation:scratchy 0.8s linear forwards infinite;-moz-animation: scratchy 0.8s linear forwards infinite;-ms-animation: scratchy 0.8s linear forwards infinite; -o-animation: scratchy 0.8s linear forwards infinite;}
/*关于我们*/
.about {margin-top:50px;}
.indextitle { font-size: 24px; font-weight: bold; color: #000;letter-spacing:1.5px;}
.aboutnr { padding-top: 10px; }
.aboutnr h4 { font-weight: bold; font-size: 22px; margin-bottom:17px;}
.aboutnr .kuang { width: 20px; height: 3px; background: #79d7d9; margin-top: 11px; }
.aboutnr p {line-height: 24px;padding-left:40px;}
.aboutnr p span { display: inline-block; border: 1px solid; width: 20px; }
.aboutfl{padding-left:15px;padding-right:15px;}
.aboutfl ul li {position:relative;float: left; padding:0 1px 1px 0;overflow:hidden;}
.aboutfl ul li a{display:none;position:absolute;width:100%;height:100%;top:0;background:#fffc;text-align:center;}
.aboutfl ul li:hover a{display:block;}
.aboutfl ul li a p{padding:0;color:#07b8de;transform:translateY(116%);font-size:24px;line-height:22px;letter-spacing:0.5px;}
.aboutfl ul li a p m{font-size:15px;}
/*.aboutfl ul li a img:hover{transform:scale(2.05,2.05);}*/
.lens{border:1px solid #eae7e7;}
/*.lens img:hover{transform:scale(1.5,1.5);}*/
.aboutbg{border:1px solid #737373;font-size:16px;line-height:36px;color:#3a3a3a;}
.ush2{font-size: 32px;font-weight: bold;margin: 5px auto 20px;color:#000;}
.us{letter-spacing: 1px;}
.usword1{color:#000;margin-top: 20px;}
.us h2{color:#000;}
.us p{color:#969696;}
.lh55{line-height:55px;}
.lh72{line-height:72px;}
.second{display:none;}
.aboutlx b{font-size:18px;color:#000;}
.lxfour{border:1px solid #dbd7d7;margin-bottom:70px;}
.lxfour p{line-height:26px;padding: 0 20px 10px;color:#929393;}
.lxfour>p>a{font-size:19px;line-height: 30px;}
.lxfour p i{float:right;}
.lxfour-zh p{letter-spacing:1px;}
.lxicon{float: left;width: 4rem;margin-top: 5px;margin-right: 10px;margin-bottom: 8px;}
.lxdbp{line-height:26px;margin-bottom:40px;}
.mb4{margin-bottom:40px;}
/*产品中心*/
.cp { margin: 40px auto 0px; }
.cp30{margin-top:30px;}
.cpms { margin: 10px auto 30px; line-height:26px;letter-spacing:1px;font-size:16px;width:98%;}
.cpimg{margin-bottom:60px;}
.cpimg30{margin-bottom:30px;}
.cpimg img,.relate-news p img{ border: 1px solid #eae7e7; }
.cpimg dt { margin-top: 10px;margin-bottom:5px;font-size:18px;letter-spacing:1px;font-weight:normal; }
.cpimg dd {color: #676767;margin-bottom: 2px;font-size: 13px;letter-spacing: 0.5px;font-family: Verdana;}
.cpdy{margin-bottom:60px;}
.cpdy dt{font-size:16px;height:30px;}
.cpnav a{font-size:16px;letter-spacing:1px;}
.cpdyword{width:80%;margin:0 auto;line-height:30px;word-break:break-word;}
.cpdyword-zh{font-size:15px;line-height:28px;width:90%;letter-spacing:1px;}
.cpms-zh{font-size:15px;}
.cpimg-zh dt {font-size:16px;}
/*首页新闻*/
.index-new p i{padding-right:17px;}
.index-new p img{border:1px solid #eae7e7}
.synews h3{font-size:16px;}
.synews p{font-size:14px;}
.synews img{border: 1px solid #eae7e7;}
/*牛角栏目牛角颜色*/
.horncolor{border:1px solid #ccc;background: rgba(0,0,0,.03);padding:10px;}
.horncolor p{font-size:16px;text-indent: 10px;line-height: 28px;}
.horncolor p b{font-size:18px;}
.panel-body P{font-size:16px;line-height:30px;}
.panel-body p:first-child{padding-top:10px;}
/*产品内页最新产品*/
.home-market-section { text-align: center; }
.home-market-section .section-title { margin-bottom: 30px; font-size: 14px;height: 42px; line-height: 42px;border-bottom: 1px solid #d2d0d1;}
.home-market-section .section-title>a { width: 100%;background: #e1dfe0;padding: 12px 40px;border: 1px solid #d2d0d1;}
/*产品内页最新产品*/
/*招聘*/
.join p{color:#000;font-size:14px;letter-spacing:1px;line-height:36px;}
.join h2{font-weight: bold;margin-top: 40px;color: #000;}
/*最新产品*/
.product { position: relative; width: 90%;margin: 0 auto; }
.product .row {margin-bottom: 50px; }
.product .nav-tabs { float: right; background-color: #fff; border: none; }
.product .nav-tabs li a { position: relative; display: block; padding: 10px 15px; color: #666; font-size: 16px; line-height: 1.5; text-decoration: none; }
.product .nav-tabs>li>a:hover, .product .nav-tabs>li>a:focus { background-color: #fff; border: 1px solid #fff; color: #000; font-size: 16px; font-weight: 600; }
.product .nav-tabs>li.active>a, .product .nav-tabs>li.active>a:hover, .product .nav-tabs>li.active>a:focus { border: 1px solid #fff; background-color: #fff; color: #000; font-size: 16px; font-weight: 600; }
.rightlift { transform: translateX(0); transition: all .35s; }
.rightlift:hover { transform: translateX(10px); }
.product .tab-content { display: block;}
/* productä¸å 空间éšè—css */
.product .tab-content>.tab-pane { display: block; height: 0; overflow: hidden; }
.product .tab-content>.active { display: block; height: auto; overflow: inherit; }
.product .swiper-slide img { width: 100%; transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); -ms-transition: transform 1s cubic-bezier(0, 1, 0.5, 1); -webkit-transition: transform 1s cubic-bezier(0, 1, 0.5, 1); transition: transform 1s cubic-bezier(0, 1, 0.5, 1); }
.product .swiper-slide:hover .product .swiper-slide img { transform: scale(1.1); }
.swiper-button-next, .swiper-button-prev { width: 36px; height: 36px; background-image: none; background-color: #e2e1df; border-radius: 50%; font-size: 24px; color: #fff; text-align: center; }
.swiper-button-next:before { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: 0 auto; transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); border: 1px solid #fff; content: ""; z-index: 9; border-width: 0 2px 2px 0; }
.swiper-button-prev:before { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: 0 auto; transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); border: 1px solid #fff; content: ""; border-width: 2px 0 0 2px; }
.product .swiper-slide .click,.cpimg .click{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; }
.newdesign .click{ position: absolute; width: 100%; height: 77%; top: 0; left: 0; right: 0; opacity: 0; }
.click .oniamg{font-size:18px;}
.newdesign .acename{position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; opacity:0;}
.click .oniamg{ width:100%;position: absolute; top: 50%; left: 50%; text-align:center;transform: translate(-50%, -50%);line-height:28px;}
.acename .oniamg{ width:100%;position: absolute; top: 44%; left: 50%; text-align:center;transform: translate(-50%, -50%);font-size:1.6em;}
.oniamg img{border:0;}
.product .swiper-slide:hover .click,.cpimg:hover .click,.newdesign:hover .click{ box-shadow: 1px 3px 10px #ddd; background: #fff; opacity:0.7; }
.newdesign:hover .acename{ box-shadow: 1px 3px 10px #ddd; background: #fff; opacity:0.95; }
.newdesign:hover a{color:#32c5d2}
.product .swiper-slide img { border: 1px solid #eae7e7; }
.product .swiper-slide:hover img { transform: scale(1.1); }
.product .swiper-slide { padding:0 12px;overflow: hidden; }
.tab-content .swiper-button-next.swiper-button-disabled, .tab-content .swiper-button-prev.swiper-button-disabled { cursor: pointer; pointer-events: auto; }
.tab-pane .swiper-button-next, .tab-pane .swiper-button-prev { display: none; }
/*板料文字*/
.acemater{margin-bottom:30px;}
/*.acemater img{border:1px solid #eae7e7}*/
.aceword{padding:0 15px;}
.aceword h3{background: #e3e3e3;height: 40px;padding-left: 25px;line-height: 40px;color: #000;font-weight:bold;}
.aceword p{padding-left:25px;color:#000;letter-spacing:1px;line-height:23px;margin-top:30px;margin-bottom:60px;font-size:15px;}
/*最新产品*/
.newdesign dl{margin-bottom:0;}
.newdesign dl dt{font-weight:normal;font-size:16px;}
.newdesign dl dd{font-size:14px;line-height:28px;height:30px;}
/*最新产品验证*/
/* Full-width input fields */
.validatedom input{width: 100%; padding: 12px 20px; margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;}
/* Set a style for all buttons */
.validatedom button {background-color: #4CAF50;color: white;padding: 10px 20px; margin: 8px 0;border: none;cursor: pointer;width: 40%;font-size:16px;}
.validatedom button:hover {opacity: 0.8;}
/* Extra styles for the cancel button */
.cancelbtn {width: auto;padding: 10px 18px;background-color: #f44336;}
/* Center the image and position the close button */
.imgcontainer {text-align: center;margin: 24px 0 12px 0;position: relative;}
img.avatar {width: 40%; border-radius: 50%;}
.validatedom { padding: 16px;}
span.psw {padding-top: 16px;}
/* The Modal (background) */
.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 999; /* Sit on top */left: 35%;top: 0;width: 30%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */ /* Fallback color *//* Black w/ opacity */padding-top: 60px;}
/* Modal Content/Box */
.modal-content { /* 5% from the top, 15% from the bottom and centered */border: 1px solid #888;/* Could be more or less, depending on screen size */}
/* The Close Button (x) */
.close {position: absolute;right: 25px;top: 0;color: #000;font-size: 35px;font-weight: bold;}
.close:hover,.close:focus {color: red;cursor: pointer;}
/* Add Zoom Animation */
.animate {-webkit-animation: animatezoom 0.6s;animation: animatezoom 0.6s}
/*eyewear craft*/
.craft-title{margin-bottom:20px;}
.craft-title a{width:49%;float:left;border:1px solid #eee;text-align:center;padding-top:15px;padding-bottom:15px;margin-bottom:15px;font-size:16px;}
.craft-title a:nth-of-type(odd){margin-right:1%;}
.craft-title a:nth-of-type(even){margin-left:1%;}
.craft-title-zh a{font-size:15px;letter-spacing:1px;}
.craft-des{width:91%;margin:30px 4.5% 40px;font-size:15px;text-align:left;color:#363739;line-height:30px;}
.craft-des-zh{letter-spacing:1px;}
.craft-des150{height:150px;}
.craft-more{width:34%;margin:0 auto;background:#4c4c4c;text-align:center;padding-top:13px;padding-bottom:13px;margin-bottom:20px;}
.craft-more a{color:#fff;}
.craft-more:hover a{color:#32c5d2;}
.craft-more-zh{letter-spacing:1px;}
.craft-vedio{width:62%;margin:0 auto;}
.craft-vedio iframe{height:426px;margin-top:20px;margin-bottom:30px;border:1px solid #000;}
.craftimg dl dt img{border:1px solid #d3d3d3;padding:1px;}
.features{}
.memory-features{margin-top:50px;}
.viewmore{width:18%;text-align:center;padding-top:10px;padding-bottom:10px;margin:20px auto 70px;border:1px solid #ccc;font-size:20px;}
.feature{margin-bottom:20px;}
.feature-left{width:74%;}
.feature-left h2{font-size:30px;font-weight:bold;margin-bottom:50px;}
.feature-left h3{font-size:26px;}
.feature-left p{font-size:16px;line-height:30px;color:#363739;}
.feature-left-zh p{font-size:15px;letter-spacing:1px;}
.fm14{margin-top:14px;}
.feature-right{width:22%;}
.feature-right img{border:1px solid #abaaaa;}
.fr-padding{padding-top:35px;}
/*eyewear craft*/
@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 1107px){.modal{width:40%;left:30%}}
@media screen and (max-width: 829px){.modal{width:50%;left:25%;}}
@media screen and (max-width: 663px){.modal{width:60%;left:20%}}
@media screen and (max-width: 553px){.modal{width:70%;left:15%}}
@media screen and (max-width: 474px){.modal{width:90%;left:5%}.validatedom button{width:48%;}}
@media screen and (max-width: 300px) {
span.psw {display: block;float: none;}
}
/*面包屑*/
.breadlr{border-bottom: 2px solid #dadada;line-height: 30px;text-transform:uppercase;}
.breadlr a{color:#737172;}
.breadlr span{float:right;}
.breadtitle{font-size: 23px;text-align: center;color: #000;line-height: 27px;font-weight: 600;}
.breadtitle span{font-size:17px;color:#737172;font-weight:normal;}
.ml25{margin-left:25px;}
/*新闻列表*/
.swipebox-x img{border:1px solid #CCC;}
.blog-article .post-meta ul li i{padding-right: 17px;font-size: 14px;color: #8C9194;}
/*手机端导航*/
.Mdbnav{position:fixed;width:100%;bottom:55px;left:0;z-index:999;}
.Mdbnav p{width:40%;margin:2% auto;text-align:center;border:1px solid #50a9f7;border-radius:5px;background-color:#e4e2e2;padding:5px;}
/*产品内页*/
/*常见问题*/
.fwzh h2{font-weight:bold;color:#b30505;font-size:16px;}
.ques{font-weight: bold;color: #000;font-size: 15px;margin-bottom:0px;}
.anws{color:#000;letter-spacing:1px;}
/*中文版FAQ*/
tbody>tr:nth-of-type(even) {border-bottom: 1px solid #dcdbdb;}
/*产品单页*/
.cpny{margin-top:130px;}
.cpnyr h5 span{padding-bottom:4px;border-bottom:3px solid;letter-spacing:2px;}
.cpnyp{font-size:15px;letter-spacing:1px;color:#878787;margin-bottom:45px;}
.cpnyp-zh{font-size:15px;letter-spacing:1px;color:#878787;}
.cpnyp a,.cpnyp-zh a{color:#878787}
.cpnyp p{margin-bottom:30px;line-height:24px;}
.cpnyp2{margin-bottom:50px;}
.cpnyp2 p{margin-bottom: 0px;background: url(../images/cpnyicon.jpg) left 7px no-repeat;padding-left: 15px;}
.cpnyrtitle-zh{font-size:28px;letter-spacing:1px;color:#000;margin-bottom:0}
.cpnyrtiword-zh{color:#000;margin-bottom:35px;font-size:16px;}
.cpnyr-zh h5{margin-bottom:30px}
.cpnyr-zh h5 span{font-size:16px;color:#3f444a;border-bottom:1px solid;padding-bottom:4px;}
/*产品单页*/
/*新闻内页*/
.page-container1{margin-top:100px;}
.breadtitlenew{line-height:58px;}
.newcon{font-size: 10pt;line-height: 18pt;letter-spacing: 0.4pt;color: rgb(51,51,51);}
.newcon p,.newcon div{margin-bottom: 3pt;}
.newcon h2{font-size:24px;font-weight:bold;}
.newtime{font-size:12px;color:#737172;}
.newtime i{padding-right:10px;}
.share-link a{vertical-align:top;}
/*新闻内页*/
/*sunlens*/
.modalclose {display:none;position:fixed; z-index:1;padding-top:100px;left:0;top:0;width:100%; height:100%; overflow:auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); }
.modal-imgcontent {margin: auto;display: block; }
/* 关闭按钮 */
.closebutton {position:fixed;top:86px;right: 35px;color:#c3c3c3;font-size: 40px;font-weight: bold;transition: 0.3s;z-index: 999;}
.closebutton:hover,.closebutton:focus {color: #bbb;text-decoration: none;cursor: pointer;}
/*底部导航*/
.bottom{background:#2f353b;color:#a4aeb8;}
.bottom h3{color:#fff;margin-bottom:30px;font-size: 20px;font-weight: bold;letter-spacing: 1px;}
.dbcontent{padding:30px 0 10px;}
.dbnav{padding-bottom:30px;}
.dbnav li{padding:5px 0;border-bottom:1px solid #394047}
.dbnav li i{font-size:5px;margin-right:5px;}
.dbnav a:hover{color:#32c5d2;}
.dbnav dl dd{color:#5c6873}
.mediaicon li{float:left;padding:0 5px;}
.contact{margin-top:20px;}
.contact li{padding:5px 0;}
.contact li i{margin-right:5px;color:#32c5d2;}
.bottom a{color:#a4aeb8;}
.copyright{border-top:1px solid #394047;padding:20px 0;}
@media (max-width:1680px){.viewmore{font-size:18px;}}
@media (max-width:1600px){
.about88,.new88,.xs88{width:86%;}
.cpnyp2{margin-bottom:20px;}
}
@media (max-width:1576px){.craft-des140{height:140px;}}
@media (max-width:1570px){.craft-vedio iframe{height:420px;}}
@media (max-width:1550px){.craft-vedio iframe{height:412px;}}
@media (max-width:1545px){.feature{margin-bottom:10px;}.feature-left h2{font-size:28px;}.feature-left h3{font-size:24px;}.feature-left p{font-size:15px;line-height:30px;}}
@media (max-width:1556px){.breadtitle{font-size:21px;}}
@media (max-width:1509px){.lxfour p i{width:7%;}.bottom-en a{font-size:12px;}}
@media (max-width:1500px){.craft-vedio iframe{height:400px;}}
@media (max-width:1485px){.c-margin-b-40{margin-bottom:20px;}.cpnyp p{margin-bottom:0}.aboutfl ul li a p m{font-size:14px;}}
@media (max-width:1475px){.craft-vedio iframe{height:394px;}}
@media (max-width:1460px){.cpdy dt{height:30px;}}
@media (max-width:1452px){.lxfour>p>a{font-size:17px;}}
@media (max-width:1451px){.feature-left p{line-height:26px;}}
@media (max-width:1430px){.breadtitlenew{line-height:30px;}}
@media (max-width:1409px){.breadtitle{font-size:22px;}}
@media (max-width:1400px){.craft-vedio iframe{height:370px;}}
@media (max-width:1366px){.aboutfl ul li a p{transform: translateY(110%);font-size:22px;line-height:20px;}}
@media (max-width:1348px){.craft-des150{height:180px;}}
@media (max-width:1343px){.breadtitlenew{line-height:63px;}.breadtitlenew{font-size:15px;}}
@media (max-width:1330px){.craft-vedio iframe{height:350px;}}
@media (max-width:1321px){.lxfour>p>a{font-size:15px;}}
@media (max-width:1315px){.memory-features{margin-top:20px;}.feature-left h2{font-size:24px;}.feature-left h3{font-size:20px;}}
@media (max-width:1300px){.aboutnr p{margin-bottom:0;}.gczs{margin-top: 40px;}}
@media (max-width:1280px){.craft-vedio iframe{height:336px;}}
@media (max-width:1279px){.craft-des140{height:160px;}}
@media (max-width:1276px){.aboutfl ul li a p{line-height:18px;}.aboutfl ul li a p m{font-size:12px;}}
@media (max-width:1200px){.none1100{display:none;}.cpimg{margin-bottom:30px;}.breadtitle{font-size:17px;}.breadlr{font-size:13px;}.font12{font-size:12px;}.newdesign .click{height:70%}.craft-vedio iframe{height:315px;}.viewmore{font-size:15px;}}
@media (max-width:1199px){.craft-des150{height:200px;}}
@media (max-width:1197px){.breadtitlenew{line-height:30px;}}
@media (max-width:1174px){.lxfour p i{display:none;}.top{padding:0 8px;}.logo{margin-left:5px;}.nav{margin-right:5px;}.nav li a{padding-right:14px;padding-left:14px;}.aboutfl ul li a p{line-height:16px;font-size:18px;}.aboutfl ul li a p m{font-size:11px}}
@media (max-width:1152px){.craft-des150{height:210px;}.craft-vedio iframe{height:304px;}}
@media (max-width:1125px){.aboutfl ul li a p{line-height:33px;}.aboutfl ul li a p m{display:none;}}
@media (max-width:1100px){.craft-vedio iframe{height:292px;}}
@media (max-width:1073px){.craft-des140{height:180px;}}
@media (max-width:1024px){.craft-des150{height:220px;}.craft-vedio iframe{height:268px;}}
@media (max-width:992px){ .craft-title a{width:98%;margin-left:1%;margin-right:1%;} }
@media (max-width:991px){.top{margin:0;padding:0;}.nav{display:none;}.dropdown{display:block;float:right;padding:5px;}.dropdown .btn{padding-top:7px;padding-bottom:7px;}.logo img{padding:8px 0 0;}.cpny{margin-top:80px;}.cpnyrtitle{text-align:center;}.cpnyrtiword{text-align:center;border-bottom:1px solid;padding-bottom:10px;margin-bottom:20px;}.relatecp{width:100%;margin:0 auto;}.relatecp li{padding:0 10px;}.dbnav{bottom:50px;}.newdesign .click{height:60%}.aboutfl ul li a p{font-size:24px;line-height:60px;}.craft-des{margin-bottom:25px;margin-top:10px;height:auto;}.craft-more{margin-bottom:25px;}.craft-vedio{width:80%;}.craft-vedio iframe{height:336px}}
@media (max-width:900px){.craft-vedio iframe{height:302px}}
@media (max-width:890px){.aboutfl ul li a p{line-height:55px;}}
@media (max-width:850px){.aboutfl ul li a p{font-size:22px;line-height:52px;}}
@media (max-width:813px){.feature-left{width:100%;}.feature-right{width:100%;}}
@media (max-width:768px){.cp{padding:0 5px;}.about88,.new88,.xs88{width:98%;margin:0 auto;}.cp98{width:100%;margin:0 auto;}.aboutlx{margin-bottom:30px;padding:0 10px;}.lxfour{margin-bottom:30px;}.cpny{margin-top:70px;}.page-container1{margin-top:50px;}.gczs{margin-top:0;}.message h3{padding:0 10px;margin:0;}.dbcontent{display:none;}.craft-des{width:96%;margin-left:2%;margin-right:2%;}.craft-vedio iframe{height:326px;}}
@media (max-width:767px){.about{margin-top: 10px;}.brand{margin-bottom:20px;}.ml25{margin-left:0;}#innerpage-wrap{padding-top:10px;}.c-margin-b-40{margin-bottom:10px;}.usr{background:#d5f6f6;}.index-new p i{padding-right:5px;}.xspr{}}
@media (max-width:670px){.craft-vedio iframe{height:283px;}}
@media (max-width:640px){.aboutfl ul li a p{font-size:20px;line-height:42px;}}
@media (max-width:571px){.fl572{float:left;}aboutfl ul li a p{line-height:39px;}.craft-vedio iframe{height:239px;}}
@media (max-width:540px){.viewmore{width:20%;font-size:14px;padding-top:5px;padding-bottom:5px;}}
@media (max-width:510px){.aboutfl ul li a p{font-size:18px;line-height:35px;}.acename .oniamg {font-size:1.1em;word-break:break-all;}.logo img{width:80%;}.dropdown .btn{padding:4px 8px;}.cpdyword{width:94%;}.craft-vedio{width:94%;}.craft-vedio iframe{height:260px;}}
@media (max-width:480px){.blog-article .post-meta ul li i{padding-right:10px;}}
@media (max-width: 474px){.newdesign .click{height:50%;}.click .oniamg{font-size:14px;}}
@media (max-width:471px){.craft-vedio iframe{height:229px;}}
@media (max-width:457px){.aboutfl ul li a p{font-size:16px;line-height:30px;}.acetate{height:2rem;}}
@media (max-width:437px){.craft-vedio iframe{height:211px;}}
@media (max-width:437px) and (min-width:361px){.cpdy dt{font-size:12px;}}
@media (max-width:437px){.viewmore{font-size:12px;}}
@media (max-width:417px){.metal{height:2rem;}}
@media (max-width:414px){.c-mobile-logo{width:45%;}}
@media (max-width:370px){.click .oniamg{font-size:13px;}.craft-vedio iframe{height:186px;}}
@media (max-width:360px){.aboutfl ul li a p{font-weight:bold;font-size:12px;transform: translateY(80%);}.cpdy dt{height:40px;}}
@media (max-width:340px){.click .oniamg{font-size:12px;}.indextitle{font-size:22px}.cpms{font-size:13px;line-height:20px;width:96%;}}
@media (max-width:320px){.click .oniamg{font-size:11px;}.indextitle{font-size:20px}}
@media (min-width:470px){.cpdy dt{margin:10px auto;}.cpdym dt{width:19rem;}}
@media (min-width:768px){.aboutlx{margin-bottom:60px;}.xspr{padding-right:0}}
@media (min-width:769px){.cp90{width:90%;margin:0 auto;}.cpnyxl{width:84%;margin:0 auto;}.cpnr{width:96%;margin:0 auto;}}
@media (min-width:1501px){
.aboutnr p{line-height:30px;}.aboutnr-zh p{line-height:26px;}
}
@media (min-width:1557px){.breadtitle{font-size:22px;}}
@keyframes scratchy {
0% {
background-position: 0 0;
}
25% {
background-position: 30px 30px;
}
26% {
background-position: 60px -60px;
}
50% {
background-position: 80px -80px;
}
51% {
background-position: 100px -100px;
}
75% {
background-position: 120px -120px;
}
76% {
background-position: 150px -150px;
}
99% {
background-position: 200px -200px;
}
100% {
background-position: 0 0;
}
}
/* 添加兼容性前缀 */
@-webkit-keyframes scratchy {
0% {
background-position: 0 0;
}
25% {
background-position: 30px 30px;
}
26% {
background-position: 60px -60px;
}
50% {
background-position: 80px -80px;
}
51% {
background-position: 100px -100px;
}
75% {
background-position: 120px -120px;
}
76% {
background-position: 150px -150px;
}
99% {
background-position: 200px -200px;
}
100% {
background-position: 0 0;
}
}
@-moz-keyframes scratchy {
0% {
background-position: 0 0;
}
25% {
background-position: 30px 30px;
}
26% {
background-position: 60px -60px;
}
50% {
background-position: 80px -80px;
}
51% {
background-position: 100px -100px;
}
75% {
background-position: 120px -120px;
}
76% {
background-position: 150px -150px;
}
99% {
background-position: 200px -200px;
}
100% {
background-position: 0 0;
}
}
@-ms-keyframes scratchy {
0% {
background-position: 0 0;
}
25% {
background-position: 30px 30px;
}
26% {
background-position: 60px -60px;
}
50% {
background-position: 80px -80px;
}
51% {
background-position: 100px -100px;
}
75% {
background-position: 120px -120px;
}
76% {
background-position: 150px -150px;
}
99% {
background-position: 200px -200px;
}
100% {
background-position: 0 0;
}
}
@-o-keyframes scratchy {
0% {
background-position: 0 0;
}
25% {
background-position: 30px 30px;
}
26% {
background-position: 60px -60px;
}
50% {
background-position: 80px -80px;
}
51% {
background-position: 100px -100px;
}
75% {
background-position: 120px -120px;
}
76% {
background-position: 150px -150px;
}
99% {
background-position: 200px -200px;
}
100% {
background-position: 0 0;
}
}