@import "animate.min.css";

@font-face {
    font-family: din-medium;
    src: url("fonts/DIN-Medium.otf") format("opentype");
}


*{margin:0;padding:0;box-sizing:border-box;}
a{text-decoration: none;transition:all .2s;}
h1{font-size:24px}
img{max-width:100%;}
:root{
    --color:#c41b1f;
}
body{
    font-size: 16px;
    color: #333;
    overflow-x: hidden;
}

.container{width:1200px;margin:auto}
.theme-color{color:var(--color)}
.theme-bg{background-color:var(--color);color:#fff;}
.text-row-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.full{width:100%;height:100%;}
.hover-img-zoom{overflow: hidden;}
.hover-img-zoom img{transition:all .4s;}
.hover-img-zoom:hover img{transform:scale(1.1);}
.icon-right{background-image:url(../image/r.png);background-repeat:no-repeat;display:inline-block;width:18px;height:18px;background-position:center;}
.input,.textarea{border:solid 1px #e0e0e0;border-radius:3px;height:40px;padding:10px;outline:none;background-color:#fff;color: #333;line-height: 1.5;}
.input:focus,.textarea:focus{border-color:var(--color);}
.textarea{height:95px;}
.btn{background-color:var(--color);display:inline-block;line-height:45px;border-radius:3px;border:none;cursor:pointer;width:150px;height:45px;color:#fff;font-size:18px;text-align:center;}
.btn:hover{background-color:#cf0005;}
.btn + .btn{margin-left:35px;}
.btn.btn-xs{line-height:28px;width:auto;height:28px;font-size:14px;padding:0 12px;}
.btn-white{background-color:#fff;color:var(--color);}
.btn-white:hover{background-color:#f8f8f8;}
.btn-search{background-color:transparent;border:none;cursor:pointer;background-image:url(../image/so.svg);background-position:center;background-repeat:no-repeat;height:32px;width:32px;}
.btn-consult{transition:all .2s;color:#fff;display:inline-block;line-height:45px;padding:0 30px;border-radius:24px;font-size:18px;background-color:#de423c;box-shadow:0 0 12px 0 rgb(0 0 0 / 10%);background-image:linear-gradient(#e35b4a,#db3333)}
.btn-consult:hover{box-shadow:0 0 15px 0 rgb(0 0 0 / 20%);background-image:linear-gradient(#e35b4a,#e35b4a)}
.btn-consult i{margin-left:18px;vertical-align:middle;margin-top:-2px}
.swiper-slide{background-repeat:no-repeat;background-position:center;background-size:cover;}
.swiper-slide a{display:inline-block;width:100%;height:100%;}
.swiper{width:100%;}

table{border-collapse:collapse;border-spacing:0;width:100%;}
td,th{padding:0}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #e4e4e4}
table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}
table td,table th{border-left:1px solid #e4e4e4;border-width:0 0 0 1px;margin:0;overflow:visible;padding:10px;border-width: 0 0 1px 0;border-bottom: 1px solid #e4e4e4;text-align:left;}
table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}
table td{background-color:transparent;font-size:14px;}
table tbody>tr:last-child>td {border-bottom-width: 0;}
table tr:hover{background-color:#f7f7f7;}
table tr.on{background-color:#f1f1f1;}

.layui-layer-setwin .layui-layer-close2,.layui-layer-setwin .layui-layer-max{transition:unset;}
.layui-layer-btn a{font-size:14px;}
.layui-layer,.layui-layer-btn a{border-radius:0!important;}
.handle{cursor:move;}
.layui-layer-page img[src='']{display:none;}
.layui-layer-btn .layui-layer-btn0{border-color: #00bcd4!important;background-color: #00bcd4!important;}
.sort_list .item.col-2 {display:flex;border:solid 1px #eee;padding:10px}
.sort_list .item.col-2 > div:last-child{flex:1;padding-left:20px;position:relative}
.sort_list .item .input-full .input{width:100%;}
.sort_list .item textarea{height:90px;}
.sort_list .item .del{cursor:pointer;color:red;position: absolute;top: 0;right: 0;}
.layui-layer-page .pagebar .container{width:auto;font-size:13px;text-align:center;}
.layui-layer-page .layui-layer-content{padding:10px;}
.layui-layer-page .form .item:first-child{margin-top:0;}

.product-result{padding:10px 0;margin:10px 0;}
.product-result .item{position:relative;display:inline-block;width:180px;padding:10px;margin:5px;border:solid 1px #eee;vertical-align: top;cursor:pointer;}
.product-result .item:first-child{margin-top:15px;}
.product-result .item .title{font-size:13px;height:36px;padding:0 5px;color:#666;margin-top:5px;text-align:center;}
.product-result .item:hover{border-color:var(--color);}
.product-result .item .checkbox{position:absolute;left:10px;top:10px;width:20px;background-color:rgb(0 0 0 / 10%);text-align:center;pointer-events:none}

.edit-frame{z-index:150;position:fixed;border:dashed 2px #00bcd4;background-color:rgb(0 188 212 / 20%);}
.edit-frame .action{position:absolute;pointer-events:visible;top:-2px;right:-2px;background-color:#00bcd4;color:#fff;font-size:14px;line-height:30px;padding:0 10px;cursor:pointer;white-space:nowrap;}
.admin-control{z-index:200;position:fixed;right:50px;top:100px}
.admin-control .item{border-radius:50%;margin-bottom:20px;background-color:#fff;width:50px;height:50px;text-align:center;padding-top:10px;box-shadow:0 0 5px 2px rgb(0 0 0 / 20%);transition:all .2s;cursor:pointer;border:solid 1px #fff}
.admin-control .item.on{border-color:#00bcd4;background-color:#00bcd4}
.admin-control .item:hover{box-shadow:0 0 10px 2px rgb(0 0 0 / 40%)}
.admin-control .item svg{fill:#555}
.admin-control .item.on svg{fill:#fff}

/*头部*/
.header{padding:20px 0}
.header .top{display:flex;justify-content:space-between}
.header .tel{background-image:url(../image/tell_top.png);background-repeat:no-repeat;background-position-x:left;background-position-y:center;display:flex;flex-direction:column;justify-content:center;padding-left:70px}
.header .tel .text{color:#999}
.header .tel .phone{font-size:28px}

/*导航栏*/
.navbar{position:relative;}
.navbar li{display:inline-block;position:relative;z-index:10}
.navbar li a{display:inline-block;padding:20px 25px;color:#fff;}
.navbar li:before{content:'';position:absolute;left:0;top:0;width:100%;height:0;background-color:#ae181c;transition:all .2s;z-index:-1}
.navbar li.on:before,.navbar li:hover:before{height:100%!important;width:100%!important;}
.navbar .all ul{opacity:0;margin-top:10px;transition:all .2s;visibility: hidden;}
.navbar .all > li{position:relative;}
.navbar .all > li:hover > ul{opacity:1;margin-top:0;visibility: visible;}
.navbar .all ul{position:absolute;top:100%;left:0;background-color:#ae181c;font-size:14px;}
.navbar .all ul li,.navbar .all ul li a{width:100%;}
.navbar .all ul li:before{background-color:var(--color);height:100%;width:0;}
.navbar .all ul li:hover:before{width:100%;}
.navbar .all ul li a{padding-top:10px;padding-bottom:10px;}
.navbar .menu{z-index:20;display: none;padding-right:10px;position:absolute;right:0;top:0;width:80px;height:100%;overflow:hidden;}
.navbar .menu .open-menu{display:flex;justify-content: end;align-items: center;box-shadow: -5px 0 5px 0 rgb(196 27 31);transition:all .8s;width:35px;height:100%;text-align:right;float: right;background-color: var(--color);}
.navbar .menu .open-menu.on{transform: rotateX(180deg);}
.navbar .menus{z-index:15;display:none;position:absolute;top:0;width:100%;background-color:rgb(0 0 0 / 30%);}
.navbar .menus ul{display:none;padding-right:0;width: 100%;margin: auto;background-color:var(--color);padding:15px 0;}
.navbar .menus li{display:block;}
.navbar .menus li a{display:block;text-align:center;}
.navbar .menus li a:before{display:none;}
.navbar .menus li a.on{color: antiquewhite;}
.navbar.fixed{position:fixed;top:0;width:100%;z-index:100;box-shadow: 0 5px 10px 0 rgb(196 27 31 / 25%);}

/*普通的图片轮播*/
.simple-swiper .swiper-slide {height:630px;}
.simple-swiper .swiper-slide a{display:inline-block;width:100%;height:100%}
.simple-swiper .swiper-slide img{width:100%;height:630px}
.simple-swiper .swiper-pagination-bullet{background:#c41b1f;width:50px;border-radius:0;height:5px}
.simple-swiper .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:10px!important}

/*产能4种数字数据*/
.factory-abi{padding:25px 0;border-bottom:solid 1px #e5e5e5}
.factory-abi .abi{display:flex}
.factory-abi .item{flex:0 0 25%;text-align:center;position:relative}
.factory-abi .item+.item:before{content:'';background-color:#eee;position:absolute;left:0;top:10px;width:1px;height:80%}
.factory-abi .size .num{font-size:48px;font-family:din-medium-;position:relative;}
.factory-abi .size .num:after{content:'';background-color:var(--color);position:absolute;bottom:-5px;left:8px;width:40px;height:3px}
.factory-abi .size .unit{font-size:24px;margin-left:10px}
.factory-abi .text{margin-top:15px;font-size:18px;color:#666}

/*区块大标题样式*/
.area-head{text-align:center;}
.area-head .title{font-size:30px;position:relative;padding-bottom:15px;color:var(--color);}
.area-head .title span{font-size:14px}
.area-head .title:before,.area-head .title:after{content:'';background-color:var(--color);position:absolute;bottom:0;height:3px;width:85px;margin:auto;left:0;right:0}
.area-head .title.between{padding-bottom:0;display:inline-block}
.area-head .title.between:after,.area-head .title.between:before{content:'';width:77px;top:50%;bottom:auto;margin-top:-1.5px}
.area-head .title.between:before{left: -77px;margin-left: -25px;right:auto}
.area-head .title.between:after{left:100%;margin-left:25px}
.area-head .title.no-line:after,.area-head .title.no-line:before{display:none;}
.area-head .bottom{font-size:18px;color:#999;margin-top:10px}
.area-head.left{text-align:left;}
.area-head.left .title:before{left:0;margin:unset;right:auto;width:50px;}
.area-head.left .title:after{display:none;}
.area-head.gray{margin:45px 0;}
.area-head.gray .title{font-size:24px;color:#333;padding-bottom:10px;}
.area-head.gray .title:before,.area-head.gray .title:after{display:none;}
.area-head.gray .bottom{color:#666;font-size:16px;margin-top:0;}

/*带三角的大tab*/
.lg-tab{display:flex;box-shadow:0 0 12px 1px rgb(0 0 0 / 41%);max-width:100%;transition:all .2s;}
.lg-tab .tab .title{font-size:24px}
.lg-tab .tab{flex:1;padding:25px;color:#666;background-color:rgb(195 195 195 / 78%);position:relative;cursor:pointer;transition:all .2s}
.lg-tab .tab:not(.on):hover{background-color:rgb(195 195 195 / 85%)}
.lg-tab .tab.on{color:#fff;background-color:normal;background-image:linear-gradient(to bottom right,rgb(222 101 85 / 76%),#c52b2f)}
.lg-tab .tab.on:before{content:'';position:absolute;width:0;height:0;margin:auto;left:0;right:0;top:-15px;border-left:solid 15px transparent;border-right:solid 15px transparent;border-bottom:solid 15px rgb(214 106 99)}
.lg-tab .tab .title{font-weight:700}
.lg-tab .tab .text{line-height:1.8;margin-top:5px}
.lg-tab.only-title .title{text-align:center;white-space:nowrap;}

/*带滑块的tab*/
.max-tab{border:solid 1px var(--color);border-right:none;display:flex;position:relative;margin-top:10px;white-space: nowrap;overflow-y: auto;}
.max-tab .tab{border-right:solid 1px var(--color);flex:1;text-align:center;line-height:60px;font-size:18px;cursor:pointer;color:var(--color);transition:all .3s;}
.max-tab .tab.on,.max-tab .tab:hover{color:#fff;}
.max-tab .slider{position:absolute;left:0;top:0;height:100%;width:0;background-color:var(--color);transition:all .3s;z-index:-1;}

/*加工定制范围*/
.made-range{margin-top:60px}
.made-range .area-head{margin-bottom:20px}
.made-range .area-head .title{letter-spacing:10px}
.made-range .swiper .swiper-slide{height:650px;}
.made-range .swiper .control{position:absolute;bottom:50px;width:100%;z-index:10;}
.made-range .oem{background-color:var(--color);}
.made-range .oem .items{display:flex;}
.made-range .oem .items .item{flex:1;text-align:center;background-image:linear-gradient(to right,#b5191d ,#c41b1f);padding:20px 0;position:relative;z-index:0}
.made-range .oem .items .item:before{content:'';position:absolute;left:0;top:0;height:100%;width:0;background-color:#b5191d;transition:all .3s;z-index:-1}
.made-range .oem .items .item:hover:before{width:100%}
.made-range .oem .items .item .text{margin-top:10px;color:#fff}
.page .made-range .area-head{margin-bottom:60px;}

/*爱尼丝N大优劣*/
.oem-odm{background-color:#fdf5f5;padding:25px 0 110px}
.oem-odm .area-head .title>span{margin-left:10px;font-size:1.3em;font-family:serif;font-weight:700}
.oem-odm .area-head .title>span span{font-size:1.3em}
.oem-odm .items{margin-top:45px}
.oem-odm .item{display:flex;height:310px}
.oem-odm .item .photo{flex:0 0 50%;font-size:0;}
.oem-odm .item .content{flex:1;background-color:#fff;padding:40px;text-align:center;position:relative}
.oem-odm .item .content .title{color:var(--color);font-size:24px;border-bottom:solid 1px #e6e6e6;margin:0 50px;padding-bottom:26px}
.oem-odm .item .content .text{line-height:1.8;margin-top:38px;}
.oem-odm .item .content:after{content:'';position:absolute;top:0;bottom:0;left:-40px;margin:auto;width:0;height:0;border-top:50px solid transparent;border-right:40px solid #fff;border-bottom:50px solid transparent}
.oem-odm .item:nth-child(2n){flex-flow:column-reverse;flex-direction:row-reverse}
.oem-odm .item:nth-child(2n) .content:after{border-left:40px solid #fff;border-right:none;left:auto;right:-40px}

/*客户logo*/
.customer{background-image:linear-gradient(#fff,#fbf8f8)}
.customer .container{position:relative;padding:70px 0;z-index:0}
.customer .container:after{z-index:-1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../image/customer-bg.png);background-repeat:no-repeat;background-position:bottom center;opacity:.3}
.customer .area-head .title span{font-size:1.2em;font-family:monospace;font-weight:700}
.customer .company-logo{display:flex;flex-wrap:wrap;margin:0 -14px;margin-top:30px}
.customer .company-logo .item{flex:0 0 20%}
.customer .company-logo .logo{position:relative;margin:10px 14px;height:95px;background-repeat:no-repeat;background-position:center;border:solid 1px #e7e6e6;background-color:#fff;color:transparent;font-weight:700;letter-spacing:5px;font-size:22px;text-align:center;line-height:95px;z-index:0;cursor:default;transition:all .2s;}
.customer .company-logo .logo:after,.customer .company-logo .logo:before{content:'';background-color:rgb(252 236 240 / 90%);position:absolute;left:0;width:100%;height:0;transition:all .3s;z-index:-1}
.customer .company-logo .logo:before{top:0}
.customer .company-logo .logo:after{bottom:0}
.customer .company-logo .logo:hover{color:#795548;border-color:rgb(252 236 240 / 90%);}
.customer .company-logo .logo:hover:after,.customer .company-logo .logo:hover:before{height:50%}

/*首页热评推荐*/
.recomm{padding:60px 0}
.recomm .products{display:flex;margin-top:40px}
.recomm .products .product{flex:0 0 20%}

/*立即联系 banner*/
.consult{background-color:var(--color);height:120px}
.consult .container{height:144px;background-image:url(../image/consult-bg.png);background-repeat:no-repeat;background-size:auto 100%;background-position-x:left}
.consult .content{display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end;font-size:18px;color:#fff;padding-top:25px}
.consult .content .tel{padding:0 33px}
.consult .content .btn-consult{margin-top:10px;}

/*纯文字列表*/
.simple-list a{display:block;line-height:2.2;color:#666;font-size:14px;position:relative;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}
.simple-list a:before{content:'';position:absolute;display:inline-block;width:2px;height:2px;margin:auto;top:0;bottom:0;left:0;background-color:#666}
.simple-list a:hover{color:var(--color)}
.simple-list a:hover:before{background-color:var(--color)}

/*表单*/
.form .item{position:relative;margin-top:15px}
.form .item label{font-size:14px;color:#999;}
.form .item label[for]{position:absolute;padding:10px;top:1px;}
.form .item label input{vertical-align:middle;}
.form .item.block .input,.form .item.block .textarea{width:100%;text-indent: 42px;}
.form .item.inline{display: flex;margin: 0 -10px;}
.form .item.inline .item{flex:1;padding: 0 10px;}
.form .item .input + .btn{height:40px;line-height: 40px;vertical-align: middle;}
.form .item.form-item-block .input{width:100%;margin-top:5px;}
.form .item.form-item-block label{display:block;}

/*首页底部文章列表*/
.index-end{padding:70px 0}
.index-end .area-head .title{font-size:24px}
.index-end .row{display:flex}
.index-end .row .col-full{flex:1;width:0;}
.index-end .row .col-1{padding-right:60px;flex:0 0 310px}
.index-end .row .col-2{padding:0 60px;flex:1;border-left:solid 1px #f0f0f0;border-right:solid 1px #f0f0f0}
.index-end .row .col-3{padding-left:60px;flex:0 0 435px}
.index-end .simple-list{margin-top:20px}
.index-end .form .input,.index-end .form .textarea{width:100%;}

/*底部走进爱尼丝*/
.into{background-image:url(../image/company.jpg);background-size:cover;background-position:center}
.into .container{display:flex;justify-content:flex-end}
.into .content{width:430px;height:520px;background-color:rgb(196 27 31 / 65%);padding:60px;color:#fff}
.into .content .title{font-size:30px}
.into .content .text{margin-top:25px;margin-bottom:40px;line-height:1.8;font-size:14px}

/*底部*/
.footer{background-color:#f5f5f5}
.footer .nav{background-color:#f9f9f9}
.footer .nav li{display:inline-block;}
.footer .nav a{line-height:60px;display:inline-block;padding:0 24px;color:#666}
.footer .nav a:hover{color:#000}
.footer .bottom{padding:30px 0;display:flex;font-size:14px;justify-content:space-between}
.footer .bottom .left{flex:0 0 716px}
.footer .qrcodes{display:flex;align-items:flex-start}
.footer .qrcodes .qrcode{flex:0 0 96px;padding:10px;background-color:#fff;margin-right:10px;text-align:center}
.footer .qrcodes .qrcode .text{margin-top:8px}
.footer .contact{background-color:#fafafa;border:solid 1px #eee;padding:8px;border-radius:18px;text-align:center;margin-top:10px}
.footer .contact span + span{margin-left:50px;}
.footer .copyright{color:#c1c1c1;padding:12px}
.footer .copyright a{color:#afafaf}
.footer .copyright a:hover{color:#9a9a9a}

/*搜索块*/
.search-bar{line-height:80px;background-color:#fbefef}
.search-bar .so{color:#b5b1b1;display:flex;justify-content:space-between}
.search-bar .so .words{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.search-bar .so .words a{color:var(--color);margin-right:20px}
.search-bar .so .words a:hover{color:#aa0004}
.search-bar .so .form{position:relative}
.search-bar .so .form .input{height:45px;border-radius:23px;padding:0 28px;width:350px}
.search-bar .so .form .btn-search{position:absolute;top:0;bottom:0;margin:auto;right:18px}

/*面包屑导航*/
.page-nav{padding:20px 0;font-size:14px;color:#999}
.page-nav a{color:#999}
.page-nav a:hover{color:#666}

/*产品列表页产品*/
.products{display:flex;flex-wrap:wrap;margin:0 -15px;margin-top:15px}
.products .product{flex:0 0 33.333333%;padding:15px}
.products .product .inside{border:solid 1px #eaeaea;height:440px;padding:24px 30px;display:flex;flex-direction:column;justify-content:space-between;color:#666;font-size:18px;transition:all .3s}
.products .product .inside:hover{border-color:var(--color);color:var(--color)}
.products .product .thumb{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.products .product .title{border-top:solid 1px #eaeaea;padding-top:20px;text-align:center;height: 45px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.entry-product .products .product .inside{height:325px;}

/*分页按钮*/
.pagebar{color:#666;margin:30px 0;font-size:14px}
.pagebar a{color:#666;display:inline-block;line-height:38px;padding: 0 16px;height:40px;text-align:center;border:solid 1px #e5e5e5;border-radius:4px;vertical-align:middle;margin-right:5px}
.pagebar a.on,.pagebar a:hover{background-color:var(--color);border-color:var(--color);color:#fff}
.pagebar .input{width:50px;vertical-align:middle;text-align:center;margin-right:5px}
.pagebar .confirm{width:auto;padding:0 10px}

/*联系我们bar*/
.contact-bar{line-height:120px;background-color:var(--color);font-size:30px;color:#fff;margin-top:50px}
.contact-bar .container{background-image:url(../image/consult-line-bg.jpg);background-position:bottom center;background-repeat:no-repeat;}
.contact-bar .content{display:flex;justify-content:space-between}
.contact-bar .btn-consult{vertical-align:middle;margin-top:-3px}

/*关于我们中的tab*/
.simple-tab{display:flex;justify-content:space-between;border-bottom:solid 1px var(--color);margin:30px 0;max-width:100%;overflow-x:auto;overflow-y: hidden;}
.simple-tab a{display:inline-block;width:165px;height:48px;min-width: 120px;line-height:48px;text-align:center;color:var(--color);border-top-left-radius:4px;border-top-right-radius:4px;border:solid 1px #e9e9e9;border-bottom:none;position:relative}
.simple-tab a.on,.simple-tab a:hover{color:#fff;font-weight:700;border-color:var(--color);background-color:var(--color)}
.simple-tab a.on:after{content:'';position:absolute;bottom:0;left:0;right:0;margin:auto;width:0;height:0;border-left:solid 8px transparent;border-right:solid 8px transparent;border-bottom:solid 8px #fff}

/*公司风采、生产设备图集*/
.gallery{display:flex;flex-wrap:wrap;margin:0 -10px}
.gallery .item{flex:0 0 25%;padding:10px}
.gallery .item.col-3{flex:0 0 33.333333%;}
.gallery .item .inside{display:inline-block;transition:all .3s}
.gallery .item .inside:hover{transform:translateY(-5px);box-shadow:0 3px 11px 5px rgb(0 0 0 / 20%)}
.gallery .item .thumb{height:220px;overflow:hidden;font-size:0}
.gallery .item .title{border:solid 1px #e9e9e9;border-top:none;line-height:50px;text-align:center;color:#666}

/*杂项*/
.min-swiper .swiper-slide{height:350px;}
.page .factory-abi{border-bottom:solid 1px #e9e9e9;}
.coo-step .area-head{padding-top: 25px;}
.page .page-swiper .swiper-slide {height:400px;}
.message{background-image:url(../image/messge-bg.gif);background-position:bottom center;background-repeat:no-repeat;padding-bottom:110px;}
.message .form{margin-top:30px;}
.message + .contact-bar{margin-top:0;}
.template-custom-made .page-gallery{padding:60px 0}
.page-gallery .area-head{margin-bottom:30px}

.main{display:flex}
.main .sidebar{flex:0 0 220px;width:220px;}
.main .entry{flex:1;margin-left:40px;width:0;}

/*加工合作流程*/
.steps{display:flex;margin-bottom:70px;}
.steps .step{flex:1;text-align:center}
.steps .step .icon{position:relative;width:80px;height:80px;padding:20px;border-radius:50%;border:solid 1px #e5e5e5;margin:0 auto;background-color:#fff}
.steps .step .icon:after,.steps .step .icon:before{content:'';position:absolute;top:50%;left:100%;width:150%;height:1px;border-top:solid 1px #e5e5e5}
.steps .step .icon:before{left:auto;right:100%}
.steps .step:not(:first-child) .icon:before{display:none}
.steps .step .icon svg{fill:var(--color);width:40px;height:40px}
.steps .step .text1{color:#999}
.steps .step .text2{color:#747474;font-weight:700;margin:6px 0 15px}
.steps .step .text1,.steps .step .text2,.steps .step .icon,.steps .step .icon:after{transition:all .3s;}
.steps .step.on .icon,.steps .step:hover .icon,.steps .step.on .icon:after{border-color:var(--color);}
.steps .step.on .text1,.steps .step.on .text2,.steps .step:hover .text1,.steps .step:hover .text2{color:var(--color);}
.steps.odm .step:first-child .icon:before,.steps.odm .step:last-child .icon:after{display:none}
.article .coo-step .container{width:auto;}
.article .coo-step .step{font-size:14px;}
.article .steps.odm  .step .text2{height:36px;}

/*加工定制页 客户见证*/
.witness{margin-top:15px;width:100%;}
.witness .thumb{height:130px}
.witness .content{margin-top:20px;font-size:14px;color:#666;line-height:1.8}
.witness .name{margin-top:10px;font-size:12px;color:#999}

/*侧栏*/
.sidebar .module .name{background-color:var(--color);border-top-right-radius:4px;border-top-left-radius:4px;line-height:58px;font-size:20px;color:#fff;text-align:center;}
.sidebar .module .content{border:solid 1px #e9e9e9;padding:0 22px;}
.sidebar .module .name + .content{border-top:none;}
.sidebar .module + .module{margin-top:25px;}
.sidebar #categories .content{line-height:58px;padding:0 35px}
.sidebar #categories .content a{display:block;border-bottom:solid 1px #e9e9e9;margin:0 -5px;padding:0 5px;color:#333}
.sidebar #categories .content a:last-child{border-bottom:none}
.sidebar #categories .content a:hover,.sidebar #categories .content a.on{color:var(--color);}
.sidebar #servicer .content{text-align:center;padding:0;}
.sidebar #servicer .content .text{padding:15px 0}
.sidebar #servicer .content .text img{width:20px;vertical-align:middle;margin-right:10px}
.sidebar #servicer .content .tel{font-size:24px;line-height:1.7;font-weight:700}
.sidebar #product-recomm .content{padding: 8px 22px;}
.sidebar #product-recomm .products{margin-top:0;}
.sidebar #product-recomm .products .swiper{height:660px;}
.sidebar #product-recomm .products .product{flex:0 0 100%;}
.sidebar #product-recomm .products .product + .product{margin-top: -10px;}
.sidebar #product-recomm .products .product .inside{padding: 10px 15px;height: 195px;}
.sidebar #product-recomm .products .product .title {padding-top: 10px;font-size: 14px;height:30px;}

/*普通文章页列表（新闻列表）*/
.posts .post{display:flex;border-bottom:solid 1px #e9e9e9;padding-bottom:35px;margin-bottom:35px}
.posts .post .thumb{flex:0 0 280px;height:175px}
.posts .post .content{margin-left:20px;font-size:14px}
.posts .post .content .title{font-size:24px;color:#333}
.posts .post .content .title:hover{color:var(--color)}
.posts .post .content .sub{color:#999;margin:20px 0 30px}
.posts .post .content .sub span+span{margin-left:40px}
.posts .post .content .intro{color:#666;line-height:2.2}
.posts .pagebar .container{width:auto}

/*联系爱尼丝*/
.contact .company{display:flex;margin:50px 0}
.contact .company>div{flex:0 0 50%;height:285px}
.contact.about .company>div{height:auto;font-size:0;}
.contact .company .photo .icon{background-color:#fbefef;padding:0 50px;}
.contact .company .intro{padding:30px 50px;background-color:#f8f8f8;}
.contact .company .intro .content{line-height:1.8;font-size:1rem;}
.contact .company .intro .content p + p{margin-top:10px;}
.contact .company .icon{display:flex;justify-content:space-between}
.contact .contacts{border:solid 1px #e5e5e5;text-align:center}
.contact .contacts .top{display:flex}
.contact .contacts .tel{font-size:24px;margin-top:8px;font-family:monospace;font-weight:700}
.contact .contacts .top .name{font-size:14px}
.contact .contacts .top>div:not(:last-child){border-right:solid 1px #e5e5e5}
.contact .contacts .top>div{padding:30px 10px;flex:0 0 25%;width:25%}
.contact .contacts .top img{width:20px;height:20px}
.contact .contacts .bottom{background-color:#fcfcfc;border-top:solid 1px #e5e5e5;padding:35px 10px;font-size:24px}
.contact .contacts .bottom img{width:30px;height:30px}
.contact .contacts img{vertical-align:middle;margin-right:5px}
.contact .contacts .name{color:#999}
.contact .contacts span{vertical-align:middle}
.map{padding-top: 80px;font-size: 0;}
.map + .contact-bar{margin-top:0;}
.map iframe{margin-top: 50px;width: 100%;height: 480px;}

/*六边形*/
.hexagon{position:relative;background-color:#fff;width:70px;height:40px;font-size:1rem;border-left:solid 1px var(--color);border-right:solid 1px var(--color);margin:50px 0;z-index:0;text-align:center;color:var(--color);font-weight:700}
.hexagon:after,.hexagon:before{content:'';background-color:#fff;position:absolute;left:-1px;top:0;width:100%;height:100%;border-left:solid 1px var(--color);border-right:solid 1px var(--color);transform:rotate(60deg);z-index:-1}
.hexagon:before{top:1px;height:calc(100% - 2px);transform:rotate(120deg)}

/*关于爱尼丝 - 企业文化*/
.culture{margin-top:50px;}
.culture .content{display:flex;margin-top:50px;}
.culture .content .item{flex:0 0 50%;width:50%;line-height:2;}
.culture .content .item span{color:#999;}
.culture .content .item + .item{padding-left: 50px;}

/*在线咨询*/
.message .form{padding:0 120px;}

/*产品详情页*/
.entry-product .top{display:flex}
.entry-product .top .product-swiper{flex:0 0 380px;height:380px;width:380px;border:solid 1px #e9e9e9;}
.entry-product .top .product-swiper .swiper-pagination-fraction{width:auto;right:10px;left:auto;font-size:14px;color:#999;}
.entry-product .top .product-swiper .swiper-button-next:after,.entry-product .top .product-swiper .swiper-button-prev:after{color:#a6a6a6;transform:scale(.6)}
.entry-product .top .head{flex:1;padding:10px 35px}
.entry-product .top .intro{color:#666;line-height:2.5;margin-top:30px}
.entry-product .top .intro .first{color:#999}
.entry-product .top .tel{display:flex;align-items:center;margin-top:45px}
.entry-product .top .tel .icon{height:50px}
.entry-product .top .tel .text{margin-left:20px;color:#666;font-size:18px}
.entry-product .top .tel .text{margin-left:20px}
.entry-product .top .tel .phone .n{font-size:24px;color:#333;vertical-align:middle}
.entry-product .top .tel .phone span{vertical-align:middle}
.entry-product .bottons{margin-top:40px;padding-top:30px;border-top:solid 1px #f0f0f0}
.entry-product .bottons .btn{width:165px}
.entry-product .content{margin-bottom:50px;line-height: 1.6;}
.entry-product .comment{margin-top:40px;}

/*文章详情页*/
.entry-default .top{text-align: center;border-bottom:solid 1px #e9e9e9;}
.entry-default .top .info{font-size:14px;color:#999;margin:30px 0 25px;}
.entry-default .content{padding:40px 0;line-height:1.9;color:#666;}
.entry-default .content p + p{margin-top:15px;}

.detail-title{margin:30px 0;font-size:20px;color:var(--color);border-bottom:solid 1px #e9e9e9}
.detail-title span{display:inline-block;margin-top:-2px;border-bottom:solid 2px var(--color)}

@media screen and (max-width:1200px){
    body{overflow-x:hidden;}
    .container{width:100%;padding:0 10px}
    .header .top{justify-content:center}
    .header .tel{display:none}
    .navbar ul{overflow-x:auto;white-space:nowrap;padding-right:35px}
    .simple-swiper .swiper-slide{height:400px}
    .customer .company-logo{margin:0;padding:5px;margin-top:30px}
}

@media screen and (max-width:820px){
    .navbar li a{padding:12px 22px}
    .navbar .menu{display:block}
    .factory-abi .abi{flex-wrap:wrap}
    .factory-abi .item{flex:0 0 50%}
    .factory-abi .item:nth-child(3):before{display:none}
    .factory-abi .item:nth-child(3),.factory-abi .item:nth-child(4){margin-top:15px}
    .oem-odm .item .content{padding:20px}
    .oem-odm .item .content .title{padding-bottom:16px}
    .oem-odm .item .content .text{margin-top:15px}
    .customer .company-logo .item{flex:0 0 25%}
    .main .entry{margin-left:20px}
    .index-end .row{display:flex;flex-wrap:wrap}
    .index-end .row .col{flex:0 0 50%}
    .gallery .item{flex:0 0 33.333333%}
    .gallery .item .thumb{height:155px}
    .steps{overflow:hidden;overflow-x: auto;}
    .steps .step{flex:0 0 150px}
    .products .product .inside{height:340px}
    .contact-bar{line-height:40px;font-size:20px;text-align:center}
    .contact-bar .content{flex-direction:column;padding:20px 0}
    .contact-bar .btn-consult{margin-top:15px}
    .posts .post .thumb{flex:0 0 150px;height:100px}
    .posts .post .content .intro{display:none}
    .posts .post .content .title{font-size:20px}
    .posts .post .content .sub{margin-bottom:0}
    .posts .post{padding-bottom:15px;margin-bottom:15px}
    .contact .company .intro{padding:12px 24px}
    .contact .company .photo .icon{background-color:#fbefef;padding:0 15px}
    .entry-product .top .product-swiper{flex:0 0 100%;height:420px;width:100%}
    .entry-product .top{display:block}
    .entry-product .top .head{padding:10px 0;margin-top:20px}
    .simple-tab a + a{margin-left:5px;}
    .footer{text-align:center}
    .footer .bottom{flex-direction:column}
    .footer .bottom .left{flex:auto}
    .footer .qrcodes{justify-content:center}
}
@media screen and (max-width:768px){
    img[height]{height:auto;}
    .simple-swiper .swiper-slide{height:180px}
    .search-bar .words{display:none}
    .search-bar{line-height:70px}
    .search-bar .so{justify-content:center}
    .search-bar .so .form .input{height:35px}
    .btn-search{height:24px;width:24px;background-size:20px}
    .oem-odm .item{display:block;height:auto}
    .oem-odm .item .content:after{display:none}
    .factory-abi .size .num{font-size:30px}
    .factory-abi .text{color:#666;font-size: 16px;}
    .made-range .oem .items{flex-wrap:wrap}
    .made-range .oem .items .item{flex:0 0 50%;background-image:unset}
    .page .page-swiper .swiper-slide{height:200px}
    .customer .company-logo .item{flex:0 0 50%}
    .lg-tab .tab .text{-webkit-line-clamp:5}
    .customer .container,.index-end,.recomm{padding:30px 0}
    .index-end .row .col{flex:0 0 100%}
    .index-end .row .col-2{padding:20px 0;border-left:none;border-right:none}
    .index-end .row .col-3{padding-left:0;margin-top:20px}
    .into{display:none}
    .consult .container{background-image:unset!important}
    .consult .content{align-items:center}
    .gallery .item{flex:0 0 50%!important}
    .gallery .item .inside{width:100%;}
    .gallery .item .thumb{height:120px}
    .products .product{flex:0 0 50%}
    .products{margin:0 -5px;margin-top:20px}
    .products .product{padding:5px}
    .products .product .inside {height: 230px;padding: 15px;}
    .products .product .title{font-size:16px;}
    .oem-odm{padding-bottom:30px}
    .customer .company-logo .logo{position:relative;margin:5px}
    .made-range .swiper .control{bottom:10px}
    .page .made-range .swiper .swiper-slide{height:280px}
    .lg-tab .tab{padding:15px;width:140px}
    .lg-tab.only-title .tab .title{font-size:14px}
    .max-tab .tab{line-height:40px;font-size:16px;min-width:150px}
    .main .sidebar{display:none}
    .main .entry{margin-left:0}
    .entry-product .top .intro{line-height:1.6;}
    .posts .post .thumb{flex:0 0 110px;height:76px}
    .posts .post .content .title{font-size:16px}
    .posts .post .content .sub{margin-top:5px}
    .posts .post .content .sub span+span{display:none}
    .posts .post .content{margin-left:15px}
    .posts .post .content h2{line-height:1.1}
    .contact .company{flex-direction:column}
    .contact .contacts .top{flex-wrap:wrap}
    .contact .contacts .top>div{flex:0 0 50%;width:50%}
    .contact .contacts .tel{font-size:18px}
    .contact .contacts .top>div{padding:15px 10px}
    .contact .contacts .bottom{font-size:18px}
    .culture .content{flex-direction:column}
    .culture .content .item+.item{padding-left:0}
    .culture .content .item{flex:0 0 100%;width:100%}
    .culture .content .item p+p{margin-top:15px}
    .message .form{padding:0}
    .admin-control{display:none;}
    .footer .nav{padding:10px 0}
    .footer .nav a{line-height:40px}
    .footer .contact{padding:5px;line-height:1.6;}
    .footer .contact span{display:block;}
}