.ui-nowrap {max-width:100%; overflow:hidden ;white-space:nowrap; text-overflow:ellipsis; }
.ui-nowrap-multi { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.img1 {width: 100%;padding-top: 100%;}
.img2 {width: 100%;padding-top: 50%;}
.imgcover-img{ width:100%; height:100%; object-fit:cover; object-position:center;}


/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
h2 a{color: #333;display: block;}
.fl{float: left;}
.fr{float: right;}


/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination{height:0.6rem;bottom: 3.7rem;}
.g-adv .swiper-pagination .swiper-pagination-bullet{width:0.6rem;height:0.6rem;background: #fff;opacity: 1;margin:0 1.3rem;vertical-align:top;border-radius:50%;position:relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #26a6ff;}
.g-adv .swiper-pagination .swiper-pagination-bullet:nth-child(2):before{position:absolute;width: 2rem;height:1px;background: #fff;content: "";left: -2.3rem;top: 0.25rem;}
.g-adv .swiper-pagination .swiper-pagination-bullet:nth-child(2):after{position:absolute;width: 2rem;height:1px;background: #fff;content: "";right: -2.3rem;top: 0.25rem;}

/*引子*/
.yz{height: 20rem;padding-top: 3.3rem;overflow: hidden;}
.yz h2{text-align: center;font-size: 2.2rem;color: #252525;line-height: 2rem;font-weight: normal;}
.yz h2 span{color: #26a6ff;font-weight: bold;margin-left: 0.4rem;}
.yz h2 em{display: inline-block;margin-top: 14px;width: 17.35rem;}
.yz p.ms{font-size: 16px;color: #6e6e6e;text-align: center;line-height: 36px;margin-top: 38px;}
.yz ul{background: url(../img/yz_bg.png) no-repeat center top;background-size: 100% 3.8rem;padding-top: 1.4rem;margin-top: 0.5rem;}
.yz li{float: left;margin-right:1.25%;width:9.7rem;position: relative;background: #fff;}
.yz li em{display: block;width:100%;height:100%;position: relative;}
.yz li img{width: 100%;}
.yz li:before{display: block;content: "";width: 0;height: 0;border-top: 2.8rem solid #fff;border-right: 4.95rem solid transparent;position: absolute;left: 0;top: 0;}
.yz li:after{display: block;content: "";width: 0;height: 0;border-top: 2.8rem solid #fff;border-left: 4.95rem solid transparent;position: absolute;right: 0;top: 0;}
.yz li:first-child{margin-left:3.43%;}
.yz li:last-child{margin-right: 0;}
.yz li em:before{display: block;content: "";width: 0;height: 0;border-bottom: 2.8rem solid #fff;border-right: 4.95rem solid transparent;position: absolute;left: 0;bottom: 0;}
.yz li em:after{display: block;content: "";width: 0;height: 0;border-bottom: 2.8rem solid #fff;border-left: 4.95rem solid transparent;position: absolute;right: 0;bottom: 0;}


/*品质好货*/
.pro{background: #f5f5f5;position: relative;}
.pro:after{content: "";width: 0;height: 0;position: absolute;border-top: 2.5rem solid #fff;border-right:16rem solid transparent;border-left: 16rem solid transparent;left: 0;top: 0;}
.pro h2{text-align: center;font-size: 2.2rem;color: #252525;line-height: 2rem;font-weight: normal;position: relative;z-index: 1;padding-top: 1rem;}
.pro h2 b{background: url(../resource/images/7eb37ffbc7b545d4873bd378960b624a.png) no-repeat;width: 2.35rem;height: 2.1rem;display: block;text-align: center;padding-top: 0.6rem;margin: 0 auto;margin-bottom: .4rem;background-size: 2.35rem 2.7rem}
.pro h2 b img{width: 1.6rem;height: auto;margin: 0 auto;}
.pro h2 span{color: #26a6ff;font-weight: bold;margin-left: 0.4rem;}
.pro h2 em{display: block;margin-top: .9rem;font-size: 1rem;color: #333;line-height: 1rem;}
.pro h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 0.1rem;}
.pro .tit{margin: 0 3.125%;margin-top: 2.2rem;}
.pro .tit li,.pro .tit i{float: left;width: 21.167%;margin-right:5%;margin-bottom: 2.2rem}
.pro .tit li a img{display:block;border-radius:50%;}
.pro .tit li:nth-child(4n),.pro .tit i{margin-right: 0;}
.pro .tit li em,.pro .tit i em{width: 100%; height:6.15rem; border-radius: 50%; overflow: hidden;display: block;box-sizing: border-box;}
.pro .tit li em img,.pro .tit i em img{width: 100%;}
.pro .tit li span,.pro .tit i span{display: block;text-align: center;height:1.6rem;width: 100%;font-size: 1.2rem;color: #fff;background: url(../img/pz_tbg.png);line-height: 1.6rem;margin-top:.75rem;background-size: 100% 1.6rem;}
.pro .tit li.cur em,.pro .tit li:hover em,.pro .tit i:hover em{border: 0.1rem solid #26a6ff;}
.pro .tit li.cur span,.pro .tit li:hover span,.pro .tit i:hover span{background: url(../img/pz_tbgh.png);background-size: 100% 1.6rem;}

.pro .con{margin:0 3.125%;margin-top: .35rem;overflow: hidden;}
.pro .con dt{line-height: 0}
.pro .con dt img{width:100%;}
.pro .con dd{background: #fff;padding: 0 1rem;padding-bottom: 1.5rem;}
.pro .con dd b{font-size: 1.2rem;font-weight: normal;display: block;width:1.95rem;white-space: nowrap;border-bottom: .1rem solid #26a6ff;padding-bottom:.3rem;margin-bottom: .75rem;padding-top: 1.05rem}
.pro .con dd p{line-height: 1.5rem;color: #7D7D7D;font-size: 1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pro .con2{margin: 0 3.125%;margin-top: 1.5rem;margin-bottom:1.5rem;}
.pro .con2 li{float: left;width: 48.833%;margin-right: 2.266%;background: #fff;}
.pro .con2 li:nth-child(2n){margin-right: 0;float: right;}
.pro .con2 li img{width: 100%;}
.pro .con2 li span{display: block;text-align: center;font-size: 1.2rem;line-height:3.5rem;}


/*品质好货*/
.sl{background:url(../img/sl_bg.png) no-repeat center top;position: relative;background-size: 100% 20.8rem;padding-bottom: 2rem;}
.sl:after{content: "";width: 0;height: 0;position: absolute;border-top: 2.5rem solid #f5f5f5;border-right:16rem solid transparent;border-left: 16rem solid transparent;left: 0;top: 0;}
.sl h2{text-align: center;font-size: 2.2rem;color: #fff;line-height: 2rem;font-weight: normal;position: relative;z-index: 1;padding-top: 0.5rem;}
.sl h2 a{color: #fff;}
.sl h2 b{background: url(../img/sl_tbg.png) no-repeat center top;width:2.85rem;height: 3.1rem;display: block;text-align: center;padding-top: 0.8rem;margin: 0 auto;margin-bottom: .4rem;background-size: 2.85rem 3.3rem;}
.sl h2 b img{width:1.8rem; height: auto; margin: 0 auto;}
.sl h2 span{color: #26a6ff;font-weight: bold;margin-left: 0.4rem;}
.sl h2 em{display: block;margin-top: .9rem;font-size: 1rem;line-height: 1rem;}
.sl h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 0.1rem;}
.sl .tit{margin: 0 3.125%;margin-top: 2.5rem;}
.sl .tit li{float: left;text-align: center;width: 16.33%;margin: 0 6%;border-right: 1px solid rgba(255,255,255,0.12);box-sizing: content-box;padding-right: 6%; margin-right: 0;}
.sl .tit li:first-child{margin-left: 0;padding-right: 6%; margin-right: 0;}
.sl .tit li:last-child{border-right: none; padding: 0; margin: 0; float: right;}
.sl .tit li em.pic1{display: block;}
.sl .tit li em.pic2{display: none;}
.sl .tit li em img{width: 2.6rem;height: 2.5rem;display: inline-block;}
.sl .tit li span{display: block;font-size: 1.2rem;color: #fff;margin-top: .4rem;}
.sl .tit li.cur em.pic1,.sl .tit li:hover em.pic1{display: none;}
.sl .tit li.cur em.pic2,.sl .tit li:hover em.pic2{display: block;}
.sl .tit li.cur span,.sl .tit li:hover span{color: #26a6ff;}
.sl .con{margin:0 3.125%;margin-top: 6.5rem;overflow: hidden;}
.sl .con dl dt{line-height: 0;}
.sl .con dl dt img{width: 100%}
.sl .con dl dd h3{margin-bottom: 1rem;padding-top: 1.5rem;}
.sl .con dl dd h3 em{display: block;background:url(../img/sl_ctit.png);width: 3.05rem;height: 3.5rem;text-align: center;line-height: 3.5rem;font-size: 1.8rem;color: #fff;font-weight:normal;float: left;background-size:100% 3.5rem;}
.sl .con dl dd h3 i{float: left;margin-left: 1.3rem;font-size: 1.8rem;color: #242424;line-height: 3.2rem;font-weight: normal;}
.sl .con dl dd h3 i span{font-size: .6rem;font-family:GothamBook;color: #CBCBCB;display: block;font-weight: normal;text-transform: uppercase;}
.sl .con dl dd p{font-size: 1rem;color: #383838;line-height: 1.6rem;}
.sl .con dl dd p span{display: block;margin-bottom: .9rem;font-size: 0.95rem;}
.sl .con dl dd li{width: 48.33%!important;float: left;margin-right: 3.33%;}
.sl .con dl dd li:nth-child(2n){margin-right: 0;}
.sl .con dl dd li img{width: 100%;}
.sl .con .qh{text-align: center;margin-top: 0.8rem;position: relative;padding-top: 0.4rem;line-height:0;}
.sl .con .qh:before{position: absolute;content: "";width: 11.9rem;height: 1px;background: #EBEBEB;left:0;top: .75rem;}
.sl .con .qh:after{position: absolute;content: "";width:11.9rem;height: 1px;background: #EBEBEB;right:0;top: .75rem;}
.sl .con .qh i{display: inline-block;width: .55rem;height: .65rem;background: url(../img/sl_cqh.png);margin: 0 .15rem;cursor: pointer;background-size:100% 0.65rem;overflow:hidden;}
.sl .con .qh i.cur{display: inline-block;width: .55rem;height: .65rem;background: url(../img/sl_cqhh.png);background-size:100% 0.65rem;}


/*合作案例*/
.case{background:#f5f5f5;position:relative;overflow:hidden;height:45.7rem}
.case:after{content:"";width:0;height:0;position:absolute;border-top:2.5rem solid #fff;border-right:16rem solid transparent;border-left:16rem solid transparent;left:0;top:0}
.case h2{text-align:center;font-size:2.2rem;color:#fff;line-height:2rem;font-weight:400;position:relative;z-index:1;padding-top:0.8rem}
.case h2 b{background:url(../img/sl_tbg.png) no-repeat center top;width:2.85rem;height:2.9rem;display:block;text-align:center;padding-top:1rem;margin:0 auto;margin-bottom:.4rem;background-size:2.85rem 3.3rem}
.case h2 b img{width:1.4rem;height:auto;margin:0 auto}
.case h2 span{color:#26a6ff;font-weight:700;margin-left: 0.4rem;}
.case h2 em{display:block;margin-top:.9rem;font-size:1rem;line-height:1rem}
.case .tit{margin: 0 3.125%;margin-top: 2.2rem;}
.case .tit li{background: url(../img/case_ctit.png);background-size:100% 3.1rem;float: left;width: 32.33%;height: 3.1rem;margin-right: 1.5%;text-align: center;}
.case .tit li:hover{background: url(../img/case_ctith.png);background-size:100% 3.1rem;}
.case .tit li:nth-child(3n){margin-right: 0;margin-bottom: .55rem;}
.case .tit li img{display: inline-block;height: 2.05rem;width: auto;vertical-align: middle;margin-right: 0.4rem;}
.case .tit li span{display: inline-block;font-size: 1.2rem;color: #fff;line-height: 3.1rem;vertical-align: middle;}
.case .con{margin: 0 3.125%;overflow: hidden;margin-top: 2.2rem;height: 16rem;background: #d9d9d9;position: relative;}
.case .con .list{width: 71.83%;margin: 0 auto;}
/*.case .con .item{margin-left: -100%;}*/
.case .con dl{float: left;width: 100%;background: #2a2a2a;}
.case .con dt{line-height: 0;overflow: hidden;max-height: 12.1rem;}
.case .con dt img{width: 100%;}
.case .con dt:before{background: rgba(32,32,32,0.46);width:100%;height:12.1rem;content: "";position: absolute;left: 0;top:0;z-index: 1;}
.case .con dd{font-size: 1.2rem;text-align: center;line-height: 4rem;color: #fff;font-weight: bold;position: relative;display: none;}
.case .con .swiper-slide-active dt:before{display:none;}
.case .con .swiper-slide-active dd{display: block;}
.case .con .qh{position: absolute;top: 6.2rem;width: 100%;z-index: 12;}
.case .con .qh i{width: 1.1rem;height: 2.1rem;display: inline-block;}
.case .con .qh .prev{float: left;margin-left: 1.5rem;}
.case .con .qh .next{float: right;margin-right: 1.5rem;}
.case .more{width: 13.4rem;height: 2.9rem;line-height: 2.9rem;margin: 0 auto;text-align: center;font-size: 1.2rem;color: #fff;display: block;background: #26a6ff;margin-top: 2.5rem;}


/*工艺流程*/
.lc{background:#fff;position:relative;overflow:hidden;height:42.25rem}
.lc:after{content:"";width:0;height:0;position:absolute;border-top:2.5rem solid #f5f5f5;border-right:16rem solid transparent;border-left:16rem solid transparent;left:0;top:0}
.lc h2{text-align:center;font-size:2.2rem;color:#fff;line-height:2rem;font-weight:400;position:relative;z-index:1;padding-top:3.4rem}
.lc h2 b{background:url(../img/sl_tbg.png) no-repeat center top;width:2.85rem;height:3.1rem;display:block;text-align:center;padding-top:.8rem;margin:0 auto;margin-bottom:.4rem;background-size:2.85rem 3.3rem}
.lc h2 b img{width:1.55rem;height:auto;margin:0 auto}
.lc h2 span{color:#26a6ff;font-weight:700;margin-left: 0.4rem;}
.lc h2 em{display:block;margin-top:.9rem;font-size:1rem;line-height:1rem}
.lc .con{background:url(../img/lc_bg.jpg) no-repeat center 8.3rem;margin-top:3.75rem;background-size: 100% 13.35rem;}
.lc ul{margin: 0 3.125%;}
.lc li{float:left;width:18.166%;height:11.75rem;margin-right:9.1%;text-align:center;background:url(../img/lc_cbg.png) no-repeat;background-size: 5.45rem 7.55rem;margin-bottom: 0.8rem;}
.lc li:nth-child(4n){margin-right: 0;float: right;}
.lc li:nth-child(5){margin-left: 0;margin-left: 12.66%;}
.lc li:last-child{margin-right:0}
.lc li em{display:block;width:5.45rem;height:6.3rem;line-height:0}
.lc li em img{width:2.4rem;height:2.4rem;display: inline-block;margin-top: 2rem;}
.lc li span{display:block;font-size:1.2rem;font-weight:700;margin-top:3.4rem;color: #333333;}


/*聚焦欧拓*/
.new{position: relative;height:44.5rem;background: #f2f2f2;}
.new:after{content: "";width: 0;height: 0;position: absolute;border-top: 2.5rem solid #fff;border-right:16rem solid transparent;border-left: 16rem solid transparent;left: 0;top: 0;}
.new h2{text-align: center;font-size: 2.2rem;color: #252525;line-height: 2rem;font-weight: normal;position: relative;z-index: 1;padding-top:0.7rem;}
.new h2 b{background: url(../img/sl_tbg.png) no-repeat center top;width:2.75rem;height:2.3rem;display: block;text-align: center;padding-top: 1rem;margin: 0 auto;margin-bottom: .4rem;background-size: 100% 3.3rem;}
.new h2 b img{width:1.5rem; height: auto; margin: 0 auto;}
.new h2 span{color: #26a6ff;font-weight: bold;margin-left: 0.4rem;}
.new h2 em{display: block;margin-top: .9rem;font-size: 1rem;line-height: 1rem;}
.new h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 0.1rem;}
.new .tit{margin: 0 3.125%;margin-top: 1.5rem;}
.new .tit li{float: left;background: url(../img/new_cbg.png);background-size: 100% 2.85rem;width: 32.33%;margin-right: 1.5%;height: 2.85rem;text-align: center;line-height: 2.9rem;font-size: 1.2rem;color: #fff;font-weight: bold;}
.new .tit li.cur{background: url(../img/new_cbgh.png);background-size: 100% 2.85rem;}
.new .tit li a{color: #fff;}
.new .tit li:last-child{margin-right: 0;}
.new .con{margin: 0 3.125%;margin-top: 2.2rem;overflow: hidden;}
.new .con dl{margin-bottom: .9rem;height: 6.9rem;overflow: hidden;}
.new .con dt{float: left;width: 30.66%;height: 7.45rem;}
.new .con dt img{width: 100%;}
.new .con dd{float: left;width: 69.33%;border: 1px solid #E7E7E7;box-sizing: border-box;background: #fff;height: 6.9rem;padding: 1rem 4%;}
.new .con dd b{font-size: 1.1rem;color: #363636;display: block;margin-bottom: .8rem;}
.new .con dd b a{display: block;}
.new .con dd p{font-size: 1.1rem;line-height: 1.5rem;color: #464646;}
.new .con li{height: 6.4rem;background: #fff;margin-bottom: 1.3rem;}
.new .con li em{display: block;float: left;width: 18.33%;text-align: center;font-size:3rem;color: #464646;border-right: 1px solid #EFEFEF;box-sizing: border-box;height: 6.4rem;line-height:100%;padding-top: 1.1rem;}
.new .con li em i{display: block;font-size: .8rem;text-transform: capitalize;color: #9F9F9F;line-height: 100%;margin-top: 0.3rem;}
.new .con li p{float: left;width: 81.66%;box-sizing: border-box;padding: 0.8rem 1rem;}
.new .con li p b{font-size: 1.1rem;color: #363636;display: block;margin-bottom: .2rem;}
.new .con li p span{font-size: 1rem;line-height: 1.3rem;color: #464646;}

/*走进欧拓*/
.about{position: relative;height:56.8rem;}
.about:after{content: "";width: 0;height: 0;position: absolute;border-top: 2.55rem solid #f2f2f2;border-right:16rem solid transparent;border-left: 16rem solid transparent;left: 0;top: 0;}
.about h2{text-align: center;font-size: 2.2rem;color: #252525;line-height: 2rem;font-weight: normal;position: relative;z-index: 1;padding-top:4.3rem;}
.about h2 b{background: url(../img/sl_tbg.png) no-repeat center top;width:2.85rem;height: 3.1rem;display: block;text-align: center;padding-top: 0.8rem;margin: 0 auto;margin-bottom: .4rem;background-size: 100% 3.3rem;}
.about h2 b img{width:1.75rem; height: auto; margin: 0 auto;}
.about h2 span{color: #26a6ff;font-weight: bold;margin-left: 0.4rem;}
.about h2 em{display: block;margin-top: .9rem;font-size: 1rem;line-height: 1rem;}
.about h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 0.1rem;}
.about .con{margin-top: 1.4rem;}
.about .con h3{font-size: 1.2rem;text-align: center;display: block;color: #252525;font-weight: bold;}
.about .con p.ms{font-size: 1rem;color: #393939;line-height: 1.8rem;padding: 0 1.3rem;text-align: center;margin-top: 1rem;}
.about .picc{background: url(../img/about_pic.jpg) no-repeat center top;position: relative;}
.about .picc:after{content: "";width: 0;height: 0;position: absolute;border-top: 2.45rem solid #fff;border-right: 16rem solid transparent;border-left: 16rem solid transparent;left: 50%;top: -0.01rem;margin-left: -16rem;}
.about .picc em:before{content: "";width: 0;height: 0;position: absolute;border-bottom: 2.45rem solid #fff;border-right: 16rem solid transparent;border-left: 16rem solid transparent;left: 50%;bottom:-0.01rem;}
.about .picc em:after{content: "";width: 0;height: 0;position: absolute;border-bottom: 2.4rem solid #fff;border-right: 16rem solid transparent;border-left: 16rem solid transparent;left: 50%;bottom:-0.01rem;margin-left: -32rem;}
.about .tit{margin-top:2.3rem;text-align:center}
.about .tit li{display:inline-block}
.about .tit li a{display:inline-block;margin-right:2.3rem}
.about .tit li img{display:inline-block;vertical-align:middle;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:all .2s ease-in;width:1.3rem}
.about .tit li span{display:inline-block;font-size:1.2rem;color:#1A1A1A;font-weight:700;vertical-align:middle;margin-left:.5rem;transition:all .2s ease-in;line-height:0}
.about .tit li:last-child a{margin-right:0}
.about .tit li.cur span{color:#26a6ff}
.about .tit li.cur img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.about .cons{margin:0 3.125%;margin-top:1.2rem;overflow:hidden}
.about .cons li{float:left;width:48%}
.about .cons li:nth-child(2n){margin-right:0;float:right}
.about .cons li img{width:100%}




/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html { font-size: 11.25px;}}
@media screen and (min-width:375px) {html { font-size: 11.7px;}}
@media screen and (min-width:384px) {html { font-size: 12px;}}
@media screen and (min-width:480px) {html { font-size: 15px;}}
@media screen and (min-width:414px) {html { font-size: 13px;}}
@media screen and (min-width:560px) {html { font-size: 17.5px;}}
@media screen and (min-width:640px) {html { font-size: 20px;}}