@import url(animate.min.css);

@import url(swiper.min.css);

@import url(font-awesome.min.css);

/*@font-face { font-family: "Microsoft YaHei"; font-style: normal; font-weight: normal; src: url('../woff/ald/aldheiti.eot'), url('../woff/ald/aldheiti.woff.eot?#iefix') format('embedded-opentype'), url('../woff/ald/aldheiti.woff') format('woff'), url('../woff/ald/aldheiti.ttf') format('truetype'), url('../woff/ald/aldheiti.woff2') format("woff2"), url('../woff/ald/aldheiti.svg') format("svg"); }

@font-face { font-family: "Helvetica Neue"; font-style: normal; font-weight: normal; src: url('../woff/wdhei/WenDingHei.eot'), url('../woff/wdhei/WenDingHei.eot?#iefix') format('embedded-opentype'), url('../woff/wdhei/WenDingHei.woff') format('woff'), url('../woff/wdhei/WenDingHei.ttf') format('truetype'), url('../woff/wdhei/WenDingHei.woff2') format("woff2"), url('../woff/wdhei/WenDingHei.svg') format("svg"); } */



/* 公用样式表*/

body, ul, li, dl, dt, h1, h2, h3, h4, h5, h6, p, div, input, i, span, a { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { font-family: "helvetica neue", "hiragino sans gb", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, STHeiti; color: #4f4f4f; }

* { -webkit-transform-style: preserve-3d; -webkit-transform-style: flat; tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html, body { padding: 0; margin: 0; width: 100%; height: 100%; }

body { font-family: "helvetica neue", "hiragino sans gb", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, STHeiti; color: #4f4f4f; overflow-x: hidden; }

a { text-decoration: none; }

input, select { border: 0; outline: 0; }

img { border: 0; vertical-align: middle;    /*  去掉图片底部默认的3像素空白缝隙*/ }

table { border-collapse: collapse;    /*合并外连线*/ }



/*鼠标hover移入效果*/

a:hover, .h-p-more a:hover i, .wap-nav, .h-right, .pop-search-box, .h-b-text p a:hover i, .serve-block-cont:hover, .serve-block-cont:hover .s-b-c-icon, .h-p-pos:hover .name p span, .h-c-1-l:hover .h-c-1-pic p span, .h-c-1-r:hover .h-c-1-pic p span, .h-c-1-c:hover .h-c-1-pic p span, .pop-s-search:hover .pop-s-btn span, .pop-s-search-input:hover, .h-right a i:hover, .m-n-d-cont a:hover:before, .n-nav-list ul li a:hover i:after, .c-title-btn a:hover span, .prod-list:hover .prod-pos span, .prod-more:hover i, .p-l-n-cont ul li:hover, .curProd-model .prod-model-cont ul li a:hover i:after, .p-b-t-cont ul li:hover i, .p-b-i-list li:hover, .prod-b-n-inner li.cur:after, .ae-join:hover .ae-join-text, .ae-join:hover img, .ae-contact:hover .ae-contact-text, .ae-contact:hover img, .share-icon:hover, #share li:hover, #share li:hover i, .favorite-close:hover, .fa-list-close:hover, .p-b-shop .p-b-s-link a img, .favorite-list:hover a h3, .favorite-list:hover dl, .job-info-list ul li:hover, .h-c-1-l:hover p i, .p-b-s-btn a:hover span, .case-c-btn a:hover span, .about-cont3-btn a:hover span, .about-cont4-btn a:hover span, .about-cont8-btn a:hover span { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }



/*鼠标移出效果*/

a, .h-p-more a i, .h-b-text p a i, .serve-block-cont, .serve-block-cont .s-b-c-icon, .h-p-pos .name p span, .h-c-1-l .h-c-1-pic p span, .h-c-1-r .h-c-1-pic p span, .h-c-1-c .h-c-1-pic p span, .pop-s-search .pop-s-btn span, .pop-s-search-input, .h-right a i, .m-n-d-cont a:before, .n-nav-list ul li a i:after, .c-title-btn a span, .prod-list .prod-pos span, .prod-more i, .p-l-n-cont ul li, .curProd-model .prod-model-cont ul li a i:after, .p-b-t-cont ul li i, .p-b-i-list li, .prod-b-n-inner li.cur:after, .ae-join .ae-join-text, .ae-join img, .ae-contact .ae-contact-text, .ae-contact img, .share-icon, #share li, #share li i, .favorite-close, .fa-list-close, .p-b-shop .p-b-s-link a img, .favorite-list a h3, .favorite-list dl, .job-info-list ul li, .h-c-1-l p i, .p-b-s-btn a span, .case-c-btn a span, .about-cont3-btn a span, .about-cont4-btn a span, .about-cont8-btn a span, .swiper-pagination-bullet { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }



/*公共类*/

.web-wrap { margin: 0 30px; z-index: 1; position: relative; }

.row { margin: 0 8%; width: 84%; float: left; }

.row1200 { margin: 0 auto; width: 1200px; }

.fl { float: left; }

.fr { float: right; }

.al { text-align: left; }

.ac { text-align: center; }

.ar { text-align: right; }

.hide { display: none; }

.all-height { line-height: 27px; }



/*清除浮动*/

.clearfix:before, .clearfix:after {    /*清除浮动，最好最标准的写法*/



content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1;    /*IE/7/6*/    /*兼容IE6下的写法*/ }



/*颜色*/

.col-yellow { color: #f7e217 }

.col-blue { color: #1772c6 }

.gray-bg { background-color: #f4f4f4 }

.white-bg { background-color: #fff }



/* css3鼠标经过图片放大 */

.h-p-pos img, .h-c-1-l img, .h-c-1-c img, .h-c-1-r img, .a-c3-list li img, .prod-list .prod-pos img, .case-cont1-pic img, .case-cont2-pic img, .a-c6-list ul li img { -webkit-transition: all ease .5s; transition: all ease .5s }

.h-p-pos:hover img, .h-c-1-l:hover img, .h-c-1-c:hover img, .h-c-1-r:hover img, .a-c3-list li:hover img, .prod-list .prod-pos:hover img, .case-cont1:hover .case-cont1-pic img, .case-cont2:hover .case-cont2-pic img, .a-c6-list ul li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

@keyframes scal {

	from { -webkit-transform: scale(1, 1); }

	to { -webkit-transform: scale(1.1, 1.1); }

}

@-webkit-keyframes scal {

	from { -webkit-transform: scale(1, 1); }

	to { -webkit-transform: scale(1.1, 1.1); }

}

#topcontrol { z-index: 90 }

.body-add { position: fixed }



/*header*/

.header, .header-cont, .header .logo, .logo a, .main-nav, .header-height, .main-nav .main-nav-inner>ul>li>a, .h-box { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.header-height { height: 65px; }

.header { width: 100%; height: 65px; left: 0; top: 0; position: fixed; z-index: 11; background-color: #fff; }

.header-cont { height: 55px; float: left; width: 100%; }

.h-inner { margin: 0 30px; background: red; position: relative; }

.header .logo { margin-top: 26px; width: 15%; }



/*.header .logo img{ width: 100%; }*/

.header-right a:hover { color: #1772c6; border-color: #1772c6; }

.h-box { position: relative; z-index: 9; background: #fff; width: 100%; height: 65px; }



/*main-nav*/

.main-nav { width: 70%; margin: 0 auto; text-align: center; float: left; font-size: 0; }

.main-nav .main-nav-inner>ul>li { display: inline-block;    /* position: relative; */ font-size: 14px; }

.main-nav .main-nav-inner>ul>li>a { color: #4f4f4f; font-size: 14px; display: block; height: 65px; line-height: 65px; padding: 0 20px; }

.main-nav .main-nav-inner>ul>li>a:hover { color: #fff; background-color: #a6c5d2; }

.main-nav .main-nav-inner>ul>li.cur>a { color: #a6c5d2; }

.main-nav .main-nav-inner>ul>li.cur>a:hover { color: #fff; background-color: #a6c5d2; }

.main-nav .main-nav-inner>ul>li.hover>a { color: #fff; background-color: #a6c5d2; }

.main-nav .main-nav-inner>ul>li>span { position: absolute; top: 0; right: 0; display: block; width: 50px; height: 53px; z-index: 2; display: none; cursor: pointer; }

.main-nav .main-nav-inner>ul>li>span b { display: block; height: 100%; width: 100%; position: relative; }

.main-nav-down { top: 65px; width: 100%; position: absolute; left: 0;    /* background-color:#a6c5d2; */ padding-top: 10px; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

.m-n-d-hover { display: block; opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 1 }

.m-n-d-cont { padding: 30px 8% 50px 8%; text-align: left; font-size: 0; width: 100%; box-sizing: border-box; }

.m-n-d-cont h2 { text-align: left; color: #fff; font-size: 18px; font-weight: normal; margin-bottom: 20px; }

.m-n-d-cont a { display: inline-block; text-align: left; color: #fff; font-size: 12px; margin-bottom: 10px; line-height: 24px; position: relative; }

.m-n-d-inner { width: 50%; }

.m-n-d-list { width: 100%; }

.m-n-d-list li { width: 50%; display: inline-block }

.m-n-d-list a:before { content: ""; display: block; height: 1px; background: #fff; width: 0; position: absolute; left: 0; bottom: -5px }

.m-n-d-list a:hover:before { width: 100%; }

.m-n-d-list2 li { width: 100%; }

.m-n-d-qd { display: inline-block; vertical-align: top; margin-right: 20%; }

.m-n-d-qd a:before { content: ""; display: block; height: 1px; background: #fff; width: 0; position: absolute; left: 0; bottom: -5px }

.m-n-d-qd a:hover:before { width: 100%; }

.m-n-d-qd h3 { font-size: 14px; color: #fff; margin-bottom: 10px; font-weight: normal; }



/*.m-n-d-qd a{display: block; }*/

.m-n-d-pord h4 { color: #fff; font-weight: normal; font-size: 12px; height: 16px; line-height: 16px; margin-top: 2px; overflow: hidden; }

.m-n-d-pord a { width: 6.3%; margin: 0 1%; text-align: center }

.m-n-d-pord a:first-child { margin-left: -1%; }

.m-nd-p-pic { width: 100%; margin-bottom: 5px; overflow: hidden; }

.m-nd-p-pic img { width: 100%; -webkit-transition: all ease .2s; transition: all ease .2s }

.m-n-d-pord a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.m-n-d-r { background: blued; width: 50%; }

.m-n-d-r ul li { display: none; text-align: right; }

.m-n-d-r ul li img { max-width: 50%; }



/* 手机按钮 */

.wap-nav { float: right; display: none; height: 50px; position: fixed; top: 0; right: -3%; width: 50px; text-align: right; }

.wap-nav>a { display: block; height: 100%; width: 50px; float: right; position: relative; }

.wap-nav>a i { content: ''; display: block; height: 2px; width: 22px; background: #b7b7b7; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -1px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.wap-nav>a:after { content: ''; display: block; height: 2px; width: 22px; background: #b7b7b7; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -7px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.wap-nav>a:before { content: ''; display: block; height: 2px; width: 22px; background: #b7b7b7; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: 6px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.wap-nav-cur>a:after { content: ''; display: block; height: 2px; width: 22px; background: #b7b7b7; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -1px;    /* Rotate div */ transform: rotate(-45deg); -ms-transform: rotate(-45deg);    /* Internet Explorer */ -moz-transform: rotate(-45deg);    /* Firefox */ -webkit-transform: rotate(-45deg);    /* Safari 和 Chrome */ -o-transform: rotate(-45deg);    /* Opera */ }

.wap-nav-cur>a:before { content: ''; display: block; height: 2px; width: 22px; background: #b7b7b7; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -1px;    /* Rotate div */ transform: rotate(45deg); -ms-transform: rotate(45deg);    /* Internet Explorer */ -moz-transform: rotate(45deg);    /* Firefox */ -webkit-transform: rotate(45deg);    /* Safari 和 Chrome */ -o-transform: rotate(45deg);    /* Opera */ }

.wap-nav-cur>a i { width: 0; }

.h-right { float: right; width: 15%; margin-top: 25px; font-size: 14px; text-align: right; }

.h-right ul li { display: inline-block; vertical-align: middle; margin-left: 2%; height: 30px; }

.h-right a { color: #222; margin-left: 10px }

.h-right a i { font-size: 16px; }

.h-right a i:hover { color: #accfd5; }

.h-right .wap-ewm-btn a i { font-size: 20px; }

.main-nav-bg { top: 0; width: 100%; background-color: #a6c5d2; padding-top: 65px; position: absolute; left: 0; z-index: 8; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; opacity: 0; visibility: hidden; }

.main-nav-bg.m-n-b-hover { display: block; opacity: 1; visibility: visible; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }



/* 页面滚动头部样式 */

.header.headerScroll, .header-height.headerHScroll, .header.headerScroll .header-cont, .header.headerScroll .h-box { height: 40px; }

.header.headerScroll .main-nav .main-nav-inner>ul>li>a { height: 40px; line-height: 40px; }

.header.headerScroll .main-nav-down { top: 40px; }

.header.headerScroll .logo { margin-top: 11px; }

.header.headerScroll .h-right { margin-top: 10px; }



/* .header.headerScroll .wap-nav { margin-top: 12px; } */



/*.header.headerScroll .pop-search-box{ margin-top: 40px;  }*/



.main-nav-bg.mainNavBgScroll { top: -25px; }



/* .wap-ewm-btn i { margin-left: 5px; }



.store-link i { margin-left: 5px; }



 */



/*内容*/



.page-center { position: relative; z-index: 1; width: 100%; float: left; }



/*首页 banner*/

.h-banner { margin-bottom: 2%; overflow: hidden; position: relative; }

.h-b-mask { background-color: #000; background-color: rgba(0, 0, 0, 0.1); top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 1; }

.h-b-text { position: absolute; top: 30%; left: left; color: #fff; z-index: 999; width: 100%; text-align: center; }

.h-b-text h2 { color: #fff; font-size: 66px; margin-bottom: 20px; letter-spacing: 2px; font-weight: normal;}

.h-b-text h2 span, .h-b-text h3 span { color: #accfd5; }

.h-b-text h3 { color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 30px; letter-spacing: 1px; }

.h-b-text p { color: #fff; font-size: 12px; text-align: center; padding: 10px 0; line-height: 12px; }

.h-b-text p a { display: inline-block; width: 130px; text-align: left; }

.h-b-text p i { font-size: 14px; display: inline-block; width: 30px; vertical-align: top; height: 1px; background: #fcb300; margin: 5px 0px 0 10px; position: relative; }

.h-b-text p a:hover i { margin-left: 15px }

.h-b-text p i:after { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fcb300; display: inline-block; content: ""; position: absolute; right: 0; top: -4px; }

.h-b-text p a { color: #fcb300; }

.h-b-text p a:hover { margin-left: 25px; }



/*.h-banner img { width: 100%;  transform: scale(1, 1); -webkit-transform: scale(1, 1); animation: scal 15s ease infinite alternate; -webkit-animation: scal 25s ease infinite alternate; }/*图片放大缩小CSS3*/

.h-cont-1 { float: left; width: 100%; margin-bottom: 6%; }

.h-c-1-l { background-color: #fff; width: 25.5%; margin-right: 1.7%; overflow: hidden; }

.h-c-1-l .h-c-1-pic p span { display: inline-block; padding: 1px 3px; line-height: 16px; font-size: 14px; }

.h-c-1-l:hover .h-c-1-pic p span { background-color: #80a1ae; }

.h-c-1-pic { position: relative; width: 100%; overflow: hidden; }

.h-c-1-pic p { position: absolute; top: 20px; left: 20px; color: #fff; font-size: 14px; z-index: 9; }

.h-c-1-pic img { width: 100%; }

.h-c-1-text { padding: 15px 20px 20px }

.h-c-1-text h2 { /*font-weight: normal;*/ font-size: 18px; margin-bottom: 8px; height: 22px; overflow: hidden; color: #4f4f4f; }

.h-c-1-text p { font-size: 12px; line-height: 18px; max-height: 40px; overflow: hidden; color: #415e64; }

.h-c-1-text p i { display: inline-block; margin-left: 5px; font-style: normal; }

.h-c-1-l:hover p i { margin-left: 10px; }

.new_red { color: #fff; background: #fcb300; font-size: 12px; line-height: 14px; height: 14px; padding: 1px 2px; border-radius: 3px; }

.h-c-1-c .h-c-1-pic p span { display: inline-block; padding: 1px 3px; line-height: 16px; font-size: 14px; }

.h-c-1-c:hover .h-c-1-pic p span { background-color: #80a1ae; }

.h-c-1-c { background-color: #fff; width: 45.3%; overflow: hidden; }

.h-c-1-r { background-color: #fff; width: 25.5%; overflow: hidden; }

.h-c-1-r .h-c-1-pic p span { display: inline-block; padding: 1px 3px; line-height: 16px; font-size: 14px; }

.h-c-1-r:hover .h-c-1-pic p span { background-color: #80a1ae; }

.h-c-1-l:hover, .h-c-1-c:hover, .h-c-1-r:hover { box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.h-c-1-l, .h-c-1-c, .h-c-1-r { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }



/*产品类别*/

.h-product-sort { float: left; width: 100%; margin-bottom: 6%; overflow: hidden }

.h-product-sort ul { float: left; width: 100%; overflow: hidden; margin-left: -1px; }

.h-product-sort ul li { width: 8.333%; float: left; margin-bottom: 1%; text-align: center; }

.h-product-sort ul li a { padding: 5% 0; display: block; text-align: center; border-left: 1px solid #e6e6e6; box-shadow: -1px 0 0 #fff; margin-right: 1px; font-size: 12px; color: #4f4f4f; }

.h-product-sort ul li a:hover { color: #80a1ae }

.h-product-sort ul li img:hover { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; }

.h-product-sort ul li img { -webkit-transition: all ease .3s; transition: all ease .3s }

.h-product-sort ul li a i { display: block; margin-bottom: 10px; height: 60px; }

.h-product-sort ul li a i img { height: 100%; overflow: hidden; }



/*产品展示*/

.h-prodcut-list { margin-bottom: 2%; float: left; width: 100% }

.h-prodcut-list .text { background-color: #fff; font-size: 12px; position: absolute; bottom: -23px; left: 0; width: 100%; z-index: 4; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }

.h-p-pos:hover .text { bottom: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.video-box .text { bottom: 0; }

.video-box .text .text-inner { margin-bottom: 20px; }

.h-prodcut-list .text-inner { padding: 15px 20px 0 20px; }

.h-prodcut-list .text-inner h3 { margin-bottom: 6px; font-size: 16px; color: #4f4f4f; }

.h-prodcut-list .text-inner p { line-height: 18px; color: #415e64; }

.h-prodcut-list .pic { overflow: hidden; }

.h-prodcut-list .pic>img { width: 100%; position: relative; top: 0; z-index: 2; display: none; }

.h-prodcut-list .pic>img:first-child { width: 100%; position: relative; display: block; }

.h-prodcut-list .name { position: absolute; z-index: 5; top: 0; width: 100%; }

.h-prodcut-list .name p { padding: 15px 20px; font-size: 12px; color: #fff; }

.h-p-pos .name p span { display: inline-block; padding: 1px 3px; line-height: 14px; }

.h-p-pos:hover .name p span { background-color: #80a1ae; }

.h-p-more { margin-top: 10px; margin-bottom: 20px; height: 12px; line-height: 12px; }

.h-p-more p { -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

.h-p-pos:hover .h-p-more p { opacity: 1; visibility: visible; }

.h-p-more a { color: #accfd5; display: block; width: 55px; text-align: left; font-size: 11px; }

.h-p-more a i { display: inline-block; padding-left: 5px; }

.h-p-more a:hover i { display: inline-block; padding-left: 12px; }

.h-p-wrap { width: 100%; float: left; }

.h-p-pos { position: relative; overflow: hidden; }



/*.h-p-pos:hover,.h-p-more a{display:block}*/

.h-p-box1 { float: left; width: 49%; }

.h-p-b1-1 { float: left; width: 48%; margin-bottom: 3% }

.h-p-b1box-1 { float: right; width: 48%; }

.h-p-b1-2 { float: left; width: 100%; margin-bottom: 6% }

.h-p-b1-3 { float: left; width: 100%; margin-bottom: 6% }

.h-p-b1box-2 { float: left; width: 100%; margin-bottom: 3% }

.h-p-b1-4 { float: left; width: 48%; }

.h-p-b1-5 { float: right; width: 48%; }

.h-p-box2 { float: right; width: 49%; }

.h-p-b2-1 { width: 100%; margin-bottom: 3%; float: left; }

.h-p-bbox-1 { float: left; width: 48%; }

.h-p-b2-2 { float: left; width: 100%; margin-bottom: 6% }

.h-p-b2-3 { float: left; width: 100%; margin-bottom: 6% }

.h-p-b2-4 { float: right; width: 48%; margin-bottom: 3% }

.h-p-box3 { float: left; width: 49% }

.h-p-b3-1 { float: left; width: 100%; margin-bottom: 3%; }

.h-p-b3-2 { float: left; width: 48%; margin-bottom: 3% }

.h-p-b3-3 { float: right; width: 48%; margin-bottom: 3% }

.h-p-box4 { float: right; width: 49% }

.h-p-b4-1 { float: left; width: 48%; margin-bottom: 3% }

.h-p-b4box-1 { width: 48%; float: right; }

.h-p-b4-2 { float: left; width: 100%; margin-bottom: 6% }

.h-p-b4-3 { float: left; width: 100%; margin-bottom: 6% }

.h-p-color { position: absolute; left: 0; top: -25px; height: 20px; z-index: 98; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; visibility: hidden; opacity: 0; width: 100%;    /*background:rgba(0,0,0,0.3);*/ text-align: center; padding-top: 2px; }

.h-p-color i { display: inline-block; margin: 0 5px; width: 16px; height: 16px; border-radius: 50%; margin-bottom: 6px; cursor: pointer; font-style: normal; position: relative; }

.h-p-color i b { display: block; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); cursor: pointer; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.h-p-color i.white-bg { background: none }

.h-p-color i.white-bg b { border: 1px solid #fff; background: #fff; }

.h-p-color i.black-bg b { border: 1px solid #000; background: #000; }

.h-p-color i.yellow-bg b { border: 1px solid #f6d401; background: #f6d401; }

.h-p-color i.red-bg b { border: 1px solid #e70000; background: #e70000; }

.h-p-color i:hover b { z-index: 9999; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); }

.h-p-pos:hover .h-p-color { opacity: 1; visibility: visible; }

.h-p-color i .color-name { position: absolute; left: 50%; width: 50px; margin-left: -25px; background: #ccc; top: -30px; height: 18px; line-height: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; visibility: hidden; opacity: 0; }

.h-p-color i:hover .color-name { opacity: 1; visibility: visible; top: -20px; }

.h-p-color i.white-bg .color-name { background: #fff; color: #000 }

.h-p-color i.black-bg .color-name { background: #000; color: #fff }

.h-p-color i.yellow-bg .color-name { background: #f6d401; color: #fff }

.h-p-color i.red-bg .color-name { background: #e70000; color: #fff }



/* 服务 */

.serve-block { font-size: 0; margin: 0% 0 4% 0; float: left; width: 100%; border-top: 1px solid #e6e6e6; padding-top: 3%; }

.serve-block-cont { width: 25%; display: inline-block; padding: 3% 0; }

.serve-block-cont:hover { background-color: #f9f9f9; }

.serve-block-cont .s-b-c-icon { display: block; height: 60px; line-height: 60px; background-color: #4f4f4f; width: 60px; border-radius: 50%; margin: 0 auto; font-size: 26px; margin-bottom: 10px; color: #fff; }

.serve-block-cont:hover .s-b-c-icon { color: #fff; }

.serve-block-cont h2 { font-size: 18px; color: #222; font-weight: normal }

.serve-block-cont p { color: #8b7f7b; font-size: 12px; padding-top: 12px; height: 40px; line-height: 20px; }

.s-b-c-btn { margin-top: 18px; position: relative; }

.s-b-c-btn span { display: inline-block; height: 42px; line-height: 42px; color: #4f4f4f; border: 1px solid #4f4f4f; width: 140px; font-size: 12px; position: relative; z-index: 2 }

.s-b-c-btn span:hover { background: #accfd5; color: #fff; border: 1px solid #accfd5; }

.serve-ewm { position: absolute; width: 140px; top: 0; left: 50%; margin-left: -70px; background: #accfd5; z-index: 1; padding-top: 45px; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; opacity: 0; visibility: hidden; }

.serve-ewm.serve-ewm-hover { display: block; opacity: 1; visibility: visible; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }

.serve-ewm-pic { margin: 10px }

.serve-ewm-pic img { width: 100%; }



/*footer*/

.footer-height { float: left; width: 100%; }

.footer { position: fixed; width: 100%; bottom: 0; left: 0; }

.footer-box { margin: 0 30px; }

.footer-cont { background-color: #f9f9f9; width: 100%; float: left; }

.f-c-t { background-color: #4f4f4f; color: #fff; height: 52px; line-height: 52px; font-size: 12px; letter-spacing: 15px; text-align: center; margin-bottom: 50px }

.footer-nav { width: 80%; margin: 0 auto; overflow: hidden }

.f-n-list { float: left; width: 14%; margin-right: 7%; }

.f-n-list:nth-child(2) { width: 25%; }

.f-n-list:nth-child(3) { width: 11%; }

.f-n-list:nth-child(4) { width: 12%; }

.f-n-list:last-child { width: 10%; margin-right: 0; float: right; }

.f-n-list h3 { font-size: 12px; margin-bottom: 10px; font-weight: bold; position: relative; }

.f-n-l-wap { position: absolute; height: 100%; top: 0; right: 0; width: 100%; display: none; }

.f-n-list h4 { font-size: 12px; font-weight: bold }

.f-n-list li { line-height: 22px; }

.f-n-list li a { font-size: 10px; color: #4f4f4f; }

.f-n-list li a:hover { color: #accfd5; text-decoration: underline; }

.f-n-l-prod ul { width: 100%; }

.f-n-l-prod li { float: left; width: 50%; }

.f-n-l-cont { float: left; width: 100%; }

.footer-copyright { float: left; width: 100%; text-align: center; font-size: 11px; margin: 5% 0 3%; }

.footer-copyright p { line-height: 26px }



/* 搜索 */

.pop-search-box { position: fixed; z-index: 51; width: 100%; background-color: #fff; background-color: rgba(255, 255, 255, 1);    /*  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);  */ -webkit-transition: opacity 0.25s linear, top 0.25s linear; transition: opacity 0.25s linear, top 0.25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; top: 0; }

.pop-search-box.pop-search-show { display: block; opacity: 1; visibility: visible; top: 0;    /* top: -110px; */ }

.pop-chat-list li:hover .wxewm-pop { position: absolute; opacity: 1; visibility: visible; top: -110px; }

.pop-chat-list li .wxewm-pop { width: 100px; height: 100px; position: absolute; left: -32px; top: -130px; text-align: center; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); position: absolute; opacity: 0; visibility: hidden; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }

.pop-search-cont { width: 60%; margin: 0 auto; padding: 4% 0 2% 0; text-align: right; position: relative; }

.pop-search-close { position: absolute; top: 0; right: 0; font-size: 35px; color: #c3c1c2; }

.pop-search-close:hover { color: #4f4f4f; }

.pop-s-hd { margin-bottom: 6%; }

.pop-s-hd h2 { font-size: 26px; }

.pop-s-search { margin: 0 auto; position: relative; }

.pop-s-search-input { padding-right: 100px; border-bottom: 1px solid #c3c1c2; }

.pop-s-search-input:hover { border-bottom: 1px solid #4f4f4f; }

.pop-s-search input[type="text"] { width: 100%; font-size: 22px; color: #c3c1c2; height: 45px; padding: 10px; -moz-box-sizing: border-box;    /*Firefox3.5+*/ -webkit-box-sizing: border-box;    /*Safari3.2+*/ -o-box-sizing: border-box;    /*Opera9.6*/ -ms-box-sizing: border-box;    /*IE8*/ box-sizing: border-box; border-radius: 0; }

.pop-s-btn { position: absolute; right: 0; top: 0; width: 80px; height: 40px; background: #c3c1c2; }

.pop-s-btn-submit { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; border: 0; cursor: pointer; background: transparent; position: relative; z-index: 2; }

.pop-s-btn span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 1; background: #c3c1c2 }

.pop-s-search:hover .pop-s-btn span { z-index: 1; opacity: 1; background: #4f4f4f; color: #fff; }



/* 手机二维码 */

.wap-ewm-btn { position: relative; }

.wap-ewm-pic { position: absolute; width: 120px; top: 28px; left: 50%; padding: 5px; margin-left: -60px; background: #fff; z-index: 1; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; opacity: 0; visibility: hidden; }

.wap-ewm-pic img { width: 100%; }

.wap-ewm-btn:hover .wap-ewm-pic { display: block; opacity: 1; visibility: visible; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }



/* 商城 */

.store-link { position: relative; }

.store-link-popup { position: absolute; width: 70px; top: 25px; left: 50%; margin-left: -40px; padding: 10px 10px 0 10px; background: #fff; z-index: 1; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; opacity: 0; visibility: hidden; }

.store-link-popup a { margin-left: 0; margin-bottom: 10px; display: block; }

.store-link-popup img { width: 100%; }

.store-link:hover .store-link-popup { display: block; opacity: 1; visibility: visible; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }



/* 收藏夹 */

.favorite-box { background: #f9f9f9; position: fixed; right: 0; top: 0;    /* height:100%; */ width: 365px; z-index: 99; box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1); right: -150%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; height: 100%; }

.favorite-box-cur { right: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.favorite-close { cursor: pointer; font-size: 20px; background: #accfd5; height: 40px; width: 40px; text-align: center; line-height: 40px; color: #fff; position: absolute; left: -40px; top: 0; }

.favorite-close i { line-height: 40px; height: 40px; }

.favorite-close:hover { background: #e27937; }



/* .favorite-inner{ margin-top: 20px; } */

.favorite-hd { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;    /* Firefox */ -webkit-box-sizing: border-box;    /* Safari */ padding: 20px 15px; }

.favorite-hd h2 { font-size: 12px; color: #4f4f4f; font-weight: normal; margin-top: 5px; }

.favorite-down { display: inline-block; color: #fff; background: #e27937; font-size: 12px; height: 25px; line-height: 25px; padding: 0 20px; border-radius: 20px; }

.favorite-down:hover { background: #accfd5; }

.favorite-info { width: 100%; overflow: auto; height: 100%; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box;    /* Firefox */ -webkit-box-sizing: border-box;    /* Safari */ }

.favorite-list { border-radius: 5px; background-color: #fff; float: left; width: 100%; padding: 8%; position: relative; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box;    /* Firefox */ -webkit-box-sizing: border-box;    /* Safari */ }

.favorite-list a { display: block; float: left; width: 100%; }

.favorite-list a h3 { font-size: 14px; color: #4f4f4f; margin-bottom: 15px; }

.favorite-list:hover a h3 { color: #e27937; }

.favorite-list:hover dl { margin-left: 10px; }

.favorite-list dl dt { width: 112px; float: left; margin-right: 8%; overflow: hidden; }

.favorite-list dl dt img { width: 100%; }

.favorite-list a dl dd { font-size: 12px; margin-bottom: 8px; line-height: 18px; color: #4f4f4f; }

.fa-list-close { position: absolute; font-size: 20px; top: 15px; right: 20px; color: #c8c8c8; cursor: pointer; }

.fa-list-close:hover { color: #e27937; }



/* .all-mask { background-color: #000; background-color: rgba(0, 0, 0, 0.86); top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 98; } */

.add { position: fixed }

.all-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; background: rgba(1, 1, 1, 0.6); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; }

.all-mask.all-mask-show { opacity: 1; visibility: visible; }

.all-pop { background-color: #fff; position: fixed; border-radius: 10px; z-index: 999; display: noned; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; visibility: hidden;    /* display: none; */ }

.all-pop-show { visibility: visible; z-index: 9999; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); }

.all-pop-hint-con { width: 405px; background: url(../images/all-pop-bg.png) no-repeat left top; overflow: hidden; border-radius: 10px; }

.all-pop-hint-info { padding: 150px 50px 90px; background: url(../images/all-pop-hint-bg.png) no-repeat center; color: #000; line-height: 40px; text-align: center; font-size: 18px; }

.time-box { margin-top: 50px; font-size: 12px; color: #0E7BFF; }



/*===============================内页===============================*/



/*新闻资讯*/



.news-banner { background: #415e64; width: 100%; }

.n-banner-pic { width: 65% }

.n-banner-pic img { width: 100% }

.news-title { width: 22%; color: #fff; margin-top: 8%; margin-left: 8%; margin-right: 5%; }

.n-title-cont { width: 100%; }

.news-title h2 { font-size: 50px; color: #fff; letter-spacing: 5px; font-weight: normal; margin-bottom: 5%; }

.news-title h3 { font-size: 14px; color: #fff; margin-bottom: 1%; font-weight: normal; }

.news-title h4 { font-size: 12px; color: #fff; font-weight: normal; line-height: 24px; }

.n-title-btn { font-size: 14px; margin-top: 10%; }

.n-title-btn a { display: inline-block; font-size: 14px; color: #415e64; background: #fff; padding: 8px 25px; }

.n-title-btn a:hover { padding: 8px 35px; }

.news-nav { background: #415e64; width: 100%; height: 145px; padding-top: 55px; }

.news-nav-box { width: 100%; }

.n-nav-list { text-align: center; width: 100%; }

.n-nav-list ul { font-size: 0; }

.n-nav-list ul li { display: inline-block; margin: 0 2%; }

.n-nav-list ul li a { font-size: 16px; color: #fff; padding: 0 10px; position: relative; }

.n-nav-list ul li a i { display: block; position: absolute; bottom: -13px; height: 3px; width: 100%; left: 0; text-align: center; }

.n-nav-list ul li a i:after { content: ""; display: inline-block; height: 3px; background: #fff; width: 0; }

.n-nav-list ul li a:hover i:after { width: 100%; }

.n-nav-list ul li.cur a:after { content: ""; display: block; position: absolute; bottom: -13px; height: 3px; background: #fff; width: 100%; }

.curHp-n-cont { position: fixed; left: 0; top: 40px; z-index: 10; }

.curHp-n-cont .news-nav-inner { margin: 0 30px; background-color: #415e64; height: 40px; line-height: 40px; }

.curHp-n-cont .news-nav-inner .n-nav-list ul li a { font-size: 14px; }

.curHp-n-cont .news-nav-inner .n-nav-list ul li a i { bottom: -11px; }

.curHp-n-cont .news-nav-inner .n-nav-list ul li.cur a:after { bottom: -11px; }

.news-cont { width: 100%; position: relative; top: -60px; z-index: 9; }

.news-list { width: 100%; overflow: hidden; }

.news-list ul { width: 102%; float: left; }

.news-list ul li { width: 31.33%; float: left; margin-right: 2%; margin-bottom: 3%; background: #fff; position: relative; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -mox-box-shadow: 0 5px 10px rgba(103, 138, 145, 0); -webkit-box-shadow: 0 5px 10px rgba(103, 138, 145, 0); box-shadow: 0 5px 10px rgba(103, 138, 145, 0); }

.news-list ul li:hover { -mox-box-shadow: 0 5px 10px rgba(103, 138, 145, 0.3); -webkit-box-shadow: 0 5px 10px rgba(103, 138, 145, 0.3); box-shadow: 0 5px 10px rgba(103, 138, 145, 0.3); }

.n-l-tag { background: #415e64; color: #fff; font-size: 12px; padding: 2px 10px; top: 15px; left: 20px; position: absolute; z-index: 2; }

.n-l-link { background: #4f4f4f; color: #fff; font-size: 12px; left: 50%; top: 50%; margin-top: -38px; margin-left: -19px; position: absolute; z-index: 2; width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; opacity: 1; visibility: visible; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; opacity: 0; visibility: hidden; }

.news-list ul li a:hover .n-l-link { opacity: 1; visibility: visible; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }

.n-l-pic { width: 100%; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; overflow: hidden; }

.news-list ul li a:hover .n-l-pic { opacity: 0.5; }

.n-l-pic img { width: 100% }

.n-l-text { position: absolute; left: 0; width: 100%; bottom: 0; background: #fff; }

.n-l-t-inner { padding: 15px 20px 20px 20px; position: relative; }

.n-l-t-inner h2 { color: #4f4f4f; font-size: 16px; font-weight: normal; margin-bottom: 5px; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.n-l-state { line-height: 18px; height: 18px; font-size: 12px; overflow: hidden; color: #415e64; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; width: 70% }

.news-list ul li a:hover .n-l-state { height: 36px }

.n-l-date { font-size: 12px; color: #c3c1c2; position: absolute; top: 15px; right: 25px; display: block; }

.news-more { width: 100%; text-align: center; font-size: 14px; margin-top: 30px; }

.news-more a { color: #4f4f4f; }



/*.news-more a:hover{   color:#a6c5d2;}*/

.news-more img { vertical-align: middle; margin-right: 5px; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.news-more a:hover img { margin-right: 15px; }

.news-more span { vertical-align: middle; }



/* 新闻资讯详细 */

.news-blank { margin: 5% 0 7% 0; width: 100%; }

.news-b-nav { width: 255px; }

.news-b-nav em { font-size: 14px; color: #4f4f4f; display: block; margin-bottom: 10px; }

.news-b-nav h2 { font-weight: normal; font-size: 14px; color: #3e5f64; }

.news-b-cont { margin-left: 385px; }

.news-b-hd { border-bottom: 1px solid #ddd; width: 100%; padding-bottom: 5%; margin-bottom: 5%; }

.news-b-hd h2 { font-size: 28px; font-weight: normal; color: #4f4f4f; }

.news-b-hd span { font-size: 12px; color: #d0c9c1; display: block; margin-top: 12px; }

.news-b-info { line-height: 27px; font-size: 14px; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 4%; padding-bottom: 7%; }

.news-b-info img { max-width: 100%; }

.page-b-footer {    /*border-top: 1px solid #ddd;  margin-top: 7%;  */



width: 100%; }



/*分享图标*/

.share-box { position: relative; }

.share-icon { width: 24px; height: 24px; background: url(../images/share-icon.png) no-repeat center; cursor: pointer; padding-left: 10px; }

.share-icon:hover { width: 24px; height: 24px; background: url(../images/share-icon-hover.png) no-repeat center; }

.share-popup { position: absolute; top: 28px; left: 0; background: #4f4f4f; border-radius: 5px; padding: 10px 20px; width: 105px; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; opacity: 0; visibility: hidden; }

.share-box:hover .share-popup { -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; opacity: 1; visibility: visible; }

#share { color: #fff; }

#share a { height: 100%; width: 100%; display: block; padding: 0; top: 0; left: 0; margin: 0;    /* background: red;  */ width: 100%; color: #fff; position: absolute; background: none; }

#share li { position: relative; margin: 10px 0; }

#share li:hover { color: #accfd5; }

#share li i { height: 24px; width: 24px; display: inline-block; vertical-align: top; margin-right: 10px; background: #fff; border-radius: 12px; }

#share li span { display: inline-block; vertical-align: top; font-size: 14px; font-weight: bold; line-height: 24px; }

#share li.bds_more { background: url(../images/share_more.png) no-repeat center/100% 100%; display: none; }

#share li.bds_weixin i { background: #fff url(../images/share_weixin.png) no-repeat center/60%; }

#share li.bds_weixin:hover i { background: #accfd5 url(../images/share_weixin1.png) no-repeat center/60%; }

#share li.bds_qzone i { background: #fff url(../images/share_qzone.png) no-repeat center/60%; }

#share li.bds_qzone:hover i { background: #accfd5 url(../images/share_qzone1.png) no-repeat center/60%; }

#share li.bds_tqq i { background: #fff url(../images/share_tqq.png) no-repeat center/60%; }

#share li.bds_tqq:hover i { background: #accfd5 url(../images/share_tqq1.png) no-repeat center/60%; }

#share li.bds_tsina i { background: #fff url(../images/share_tsina.png) no-repeat center/60%; }

#share li.bds_tsina:hover i { background: #accfd5 url(../images/share_tsina1.png) no-repeat center/60%; }

#share li.bds_sqq i { background: #fff url(../images/share_sqq.png) no-repeat center/60%; }

#share li.bds_sqq:hover i { background: #accfd5 url(../images/share_sqq1.png) no-repeat center/60%; }

#share li.bds_bdhome i { background: #fff url(../images/share_bdhome.png) no-repeat center/60%; }

#share li.bds_bdhome:hover i { background: #accfd5 url(../images/share_bdhome1.png) no-repeat center/60%; }

#share li.bds_douban i { background: #fff url(../images/share_douban.png) no-repeat center/60%; }

#share li.bds_douban:hover i { background: #accfd5 url(../images/share_douban1.png) no-repeat center/60%; }

.blank-btn a { display: inline-block; height: 26px; width: 30px; }

.blank-btn a.blank-btn-prev { background: url(../images/blank-btn-prev.png) no-repeat center; }

.blank-btn a.blank-btn-next { background: url(../images/blank-btn-next.png) no-repeat center; }

.blank-btn a.blank-btn-close { background: url(../images/blank-btn-close.png) no-repeat center; }

.blank-btn a.blank-btn-prev:hover:hover { background: url(../images/blank-btn-prev-hover.png) no-repeat center; }

.blank-btn a.blank-btn-next:hover:hover { background: url(../images/blank-btn-next-hover.png) no-repeat center; }

.blank-btn a.blank-btn-close:hover:hover { background: url(../images/blank-btn-close-hover.png) no-repeat center; }



/* 加入我们 */

.job-wrap { margin: 13% 0 8% 0; width: 100%; }

.job-cont { margin-left: 380px; margin-top: 6%; }

.job-text { color: #4f4f4f; line-height: 30px; font-size: 14px; margin-bottom: 4%; }

.job-info { width: 100%; margin-bottom: 5%; }

.job-info h2 { font-size: 14px; color: #4f4f4f; margin-bottom: 10px; }

.job-info-hd { width: 100%; float: left; border-bottom: 1px solid #ddd; padding: 15px 0; }

.job-info-hd span { width: 15%; display: block; float: left; font-size: 14px; }

.job-info-hd span:first-child { width: 45%; }

.job-info-hd span:last-child { width: 10%; text-align: center; }

.job-info-list ul li { width: 100%; float: left; border-bottom: 1px solid #ddd; padding: 15px 0; }

.job-info-list ul li:hover { background: #f9f9f9; }

.job-info-list ul li span { width: 15%; display: block; float: left; font-size: 14px; }

.job-info-list ul li span em { font-style: normal; display: none; }

.job-info-list ul li span:first-child { width: 45%; }

.job-info-list ul li span:last-child { width: 10%; text-align: center; }

.job-info-list ul li span:last-child a { display: block; width: 100%; height: 20px; background: url(../images/job-icon.png) no-repeat center; }

.job-info-list ul li span:last-child a:hover { display: block; width: 100%; height: 20px; background: url(../images/job-icon-hover.png) no-repeat center; }

.job-left { width: 200px; position: relative; }

.job-left img { width: 100%; position: relative; }

.job-title { width: 260px; position: absolute; top: -60px; left: 95px; }

.job-title h2 { font-size: 50px; color: #4f4f4f; letter-spacing: 5px; font-weight: normal; margin-bottom: 5%; }

.job-title h3 { font-size: 14px; color: #4f4f4f; margin-bottom: 1%; font-weight: normal; }

.job-popup { background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ position: fixed; z-index: 999; width: 40%; margin-left: -20%;    /* margin-top: -20%; top: 0%; */ left: 50%; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; border-radius: 5px; }

.job-popup-inner { padding: 28px; }

.job-popup-show { visibility: visible; z-index: 9999; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); }

.job-pop-roll { overflow: auto; }

.close-job-pop { font-size: 24px; position: absolute; right: 25px; top: 20px; font-size: 32px; color: #4f4f4f; cursor: pointer; }

.close-job-pop:hover { color: #e27937; }

.job-pop-hd { border-bottom: 1px solid #e4eaec; }

.job-pop-hd h3 { font-size: 22px; font-weight: normal; margin-bottom: 12px; }

.job-pop-hd p { font-size: 0; margin-bottom: 20px; font-family: "Microsoft YaHei", "Arial"; }

.job-pop-hd p span { font-size: 12px; color: #666; display: inline-block; margin-right: 30px; }

.job-pop-hd p span i { font-size: 12px; color: #ccc; display: inline-block; margin-right: 5px; }

.job-pop-cont { font-size: 12px; line-height: 26px; color: #4f4f4f; margin-top: 25px; padding-left: 20px; width: 80% }

.job-pop-cont h4 { font-size: 14px; color: #4f4f4f; margin-bottom: 5px; font-weight: normal; }

.job-pop-btn { border-top: 1px solid #e4eaec; margin-top: 25px; }

.job-pop-btn a { display: inline-block; font-size: 14px; color: #fff; padding: 7px 25px; margin-top: 20px; border-radius: 20px; background: #e27937; }

.job-pop-btn a:hover { background: #accfd5; }



/*发现内芙*/

.about-banner { background: #eae9e7; width: 100%; }

.a-banner-pic { width: 65%; background: #f4f4f4 }

.a-banner-pic img { width: 100% }

.about-title { width: 22%; color: #4f4f4f; margin-top: 8%; margin-left: 8%; margin-right: 5%; }

.a-title-cont { width: 100%; }

.about-title h2 { font-size: 50px; color: #4f4f4f; letter-spacing: 5px; font-weight: normal; margin-bottom: 4%; }

.about-title h3 { font-size: 14px; color: #4f4f4f; margin-bottom: 1%; font-weight: normal; }

.about-title h4 { font-size: 12px; color: #4f4f4f; font-weight: normal; line-height: 24px; letter-spacing: 8px; }



/* a-down-icon */

.a-down-icon { position: absolute; top: 30%; left: 50%; width: 30px; margin-left: -15px; padding-bottom: 25px; z-index: 10; display: none; }

.a-down-icon:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #fff; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -2px; }

.a-down-icon:after { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #fff; display: block; position: absolute; bottom: 11px; left: 50%; margin-left: -2px; }

.about-arrow { width: 30px; height: 30px; border-radius: 15px;    /*display: inline-block;*/ display: none; vertical-align: middle; background: #fff; overflow: hidden; }

.about-arrow-cont { height: 100%; width: 100%; position: relative; }

.about-arrow-cont i { display: inline-block; width: 12px; height: 8px; top: 4px; left: 50%; margin-left: -6px; position: absolute; background: url(../images/about-arrow.png) no-repeat center; }

.about-arrow-cont i { animation: aboutIcon 2.5s ease-out infinite;    /* Firefox: */ -moz-animation: aboutIcon 2.5s ease-out infinite;    /* Safari and Chrome: */ -webkit-animation: aboutIcon 2.5s ease-out infinite;    /* Opera: */ -o-animation: aboutIcon 2.5s ease-out infinite; }

@keyframes aboutIcon {

	0% { top: 5px; filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }

	50% { top: 12px; filter: alpha(Opacity=1); -moz-opacity: 0 1; opacity: 1; }

	75% { top: 12px; filter: alpha(Opacity=1); -moz-opacity: 0 1; opacity: 1; }

	100% { top: 18px; filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }

}



/* Firefox */

@-moz-keyframes aboutIcon {

	0% { top: 5px; filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }

	50% { top: 12px; filter: alpha(Opacity=1); -moz-opacity: 0 1; opacity: 1; }

	75% { top: 12px; filter: alpha(Opacity=1); -moz-opacity: 0 1; opacity: 1; }

	100% { top: 18px; filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }

}



/* Safari and Chrome */

@-webkit-keyframes aboutIcon {

	0% { top: 5px; filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }

	50% { top: 12px; filter: alpha(Opacity=1); -moz-opacity: 0 1; opacity: 1; }

	75% { top: 12px; filter: alpha(Opacity=1); -moz-opacity: 0 1; opacity: 1; }

	100% { top: 18px; filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }

}



/* Opera */

@-o-keyframes aboutIco {

	0% { top: 5px; filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }

	50% { top: 12px; filter: alpha(Opacity=1); -moz-opacity: 0 1; opacity: 1; }

	75% { top: 12px; filter: alpha(Opacity=1); -moz-opacity: 0 1; opacity: 1; }

	100% { top: 18px; filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }

}



/* about-cont1 */

.about-cont1 { background: #eae9e7; width: 100%; position: relative; }

.about-cont1 .a-c1-info { width: 65%; background: #f4f4f4; position: relative; padding-bottom: 550px }

.about-cont1 .a-c-i-cont { position: absolute; width: 60%; top: -80px; left: -16%; }

.about-cont1 .a-c-i-cont h2 { font-size: 56px; margin-bottom: 6%; color: #4f4f4f; font-family: arial; }

.about-cont1 .a-c-i-cont h2 span { color: #8bd1d9 }

.about-cont1 .a-c-i-cont h3 { font-size: 50px; font-weight: normal; margin-bottom: 6%; }

.about-cont1 .a-c-i-text { font-size: 14px; line-height: 24px; color: #4f4f4f; }



/* about-cont2  */

.about-cont2 { background: #eae9e7; width: 100%; position: relative; }

.about-cont2 .a-c2-info { position: relative; width: 80%; top: -220px; left: 0; background: #f4f4f4; }

.a-c2-pic { background: #8bd1d9; width: 30%; padding: 60px 0 200px; position: relative; top: -60px; }

.a-c2-p-inner { margin-left: 45%; width: 180%; position: relative; }

.a-c2-p-inner:after { content: ""; height: 78px; display: block; width: 12px; background: #4f4f4f; position: absolute; right: -12px; bottom: 30px; }

.a-c2-p-inner img { width: 100%; }

.about-cont2 .a-c2-i-cont { position: absolute; top: 10%; left: 58%; width: 47%; }

.about-cont2 .a-c2-i-cont h2 { font-size: 50px; margin-bottom: 1%; color: #4f4f4f; }

.about-cont2 .a-c2-i-cont h2 span { color: #8bd1d9 }

.about-cont2 .a-c2-i-cont h3 { font-size: 50px; font-weight: normal; margin-bottom: 3%; }

.about-cont2 .a-c2-i-text { font-size: 14px; line-height: 24px; color: #4f4f4f; }

.about-cont2 .a-down-icon { top: 45%; display: none; }



/* about-cont3 */

.about-cont3 { width: 75%; position: relative; top: -300px; background: #f4f4f4; z-index: 2; }

.about-cont3 .a-c3-info { position: relative; width: 100%; left: 0; }

.a-c3-pic { position: relative; right: -15%; width: 55%; }

.a-c3-pic:before { content: ""; height: 10px; width: 87px; background: #4f4f4f; display: block; position: absolute; top: -10px; left: -10px; }

.a-c3-pic:after { content: ""; height: 87px; width: 10px; background: #4f4f4f; display: block; position: absolute; top: -10px; left: -10px; }

.a-c3-p-inner { width: 100%; }

.a-c3-p-inner img { width: 100%; }

.about-cont3 .a-c3-i-cont { position: absolute; top: 20%; left: 28%; width: 39%; }

.about-cont3 .a-c3-i-cont h2 { font-size: 50px; margin-bottom: 4%; color: #4f4f4f; }

.about-cont3 .a-c3-i-cont h2 span { color: #8bd1d9 }

.about-cont3 .a-c3-i-text { font-size: 14px; line-height: 24px; text-align: left; color: #4f4f4f; }

.a-c3-list { width: 86%; position: absolute; left: 28%; bottom: -22%; z-index: 8; }

.a-c3-list ul { font-size: 0; width: 100%; }

.a-c3-list li { display: inline-block; margin-right: 6%; width: 18%; overflow: hidden; position: relative; }

.a-c3-list li img { width: 100%; }

.a-c3-list li .a-c3-l-text { position: absolute; width: 100%; text-align: center; left: 0; top: 50%; height: 40px; margin-top: -20px; z-index: 11; }

.a-c3-list li:before { content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: #8bd1d9; background: rgba(139, 209, 217, 0); z-index: 10; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear }

.a-c3-list li:hover:before { background: #8bd1d9; background: rgba(139, 209, 217, 0.86); }

.a-c3-list li h1 { font-size: 14px; font-weight: normal; color: #fff; margin-bottom: 5px; }

.a-c3-list li h2 { font-size: 14px; font-weight: normal; color: #fff; }

.about-cont3 .a-down-icon { top: 130%; left: 67%; display: none; }

.about-cont3-btn { margin-top: 6%; text-align: left; }

.about-cont3-btn a { display: inline-block; font-size: 12px; color: #e27937; }

.about-cont3-btn a span { display: inline-block; margin-left: 5px; }

.about-cont3-btn a:hover span { display: inline-block; margin-left: 10px; }

.about-cont3-btn a:hover { color: #415e64; }



/* about-cont4 */

.about-cont4 { background: #eae9e7; width: 100%; top: -330px; position: relative; }

.about-cont4 .a-c4-info-bg { width: 75%; background: #f4f4f4; padding-top: 280px; padding-bottom: 60px; }

.about-cont4 .a-c4-info { position: relative; width: 100%; }

.a-c4-pic { position: relative; width: 60%; margin-left: -19%; }

.a-c4-p-inner { width: 100%; }

.a-c4-p-inner img { width: 100%; }

.about-cont4 .a-c4-i-cont { position: absolute; top: 15%; left: 34%; width: 30%; }

.about-cont4 .a-c4-i-cont h2 { font-size: 50px; margin-bottom: 4%; color: #4f4f4f; }

.about-cont4 .a-c4-i-cont h2 span { color: #8bd1d9 }

.about-cont4 .a-c4-i-text { font-size: 14px; line-height: 24px; text-align: left; color: #4f4f4f; }

.a-c4-blue-bg { width: 27%; height: 140%; background: #8bd1d9; position: absolute; right: 0; top: 0; z-index: 2; }

.about-cont4 .a-down-icon { top: 100%; display: none; }

.about-cont4-btn { margin-top: 6%; }

.about-cont4-btn a { display: inline-block; font-size: 12px; color: #e27937; padding: 0 5px; margin-right: 5%; }

.about-cont4-btn a span { display: inline-block; margin-left: 5px; }

.about-cont4-btn a:hover { padding: 0 0px 0 5px; }

.about-cont4-btn a:hover span { display: inline-block; margin-left: 10px; }

.about-cont4-btn a:hover { color: #415e64; }



/* about-cont5 */

.about-cont5 { background: #eae9e7; width: 100%; position: relative; top: -200px; }

.about-cont5 .a-c5-info { position: relative; width: 100%; }

.a-c5-pic { position: relative; width: 50%; }

.a-c5-p-inner { width: 100%; }

.a-c5-p-inner img { width: 100%; }

.about-cont5 .a-c5-i-cont { position: absolute; top: 22%; left: 55%; width: 24%; }

.about-cont5 .a-c5-i-cont h2 { font-size: 50px; margin-bottom: 4%; color: #4f4f4f; }

.about-cont5 .a-c5-i-cont h2 span { color: #8bd1d9 }

.about-cont5 .a-c5-i-text { font-size: 14px; line-height: 24px; text-align: left; color: #4f4f4f; }

.a-c5-blue-bg { width: 27%; height: 130%; background: #8bd1d9; position: absolute; right: 0; top: 0; }

.about-cont5 .a-down-icon { top: 107%; display: none; }

.about-cont5-hz { margin-top: 7%; font-size: 0px; }

.about-cont5-hz h4 { font-size: 32px; line-height: 32px; padding-left: 3%; border-left: 3px solid #8bd1d9; vertical-align: top; margin-bottom: 4%; }

.about-cont5-hz span { display: inline-block; font-size: 14px; color: #000; background: #ffc000; width: 25%; text-align: center; font-size: 12px; padding: 4% 0; }



/* about-cont6 */

.about-cont6 { width: 100%; position: relative; margin-top: -200px; margin-bottom: 20%; }

.about-cont6 .a-c6-info-bg { width: 76%; padding-bottom: 60px; margin-top: 5%;    /* background: #eae9e7; */ position: relative; }

.about-cont6 .a-c6-info { position: relative; width: 100%; }

.a-c6-pic { position: relative; width: 58%; margin-left: -19%; z-index: 3; }

.a-c6-p-inner { width: 100%; }

.a-c6-p-inner img { width: 100%; }

.about-cont6 .a-c6-i-cont { position: absolute; top: 15%; width: 80%; z-index: 4; }

.about-cont6 .a-c6-i-cont h2 { font-size: 32px; line-height: 32px; padding-left: 15px; margin-bottom: 2%; border-left: 3px solid #8bd1d9; vertical-align: top; margin-bottom: 5%; }

.about-cont6 .a-c6-i-cont h2 span { color: #8bd1d9 }

.about-cont6 .a-c6-i-text { font-size: 14px; line-height: 24px; text-align: left; color: #4f4f4f; }

.a-c6-list ul li { width: 25%; margin-right: 8%; float: left; text-align: center; }

.a-c6-list ul li .a-c6-p-pic { width: 100%; margin: 0 auto; overflow: hidden; }

.a-c6-list ul li .a-c6-p-pic img { width: 100%; }

.a-c6-list ul li h4 { font-size: 14px; margin-top: 9%; font-weight: normal; }

.a-c6-blue-bg { width: 27%; height: 430%; background: #eae9e7; position: absolute; left: 0; z-index: 2; }

.a-c6-info-line { width: 10px; position: absolute; right: -10px; bottom: 0; background: #8bd1d9; height: 15%; }

.about-cont6 .a-down-icon { top: 100%; display: none; }



/* about-cont7 */

.about-cont7 { width: 100%; position: relative; margin-top: 2%; }

.a-c7-info { width: 50%; position: relative; background: #eae9e7 }

.a-c7-pic { width: 95%; position: relative; z-index: 3; margin-left: -85%; margin-top: 5%; margin-bottom: 5%; }

.a-c7-p-inner { width: 100%; }

.a-c7-p-inner img { width: 100%; }

.a-c7-pic .swiper-slide { position: relative; }

.a-c7-pic .swiper-slide img { width: 100%; }

.a-c7-pic .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; }

.a-c7-pic .swiper-pagination-bullet-active { background: #e27937; }

.swiper-pagination-bullet { width: 13px; height: 13px; background: #fff; opacity: 1; }

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }

.a-c7-p-text { position: absolute; z-index: 1; left: 50%; top: 45%; width: 50%; margin-left: -25%; text-align: center; }

.a-c7-p-text a { font-size: 14px; display: inline-block; background: #000; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 5px 10px; line-height: 24px; }

.a-c7-pic:hover a { background: #e27937; }

.about-cont7 .a-c7-i-cont { width: 73%; margin-top: 20%; }

.about-cont7 .a-c7-i-cont h2 { font-size: 50px; margin-bottom: 4%; color: #4f4f4f; }

.about-cont7 .a-c7-i-cont h2 span { color: #8bd1d9; }

.about-cont7 .a-c7-i-text { font-size: 14px; line-height: 24px; text-align: left; color: #4f4f4f; }

.a-c5-blue-bg { width: 27%; height: 130%; background: #8bd1d9; position: absolute; right: 0; top: 0; }

.a-c7-i-inner { width: 80%; margin-left: 10% }

.h-banner-text { position: absolute; }



/* about-cont8 */

.about-cont8 { width: 100%; }

.a-c8-info { margin: 3% 15% 5% 20%; width: 65%; }

.a-c8-info ul { font-size: 0; width: 100%; }

.a-c8-info ul li { margin-right: 6%; width: 18%; float: left; text-align: center; overflow: hidden; position: relative; }

.a-c8-info li img { width: 100%; }

.a-c8-info li .a-c8-l-text { position: absolute; width: 100%; text-align: center; z-index: 9; left: 0; top: 50%; height: 40px; margin-top: -20px; z-index: 11; }

.a-c8-info li:before { content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: #8bd1d9; background: rgba(139, 209, 217, 0); z-index: 10; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear }

.a-c8-info li:hover:before { background: #8bd1d9; background: rgba(139, 209, 217, 0.86); }

.a-c8-info li h1 { font-size: 14px; font-weight: normal; color: #fff; margin-bottom: 5px; }

.a-c8-info li h2 { font-size: 14px; font-weight: normal; color: #fff; }

.about-cont8-btn { text-align: center; width: 90%; margin-top: 5%; }

.about-cont8-btn a { display: inline-block; font-size: 12px; color: #e27937; padding: 0 5px; }

.about-cont8-btn a span { display: inline-block; margin-left: 5px; }

.about-cont8-btn a:hover { padding: 0 0px 0 5px; }

.about-cont8-btn a:hover span { display: inline-block; margin-left: 10px; }

.about-cont8-btn a:hover { color: #415e64; }

.about-cont3 .a-down-icon { top: 130%; left: 67%; display: none; }



/*服务&支持*/

.aervice-banner { background: #b4a19a; width: 100%; }

.aervice-banner-pic { width: 65%; background: #f4f4f4 }

.aervice-banner-pic img { width: 100% }

.aervice-title { width: 22%; color: #fff; margin-top: 8%; margin-left: 8%; margin-right: 5%; }

.aervice-title-cont { width: 100%; }

.aervice-title h2 { font-size: 50px; color: #fff; letter-spacing: 5px; font-weight: normal; margin-bottom: 4%; }

.aervice-title h3 { font-size: 14px; color: #fff; margin-bottom: 1%; font-weight: normal; }

.aervice-title h4 { font-size: 12px; color: #fff; font-weight: normal; line-height: 24px; letter-spacing: 8px; }



/* aervice-cont1 */

.aervice-cont1 { background: #b4a19a; width: 100%; position: relative; }

.aervice-cont1 .ae-c1-info { width: 65%; position: relative; padding-bottom: 230px }

.aervice-cont1 .ae-c-i-cont { position: absolute; width: 60%; top: -160px; left: -16%; }

.aervice-cont1 .ae-c-i-cont h2 { font-size: 50px; margin-bottom: 2%; color: #fff }

.aervice-cont1 .ae-c-i-cont h2 span { color: #fff }

.aervice-cont1 .ae-c-i-cont h3 { font-size: 50px; font-weight: normal; margin-bottom: 6%; color: #fff; }

.aervice-cont1 .ae-c-i-text { font-size: 14px; line-height: 24px; color: #fff; }



/* aervice-cont2 */

.aervice-cont2 { background-color: #eae9e7; width: 100%; position: relative; }

.ae-c2-pic { width: 50%; margin-bottom: 2%; }

.ae-c2-pic img { width: 100%; }

.ae-c2-text { width: 50%; margin-bottom: 2%; }

.ae-c2-t-cont { width: 40%; font-size: 14px; line-height: 24px; margin-left: 40%; margin-top: 5%; margin-bottom: 50px; }

.ae-c2-t-cont p { margin-bottom: 5px; }

.ae-c2-info { position: relative; background: #e17a38; color: #fff; width: 120%; margin-top: -70px; padding: 13% 0; }

.ae-c2-info ul { margin-left: 30%; margin-right: 5%; }

.ae-c2-info ul li { float: left; text-align: center; width: 25%; }

.ae-c2-info ul li i { display: block; margin: 0 auto 20px auto; width: 35%; }

.ae-c2-info ul li i img { max-width: 100%; }

.ae-c2-info ul li h2 { font-weight: normal; color: #fff; font-size: 18px }



/* aervice-cont3 */

.aervice-cont3 { width: 100%; }

.ae-c3-info { width: 83%; margin: 10% 7% 10% 10%; background-color: #fff; position: relative; }

.ae-c3-info:before { content: ''; display: block; height: 88px; width: 9px; background: #e17a38; position: absolute; bottom: -9px; right: -9px; }

.ae-c3-info:after { content: ''; display: block; width: 88px; height: 9px; background: #e17a38; position: absolute; bottom: -9px; right: -9px; }

.ae-c3-pic { width: 30%; position: relative; }

.ae-c3-p-border { border: 5px solid #e17a38; position: absolute; height: 100%; width: 100%; top: -50px; left: -55px; }

.ae-c3-pic img { width: 100%; position: relative; margin-bottom: -40px; }

.ae-c3-text { width: 60%; margin: 5% 0 5% 8%; }

.ae-c3-i-cont { position: relative; }

.ae-c3-i-cont h2 { font-size: 42px; margin-bottom: 30px; font-weight: normal }

.ae-c3-i-cont h2:after { content: ''; display: block; width: 80px; height: 5px; background: #e17a38; margin-top: 15px; }

.ae-down-more { position: absolute; top: 10px; right: 0; display: block; color: #fff; background: #e27937; font-size: 12px; height: 25px; line-height: 25px; padding: 0 20px; border-radius: 20px; }

.ae-down-more:hover { background: #accfd5 }

.ae-c3-i-cont ul li { width: 50%; float: left; }

.ae-c3-i-cont ul li a { display: inline-block; border: 1px solid #fff; margin-bottom: 5px; color: #4f4f4f; padding: 8px 30px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.ae-c3-i-cont ul li a:hover { border: 1px solid #eae9e7; color: #e17a38; text-decoration: underline; }



/* aervice-cont3 */

.aervice-cont4 { width: 100%; }

.ae-join { width: 50%; position: relative; }

.ae-join img { width: 100%; }

.ae-join-text { position: absolute; top: 10%; left: 10%; z-index: 2; }

.ae-join-text h2 { color: #4f4f4f; font-size: 42px; margin-bottom: 25px; }

.ae-join-text h2:after { content: ''; display: block; width: 80px; height: 5px; background: #e17a38; margin-top: 15px; }

.ae-join-text h3 { font-size: 18px; }

.ae-join:hover .ae-join-text { margin-top: -10px; }

.ae-join:hover img { opacity: 0.7; }

.ae-contact { width: 50%; position: relative; }

.ae-contact img { width: 100%; }

.ae-contact-text { position: absolute; top: 10%; left: 10%; z-index: 2; }

.ae-contact-text h2 { color: #4f4f4f; font-size: 42px; margin-bottom: 25px; }

.ae-contact-text h2:after { content: ''; display: block; width: 80px; height: 5px; background: #e17a38; margin-top: 15px; }

.ae-contact-text h3 { font-size: 18px; }

.ae-contact:hover .ae-contact-text { margin-top: -10px; }

.ae-contact:hover img { opacity: 0.7; }



/* 安装图纸下载 */

.down-blank { margin: 5% 0 7% 0; width: 100%; }

.down-name { width: 255px; }

.down-name h2 { font-weight: normal; font-size: 24px; color: #3e5f64; }

.down-cont { margin-left: 385px; }

.down-info { line-height: 27px; font-size: 14px; width: 100%; margin-bottom: 4%; }

.down-info ul li { width: 100%; border-bottom: 1px solid #eae9e7; }

.down-info ul li a { display: block; padding: 10px 0; font-size: 14px; color: #4f4f4f; }

.down-info ul li a i { margin-right: 10px; margin-left: -10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; }

.down-info ul li a:hover i { opacity: 1; visibility: visible; margin-left: 0px; }

.down-info ul li a:hover { color: #e17a38; }



/* 客户案例 */

.case-banner { background: #e9f1f4; width: 100%; }

.case-banner-pic { width: 65%; margin-bottom: 7%; }

.case-banner-pic img { width: 100% }

.case-title { width: 22%; color: #fff; margin-top: 8%; margin-left: 8%; margin-right: 5%; }

.case-title-cont { width: 100%; }

.case-title h2 { font-size: 50px; color: #fff; letter-spacing: 5px; font-weight: normal; margin-bottom: 5%; }

.case-title h3 { font-size: 14px; color: #fff; margin-bottom: 1%; font-weight: normal; }

.case-title h4 { font-size: 12px; color: #fff; font-weight: normal; line-height: 24px; }

.case-cont1 { width: 100%; position: relative; margin-bottom: 8%; background: #b4a19a; }

.case-cont1-pic { width: 56%; overflow: hidden; }

.case-cont1-pic img { width: 100%; }

.case-cont1-info { width: 44%;    /* position: absolute; top: -5%; right: 0; */ }

.case-cont1-inner { width: 100%;    /*  position: absolute;  */ }

.case-cont1-inner img { width: 100%; }

.case-cont1-text {    /* position: absolute;*/



margin-top: 20%; margin-left: 15%; width: 60%; }

.case-cont1-text h3 { color: #fff; font-size: 18px; font-weight: normal; margin-bottom: 25px; }

.case-cont1-text h2 { color: #fff; font-size: 30px; font-weight: normal; margin-bottom: 30px; }

.case-cont1-text p { color: #fff; font-size: 14px; line-height: 24px; }

.case-cont2 { width: 100%;    /* position: relative;  */ margin-bottom: 8%; background: #4f4f4f }

.case-cont2-pic { width: 56%; overflow: hidden; }

.case-cont2-pic img { width: 100%; }

.case-cont2-info { width: 44%;    /* position: absolute; top: 0%; left: 0;  */ }

.case-cont2-inner { width: 100%;    /* position: absolute; */ }

.case-cont2-inner img { width: 100%; }

.case-cont2-text {    /* position: absolute; */



margin-top: 20%; margin-left: 15%; width: 60%; }

.case-cont2-text h3 { color: #fff; font-size: 18px; font-weight: normal; margin-bottom: 25px; }

.case-cont2-text h2 { color: #fff; font-size: 30px; font-weight: normal; margin-bottom: 30px; }

.case-cont2-text p { color: #fff; font-size: 14px; line-height: 24px; }

.case-c-btn { margin-top: 6%; }

.case-c-btn a { display: inline-block; font-size: 12px; color: #f6d401; }

.case-c-btn a span { display: inline-block; margin-left: 5px; }

.case-c-btn a:hover span { display: inline-block; margin-left: 10px; }

.case-cont2 .case-c-btn a { color: #f6d401; }

.case-cont2 .case-c-btn a:hover { color: #fff; }

.case-cont1 .case-c-btn a:hover { color: #fff; }



/* 购买渠道 */

.channel-banner { background: #d0c9c1; width: 100%; padding-bottom: 11%; }

.n-banner-pic { width: 65% }

.n-banner-pic img { width: 100% }

.channel-title { width: 22%; color: #fff; margin-top: 8%; margin-left: 8%; margin-right: 5%; }

.c-title-cont { width: 100%; }

.c-title-cont h2 { font-size: 50px; color: #4f4f4f; letter-spacing: 5px; font-weight: normal; margin-bottom: 4%; }

.c-title-cont h3 { font-size: 14px; color: #4f4f4f; margin-bottom: 1%; font-weight: normal; }

.c-title-cont h4 { font-size: 12px; color: #415e64; font-weight: normal; line-height: 24px; margin-bottom: 13%; letter-spacing: 6px; }

.c-title-btn { font-size: 14px; margin-top: 4%; }

.c-title-btn a { display: inline-block; font-size: 14px; color: #415e64; padding: 10px 25px; background: #fff no-repeat 12px bottom; position: relative; overflow: hidden; }

.c-title-btn a:hover { padding: 10px 25px 10px 80px; color: #fff; }

.c-title-btn a span { position: absolute; left: -60px; bottom: 0; display: block; width: 60px; height: 100%; background-position: 0 bottom; }

.c-title-btn a:hover span { left: 12px; }

.c-title-btn a:hover.tm-icon { background: #d81519; }

.c-title-btn a:hover.tm-icon span { background: url('../images/c-title-tm.png') no-repeat center bottom; }

.c-title-btn a:hover.jd-icon { background: #d81519; }

.c-title-btn a:hover.jd-icon span { background: url('../images/c-title-jd.png') no-repeat center bottom; }

.c-title-btn a:hover.sn-icon { background: #d81519; }

.c-title-btn a:hover.sn-icon span { background: url('../images/c-title-sn.png') no-repeat center bottom; }

.channel-cont1 { width: 100%; background: #f4f4f4; margin-top: 10px; position: relative; }

.c-cont1-pic { width: 65%; position: relative; z-index: 2; }

.c-cont1-pic img { width: 100%; }

.c-cont1-text { background: #415e64; width: 50%; position: absolute; top: -75px; right: 0; z-index: 2; }

.c-c1-t-inner { margin: 8% 15% 20% 15%; }

.c-cont1-text h2 { color: #fff; font-size: 50px; letter-spacing: 5px; margin-bottom: 2%; }

.c-cont1-text h3 { color: #fff; font-size: 20px; font-weight: normal; margin-bottom: 2%; }

.c-cont1-text ul li { color: #fff; font-size: 20px; line-height: 34px; }

.channel-cont2 { width: 100%; background: #eae9e7; position: relative; margin-top: -115px; }

.c-cont2-pic { width: 48%; }

.c-c2-pic-box { width: 75%; position: relative; background: #415e64; }

.c-cont2-pic img { width: 100%; position: relative; top: -30px; left: -30px; }

.c-cont2-text { width: 52%; }

.channel-c2-wrap { width: 100%; margin-top: 250px; margin-bottom: 100px; }

.c-c2-t-inner { margin: 6% 10% 0 30%; }

.c-cont2-text h2 { color: #4f4f4f; font-size: 50px; letter-spacing: 5px; line-height: 60px; margin-bottom: 4%; }

.c-cont2-text h2 span { color: #415e64; }

.c-c2-t-text { color: #4f4f4f; font-size: 14px; line-height: 24px; }



/* 产品中心 */

.prod-banner { width: 100%; margin-bottom: 2%; position: relative; }

.prod-title { width: 100%; color: #4f4f4f; margin-top: 4%; text-align: center; }

.p-title-cont { width: 100%; }

.prod-title h2 { font-size: 50px; color: #4f4f4f; letter-spacing: 5px; font-weight: normal; margin-bottom: 2%; }

.prod-title h3 { font-size: 14px; color: #4f4f4f; font-weight: normal; line-height: 24px; }

.prod-hotline { text-align: center; width: 100%; }

.prod-hotline-pic { text-align: center; width: 787px; margin: 0 auto; position: relative; display: none; }

.prod-hotline-pic:before { content: ''; display: block; left: 0; top: 0;    /* width:100%; height:100%;   */ position: absolute;    /* background:#000; background: rgba(0, 0,0, 0.5); */ z-index: 99; }

.prod-hotline-pic { position: relative; overflow: hidden;    /*     width: 180px;



																							    height: 180px;



																							    margin: 40px auto; */ cursor: pointer; }

	.prod-hotline-pic:before { content: ""; position: absolute; top: -100%; left: -100%; bottom: -100%; right: -100%; background: linear-gradient(45deg, #accfd5 0%, #8bd1d9 50%, #ede9ea 100%); background-size: 100% 100%; animation: bgposition 10s infinite linear alternate; z-index: 2; opacity: 0.86; }

	@keyframes bgposition {

		0% { transform: translate3d(30%, 30%, 0); }

		25% { transform: translate3d(30%, -30%, 0); }

		50% { transform: translate3d(-30%, -30%, 0); }

		75% { transform: translate3d(-30%, 30%, 0); }

		100% { transform: translate3d(30%, 30%, 0); }

	}

	.prod-hotline-text { color: #fff; position: absolute; top: 25%; left: 0; width: 100%; z-index: 2; font-size: 18px; }

	.prod-hotline-text span { display: block; margin-bottom: 3px; }

	.prod-hotline-text h2 { font-size: 30px; color: #fff; }

	.prod-cont { width: 100%; }

	.prod-nav-wrap { border-bottom: 1px solid #ddd; margin-bottom: 4%; width: 100%; }

	.prod-nav-sx { text-align: center; display: none; position: fixed; z-index: 9; left: 8%; top: 10%; }

	.prod-nav-sx a { background: #e27937; color: #fff; display: inline-block; font-size: 12px; padding: 12px; font-size: 16px; }

	.close-prod-nav { position: fixed; left: 0; bottom: 0px; z-index: 999; background: #80a1ae; width: 100%; text-align: center; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; height: 45px; }

	.close-prod-nav a { display: block; font-size: 26px; height: 45px; line-height: 45px; color: #fff; background: #80a1ae; text-align: center; }

	.prod-nav { width: 80%; margin: 0 auto; font-size: 0; margin-bottom: 3%; }

	.prod-nav h2 { display: inline-block; vertical-align: top; font-weight: normal; font-size: 14px; line-height: 34px; width: 85px; float: left; text-align: center; }

	.prod-nav .prod-nav-list { vertical-align: top; margin-left: 85px; text-align: center; }

	.prod-nav .prod-nav-list li { display: inline-block; vertical-align: top; font-size: 14px; margin-left: -1px; margin-top: -1px; }

	.prod-nav .prod-nav-list li a { display: block; border: 1px solid #ccc; line-height: 22px; padding: 5px 45px; color: #4f4f4f; }

	.prod-nav .prod-nav-list li a:hover { background-color: #455c64; color: #fff; border: 1px solid #455c64; }

	.prod-nav .prod-nav-list li.cur a { background-color: #455c64; color: #fff; }

	.prod-model-wrap { margin-bottom: 2%; width: 100%; }

	.prod-model { text-align: center; font-size: 0; width: 100%; -webkit-transition: opacity 0.25s linear, top 0.25s linear; transition: opacity 0.25s linear, top 0.25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }

	.prod-model-cont { padding: 8px 0; }

	.prod-model-cont h2 { display: inline-block; vertical-align: top; font-weight: normal; font-size: 14px; line-height: 22px; text-align: right; }

	.prod-model-cont ul { vertical-align: top; display: inline-block; }

	.prod-model-cont ul li { display: inline-block; vertical-align: top; line-height: 22px; font-size: 12px; margin-left: 5px; }

	.prod-model-cont ul li a { display: block; padding: 0 12px; color: #4f4f4f; }

	.prod-model-cont ul li a:hover { background-color: #455c64; color: #fff; }

	.prod-model-cont ul li.cur a { background-color: #455c64; color: #fff; }

	.curProd-model-wrap { height: 40px; }

	.curProd-model { position: fixed; left: 0; top: 40px; width: 100%; z-index: 99; }

	.curProd-model .prod-model-cont { margin: 0 30px; background-color: #415e64; height: 24px; line-height: 24px; }

	.curProd-model .prod-model-cont h2 { color: #fff; font-size: 12px; }

	.curProd-model .prod-model-cont ul li a { font-size: 12px; color: #fff; position: relative; }

	.curProd-model .prod-model-cont ul li a i { display: block; position: absolute; bottom: -10px; height: 3px; left: 0; text-align: center; width: 100%; }

	.curProd-model .prod-model-cont ul li a i:after { content: ""; display: inline-block; height: 3px; background: #fff; width: 0; }

	.curProd-model .prod-model-cont ul li a:hover i:after { width: 100%; }

	.curProd-model .prod-model-cont ul li.cur a i:after { width: 100%; }

	.prod-name { float: left; width: 100%; }

	.prod-hd { font-size: 32px; color: #4f4f4f; margin-bottom: 2%; text-align: center; }

	.prod-list-wrap { width: 100%; overflow: hidden; margin-bottom: 2%; }

	.prod-list { width: 102%; overflow: hidden; }

	.prod-list .prod-pos { width: 23%; float: left; margin-right: 2%; margin-bottom: 2%; }

	.prod-list .text { background-color: #fff; font-size: 12px; position: absolute; bottom: -23px; left: 0; width: 100%; z-index: 4; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }

	.prod-pos:hover .text { bottom: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

	.video-box .text { bottom: 0; }

	.video-box .text .text-inner { margin-bottom: 20px; }

	.prod-list .text-inner { padding: 15px 20px 0 20px; }

	.prod-list .text-inner h3 { margin-bottom: 6px; font-size: 16px; color: #4f4f4f; /*font-weight: normal; */ }

	.prod-list .text-inner p { line-height: 18px; color: #415e64; }

	.prod-list .pic { overflow: hidden; }

	.prod-list .pic>img { width: 100%; position: relative; top: 0; z-index: 2; display: none; }

	.prod-list .pic>img:first-child { width: 100%; position: relative; display: block; }

	.prod-list .name { position: absolute; z-index: 5; top: 0; width: 100%; }

	.prod-list .name p { padding: 15px 20px; font-size: 12px; color: #fff; }

	.prod-pos .name p span { display: inline-block; padding: 1px 3px; line-height: 13px; }

	.prod-pos:hover .name p span { background-color: #80a1ae; }

	.prod-more { margin-top: 10px; margin-bottom: 20px; height: 12px; line-height: 12px; font-size: 12px; }

	.prod-more p { -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

	.prod-pos:hover .prod-more p { opacity: 1; visibility: visible; }

	.prod-more a { color: #accfd5; display: block; width: 55px; text-align: left; font-size: 11px; }

	.prod-more a i { display: inline-block; padding-left: 5px; }

	.prod-more a:hover i { display: inline-block; padding-left: 12px; }

	.prod-pos { position: relative; overflow: hidden; }

	.prod-color { position: absolute; left: 0; top: -25px; height: 20px; z-index: 98; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; visibility: hidden; opacity: 0; width: 100%; text-align: center; padding-top: 2px; }

	.prod-color i { display: inline-block; margin: 0 5px; width: 16px; height: 16px; border-radius: 50%; margin-bottom: 6px; cursor: pointer; font-style: normal; position: relative; }

	.prod-color i b { display: block; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); cursor: pointer; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

	.prod-color i.white-bg b { border: 1px solid #fff; background: #fff; }

	.prod-color i.black-bg b { border: 1px solid #000; background: #000; }

	.prod-color i.yellow-bg b { border: 1px solid #f6d401; background: #f6d401; }

	.prod-color i.red-bg b { border: 1px solid #e70000; background: #e70000; }

	.prod-color i:hover b { z-index: 9999; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); }

	.prod-pos:hover .prod-color { opacity: 1; visibility: visible; }

	.prod-color i .color-name { position: absolute; left: 50%; width: 50px; margin-left: -25px; background: #ccc; top: -30px; height: 18px; line-height: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; visibility: hidden; opacity: 0; }

	.prod-color i:hover .color-name { opacity: 1; visibility: visible; top: -20px; }

	.prod-color i.white-bg { background: none; }

	.prod-color i.white-bg .color-name { background: #fff; color: #000 }

	.prod-color i.black-bg .color-name { background: #000; color: #fff }

	.prod-color i.yellow-bg .color-name { background: #f6d401; color: #fff }

	.prod-color i.red-bg .color-name { background: #e70000; color: #fff }

	.p-l-nav-icon { position: fixed; left: 30px; z-index: 9; top: 40px; width: 60px; height: 40px; background-color: #f6d401; -webkit-transition: opacity 0.25s linear, top 0.25s linear; transition: opacity 0.25s linear, top 0.25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; overflow: hidden; }

	.p-l-n-i-cur { opacity: 1; visibility: visible; }

	.p-l-n-i-box { width: 60px; height: 40px; background-color: #f6d401; position: relative; cursor: pointer; }

	.p-l-n-i-box:before { content: ''; display: block; height: 2px; width: 40%; left: 50%; margin-left: -20%; display: block; background: #fff; position: absolute; top: 50%; margin-top: -8px }

	.p-l-n-i-box:after { content: ''; display: block; height: 2px; width: 40%; left: 50%; margin-left: -20%; display: block; background: #fff; position: absolute; top: 50%; margin-top: 6px }

	.p-l-n-i-box i { height: 2px; width: 40%; left: 50%; margin-left: -20%; display: block; background: #fff; position: absolute; top: 50%; margin-top: -1px }

	.p-l-close { color: #fff; left: 30px; top: 40px; position: fixed; width: 60px; height: 40px; line-height: 35px; text-align: center; font-size: 28px; cursor: pointer; background-color: #f6d401; z-index: 10; -webkit-transition: opacity 0.25s linear, top 0.25s linear; transition: opacity 0.25s linear, top 0.25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 1; visibility: visible; }

	.p-l-close-cur { opacity: 0; visibility: hidden; overflow: hidden; }

	.p-l-nav { position: fixed; left: 30px; z-index: 10; top: 0; width: 60px; height: 100%; background-color: #eae9e7; -webkit-transition: opacity 0.25s linear, top 0.25s linear; transition: opacity 0.25s linear, top 0.25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden;    /* overflow: hidden; */ }

	.p-l-nav-cur { display: block; opacity: 1; visibility: visible; top: 0; }

	.p-l-n-cont { font-size: 12px; color: #fff; position: absolute; top: 50%; }

	.p-l-n-cont ul li { padding: 12% 0; position: relative; }

	.p-l-n-cont ul li a { color: #fff; padding: 2px 0; display: block; width: 65%; margin: 0 auto; }

	.p-l-n-cont ul li i { position: absolute; display: block; right: -125px; top: 50%; width: 120px; height: 30px; line-height: 30px; margin-top: 0; font-style: normal; font-size: 12px; -webkit-transition: opacity 0.25s linear, top 0.25s linear; transition: opacity 0.25s linear, top 0.25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

	.p-l-n-cont ul li:hover i { display: block; opacity: 1; visibility: visible; margin-top: -15px; }

	.p-l-n-cont ul li i:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #415e64; top: 50%; left: -6px; margin-top: -6px; }

	.p-l-n-cont ul li i span { display: inline-block; background-color: #415e64; color: #fff; height: 30px; line-height: 30px; padding: 0 10px; }

	.p-l-n-cont ul li a img { width: 100%; }

	.p-l-n-cont ul li.cur { background-color: #fff; }

	.p-l-n-cont ul li:hover { background-color: #fff; }



	/* 产品详情 */

	.prod-blank-hd { margin: 10% 0 8% 0; }

	.prod-blank-pic-wrap { width: 35%; text-align: center; }

	.prod-blank-pic { width: 100%; text-align: center; position: relative;    /*overflow: hidden;*/ }

	.lightbox-list { position: absolute; top: 0; left: 0; }

	.prod-blank-pic:after { text-align: center; content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; background: url(../images/magnify-icon.png) no-repeat center; pointer-events: none; z-index: 10; -webkit-transition: opacity 0.25s linear, top 0.25s linear; transition: opacity 0.25s linear, top 0.25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

	.prod-blank-pic:hover:after { opacity: 1; visibility: visible; }

	.prod-blank-pic img { width: 100%; }

	.lightbox-list-cont p { -webkit-transition: opacity 0.5s linear, top 0.5s linear; transition: opacity 0.5s linear, top 0.5s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; z-index: 1; width: 100%; top: 0; left: 0; display: none; position: relative; }

	.prod-blank-type { font-size: 14px; color: #455c64; margin-top: 30px; }

	.prod-blank-type p { display: none }

	.prod-blank-text { width: 50%; position: relative; }

	.prod-b-set { position: absolute; top: 0; right: 0; font-size: 12px; }

	.prod-b-set a { display: inline-block; color: #fff; background-color: #accfd5; padding: 3px 10px; }

	.prod-b-set a:hover { color: #fff; background-color: #e27937; }

	.prod-blank-text h3 { font-size: 14px; font-weight: normal; margin-bottom: 10px; }

	.prod-blank-text h2 { font-size: 42px; font-weight: normal; margin-bottom: 30px; }

	.prod-blank-text h4 { font-size: 14px; line-height: 22px; font-weight: normal; padding-left: 15px; position: relative; margin-bottom: 30px; }

	.prod-blank-text h4:after { width: 2px; height: 100%; content: ''; background-color: #accfd5; position: absolute; top: 0; left: 0; }

	.prod-blank-text .prod-b-size { font-size: 18px; line-height: 30px; }

	.p-b-shop { position: relative; margin-top: 30px; }

	.p-b-shop h5 { font-size: 12px; font-weight: normal; margin-bottom: 10px; }

	.p-b-shop .p-b-s-link a { display: inline-block; margin-right: 20px; height: 24px; }

	.p-b-shop .p-b-s-link a:hover { opacity: 0.6 }

	.add-collect { font-size: 12px; color: #fff; display: inline-block; background: #accfd5; padding: 0 10px; line-height: 26px; position: absolute; z-index: 9; right: 0; top: 0; }

	.prod-blank-pic:hover .add-collect { color: #fff; background: #e1251a; }

	.add-collect i { display: inline-block; margin-right: 5px; }

	.p-b-tab { margin-top: 30px; width: 100%; }

	.p-b-tab h5 { font-size: 12px; font-weight: normal; margin-bottom: 10px; }

	.p-b-t-cont ul li { display: inline-block; font-size: 12px; cursor: pointer; margin-right: 20px; }

	.p-b-t-cont ul li span { vertical-align: middle; }

	.p-b-t-cont ul li i { display: inline-block; width: 22px; height: 22px; border: 3px solid #fff; vertical-align: middle; border-radius: 50%; position: relative; margin-right: 5px; }

	.p-b-t-cont ul li i b { position: absolute; width: 22px; height: 22px; display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 50%; line-height: 22px; text-align: center; color: #e27937; }

	.p-b-t-cont ul li:hover i b { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }

	.p-b-t-cont ul li.cur i b { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }

	.prod-blank-info { background: #fff; width: 100%; }

	.p-b-i-cont { margin: 5% 0 7% 0; width: 100%; }

	.p-b-i-cont>h2 { font-size: 14px; font-weight: normal; margin-bottom: 20px; }

	.p-b-i-list { width: 100%; float: left; }

	.p-b-i-list li { width: 33.33%; float: left; }

	.p-b-i-list li:hover { background: #f2f2f2; }

	.p-b-i-list li.cur { background: #f2f2f2; }

	.p-b-i-list li h2 { margin-top: 30px; font-size: 24px; color: #4f4f4f; letter-spacing: 3px; border-left: 4px solid #accfd5; line-height: 24px; padding-left: 20px; }

	.p-b-i-list li .p-b-i-l-text { padding: 20px 24px; font-size: 14px; color: #4f4f4f; line-height: 28px; margin-bottom: 10px; }

	.p-b-i-down { margin-top: 20px; }

	.p-b-i-down a { display: inline-block; background-color: #4f4f4f; color: #fff; padding: 2px 20px; }

	.p-b-i-down a:hover { background-color: #accfd5; }

	.p-b-i-down a i { margin-right: 5px; }

	.p-b-deta { width: 100%; }

	.p-b-deta-hd { text-align: center; position: relative; }

	.p-b-deta-hd:after { height: 1px; content: ''; background-color: #e7e7e7; position: absolute; top: 50%; left: 0; width: 100%; }

	.p-b-d-logo { width: 120px; background: #fff; padding: 0 20px; display: inline-block; position: relative; z-index: 1; }

	.p-b-d-logo img { width: 100%; }

	.p-b-deta-cont { margin: 20px 0 70px 0; min-height: 100px; }

	.p-b-deta-cont h2 { text-align: center; font-size: 14px; font-weight: normal }

	.p-b-d-text { margin-top: 30px; font-size: 14px; line-height: 22px; }

	.p-b-d-text img { max-width: 100%; }

	.relate-prod { margin-top: 5%; width: 100%; }

	.relate-prod h2 { font-size: 16px; font-weight: normal; margin-bottom: 20px; }

	.p-d-l-hd { width: 100% }

	.p-d-l-hd a { font-size: 12px; color: #accfd5 }

	.p-d-l-hd a:hover { color: #e27937 }

	.p-d-l-hd a span { display: inline-block; margin-right: 5px; }

	.p-d-l-hd a i { display: inline-block; font-style: normal; }

	.prod-blank-nav { position: fixed; width: 100%; left: 0; z-index: 2; top: 40px; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

	.curProd-blank-nav { opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

	.prod-b-n-cont { margin: 0 30px; background: #fff; }

	.prod-b-n-inner { text-align: center; position: relative; }

	.prod-b-n-inner li { display: inline-block; position: relative; margin: 0 24px; }

	.prod-b-n-inner li a { color: #fff; height: 40px; display: block; line-height: 40px; font-size: 12px; color: #4f4f4f; }

	.prod-b-n-inner li.cur a { color: #455c64; }

	.prod-b-n-inner li.cur:after { height: 2px; content: ''; background-color: #455c64; position: absolute; bottom: 0; left: 0; width: 100%; }

	.heart-btn { position: absolute; top: 0; right: 0; display: block; font-size: 12px; height: 40px; line-height: 40px; color: #e27937; }

	.heart-btn i { display: inline-block; margin-right: 5px; }



	/* .prdo-serve-block { padding-top: 5%; } */

	.p-b-s-btn { width: 100%; text-align: center; margin-top: 2%; margin-bottom: 3%; }

	.p-b-s-btn a { background: #e27937; color: #fff; display: inline-block; font-size: 12px; padding: 8px 20px; }

	.p-b-s-btn a:hover { background: #accfd5; color: #fff; padding: 8px 15px 8px 20px; }

	.p-b-s-btn a span { display: inline-block; margin-left: 5px; }

	.p-b-s-btn a:hover span { display: inline-block; margin-left: 10px; }



	/*宽屏 笔记本1280-1440分辨率（不含1280分辨率-含1440分辨率）*/

	@media screen and (min-width:1280px) and (max-width:1440px) {

		.row1200 { margin: 0 7%; width: 86%; }

		.row { margin: 0 5%; width: 90%; float: left; }



		/**头部**/

		.header-height { height: 58px; }

		.header { height: 58px; }

		.main-nav-bg { padding-top: 58px; }

		.h-box { height: 58px; }

		.main-nav .main-nav-inner>ul>li>a { height: 58px; line-height: 58px; }

		.header .logo, .h-right { margin-top: 22px; }

		.m-n-d-r ul li img { width: 38%; }

		.m-n-d-cont { padding: 20px 4% 40px 4%; }

		.main-nav-down { top: 58px; }

		.m-n-d-cont h2 { font-size: 16px; }

		.m-n-d-pord a { width: 8.3%; margin: 0px; }

		.m-nd-p-pic img { width: 85%; }

		.m-n-d-cont a { margin-bottom: 6px; }

		.favorite-box { width: 330px; }



		/* banner */

		.h-b-text h2 { font-size: 52px; margin-bottom: 15px; }

		.h-b-text h3 { font-size: 20px; margin-bottom: 20px; }



		/*底部*/

		.f-c-t { height: 45px; line-height: 45px; }



		/*首页*/

		.h-prodcut-list .text-inner p { height: 18px; overflow: hidden; }

		.serve-block-cont { width: 30%; }

		.serve-block-cont .s-b-c-icon { width: 50px; height: 50px; line-height: 50px; font-size: 22px; }

		.s-b-c-btn a { height: 36px; line-height: 36px; width: 120px; }



		/* 客户案例 */

		.case-title { width: 20%; margin-left: 5%; }

		.case-banner-pic { width: 68%; }

		.c-title-cont h2 { font-size: 38px; margin-bottom: 3%; }

		.case-cont1-text { left: 35%; width: 50%; }

		.case-cont1-text h2 { font-size: 24px; margin-bottom: 20px; }

		.case-cont1-text p { font-size: 12px }

		.case-cont1-text h3 { font-size: 14px; }

		.case-cont2-text { left: 15%; width: 45%; }

		.case-cont2-text h2 { font-size: 24px; margin-bottom: 20px; }

		.case-cont2-text h3 { font-size: 14px; }

		.case-cont2-text p { font-size: 12px }

		.case-cont2-text p { font-size: 12px }



		/* 购买渠道 */

		.channel-title { width: 20%; margin-left: 5%; }

		.c-title-cont h3 { font-size: 12px; }

		.c-cont1-text { top: -55px; }

		.c-cont1-text h2 { font-size: 38px; line-height: 50px; letter-spacing: 2px; }

		.c-cont2-text h2 { font-size: 38px; line-height: 50px; letter-spacing: 2px; }

		.c-c1-t-inner { margin: 8% 15% 15% 15%; }

		.c-cont1-text ul li { font-size: 18px; }



		/* 服务&支持 */

		.aervice-title { margin-left: 5%; width: 20%; }

		.aervice-title h2 { font-size: 38px; margin-bottom: 3%; }

		.aervice-title h3 { font-size: 12px; }

		.aervice-cont1 .ae-c-i-cont { top: -120px; }

		.aervice-cont1 .ae-c-i-cont h2 { font-size: 42px; }

		.aervice-cont1 .ae-c-i-cont h3 { font-size: 42px; }

		.ae-c2-info ul li h2 { font-size: 14px; }

		.ae-c2-t-cont { width: 58%; }

		.ae-c3-i-cont h2 { font-size: 36px; }

		.ae-c3-i-cont ul li a { margin-bottom: 0; }

		.ae-join-text h2 { font-size: 36px; margin-bottom: 15px; }

		.ae-join-text h2:after { margin-top: 10px; }

		.ae-contact-text h2 { font-size: 36px; margin-bottom: 15px }

		.ae-join-text h3 { font-size: 16px; }

		.ae-contact-text h3 { font-size: 16px; }

		.aervice-banner-pic { width: 68%; }

		.aervice-cont1 .ae-c1-info { width: 68%; }

		.ae-c2-info { margin-top: -50px; padding: 10% 0; }

		.ae-c3-info { width: 86%; margin: 10% 7% 10% 7%; }

		.ae-c3-p-border { top: -35px; left: -40px; }

		.ae-c2-text { margin-bottom: 0%; }

		.ae-c3-i-cont ul li a { padding: 8px 15px; }

		.ae-c3-pic img { margin-bottom: -30px; }



		/* 新闻资讯 */

		.news-title { margin-left: 5%; width: 20%; margin-bottom: 3%; }

		.news-title h2 { font-size: 38px; }

		.n-l-t-inner h2 { font-size: 14px }

		.n-l-state { width: 78%; }

		.n-banner-pic { width: 68%; }

		.news-title h3 { font-size: 12px; }

		.news-b-cont { margin-left: 285px; }

		.news-b-hd { padding-bottom: 3%; margin-bottom: 3%; }



		/* 发现内芙 */

		.about-cont5 { top: -230px; }

		.a-c2-pic { padding: 60px 0 160px; }

		.a-c7-pic { width: 100%; margin-left: -90%; }

		.a-c4-blue-bg { width: 22%; height: 145%; }

		.a-c3-pic { right: -20%; }

		.a-c2-p-inner { margin-left: 40%; }

		.about-cont1 .a-c-i-cont h3 { margin-bottom: 3% }

		.about-cont1 .a-c-i-cont h2 { margin-bottom: 1%; }

		.a-banner-pic { width: 68%; }

		.about-title h3 { font-size: 12px; }

		.about-title { width: 20%; margin-left: 5%; }

		.about-cont1 .a-c1-info { padding-bottom: 500px; width: 68%; }

		.about-title h2 { font-size: 38px; margin-bottom: 3%; letter-spacing: 5px; }

		.about-cont1 .a-c-i-cont { top: -50px; width: 80%; }

		.about-cont1 .a-c-i-cont h2 { font-size: 42px; }

		.about-cont1 .a-c-i-cont h3 { font-size: 42px; }

		.about-cont2 .a-c2-i-cont { top: 15%; width: 55%; }

		.a-c2-p-inner::after { width: 8px; right: -8px; bottom: 8px; height: 50px; }

		.about-cont4 .a-c4-info-bg { padding-top: 330px; }

		.about-cont2 .a-c2-i-cont h2 { font-size: 42px; }

		.about-cont2 .a-down-icon { top: 35%; }

		.about-cont3 .a-c3-i-cont { left: 19%; width: 55%; top: 15%; }

		.about-cont3 .a-c3-i-cont h2 { font-size: 42px; }

		.about-cont3 .a-down-icon { top: 142%; }

		.about-cont3 { top: -255px; }

		.a-c3-list { left: 19%; bottom: -30%; width: 98%; }

		.a-c3-list li { width: 18%; margin-right: 7%; }

		.a-c3-pic:before { height: 8px; width: 60px; top: -8px; left: -8px; }

		.a-c3-pic:after { height: 60px; width: 8px; top: -8px; left: -8px; }

		.about-cont4 .a-c4-i-cont h2 { font-size: 42px; }

		.about-cont2 .a-c2-i-cont h3 { font-size: 42px; }

		.about-cont4 .a-c4-i-cont { width: 40%; left: 34%; }

		.about-cont5 .a-c5-i-cont { top: 20%; width: 32%; }

		.about-cont5 .a-down-icon { top: 115%; }

		.about-cont5 .a-c5-i-cont h2 { font-size: 42px; }

		.about-cont6 { margin-top: -230px; }

		.about-cont6 .a-c6-i-cont { width: 70%; left: 10%; }

		.about-cont6 .a-c6-i-cont h2 { font-size: 32px; }

		.about-cont7 .a-c7-i-cont { left: 15%; width: 82%; }

		.about-cont7 .a-c7-i-cont h2 { font-size: 42px; }

		.a-c7-info-line { width: 8px; left: -8px; height: 25%; }

		.a-c8-info { margin: 5% 15% 8% 15%; width: 74%; }

		.a-c8-info ul li { margin-right: 5%; width: 20%; }

		.a-c8-info ul li h2 { font-size: 14px; }



		/* 产品中心 */

		.prod-title h2 { font-size: 38px; }

		.prod-title h3 { font-size: 12px; }

		.prod-hotline-pic { width: 580px; }

		.prod-nav .prod-nav-list li { font-size: 12px; }

		.prod-nav .prod-nav-list li a { padding: 5px 25px; }

		.prod-nav { width: 75%; }

		.prod-hd { font-size: 26px; }

		.prod-list { width: 106%; }

		.prod-list .prod-pos { width: 22%; margin-right: 3%; }

		.prod-blank-text h2 { font-size: 36px; }

		.prod-blank-text { width: 55%; }

		.relate-prod { margin-top: 3%; }

		.prod-list .text-inner { padding: 10px 20px 0 20px; }

		.prod-list .text-inner p { height: 18px; overflow: hidden; }



		/* 加入我们 */

		.job-title { top: -50px; }

		.job-title h2 { font-size: 42px; }

	}



	/*笔记本窄屏 1024-1280分辨率（不含1024分辨率-含1280分辨率）*/

	@media screen and (min-width:1024px) and (max-width:1280px) {

		.row1200 { margin: 0 8%; width: 84%; }

		.main-nav .main-nav-inner>ul>li>a { padding: 0 15px; }



		/* 首页 */

		.h-b-text h2 { font-size: 46px; }

		.h-product-sort ul li a { font-size: 12px; }

		.h-product-sort { margin-bottom: 4%; }

		.h-cont-1 { margin-bottom: 4%; }

		.h-product-sort ul li a i { height: 50px; }



		/* 客户案例 */

		.c-title-cont h2 { font-size: 32px; }

		.case-cont1-text { left: 35%; width: 50%; }

		.case-cont1-text h2 { font-size: 20px; margin-bottom: 20px; }

		.case-cont1-text p { font-size: 12px }

		.case-cont1-text h3 { font-size: 14px; }

		.case-cont2-text { left: 15%; width: 45%; }

		.case-cont2-text h2 { font-size: 20px; margin-bottom: 20px; }

		.case-cont2-text h3 { font-size: 14px; }

		.case-cont2-text p { font-size: 12px }

		.case-cont2-text p { font-size: 12px }



		/* 购买渠道 */

		.c-cont1-text h2 { font-size: 32px; font-weight: normal; line-height: 40px; letter-spacing: 5px; margin-bottom: 3%; }

		.c-cont1-text h3 { font-size: 18px }

		.c-cont2-text h2 { font-size: 32px; font-weight: normal; line-height: 40px; letter-spacing: 5px; margin-bottom: 3%; }

		.c-cont2-text h3 { font-size: 18px }

		.c-cont1-text ul li { font-size: 12px; line-height: 26px; }



		/* 服务&支持 */

		.aervice-title h2 { font-size: 32px; }

		.aervice-cont1 .ae-c-i-cont { top: -100px; }

		.aervice-cont1 .ae-c-i-cont h2 { font-size: 32px; }

		.aervice-cont1 .ae-c-i-cont h3 { font-size: 32px; }

		.ae-c2-info ul li h2 { font-size: 12px; }

		.ae-c2-t-cont { width: 45%; font-size: 12px; line-height: 24px; }

		.ae-c3-i-cont h2 { font-size: 28px; }

		.ae-c3-i-cont h2:after { height: 3px; }

		.ae-c3-i-cont ul li a { margin-bottom: 0; font-size: 12px }

		.ae-join-text h2 { font-size: 28px; }

		.ae-join-text h2:after { height: 3px; }

		.ae-contact-text h2 { font-size: 28px; }

		.ae-contact-text h2:after { height: 3px; }

		.ae-join-text h3 { font-size: 16px; }

		.ae-contact-text h3 { font-size: 16px; }



		/* 新闻资讯 */

		.news-title h2 { font-size: 32px; }

		.n-l-t-inner h2 { font-size: 14px }

		.n-l-state { width: 72%; }

		.news-b-hd h2 { font-size: 24px; }

		.news-b-info { line-height: 24px; font-size: 12px; }



		/* 发现内芙 */

		.about-cont6 { margin-bottom: 15%; margin-top: -230px; }

		.a-c6-list ul li h4 { font-size: 12px; }

		.about-cont1 .a-c1-info { padding-bottom: 460px; }

		.about-title h2 { font-size: 32px; }

		.about-cont1 .a-c-i-cont { top: -50px; width: 85%; }

		.about-cont1 .a-c-i-cont h2 { font-size: 32px; }

		.about-cont1 .a-c-i-cont h3 { font-size: 32px; }

		.about-cont1 .a-c-i-text { font-size: 13px; }

		.about-cont2 .a-c2-i-cont { top: 15%; width: 55%; }

		.a-c2-p-inner { margin-left: 40%; width: 220%; }

		.a-c2-p-inner::after { width: 10px; right: -10px; bottom: 10px; height: 50px; }

		.a-c2-pic { width: 25%; }

		.a-c2-pic { padding: 60px 0 110px; }

		.about-cont2 .a-c2-i-cont h2 { font-size: 32px; }

		.about-cont2 .a-c2-i-cont h3 { font-size: 32px; }

		.about-cont2 .a-down-icon { top: 30%; }

		.about-cont2 .a-c2-i-text { font-size: 12px; }

		.about-cont3 { top: -220px; }

		.about-cont3 .a-c3-i-cont { left: 19%; width: 48%; top: 19%; }

		.about-cont3 .a-c3-i-cont h2 { font-size: 32px; }

		.about-cont3 .a-down-icon { top: 153%; }

		.a-c3-list { left: 19%; bottom: -30%; width: 91%; }

		.about-cont3 .a-c3-i-text { font-size: 12px; }

		.a-c3-pic { right: -20%; width: 60%; }

		.a-c3-pic:before { height: 5px; width: 60px; top: -5px; left: -5px; }

		.a-c3-pic:after { height: 60px; width: 5px; top: -5px; left: -5px; }

		.a-c3-list li { width: 20%; margin-right: 5%; }

		.a-c3-list li h1 { font-size: 12px; }

		.a-c3-list li h2 { font-size: 12px; }

		.about-cont4 .a-c4-info-bg { padding-top: 350px; }

		.about-cont4 .a-down-icon { top: 103%; }

		.about-cont4 .a-c4-i-cont h2 { font-size: 32px; }

		.about-cont4 .a-c4-i-cont { width: 40%; }

		.about-cont4 .a-c4-i-text { font-size: 12px; }

		.a-c4-blue-bg { width: 20%; height: 150%; }

		.a-c4-pic { margin-left: -23%; width: 65%; }

		.about-cont5-hz h4 { font-size: 26px; }

		.about-cont5 .a-c5-i-cont { top: 20%; width: 35%; }

		.about-cont5 .a-c5-i-text { font-size: 12px; }

		.about-cont5 .a-down-icon { top: 125%; }

		.about-cont5 .a-c5-i-cont h2 { font-size: 32px; }

		.about-cont6 .a-c6-i-cont { width: 53%; }

		.about-cont6 .a-c6-i-cont h2 { font-size: 26px; }

		.a-c6-pic { margin-left: -23%; width: 65%; }

		.about-cont7 .a-c7-i-cont { left: 15%; width: 75%; }

		.about-cont7 .a-c7-i-cont h2 { font-size: 32px; }

		.about-cont7 .a-c7-i-text { font-size: 12px; }

		.a-c7-pic { width: 100%; }

		.a-c7-info-line { width: 10px; left: -10px; height: 25%; }

		.a-c8-info { margin: 5% 15% 8% 15%; width: 73%; }

		.a-c8-info ul li { margin-right: 4%; width: 21%; }

		.a-c8-info ul li h2 { font-size: 12px; }



		/* 产品中心 */

		.prod-title h2 { font-size: 32px; }

		.prod-hd { font-size: 20px; margin-bottom: 2%; }

		.prod-list { width: 102%; }

		.prod-list .prod-pos { width: 23%; margin-right: 2%; }

		.prod-blank-text h3 { font-size: 12px; }

		.prod-blank-text h2 { font-size: 24px; margin-bottom: 15px; }

		.prod-blank-text h4 { font-size: 12px; margin-bottom: 15px; }

		.prod-blank-text .prod-b-size { font-size: 14px; line-height: 26px; }

		.p-b-link { margin-top: 15px; }

		.p-b-i-list li h2 { font-size: 18px; }

		.p-b-i-list li .p-b-i-l-text { font-size: 12px; padding: 15px 24px 20px 24px; }

		.prod-nav .prod-nav-list li { font-size: 12px; }

		.prod-nav { width: 90%; }



		/* 加入我们 */

		.job-title { top: -45px; }

		.job-text { line-height: 24px; }

		.job-title h2 { font-size: 32px; }

		.job-info-hd span { font-size: 12px; }

		.job-info-list ul li span { font-size: 12px; }



		/* 厨房解决方案 */

		.case-cont1 { margin-bottom: 4%; }

		.case-cont1-pic { width: 55%; }

		.case-cont1-info { width: 45%; position: static; top: 0%; }

		.case-cont1-inner { width: 76%; margin: 0 12%; }

		.case-cont1-text { position: static; margin-top: 15%; margin-bottom: 7%; margin-left: 0%; width: 100%; }

		.case-cont1-text h3 { font-size: 12px; margin-bottom: 2%; line-height: 20px; }

		.case-cont1-text h2 { font-size: 24px; margin-bottom: 5%; }

		.case-cont1-text p { color: #fff; font-size: 12px; line-height: 22px; }

		.case-cont2 { margin-bottom: 4%; }

		.case-cont2-pic { width: 55%; }

		.case-cont2-info { width: 45%; position: static; top: 0%; }

		.case-cont2-inner { width: 76%; margin: 0 12%; }

		.case-cont2-text { position: static; margin-top: 15%; margin-bottom: 7%; margin-left: 0%; width: 100%; }

		.case-cont2-text h3 { font-size: 14px; margin-bottom: 2%; }

		.case-cont2-text h2 { font-size: 24px; margin-bottom: 5%; }

		.case-cont2-text p { color: #fff; font-size: 12px; line-height: 22px; }

		.case-c-btn { margin-top: 6%; }

	}



	/* 小于1024px */

	@media only screen and (max-width:1024px) {

		.header { z-index: 91; }

		.row1200 { margin: 0 5%; width: 90%; }

		.row { margin: 0 3%; width: 94%; }

		.main-nav { position: fixed; width: 35%; height: 100%; background-color: #fff; margin: 0; top: 50px; right: 0; z-index: 49;        /* display: none;  */ opacity: 0; visibility: hidden; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }

		.s-b-c-btn span { height: 36px; line-height: 36px; }

		.h-b-text h3 { margin-bottom: 15px; }

		.h-b-text h2 { margin-bottom: 12px; }



		/* 	.main-nav ul{background: red} */

		.main-nav-cur { opacity: 1; visibility: visible; }

		.main-nav .main-nav-inner>ul>li { display: block; height: auto; line-height: 25px; float: left; width: 100%; border-bottom: 1px solid #dfdfdf; position: relative; }

		.main-nav .main-nav-inner>ul>li>a { height: auto; line-height: 24px; padding: 15px 0 14px 0; text-align: left; font-size: 14px; position: relative; }

		.main-nav .main-nav-inner>ul>li>a:hover { background: #fff }

		.header.headerScroll .main-nav .main-nav-inner>ul>li>a { height: auto; line-height: 24px; padding: 15px 0 14px 0; }

		.main-nav .main-nav-inner>ul>li>a:hover { color: #4f4f4f; background-color: #fff; }

		.main-nav .main-nav-inner>ul>li.cur>a:hover { color: #4f4f4f; background-color: #fff; }

		.main-nav .main-nav-inner>ul>li.hover>a { color: #4f4f4f; background-color: #fff; }

		.main-nav .main-nav-inner>ul>li.cur>a { color: #a6c5d2; }

		.main-nav .main-nav-inner>ul>li>span { display: block; }

		.main-nav .main-nav-inner>ul>li>span i { position: absolute; display: block; height: 11px; width: 11px; float: right; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; left: 60%; top: 50%; margin-top: -5px; }

		.main-nav .main-nav-inner>ul>li>span.cur i { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;        /* Rotate div */ transform: rotate(90deg); -ms-transform: rotate(90deg);        /* Internet Explorer */ -moz-transform: rotate(90deg);        /* Firefox */ -webkit-transform: rotate(90deg);        /* Safari 和 Chrome */ -o-transform: rotate(360deg);        /* Opera */ }

		.main-nav .main-nav-inner>ul>li>span i:after { content: ''; display: block; height: 7px; width: 1px; background: #b7b7b7; position: absolute; top: 4px; left: 5px; margin-left: 0px; margin-top: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;        /* Rotate div */ transform: rotate(45deg); -ms-transform: rotate(45deg);        /* Internet Explorer */ -moz-transform: rotate(45deg);        /* Firefox */ -webkit-transform: rotate(45deg);        /* Safari 和 Chrome */ -o-transform: rotate(45deg);        /* Opera */ }

		.main-nav .main-nav-inner>ul>li>span i:before { content: ''; display: block; height: 1px; width: 7px; background: #b7b7b7; position: absolute; top: 3px; left: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;        /* Rotate div */ transform: rotate(45deg); -ms-transform: rotate(45deg);        /* Internet Explorer */ -moz-transform: rotate(45deg);        /* Firefox */ -webkit-transform: rotate(45deg);        /* Safari 和 Chrome */ -o-transform: rotate(45deg);        /* Opera */ }

		.m-n-d-list li { width: 100%; }

		.m-nd-p-pic { display: none; }

		.wap-nav { display: block; position: relative; }

		.web-wrap { margin: 0 2%; }



		/* .h-right{ display: none; } */

		.h-right { position: fixed; top: -200px; z-index: 93;        /* display: noned; text-align: center; background: #eae9e7;  */ }



		/* 	.headerHScroll { top: 30px; }



				.header.headerScroll .h-right { margin-top: 25px; }



					.h-right ul { height: auto; }



				.h-right ul li { margin-left: 0; height: auto; }







				.h-right ul li.wap-ewm-btn { display: none }*/

		.h-right a { margin-left: 0; }

		.h-right a i { display: block; height: 34px; line-height: 45px; text-align: center; }

		.store-link-popup { position: fixed; bottom: 0; left: auto; right: 0; width: 35%; background: #fff; z-index: 52; top: auto; margin-left: 0; padding: 10px 0; box-shadow: 0 0 25px rgba(0, 0, 0, 0); text-align: center; }

		.store-link-popup-show { display: block; opacity: 1; visibility: visible; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }

		.store-link-popup a { display: inline-block; margin-bottom: 0; margin: 0 10px; }



		/* 收藏夹 */

		.favorite-box { width: 45%; }

		.favorite-btn { position: fixed; top: 50px; right: 0; margin-left: 0; display: block; height: 52px; width: 35px; background: #fff; width: 10%; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; opacity: 0; visibility: hidden; }

		.favorite-btn-show { opacity: 1; visibility: visible; }



		/* 搜索 */

		.pop-search-close { display: none }

		.pop-search-box { top: 50px; z-index: 92; opacity: 0; visibility: hidden; background: #fff; height: 52px; width: 25%; right: 10%; }

		.pop-search-box.pop-search-cur { display: block; opacity: 1; visibility: visible; top: 50px; }

		.pop-search-cont { width: 90%; margin: 0; margin-left: 5%; padding: 4px 0 3px 0; }

		.pop-s-search-input { border-bottom: 0; padding-right: 50px; }

		.pop-s-search input[type="text"] { height: 35px; line-height: 35px; font-size: 12px; color: #333; background: #eae9e7; border: 0; }

		.pop-s-btn-submit { height: 35px; line-height: 35px; }

		.pop-s-btn { height: 35px; line-height: 35px; font-size: 12px; width: 50px; }

		.pop-s-search-input:hover { border-bottom: 0; }

		.header-cont { height: 50px; }

		.h-box { height: 50px; }

		.header-height, .header { height: 50px; }

		.header.headerScroll, .header-height.headerHScroll, .header.headerScroll .header-cont, .header.headerScroll .h-box { height: 50px; }

		.h-inner { margin: 0 5%; background: blue; float: left; width: 90%; }

		.main-nav-bg { height: 0; padding-top: 0; display: none; }

		.main-nav-bg.m-n-b-hover { display: none; }

		.header .logo { margin-top: 21px; width: 100px; }

		.header.headerScroll .logo { margin-top: 21px; }

		.main-nav-inner { height: 100%; overflow: auto; padding: 52px 5% 30px; }

		.wap-m-n-d { position: static; width: 100%; opacity: 1; visibility: visible; padding-top: 0; display: none; margin-bottom: 10px; }

		.m-n-d-r { display: none }

		.m-n-d-cont { padding: 0; }

		.m-n-d-cont h2 { display: none }

		.m-n-d-pord a { width: 100%; color: #4f4f4f; margin: 0; text-align: left; margin-bottom: 10px; line-height: 24px; }

		.m-n-d-pord a:first-child { margin-left: 0; }

		.m-n-d-inner { width: 100%; }

		.m-n-d-cont a { color: #4f4f4f; display: block; margin-bottom: 0; padding-bottom: 10px; }

		.m-n-d-qd h3 { color: #4f4f4f; }

		.m-n-d-qd { margin-right: 0; width: 100%; margin-bottom: 5%; }

		.m-n-d-pord h4 { color: #4f4f4f; }



		/* footer */

		.footer { position: static; }

		.footer-box { margin: 0; }

		.f-n-list { width: 100%; margin-right: 0; }

		.f-n-list:nth-child(2) { width: 100%; }

		.f-n-l-prod li { width: 100%; }

		.f-n-list:nth-child(3) { width: 100%; }

		.f-n-list:nth-child(4) { width: 100%; }

		.f-n-list:last-child { width: 100%; }

		.f-n-list p { display: none; }

		.f-n-l-inner { float: left; width: 100%; display: none; }

		.f-n-l-inner p { display: block; }

		.f-n-list ul { float: left; width: 100%; }

		.f-n-list h4 { float: left; width: 100%; }

		.f-n-l-cont { border-bottom: 1px solid #e6e6e6;        /* padding: 15px 0 0 5px; */ padding-bottom: 5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

		.f-n-l-cont h3 { padding: 15px 0 10px 0; margin-bottom: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

		.f-n-l-cont-cur { padding-bottom: 15px; }

		.f-n-l-cont-cur h3 { color: #a6c5d2; }

		.f-n-l-cont-cur h4 { display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

		.f-n-l-wap { display: block; }

		.f-n-l-wap i { display: block; height: 100%; width: 50px; float: right; position: relative; }

		.f-n-l-wap i:after { content: ''; display: block; height: 13px; width: 1px; background: #b7b7b7; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

		.f-n-l-wap i:before { content: ''; display: block; height: 1px; width: 13px; background: #b7b7b7; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

		.f-n-l-cont-cur .f-n-l-wap i:after { content: ''; display: block; height: 13px; width: 1px; background: #a6c5d2; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -4px;        /* Rotate div */ transform: rotate(45deg); -ms-transform: rotate(45deg);        /* Internet Explorer */ -moz-transform: rotate(45deg);        /* Firefox */ -webkit-transform: rotate(45deg);        /* Safari 和 Chrome */ -o-transform: rotate(45deg);        /* Opera */ }

		.f-n-l-cont-cur .f-n-l-wap i:before { content: ''; display: block; height: 1px; width: 13px; background: #a6c5d2; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: 2px;        /* Rotate div */ transform: rotate(45deg); -ms-transform: rotate(45deg);        /* Internet Explorer */ -moz-transform: rotate(45deg);        /* Firefox */ -webkit-transform: rotate(45deg);        /* Safari 和 Chrome */ -o-transform: rotate(45deg);        /* Opera */ }



		/*===============================首页===============================*/

		.h-b-text h2 { font-size: 42px; }

		.h-b-text h3 { color: #fff; font-size: 18px; }

		.h-banner .slider__switch { width: 10%; }

		.h-banner .slider__switch--prev { background: url(../images/h-banner-arrow-l.png) no-repeat center/30% auto; }

		.h-banner .slider__switch--next { background: url(../images/h-banner-arrow-r.png) no-repeat center/30% auto; }

		.h-banner .preview img { width: 80px; }

		.h-c-1-r .h-c-1-pic p span { font-size: 12px; }

		.h-c-1-text h2 { margin-bottom: 0px; }

		.h-c-1-pic p { top: 10px; left: 10px; }



		/* 	.h-banner .preview a { outline: 2px solid #4f4f4f; }



				.h-banner .preview a.active { outline: 2px solid #4f4f4f; } */

		.h-c-1-text h2 { font-size: 14px; }

		.h-product-sort ul li { width: 16.5%; }

		.h-product-sort ul li a { border-left: 0; box-shadow: 0 0 0 #fff; margin-right: 0; font-size: 12px; padding: 3% 0; }

		.h-prodcut-list .text { bottom: 0; }

		.h-p-more { display: none; }

		.serve-block-cont { width: 33.33%; }

		.serve-block-cont p { display: none; }

		.serve-block-cont h2 { font-size: 14px; }

		.h-p-color { display: none; }

		.h-prodcut-list .text-inner { padding: 10px 20px 12px 20px; }

		.h-prodcut-list .text-inner p { line-height: 16px; height: 16px; overflow: hidden; }

		.h-prodcut-list .name p { padding: 8px 10px; }

		.h-prodcut-list .text-inner h3 { font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; }



		/*===============================内页===============================*/



		/* 新闻 */



		.news-b-nav { width: 100%; }

		.news-b-cont { margin-left: 0; }

		.news-b-hd h2 { font-size: 26px; width: 100%; line-height: 42px; }

		.news-b-hd span { font-size: 12px; width: 100%; margin-top: 5px; }

		.news-b-info { line-height: 24px; font-size: 14px; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 4%; padding-bottom: 7%; }

		.news-b-hd { padding-bottom: 3%; margin-bottom: 3%; }



		/* 新闻资讯 */

		.n-banner-pic { width: 100%; position: relative; height: 10rem; overflow: hidden; }

		.n-banner-pic img { object-fit: cover; width: 100%; object-position: -2rem 0; height: 16rem; }

		.n-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.news-banner { position: relative; position: relative; }

		.news-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.news-title h3 { font-size: 16px; color: #fff; }

		.news-title h2 { letter-spacing: 0; font-size: 32px; margin-bottom: 2%; color: #fff; }

		.news-title h4 { display: none; }

		.n-title-btn { display: none }

		.news-nav-box { background: #415e64; height: 42px; }

		.news-nav { height: auto; padding-top: 0; padding-bottom: 5%; height: 42px; padding-bottom: 0; }

		.n-nav-list { text-align: left; }

		.n-nav-list ul li { float: left; display: block; margin: 0; width: 16%; }

		.n-nav-list ul li a { font-size: 14px; color: #fff; display: block; float: left; position: relative; height: 42px; line-height: 42px; }

		.n-nav-list ul li.cur a:after { height: 2px; bottom: 0; left: 0; }

		.n-nav-list ul li a:hover i:after { display: none; }

		.curHp-n-cont { top: 50px; }

		.curHp-n-cont .news-nav-inner { margin: 0; height: 35px; height: 35px; display: block; float: left; }

		.curHp-n-cont .news-nav-inner .n-nav-list ul li a { font-size: 12px; }

		.curHp-n-cont .news-nav-inner .n-nav-list ul li.cur a:after { bottom: 0px; }

		.news-cont { margin-top: 4%; top: 0; }

		.news-list ul { width: 103%; }

		.news-list ul li { width: 30.33%; margin-right: 3%; margin-bottom: 3%; }

		.news-nav-inner { width: 100%; }

		.n-l-t-inner { padding: 12px 12px 12px; }

		.n-l-tag { top: 10px; left: 10px; font-size: 12px; line-height: 12px; padding: 4px 3px 1px 3px; }

		.n-l-text { position: static; }

		.n-l-t-inner h2 { font-size: 14px; margin-bottom: 3px; }

		.n-l-state { line-height: 16px; height: 16px; font-size: 12px; width: 100%; overflow: hidden; }

		.news-list ul li a:hover .n-l-state { height: 16px; }

		.n-l-link { display: none; }

		.n-l-date { position: static; font-size: 10px; margin-bottom: 3px; }

		.news-more { margin-bottom: 5%; margin-top: 3%; font-size: 12px; }



		/* 产品详细心 */

		.prod-b-n-cont { margin: 0; font-size: 0; }



		/* .prod-b-n-cont .row1200{ width:100%; margin: 0; } */

		.prod-b-n-inner li { margin: 0; width: 25%; }

		.heart-btn { display: none; }

		.prod-blank-pic-wrap { width: 40%; }



		/* .prod-blank-text { width: 100%; } */



		/* .prod-blank-text { margin-top: 13%; } */



		.add-collect { color: #fff; display: inline-block; background: #e1251a; }

		.prod-blank-pic:after { opacity: 1; visibility: visible; }

		.sl-wrapper button { background: red; font-size: 30px; }

		.sl-wrapper .sl-close { height: 64px; width: 64px; }

		.sl-wrapper .sl-counter { font-size: 1.1rem; }

		.prod-blank-hd { margin: 7% 0 6% 0; }



		/* .p-b-tab { position: absolute; top: -18%; left: 0; margin-top: 0; } */



		/* 		.p-b-tab h5 { display:inline-block; vertical-align: middle; margin-bottom: 0; }



		.p-b-t-cont { display:inline-block; vertical-align: middle; } */



		.p-b-t-cont ul li i { width: 18px; height: 18px; }

		.p-b-t-cont ul li i b { font-size: 10px; width: 18px; height: 18px; line-height: 18px; }

		.prod-blank-text h2 { font-size: 24px; margin-bottom: 3%; }

		.prod-blank-text h4 { font-size: 14px; line-height: 25px; margin-bottom: 3%; }

		.prod-blank-text .prod-b-size { font-size: 14px; line-height: 24px; }

		.p-b-shop { position: relative; margin-top: 3%; }

		.p-b-i-cont { margin: 5% 0 7% 0; }

		.p-b-i-cont>h2 { margin-bottom: 3%; }

		.p-b-i-list li { width: 100%; border-bottom: 1px solid #f2f2f2; padding-top: 20px; padding-bottom: 20px; }

		.p-b-i-list li h2 { font-size: 18px; padding-left: 45px; letter-spacing: 0; margin-top: 20px; }

		.p-b-d-text { margin-top: 5%; font-size: 14px; }

		.relate-prod h2 { font-size: 14px; }

		.p-b-s-btn { margin-bottom: 4%; }

		.p-b-i-list li .p-b-i-l-text { padding: 10px 50px; font-size: 14px; line-height: 24px; margin-bottom: 0; }

		.p-b-i-down { margin-bottom: 10%; }



		/* 加入我们 */

		.job-left { width: 100%; }

		.job-left img { display: none; }

		.job-wrap { margin: 5% 0 8% 0; }

		.job-title { position: static; width: 100%; top: 0; left: 0; }

		.job-title h2 { font-size: 32px; letter-spacing: 0; margin-bottom: 3%; }

		.job-title h3 { font-size: 12px; line-height: 27px; }

		.job-text { font-size: 14px; line-height: 27px; }

		.job-cont { margin-left: 0; }

		.job-info h2 em { font-style: normal; }

		.job-popup { width: 60%; margin-left: -30%; }



		/* 发现内芙 */

		.a-banner-pic { width: 100%; position: relative; height: 22rem; overflow: hidden; }

		.a-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 22rem; }

		.a-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.about-banner { position: relative; position: relative; }

		.about-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.about-title h3 { font-size: 16px; color: #fff; }

		.about-title h2 { letter-spacing: 0; font-size: 32px; margin-bottom: 3%; color: #fff; }

		.about-title h4 { display: none; }



		/* about-cont1 */

		.about-cont1 { margin-bottom: 2%; }

		.about-cont1 .a-c-i-cont { position: static; width: 76%; margin: 4% 12% 4% 12%; }

		.about-cont1 .a-c1-info { position: static; width: 100%; background: #f4f4f4; padding-bottom: 0; }

		.about-cont1 .a-c-i-cont h2 { font-size: 32px; margin-bottom: 2%; }

		.about-cont1 .a-c-i-text { font-size: 14px; line-height: 27px }



		/* about-cont2 */

		.about-cont2 { background: #f4f4f4; width: 100%;        /* margin-left: 2%;  */ }

		.about-cont2 .a-c2-info { top: 0; width: 76%; margin: 0% 12% 6% 12%; background: #f4f4f4; }

		.a-c2-pic { top: 0; }

		.about-cont2 .a-c2-i-cont h2 { font-size: 28px; }

		.about-cont2 .a-c2-i-cont h3 { font-size: 28px; }

		.about-cont2 .a-c2-i-text { font-size: 14px; line-height: 24px; }

		.a-c2-pic { width: 100%; padding: 0; position: relative; }

		.a-c2-p-inner { margin-left: 0; width: 100%; margin-bottom: 6%; }

		.a-c2-p-inner:after { display: none; }

		.about-cont2 .a-c2-i-cont { position: static; top: 0; left: 0; width: 100%; }



		/* about-cont3 */

		.about-cont3 { top: 0; width: 100%; background: #fff; float: right; }

		.about-cont3 .a-c3-info { width: 76%; margin: 4% 12% 6% 12%; }

		.about-cont3 .a-c3-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.a-c3-pic { right: 0; width: 100%; margin-bottom: 6%; }

		.a-c3-pic:before { display: none; }

		.a-c3-pic:after { display: none; }

		.about-cont3 .a-c3-i-cont h2 { font-size: 28px; margin-bottom: 2%; }

		.about-cont3-btn { margin-top: 3%; margin-bottom: 6%; text-align: center; }

		.a-c3-list { width: 100%; position: static; left: 0; bottom: 0; overflow: hidden; }

		.a-c3-list ul { width: 102%; }

		.a-c3-list li { width: 23%; margin-right: 2%; }

		.a-c3-list li h1 { font-size: 14px; }

		.a-c3-list li:before { background: #8bd1d9; background: rgba(139, 209, 217, 0.16); }

		.a-c3-list li .a-c3-l-text { left: 0; top: 50%; height: 20px; margin-top: -10px; z-index: 11; }



		/* .about-cont3-btn a{ border: 1px solid #e27937；; } */



		/* about-cont4 */







		.about-cont4 { width: 100%; top: 0; background: #f4f4f4; }

		.about-cont4-btn { margin-top: 4%; text-align: center; }

		.about-cont4-btn a { margin: 0 3%; }

		.about-cont4 .a-c4-i-cont h2 { font-size: 28px; margin-bottom: 2%; }

		.a-c4-pic { width: 100%; margin-left: 0; margin-bottom: 5%; }

		.about-cont4 .a-c4-info-bg { width: 76%; margin: 4% 12% 6% 12%; background: #f4f4f4; padding-top: 0; padding-bottom: 0; }

		.a-c4-blue-bg { display: none; }

		.about-cont4 .a-c4-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.about-cont4 .a-c4-i-text { font-size: 14px; line-height: 27px }



		/* about-cont5 */

		.about-cont5 { top: 0; background: #fff; }

		.about-cont5 .a-c5-info { width: 76%; margin: 4% 12% 6% 12%; background: #fff; }

		.about-cont5 .a-c5-i-cont h2 { font-size: 28px; margin-bottom: 2%; }

		.a-c5-pic { position: relative; width: 100%; margin-bottom: 5%; }

		.about-cont5 .a-c5-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.about-cont5-hz h4 { font-size: 18px; line-height: 18px; }

		.about-cont5 .a-c5-i-text { font-size: 14px; line-height: 27px; }

		.about-cont5-hz { margin-top: 6%; }

		.about-cont5-hz h4 { font-size: 18px; line-height: 18px; margin-bottom: 3%; padding-left: 2%; }

		.about-cont5-hz span { width: 50%; font-size: 14px; }



		/* about-cont6 */

		.about-cont6 { width: 100%; position: relative; margin-top: 0; margin-bottom: 0; background: #f6f6f6; }

		.about-cont6 .a-c6-info-bg { width: 80%; background: #f6f6f6; margin: 4% 10% 0 10%; }

		.about-cont6 .a-c6-i-cont { width: 100%; position: static; }

		.about-cont6 .a-c6-i-cont h2 { font-size: 18px; line-height: 18px; }

		.a-c6-blue-bg { width: 100%; position: static; }

		.a-c6-list ul li { width: 33%; margin-right: 0; }

		.a-c6-list ul li .a-c6-p-pic { width: 80%; }

		.a-c6-list ul li h4 { font-size: 12px; }



		/* about-cont7 */

		.about-cont7 { background: #fff; margin-top: 0; }

		.a-c7-info { width: 80%; margin: 4% 10% 6% 10%; background: #fff; }

		.a-c7-pic { width: 100%; margin-left: 0%; margin-top: 0%; margin-bottom: 5%; }

		.a-c7-pic .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; }

		.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; }

		.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

		.about-cont7 .a-c7-i-cont { width: 100%; margin-top: 0%; }

		.about-cont7 .a-c7-i-text { font-size: 14px; line-height: 24px; }

		.a-c7-p-text { left: 5%; width: 90%; margin-left: 0; top: 40%; }

		.a-c7-p-text a { font-size: 16px; }

		.a-c7-i-inner { width: 100%; margin-left: 0; }

		.about-cont7 .a-c7-i-cont h2 { font-size: 24px; margin-bottom: 2%; }

		.about-cont8 { background: #fff }

		.a-c8-info { margin: 0 10% 5% 10%; width: 80%; background: #fff; overflow: hidden; }

		.a-c8-info ul { width: 103%; }

		.a-c8-info ul li { margin-right: 3%; margin-bottom: 3%; width: 22%; }

		.a-c8-info li:before { background: #8bd1d9; background: rgba(139, 209, 217, 0.16); }

		.a-c8-info li h1 { font-size: 14px; }

		.a-c8-info li h2 { font-size: 14px; }

		.about-cont8-btn { width: 100%; margin-top: 3%; }



		/* 产品中心 */

		.prod-color { display: none; }

		.prod-hd { padding: 12px 0; margin-bottom: 1%; }



		/* 产品中心 */

		.prod-title { margin-top: 5%; }

		.prod-title h3 { font-size: 12px; line-height: 27px; }

		.prod-title h2 { font-size: 32px; letter-spacing: 0; }

		.p-l-nav-icon { display: none; }

		.prod-hd { font-size: 18px; }

		.prod-list { width: 104%; }

		.prod-list .prod-pos { width: 32%; margin-right: 1%; margin-bottom: 3%; }

		.prod-list .text {        /* position: static;*/



		bottom: 0; }

		.prod-color { display: none; }

		.prod-list .name p { padding: 10px; font-size: 12px; color: #fff; }

		.prod-pos .name p span { line-height: 14px; padding: 4px 3px 1px 3px; font-size: 10px; background-color: #80a1ae; }

		.prod-list .text-inner { padding: 12px 15px 15px 15px; }

		.prod-list .text-inner h3 { margin-bottom: 6px; font-size: 14px; height: 18px; overflow: hidden; }

		.prod-list .text-inner p { font-size: 12px; line-height: 18px; height: 18px; overflow: hidden; }

		.prod-more { display: none; }



		/* 产品导航 */

		.p-l-nav { display: none; }

		.prod-nav-wrap { display: noned; position: fixed; height: 100%; width: 50%; left: 0; top: 50px; background: #fff; z-index: 10; margin-bottom: 0; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

		.wapProd-nav-wrap { opacity: 1; visibility: visible; }

		.close-prod-nav-cur { opacity: 1; visibility: visible; }

		.prod-nav-sx { display: block; left: 5%; }

		.curProd-model-wrap { height: auto; }

		.curProd-model { position: static; top: 0; }

		.curProd-model .prod-model-cont { height: auto; margin: 0; background-color: #fff; }

		.curProd-model .prod-model-cont ul li a { font-size: 12px; color: #455c64; position: relative; }

		.prod-nav-inner { overflow: auto;        /* height: 75%;  */ }

		.prod-nav-info { width: 100%; }

		.prod-nav { float: left; width: 90%; margin: 5% 5% 3% 5%; border-bottom: 1px solid #f1f1f1; }

		.prod-nav h2 { display: block; width: 100%; text-align: left; color: #999; margin-bottom: 3%; font-size: 14px; line-height: 24px; }

		.prod-nav .prod-nav-list { margin-left: 0; float: left; width: 100%; text-align: left; margin-bottom: 5%; }

		.prod-nav .prod-nav-list ul { width: 103%; }

		.prod-nav .prod-nav-list li { margin-left: 0; margin-right: 3%; margin-top: 0%; margin-bottom: 3%; width: 30%; }

		.prod-nav .prod-nav-list li a { padding: 3px 0 0 0; border-radius: 5px; line-height: 36px; text-align: center; font-size: 12px; color: #455c64; border: 1px solid #dfdfdf; }

		.prod-nav .prod-nav-list li a:hover { color: #fff; }

		.prod-model-cont ul li.cur a { background-color: #455c64; color: #fff; }

		.prod-nav .prod-nav-list li.cur a { border: 1px solid #455c64; }

		.prod-model-wrap { width: 86%; margin: 0 7%; overflow: hidden; }

		.prod-model-cont h2 { font-size: 12px; display: block; color: #999; text-align: left; margin-bottom: 3%; }

		.prod-model-cont ul { text-align: left; width: 103%; }

		.prod-model-cont ul li { float: left; margin-left: 0; margin-right: 3%; margin-top: 0%; margin-bottom: 3%; width: 30%; }

		.prod-model-cont ul li a { padding: 3px 0 0 0; border-radius: 5px; line-height: 36px; text-align: center; font-size: 12px; color: #455c64; border: 1px solid #dfdfdf; }

		.prod-model-cont ul li a:hover { border: 1px solid #455c64; }

		.prod-model-cont ul li.cur a { border: 1px solid #455c64; }

		.close-prod-nav { width: 50%; }



		/* 服务&支持 */

		.ae-c3-info:before, .ae-c3-info:after { display: none; }

		.aervice-banner-pic { width: 100%; position: relative; height: 22rem; overflow: hidden; }

		.aervice-banner-pic img { object-fit: cover; width: 100%; object-position: 0 0; height: 22rem; }

		.aervice-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.aervice-banner { position: relative; position: relative; }

		.aervice-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.aervice-title h3 { font-size: 16px; }

		.aervice-title h2 { letter-spacing: 0; font-size: 32px; margin-bottom: 3%; }

		.aervice-title h4 { display: none; }

		.aervice-cont1 { }

		.aervice-cont1 .ae-c1-info { width: 76%; padding-bottom: 0px; margin: 5% 12% 5% 12%; }

		.aervice-cont1 .ae-c-i-text { font-size: 14px; line-height: 24px; }

		.aervice-cont1 .ae-c-i-cont { position: static; width: 100%; top: 0; left: 0; }

		.aervice-cont1 .ae-c-i-cont h2 { font-size: 28px; margin-bottom: 1%; }

		.aervice-cont1 .ae-c-i-cont h3 { font-size: 28px; margin-bottom: 1%; }

		.aervice-cont2 { background-color: #fff; }

		.ae-c2-pic { width: 100%; margin-bottom: 0; height: 22rem; overflow: hidden }

		.ae-c2-pic img { object-fit: cover; width: 100%; object-position: 0 0; height: 22rem; }

		.ae-c2-info { position: relative; background: #e17a38; color: #fff; width: 90%; margin-top: 0; padding: 3% 5%; margin-top: 0; }

		.ae-c2-text { width: 100%; margin-bottom: 1%; }

		.ae-c2-info ul { margin-left: 0%; margin-right: 0; }

		.ae-c2-info ul li h2 { font-size: 12px; }

		.ae-c2-info ul li i { display: block; margin: 0 auto 5% auto; width: 25%; }

		.ae-c2-t-cont { width: 76%; font-size: 12px; line-height: 24px; margin: 3% 12% 3% 12%; }

		.aervice-cont3 { width: 100%; margin: 0; }

		.ae-c3-p-border { display: none; }

		.ae-c3-info { width: 100%; margin: 0; }

		.ae-c3-info:before { display: none; }

		.ae-c3-pic { width: 32%; }

		.ae-c3-pic img { margin-bottom: 0; }

		.ae-c3-text { width: 53%; margin: 2% 5% 0 10%; }

		.ae-c3-i-cont h2 { font-size: 24px; margin-bottom: 4%; font-weight: normal; }

		.ae-c3-i-cont h2:after { width: 50px; height: 2px; margin-top: 10px; }

		.ae-c3-i-cont ul li { width: 100%; }

		.ae-c3-i-cont ul li a { padding: 6px 0; margin-bottom: 0; font-size: 12px; border: 0; }

		.ae-c3-i-cont ul li a:hover { border: 0; text-decoration: underline; }

		.ae-c3-info:after { display: none; }

		.aervice-cont4 { width: 100%; }

		.ae-join { width: 50%; }

		.ae-join img { opacity: 0.7; }

		.ae-join-text { top: 12% }

		.ae-join-text h2 { color: #4f4f4f; font-size: 24px; margin-bottom: 8%; }

		.ae-join-text h2:after { width: 50px; height: 3px; background: #e17a38; margin-top: 10px; }

		.ae-join-text h3 { font-size: 14px; }

		.ae-join:hover .ae-join-text { margin-top: 0; }

		.ae-contact { width: 50%; float: right; }

		.ae-contact img { opacity: 0.7; }

		.ae-contact-text { top: 12% }

		.ae-contact-text h2 { color: #4f4f4f; font-size: 24px; margin-bottom: 8%; }

		.ae-contact-text h2:after { width: 50px; height: 3px; background: #e17a38; margin-top: 10px; }

		.ae-contact-text h3 { font-size: 14px; }

		.ae-contact:hover .ae-contact-text { margin-top: 0; }

		.ae-down-more { top: 0px; }



		/* 厨房解决方案 */

		.case-banner-pic { width: 100%; position: relative; height: 22rem; overflow: hidden; margin-bottom: 4%; }

		.case-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 22rem; }

		.case-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.case-banner { position: relative; position: relative; }

		.case-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.case-title h3 { font-size: 16px; color: #fff; }

		.case-title h2 { letter-spacing: 0; font-size: 32px; margin-bottom: 3%; color: #fff; }

		.case-title h4 { display: none; }



		/*		.case-cont1 { margin-bottom:2%; }



				.case-cont1-pic { width: 46%; }



				.case-cont1-info { position: static; top: 0%; width: 50%; }



				.case-cont1-inner { width: 90%; margin: 0 5%; }



				.case-cont1-text { position: static; margin-top: 10%; margin-bottom: 6%; margin-left: 0%; width: 100%; }



				.case-cont1-text h3 { font-size: 14px; margin-bottom: 1%; }



				.case-cont1-text h2 { font-size: 24px; margin-bottom: 2%; }



				.case-cont1-text p { color: #fff; font-size: 14px; line-height: 24px; }



				.case-cont2 { margin-bottom:2%; }



				.case-cont2-pic { width: 46%; }



				.case-cont2-info { width: 50%; position: static; top: 0%; }



				.case-cont2-inner { width: 90%; margin: 0 5%; }



				.case-cont2-text { position: static; margin-top: 12%; margin-bottom: 6%; margin-left: 0%; width: 100%; }



				.case-cont2-text h3 { font-size: 14px; margin-bottom: 1%; }



				.case-cont2-text h2 { font-size: 24px; margin-bottom: 2%; }



				.case-cont2-text p { color: #fff; font-size: 14px; line-height: 24px; }



				.case-c-btn { margin-top: 4%; } */

		.case-cont1 { margin-bottom: 4%; }

		.case-cont1-pic { width: 55%; }

		.case-cont1-info { width: 45%; position: static; top: 0%; }

		.case-cont1-inner { width: 76%; margin: 0 12%; }

		.case-cont1-text { position: static; margin-top: 15%; margin-bottom: 7%; margin-left: 0%; width: 100%; }

		.case-cont1-text h3 { margin-bottom: 2%; }

		.case-cont1-text h2 { font-size: 24px; margin-bottom: 5%; }

		.case-cont1-text p { color: #fff; font-size: 12px; line-height: 22px; }

		.case-cont2 { margin-bottom: 4%; }

		.case-cont2-pic { width: 55%; }

		.case-cont2-info { width: 45%; position: static; top: 0%; }

		.case-cont2-inner { width: 76%; margin: 0 12%; }

		.case-cont2-text { position: static; margin-top: 15%; margin-bottom: 7%; margin-left: 0%; width: 100%; }

		.case-cont2-text h3 { font-size: 14px; margin-bottom: 2%; }

		.case-cont2-text h2 { font-size: 24px; margin-bottom: 5%; }

		.case-cont2-text p { color: #fff; font-size: 12px; line-height: 22px; }

		.case-c-btn { margin-top: 6%; }



		/* 安装图纸下载 */

		.down-blank { width: 90%; margin: 5%; }

		.down-name { width: 100%; margin-bottom: 15px; }

		.down-cont { width: 100%; margin-left: 0; }

		.down-info ul li a { font-size: 12px; }



		/* 购买渠道 */

		.channel-banner { background: #d0c9c1; }

		.channel-title { width: 90%; margin-right: 0;        /* position: absolute;  */ margin: 8% 5% 5% 5%; }

		.c-title-cont h2 { font-size: 32px; letter-spacing: 0px; margin-bottom: 1%; }

		.c-title-cont h4 { font-size: 14px; letter-spacing: 0; margin-bottom: 0; }

		.n-banner-pic { width: 100%; position: relative; height: 22rem; overflow: hidden; }

		.n-banner-pic img { object-fit: cover; width: 100%; object-position: 0 0; height: 22rem; }

		.n-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.channel-banner { position: relative; position: relative; padding-bottom: 3%; }

		.channel-title { width: 90%; margin: 4% 5% 0 5%; }

		.c-title-inner { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; left: 0; top: 25%; position: absolute; z-index: 2; text-align: center; }

		.c-title-inner h3 { font-size: 16px; color: #fff; }

		.c-title-inner h2 { letter-spacing: 0; font-size: 32px; margin-bottom: 3%; color: #fff; }

		.c-title-inner h4 { display: none; }

		.c-title-tn-box { font-size: 0; text-align: center; width: 102%; }

		.c-title-btn { margin-top: 0; margin-bottom: 2%; width: 20%; margin-right: 2%; display: inline-block; }

		.c-title-btn a { padding: 10px 0 22px 0; width: 100%; font-size: 14px; color: #415e64; text-align: center; }

		.c-title-btn a span { bottom: 0; display: inline-block; width: 60px; height: 100%; background-position: 0 bottom; left: 50%; margin-left: -30px; }

		.c-title-btn a.tm-icon { background: none; }

		.c-title-btn a.tm-icon span { display: none; background: url('../images/c-title-tm.png') no-repeat center bottom/50% auto }

		.c-title-btn a.jd-icon { background: none; }

		.c-title-btn a.jd-icon span { display: none; background: url('../images/c-title-jd.png') no-repeat center bottom/50% auto }

		.c-title-btn a.sn-icon { background: none; }

		.c-title-btn a.sn-icon span { display: none; background: url('../images/c-title-sn.png') no-repeat center bottom/50% auto }

		.c-title-btn a:hover { padding: 10px 0 22px 0; }

		.c-title-btn a:hover span { bottom: 0; display: inline-block; width: 60px; height: 100%; background-position: 0 bottom; left: 50%; margin-left: -30px; }

		.c-title-btn a:hover.tm-icon { background: #d81519; }

		.c-title-btn a:hover.tm-icon span { background: url('../images/c-title-tm.png') no-repeat center bottom/50% auto; }

		.c-title-btn a:hover.jd-icon { background: #d81519; }

		.c-title-btn a:hover.jd-icon span { background: url('../images/c-title-jd.png') no-repeat center bottom/50% auto; }

		.c-title-btn a:hover.sn-icon { background: #d81519; }

		.c-title-btn a:hover.sn-icon span { background: url('../images/c-title-sn.png') no-repeat center bottom/50% auto; }

		.channel-cont1 { width: 100%; margin: 0 0 4% 0; background: #415e64; }

		.c-cont1-pic { width: 45%; margin-left: 5%; margin-bottom: 5%; margin-top: 5%; }

		.c-cont1-text { background: #415e64; width: 50%; position: static; top: 0; float: left; }

		.channel-cont2 { width: 90%; margin: 0 5% 5% 5%; background: #f4f4f4; }

		.c-c1-t-inner { margin: 10% 15% 5% 15%; }

		.c-cont1-text h2 { color: #fff; font-size: 22px; letter-spacing: 0px; margin-bottom: 2%; }

		.c-cont1-text ul li { color: #fff; font-size: 14px; line-height: 27px; }

		.channel-c2-wrap { width: 100%; margin-top: 0; margin-bottom: 0; }

		.c-cont2-text { width: 45%; }

		.c-c2-t-inner {        /* margin: 5% 5% 10% 5%; */



		margin: 10% 0 10% 0; }

		.c-c2-pic-box { width: 100% }

		.c-cont2-pic { width: 55%; }

		.c-cont2-pic img { width: 100%; position: relative; top: 0; left: 0; }

		.c-cont2-text h2 { color: #4f4f4f; font-size: 22px; letter-spacing: 0px; line-height: 30px; margin-bottom: 2%; }

		.c-c2-t-text { font-size: 14px; line-height: 24px; }

	}



	/*大于960px，小于1024px）*/

	@media screen and (min-width:960px) and (max-width:1024px) {

		.main-nav { width: 35%; }

		.favorite-btn { width: 7%; }

		.pop-search-box { width: 28%; left: auto; right: 7%; }

		.store-link-popup { width: 35%; left: auto; right: 0; }

	}



	/* 小于959px */



	/* @media only screen and (max-width:960px) {



			.main-nav { width: 100%; }



		} */



	/*窄屏 880分辨率（大于768px，小于959px）*/

	@media screen and (min-width:768px) and (max-width:960px) {

		.h-p-box1 { float: left; width: 100% }

		.h-p-box2 { float: left; width: 100% }

		.h-p-box3 { float: left; width: 100% }

		.h-p-box4 { float: left; width: 100% }

		.h-c-1-l { float: left; width: 48% }

		.h-c-1-c { float: left; width: 100%; overflow: hidden; margin-top: 3%; }

		.h-c-1-r { float: right; width: 48% }



		/* 加入我们 */

		.job-left { width: 100%; }

		.job-left img { display: none; }

		.job-wrap { margin: 5% 0 8% 0; }

		.job-title { position: static; width: 100%; top: 0; left: 0; }

		.job-title h2 { font-size: 32px; letter-spacing: 0; margin-bottom: 3%; }

		.job-title h3 { font-size: 12px; line-height: 27px; }

		.job-text { font-size: 14px; line-height: 27px; }

		.job-cont { margin-left: 0; }

		.job-info h2 em { font-style: normal; }

		.job-popup { width: 100%; margin-left: 0; left: 0; top: 0; height: 100%; border-radius: 0; }

	}



	/*ipad 720分辨率（大于480px，小于767px）*/

	@media screen and (min-width:480px) and (max-width:768px) {

		.h-p-box1 { float: left; width: 100% }

		.h-p-box2 { float: left; width: 100% }

		.h-p-box3 { float: left; width: 100% }

		.h-p-box4 { float: left; width: 100% }

		.h-c-1-l { float: left; width: 49% }

		.h-c-1-c { float: left; width: 100%; overflow: hidden; margin-top: 3%; }

		.h-c-1-r { float: right; width: 49% }

		.h-p-b1-1, .h-p-b1box-1, .h-p-b1-4, .h-p-b1-5, .h-p-bbox-1, .h-p-b2-4, .h-p-b3-2, .h-p-b3-3, .h-p-b4-1, .h-p-b4box-1 { width: 49%; }

		.main-nav { width: 100%; }

		.pop-search-box { right: 17%; width: 83%; }

		.favorite-btn { width: 17%; }

		.store-link-popup { width: 100%; }

		.favorite-box { width: 85%; }

		.h-cont-1 { margin-bottom: 5%; }

		.h-prodcut-list .name { top: 8px; left: 8px; width: auto; }



		/* banner */

		.slider__switch--prev { display: none; }

		.slider__switch--next { display: none; }

		.h-b-text h2 { font-size: 32px; margin-bottom: 1%; }

		.h-b-text h3 { color: #fff; font-size: 14px; }

		.htmleaf-container .preview { display: block; background: none; }

		.htmleaf-container .preview a { outline: 4px solid #fff; opacity: 0.5; }

		.htmleaf-container .preview a.active { outline: 4px solid #accfd5; opacity: 1; }

		.htmleaf-container .preview a img { display: none; }



		/* content */

		.web-wrap { margin: 0; }

		.h-c-1-text { padding: 15px 12px 12px; }

		.h-c-1-text h2 { font-size: 14px; margin-bottom: 4px; height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis;        /* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;        /* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");        /*FireFox*/ }

		.h-c-1-pic p { background: #80a1ae; color: #fff; }

		.h-c-1-l .h-c-1-pic p span { line-height: 12px; padding: 4px 3px 1px 3px; font-size: 11px; }

		.h-c-1-text p { font-size: 12px; min-height: 18px; max-height: 18px; }

		.h-c-1-pic p { background: #80a1ae; color: #fff; }

		.h-c-1-r .h-c-1-pic p span { line-height: 14px; padding: 4px 3px 1px 3px; font-size: 10px; }

		.new_red { font-size: 10px; line-height: 12px; height: 12px; }

		.h-c-1-c .h-c-1-pic p span { line-height: 12px; padding: 4px 3px 1px 3px; font-size: 9px; }



		/* 产品类别  */

		.h-product-sort { margin-bottom: 5% }

		.h-product-sort ul li { width: 16.5%; }

		.h-product-sort ul li a { border-left: 0; box-shadow: 0 0 0 #fff; margin-right: 0; font-size: 12px; }

		.h-product-sort ul li a i { width: 65%; height: auto; margin: 0 auto 2% auto; }

		.h-product-sort ul li a i img { width: 100%; }



		/* 产品列表  */

		.h-prodcut-list { }

		.h-prodcut-list .name { background: #80a1ae; color: #fff; width: auto; }

		.h-p-pos .name p { padding: 0; }

		.h-p-pos .name p span { line-height: 14px; padding: 4px 3px 1px 3px; font-size: 10px; }

		.h-prodcut-list .text { bottom: 0; }

		.h-prodcut-list .text-inner { padding: 10px 12px 12px; }

		.h-prodcut-list .text-inner h3 { font-size: 14px; margin-bottom: 4px; height: auto;        /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;  -moz-binding: url("ellipsis.xml#ellipsis");  */ }

		.h-prodcut-list .text-inner p { font-size: 12px; line-height: 14px; height: 26px; overflow: hidden; }

		.h-p-more { display: none; }

		.h-p-color { display: none; }



		/* 服务 */



		/* .serve-block{display: none} */



		.serve-block { padding-top: 2%; margin-bottom: 2%; }

		.serve-block-cont { width: 29%; margin: 0 2%; vertical-align: top; }

		.serve-block-cont h2 { font-size: 11px; }

		.serve-block-cont .s-b-c-icon { display: block; height: 3rem; font-size: 18px; line-height: 3rem; width: 3rem; }

		.serve-block-cont p { display: none; color: #8b7f7b; font-size: 9px; padding-top: 5%; width: 80%; margin: 0 auto; height: auto; }

		.s-b-c-btn { display: none }

		.f-c-t { margin-bottom: 6%; letter-spacing: 5px; }



		/*=============================== 内页 ===============================*/



		/* 新闻资讯 */



		.n-banner-pic { width: 100%; position: relative; height: 10rem; overflow: hidden; }

		.n-banner-pic img { object-fit: cover; width: 100%; object-position: -2rem 0; height: 16rem; }

		.n-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.news-banner { position: relative; position: relative; }

		.news-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.news-title h3 { font-size: 14px; color: #fff; }

		.news-title h2 { letter-spacing: 0; font-size: 28px; margin-bottom: 2%; color: #fff; }

		.news-title h4 { display: none; }

		.n-title-btn { display: none }

		.news-nav-box { background: #415e64; height: 35px; }

		.news-nav { height: auto; padding-top: 0; padding-bottom: 5%; height: 35px; padding-bottom: 0; }

		.n-nav-list { text-align: left; }

		.n-nav-list ul li { float: left; display: block; margin: 0; width: 16%; }

		.n-nav-list ul li a { font-size: 12px; color: #fff; display: block; float: left; position: relative; height: 35px; line-height: 35px; }

		.n-nav-list ul li.cur a:after { height: 1px; bottom: 0; left: 0; }

		.n-nav-list ul li a:hover i:after { display: none; }

		.curHp-n-cont { top: 50px; }

		.curHp-n-cont .news-nav-inner { margin: 0; height: 35px; height: 35px; display: block; float: left; }

		.curHp-n-cont .news-nav-inner .n-nav-list ul li a { font-size: 12px; }

		.curHp-n-cont .news-nav-inner .n-nav-list ul li.cur a:after { bottom: 0px; }

		.news-cont { margin-top: 5%; top: 0; }

		.news-list ul { width: 104%; }

		.news-list ul li { width: 46%; margin-right: 4%; margin-bottom: 4%; }

		.news-nav-inner { width: 100%; }

		.n-l-t-inner { padding: 10px 12px 12px; }

		.n-l-tag { font-size: 12px; line-height: 16px; padding: 4px 4px 1px 4px; }

		.n-l-text { position: static; }

		.n-l-t-inner h2 { font-size: 14px; margin-bottom: 3px; }

		.n-l-state { line-height: 16px; height: 16px; overflow: hidden; font-size: 12px; }

		.news-list ul li a:hover .n-l-state { height: 16px; }

		.n-l-link { display: none; }

		.n-l-date { position: static; font-size: 10px; margin-bottom: 5px; }

		.news-more { margin-bottom: 6%; margin-top: 2%; font-size: 12px; }



		/* 加入我们 */

		.job-title h2 { font-size: 24px; letter-spacing: 0; margin-bottom: 3%; }

		.job-title h3 { font-size: 12px; line-height: 27px; }

		.job-text { font-size: 12px; line-height: 22px; margin-bottom: 5%; }

		.job-cont { margin-left: 0; }

		.job-info h2 em { font-style: normal; }

		.job-popup { width: 100%; margin-left: 0; left: 0; top: 0; height: 100%; }

		.job-info-hd span { font-size: 12px }

		.job-info-list ul li span { font-size: 12px }

		.job-pop-hd h3 { font-size: 18px; }



		/* 发现内芙 */

		.a-banner-pic { width: 100%; position: relative; height: 16rem; overflow: hidden; }

		.a-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 16rem; }

		.a-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.about-banner { position: relative; position: relative; }

		.about-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.about-title h3 { font-size: 14px; color: #fff; }

		.about-title h2 { letter-spacing: 0; font-size: 28px; margin-bottom: 3%; color: #fff; }

		.about-title h4 { display: none; }



		/* about-cont1 */

		.about-cont1 .a-c-i-cont { position: static; width: 90%; margin: 5% 5% 6% 5%; }

		.about-cont1 .a-c1-info { position: static; width: 100%; background: #fff; padding-bottom: 0; }

		.about-cont1 .a-c-i-cont h2 { font-size: 28px; margin-bottom: 2%; }

		.about-cont1 .a-c-i-text { font-size: 14px; line-height: 24px }



		/* about-cont2 */

		.about-cont2 { background: #f4f4f4; width: 100%; }

		.about-cont2 .a-c2-info { top: 0; width: 90%; margin: 5% 5% 8% 5%; background: #f4f4f4; }

		.a-c2-pic { top: 0; }

		.about-cont2 .a-c2-i-cont h2 { font-size: 24px; }

		.about-cont2 .a-c2-i-cont h3 { font-size: 24px; }

		.about-cont2 .a-c2-i-text { font-size: 14px; line-height: 24px; }

		.a-c2-pic { width: 100%; padding: 0; position: relative; }

		.a-c2-p-inner { margin-left: 0; width: 100%; margin-bottom: 6%; }

		.a-c2-p-inner:after { display: none; }

		.about-cont2 .a-c2-i-cont { position: static; top: 0; left: 0; width: 100%; }



		/* about-cont3 */

		.about-cont3 { top: 0; width: 100%; background: #fff; }

		.about-cont3 .a-c3-info { width: 90%; margin: 5%; }

		.about-cont3 .a-c3-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.a-c3-pic { right: 0; width: 100%; margin-bottom: 6%; }

		.a-c3-pic:before { display: none; }

		.a-c3-pic:after { display: none; }

		.about-cont3 .a-c3-i-cont h2 { font-size: 24px; margin-bottom: 2%; }

		.about-cont3-btn { margin-top: 3%; margin-bottom: 6%; text-align: center; }

		.a-c3-list { width: 100%; position: static; left: 0; bottom: 0; overflow: hidden; }

		.a-c3-list ul { width: 104%; }

		.a-c3-list li { margin-right: 4%; margin-bottom: 4%; width: 46%; }

		.a-c3-list li h1 { font-size: 14px; }



		/* .a-c3-list li:before { background: #8bd1d9; background: rgba(139, 209, 217, 0.86); } */

		.a-c3-list li .a-c3-l-text { left: 0; top: 50%; height: 20px; margin-top: -10px; z-index: 11; }



		/* .about-cont3-btn a{ border: 1px solid #e27937；; } */



		/* about-cont4 */







		.about-cont4 { width: 100%; top: 0; background: #f4f4f4; }

		.about-cont4-btn { margin-top: 4%; text-align: center; }

		.about-cont4-btn a { margin: 0 3%; }

		.about-cont4 .a-c4-i-cont h2 { font-size: 24px; margin-bottom: 2%; }

		.a-c4-pic { width: 100%; margin-left: 0; margin-bottom: 5%; }

		.about-cont4 .a-c4-info-bg { width: 90%; background: #f4f4f4; margin: 5% 5% 8% 5%; padding-top: 0; padding-bottom: 0; }

		.a-c4-blue-bg { display: none; }

		.about-cont4 .a-c4-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.about-cont4 .a-c4-i-text { font-size: 14px; line-height: 24px }



		/* about-cont5 */

		.about-cont5 { top: 0; background: #fff; }

		.about-cont5 .a-c5-info { width: 90%; background: #fff; margin: 5% 5% 10% 5%; }

		.about-cont5 .a-c5-i-cont h2 { font-size: 24px; margin-bottom: 2%; }

		.a-c5-pic { position: relative; width: 100%; margin-bottom: 5%; }

		.about-cont5 .a-c5-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.about-cont5-hz h4 { font-size: 18px; line-height: 18px; }

		.about-cont5 .a-c5-i-text { font-size: 14px; line-height: 24px; }

		.about-cont5-hz { margin-top: 6%; }

		.about-cont5-hz h4 { font-size: 16px; line-height: 16px; margin-bottom: 4%; }

		.about-cont5-hz span { width: 50%; }



		/* about-cont6 */

		.about-cont6 { width: 100%; position: relative; margin-top: 0; margin-bottom: 0; background: #f6f6f6; }

		.about-cont6 .a-c6-info-bg { width: 90%; background: #f6f6f6; margin: 8% 5% 0 5%; }

		.about-cont6 .a-c6-i-cont { width: 100%; position: static; }

		.about-cont6 .a-c6-i-cont h2 { font-size: 18px; line-height: 18px; }

		.a-c6-blue-bg { width: 100%; position: static; }

		.a-c6-list ul li { width: 33%; margin-right: 0; }

		.a-c6-list ul li .a-c6-p-pic { width: 80%; }

		.a-c6-list ul li h4 { font-size: 12px; }



		/* about-cont7 */

		.about-cont7 { background: #fff; margin-top: 0; }

		.a-c7-info { width: 90%; margin: 0 5%; background: #fff; }

		.a-c7-pic { width: 100%; margin-left: 0%; margin-top: 0%; margin-bottom: 5%; }

		.a-c7-pic .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; }

		.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; }

		.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

		.about-cont7 .a-c7-i-cont { width: 100%; margin-top: 0%; }

		.about-cont7 .a-c7-i-text { font-size: 14px; line-height: 24px; }

		.a-c7-p-text { left: 5%; width: 90%; margin-left: 0; top: 40%; }

		.a-c7-p-text a { font-size: 16px; }

		.a-c7-i-inner { width: 100%; margin-left: 0; }

		.about-cont7 .a-c7-i-cont h2 { font-size: 24px; margin-bottom: 2%; }

		.about-cont8 { background: #fff }

		.a-c8-info { margin: 3% 5% 10% 5%; width: 90%; background: #fff; overflow: hidden; }

		.a-c8-info ul { width: 103%; }

		.a-c8-info ul li { margin-right: 3%; margin-bottom: 3%; width: 47%; }



		/* .a-c8-info li:before { background: #8bd1d9; background: rgba(139, 209, 217, 0.16); } */

		.a-c8-info li h1 { font-size: 14px; }

		.a-c8-info li h2 { font-size: 14px; }

		.about-cont8-btn { width: 100%; }



		/* 产品中心 */

		.prod-title { margin-top: 5%; }

		.prod-title h3 { font-size: 14px; }

		.prod-title h2 { font-size: 28px; letter-spacing: 0; }

		.p-l-nav-icon { display: none; }



		/* 产品导航 */

		.p-l-nav { display: none; }

		.prod-nav-wrap { width: 100% }

		.close-prod-nav { width: 100%; }



		/* 产品列表 */

		.prod-hd { font-size: 18px; }

		.prod-list { margin-bottom: 0%; }

		.prod-list { width: 103%; }

		.prod-list .prod-pos { width: 48%; margin-right: 2%; margin-bottom: 3%; }

		.prod-list .text { bottom: 0; }

		.prod-color { display: none; }

		.prod-list .name p { font-size: 12px; color: #fff; }

		.prod-pos .name p span { line-height: 14px; padding: 4px 3px 1px 3px; font-size: 10px; background-color: #80a1ae; }

		.prod-list .text-inner { padding: 10px 12px 12px 12px; }

		.prod-list .text-inner h3 { margin-bottom: 6px; font-size: 14px; height: 18px; overflow: hidden; }

		.prod-list .text-inner p { font-size: 12px; line-height: 12px; height: 24px; overflow: hidden; }

		.prod-more { display: none; }



		/* 产品详细心 */

		.prod-b-n-cont { margin: 0; font-size: 0; }



		/* .prod-b-n-cont .row1200{ width:100%; margin: 0; } */

		.prod-b-n-inner li { margin: 0; width: 25%; }

		.heart-btn { display: none; }

		.prod-blank-pic-wrap { width: 76%; margin: 0 12%; }

		.prod-blank-text { width: 100%; }

		.prod-blank-text { margin-top: 13%; }

		.add-collect { color: #fff; display: inline-block; background: #e1251a; }

		.prod-blank-pic:after { opacity: 1; visibility: visible; }

		.sl-wrapper button { background: red; font-size: 30px; }

		.sl-wrapper .sl-close { height: 64px; width: 64px; }

		.sl-wrapper .sl-counter { font-size: 1.1rem; }

		.prod-blank-hd { margin: 8% 0 7% 0; }

		.p-b-tab { position: absolute; top: -18%; left: 0; margin-top: 0; }

		.p-b-tab h5 { display: none; }

		.p-b-t-cont { text-align: center; }

		.p-b-t-cont ul li i { width: 18px; height: 18px; }

		.p-b-t-cont ul li i b { font-size: 10px; width: 18px; height: 18px; line-height: 18px; }

		.prod-blank-text h2 { font-size: 22px; margin-bottom: 3%; }

		.prod-blank-text h4 { font-size: 14px; line-height: 22px; margin-bottom: 3%; }

		.prod-blank-text .prod-b-size { font-size: 14px; line-height: 24px; }

		.p-b-shop { position: relative; margin-top: 3%; }

		.p-b-i-cont { margin: 5% 0 7% 0; }

		.p-b-i-cont>h2 { margin-bottom: 3%; }

		.p-b-i-list li { width: 100%; }

		.p-b-i-list li h2 { font-size: 18px; padding-left: 15px; letter-spacing: 0; margin-top: 20px; }

		.p-b-d-text { margin-top: 5%; font-size: 14px; }

		.relate-prod h2 { font-size: 14px; }

		.p-b-s-btn { margin-bottom: 7%; }

		.p-b-i-list li .p-b-i-l-text { padding: 10px 20px; font-size: 14px; line-height: 24px; margin-bottom: 0; }

		.p-b-i-down { margin-bottom: 10%; }



		/* 服务&支持 */

		.aervice-banner-pic { width: 100%; position: relative; height: 16rem; overflow: hidden; }

		.aervice-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 16rem; }

		.aervice-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.aervice-banner { position: relative; position: relative; }

		.aervice-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.aervice-title h3 { font-size: 14px; }

		.aervice-title h2 { letter-spacing: 0; font-size: 28px; margin-bottom: 3%; }

		.aervice-title h4 { display: none; }

		.aervice-cont1 .ae-c1-info { width: 90%; padding-bottom: 0px; margin: 6% 5% 6% 5%; }

		.aervice-cont1 .ae-c-i-text { font-size: 14px; line-height: 24px; }

		.aervice-cont1 .ae-c-i-cont { position: static; width: 100%; top: 0; left: 0; }

		.aervice-cont1 .ae-c-i-cont h2 { font-size: 24px; margin-bottom: 1%; }

		.aervice-cont1 .ae-c-i-cont h3 { font-size: 24px; margin-bottom: 2%; }

		.aervice-cont2 { background-color: #fff; }

		.ae-c2-pic { width: 100%; margin-bottom: 0; }

		.ae-c2-info { position: relative; background: #e17a38; color: #fff; width: 100%; margin-top: 0; padding: 3% 0; margin-top: -1px; }

		.ae-c2-text { width: 100%; margin-bottom: 2%; }

		.ae-c2-info ul { margin-left: 0%; margin-right: 0; }

		.ae-c2-info ul li h2 { font-size: 12px; }

		.ae-c2-info ul li i { display: block; margin: 0 auto 5% auto; width: 25%; }

		.ae-c2-t-cont { width: 90%; font-size: 14px; line-height: 24px; margin: 4% 5% 5% 5%; }

		.ae-c3-p-border { display: none; }

		.ae-c3-info { width: 100%; margin: 0 0 0 0; }

		.ae-c3-info:before { display: none; }

		.ae-c3-pic { width: 100%; height: 30rem; overflow: hidden; }

		.ae-c3-pic img { margin-bottom: 0; }

		.ae-c3-text { width: 90%; margin: 6% 5% 10% 5%; }

		.ae-c3-i-cont h2 { font-size: 24px; margin-bottom: 3%; font-weight: normal; }

		.ae-c3-i-cont h2:after { width: 50px; height: 2px; margin-top: 10px; }

		.ae-c3-i-cont ul li { width: 100%; }

		.ae-c3-i-cont ul li a { padding: 8px 0; margin-bottom: 0; font-size: 14px; border: 0; }

		.ae-c3-i-cont ul li a:hover { border: 0; text-decoration: underline; }

		.ae-c3-info:after { display: none; }

		.ae-join { width: 100%; margin-bottom: 0; }

		.ae-join img { opacity: 0.7; }

		.ae-join-text { top: 15% }

		.ae-join-text h2 { color: #4f4f4f; font-size: 24px; margin-bottom: 8%; }

		.ae-join-text h2:after { width: 50px; height: 3px; background: #e17a38; margin-top: 10px; }

		.ae-join-text h3 { font-size: 14px; }

		.ae-join:hover .ae-join-text { margin-top: 0; }

		.ae-contact { width: 100%; }

		.ae-contact img { opacity: 0.7; }

		.ae-contact-text { top: 15% }

		.ae-contact-text h2 { color: #4f4f4f; font-size: 24px; margin-bottom: 8%; }

		.ae-contact-text h2:after { width: 50px; height: 3px; background: #e17a38; margin-top: 10px; }

		.ae-contact-text h3 { font-size: 14px; }

		.ae-contact:hover .ae-contact-text { margin-top: 0; }

		.ae-down-more { top: 0; }



		/* 购买渠道 */

		.channel-banner { background: #f4f4f4; }

		.channel-title { width: 90%; margin-right: 0;        /* position: absolute;  */ margin: 8% 5% 5% 5%; }

		.c-title-cont h2 { font-size: 28px; letter-spacing: 0px; margin-bottom: 1%; }

		.c-title-cont h4 { font-size: 14px; letter-spacing: 0; margin-bottom: 0; }

		.n-banner-pic { width: 100%; position: relative; height: 16rem; overflow: hidden; }

		.n-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 16rem; }

		.n-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.channel-banner { position: relative; position: relative; padding-bottom: 5%; }

		.channel-title { width: 90%; margin: 3% 5% 0 5%; }

		.c-title-inner { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 25%; position: absolute; z-index: 2; text-align: center; }

		.c-title-inner h3 { font-size: 14px; color: #fff; }

		.c-title-inner h2 { letter-spacing: 0; font-size: 22px; margin-bottom: 3%; color: #fff; }

		.c-title-inner h4 { display: none; }

		.c-title-tn-box { font-size: 0; text-align: center; width: 102%; }

		.c-title-btn { margin-top: 3%; width: 48%; display: inline-block; margin-right: 2%; }

		.c-title-btn a { padding: 5px 0 18px 0; width: 100%; font-size: 16px; color: #415e64; text-align: center; }

		.c-title-btn a span { bottom: 0; display: inline-block; width: 60px; height: 100%; background-position: 0 bottom; left: 50%; margin-left: -30px; }

		.c-title-btn a.tm-icon { background: none; }

		.c-title-btn a.tm-icon span { display: none; background: url('../images/c-title-tm.png') no-repeat center bottom/50% auto }

		.c-title-btn a.jd-icon { background: none; }

		.c-title-btn a.jd-icon span { display: none; background: url('../images/c-title-jd.png') no-repeat center bottom/50% auto }

		.c-title-btn a.sn-icon { background: none; }

		.c-title-btn a.sn-icon span { display: none; background: url('../images/c-title-sn.png') no-repeat center bottom/50% auto }

		.c-title-btn a:hover { padding: 5px 0 18px 0; }

		.c-title-btn a:hover span { bottom: 0; display: inline-block; width: 60px; height: 100%; background-position: 0 bottom; left: 50%; margin-left: -30px; }

		.c-title-btn a:hover.tm-icon { background: #d81519; }

		.c-title-btn a:hover.tm-icon span { background: url('../images/c-title-tm.png') no-repeat center bottom/50% auto; }

		.c-title-btn a:hover.jd-icon { background: #d81519; }

		.c-title-btn a:hover.jd-icon span { background: url('../images/c-title-jd.png') no-repeat center bottom/50% auto; }

		.c-title-btn a:hover.sn-icon { background: #d81519; }

		.c-title-btn a:hover.sn-icon span { background: url('../images/c-title-sn.png') no-repeat center bottom/50% auto; }

		.c-cont1-pic { margin-left: 0; margin-bottom: 0; margin-top: 0; }

		.channel-cont1 { margin-top: 0; }

		.channel-cont1 { width: 90%; margin: 0 5%; }

		.c-cont1-pic { width: 100%; }

		.c-cont1-text { background: #415e64; width: 100%; position: static; top: 0; float: left; }

		.channel-cont2 { width: 90%; margin: 0 5%; background: #f4f4f4; }

		.c-c1-t-inner { margin: 8% 5% 10% 5%; float: left; }

		.c-cont1-text h2 { color: #fff; font-size: 24px; letter-spacing: 0px; margin-bottom: 2%; }

		.c-cont1-text ul li { color: #fff; font-size: 16px; line-height: 27px; width: 50%; float: left; }

		.channel-c2-wrap { width: 100%; margin-top: 0; margin-bottom: 0; }

		.c-cont2-text { width: 100%; }

		.c-c2-t-inner { width: 90%; margin: 5% 5% 10% 5%; }

		.c-c2-pic-box { width: 100% }

		.c-cont2-pic { width: 100%; }

		.c-cont2-pic img { width: 100%; position: relative; top: 0; left: 0; }

		.c-cont2-text h2 { color: #4f4f4f; font-size: 22px; letter-spacing: 0px; line-height: 30px; margin-bottom: 2%; }

		.c-c2-t-text { font-size: 14px; line-height: 24px; }



		/* 厨房解决方案 */

		.case-banner-pic { width: 100%; position: relative; height: 16rem; overflow: hidden; margin-bottom: 0; }

		.case-banner-pic img { object-fit: cover; width: 100%; object-position: -2rem 0; height: 16rem; }

		.case-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.case-banner { position: relative; position: relative; }

		.case-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.case-title h3 { font-size: 14px; color: #fff; }

		.case-title h2 { letter-spacing: 0; font-size: 28px; margin-bottom: 3%; color: #fff; }

		.case-title h4 { display: none; }



		/* .case-cont1{ width:90%; margin: 0 5%; } */

		.case-cont1 { margin-bottom: 0; }

		.case-cont1-pic { width: 100%; }

		.case-cont1-info { width: 100%; position: static; top: 0%; }

		.case-cont1-inner { width: 90%; margin: 0 5%; }

		.case-cont1-text { position: static; margin-top: 8%; margin-bottom: 8%; margin-left: 0%; width: 100%; }

		.case-cont1-text h3 { font-size: 14px; margin-bottom: 1%; }

		.case-cont1-text h2 { font-size: 24px; margin-bottom: 2%; }

		.case-cont1-text p { color: #fff; font-size: 14px; line-height: 24px; }

		.case-cont2 { margin-bottom: 0; }

		.case-cont2-pic { width: 100%; }

		.case-cont2-info { width: 100%; position: static; top: 0%; }

		.case-cont2-inner { width: 90%; margin: 0 5%; }

		.case-cont2-text { position: static; margin-top: 8%; margin-bottom: 8%; margin-left: 0%; width: 100%; }

		.case-cont2-text h3 { font-size: 14px; margin-bottom: 1%; }

		.case-cont2-text h2 { font-size: 24px; margin-bottom: 2%; }

		.case-cont2-text p { color: #fff; font-size: 14px; line-height: 24px; }

		.case-c-btn { margin-top: 4%; }

	}



	/*手机端 440分辨率以下（小于479px）*/

	@media only screen and (max-width:480px) {

		.row1200 { margin: 0 5%; width: 90%; }

		.h-p-box1 { float: left; width: 100% }

		.h-p-box2 { float: left; width: 100% }

		.h-p-box3 { float: left; width: 100% }

		.h-p-box4 { float: left; width: 100% }

		.h-c-1-l { float: left; width: 49% }

		.h-c-1-c { float: left; width: 100%; overflow: hidden; margin-top: 3%; }

		.h-c-1-r { float: right; width: 49% }

		.h-p-b1-1, .h-p-b1box-1, .h-p-b1-4, .h-p-b1-5, .h-p-bbox-1, .h-p-b2-4, .h-p-b3-2, .h-p-b3-3, .h-p-b4-1, .h-p-b4box-1 { width: 49%; }

		.main-nav { width: 100%; }

		.pop-search-box { right: 17%; width: 83%; }

		.favorite-btn { width: 17%; }

		.store-link-popup { width: 100%; }

		.favorite-box { width: 85%; }

		.favorite-list dl dt { width: 80px; }



		/*===============================首页===============================*/



		/* banner */



		.h-banner { margin-bottom: 3%; }

		.slider__switch--prev { display: none; }

		.slider__switch--next { display: none; }

		.h-b-text h2 { font-size: 24px; margin-bottom: 2%; }

		.h-b-text h3 { color: #fff; font-size: 14px; margin-bottom: 5px; }

		.h-b-text p { font-size: 12px; }

		.htmleaf-container .preview { display: block; background: none; }

		.htmleaf-container .preview a { outline: 4px solid #fff; opacity: 0.5; }

		.htmleaf-container .preview a.active { outline: 4px solid #accfd5; opacity: 1; }

		.htmleaf-container .preview a img { display: none; }



		/* content */

		.h-c-1-text { padding: 10px 12px 12px; }

		.h-c-1-text h2 { font-size: 12px; margin-bottom: 4px; height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis;        /* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;        /* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");        /*FireFox*/ }

		.h-c-1-pic p { background: #80a1ae; color: #fff; top: 0; left: 0; }

		.h-c-1-l .h-c-1-pic p span { line-height: 12px; padding: 4px 3px 1px 3px; font-size: 9px; }

		.h-c-1-text p { font-size: 10px; min-height: 18px; max-height: 18px; }

		.h-c-1-pic p { background: #80a1ae; color: #fff; top: 8px; left: 8px; }

		.h-c-1-r .h-c-1-pic p span { line-height: 12px; padding: 4px 3px 1px 3px; font-size: 9px; }

		.new_red { font-size: 10px; line-height: 12px; height: 12px; }

		.h-c-1-c .h-c-1-pic p span { line-height: 12px; padding: 4px 3px 1px 3px; font-size: 9px; }



		/* 产品类别  */

		.h-product-sort { margin-bottom: 10% }

		.h-product-sort ul li { width: 25%; }

		.h-product-sort ul li a { border-left: 0; box-shadow: 0 0 0 #fff; margin-right: 0; font-size: 10px; }

		.h-product-sort ul li a i { width: 65%; height: auto; margin: 0 auto 4% auto; }

		.h-product-sort ul li a i img { width: 100%; }



		/* 产品列表  */

		.h-prodcut-list { margin-bottom: 4%; }

		.h-prodcut-list .name { background: #80a1ae; color: #fff; top: 8px; left: 8px; width: auto; }

		.h-p-pos .name p { padding: 0; }

		.h-p-pos .name p span { line-height: 12px; padding: 4px 3px 1px 3px; font-size: 9px; }

		.h-prodcut-list .text { bottom: 0; }

		.h-prodcut-list .text-inner { padding: 8px 12px 8px; }

		.h-prodcut-list .text-inner h3 { font-size: 12px; overflow: hidden; height: 14px; margin-bottom: 2px; height: auto;        /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;  -moz-binding: url("ellipsis.xml#ellipsis");  */ }

		.h-prodcut-list .text-inner p { font-size: 10px; line-height: 16px; height: 16px; overflow: 16px; overflow: hidden; }

		.h-p-more { display: none; }

		.h-p-color { display: none; }



		/* 服务 */

		.serve-block { padding-top: 5%; margin-bottom: 5%; }

		.serve-block-cont { width: 29%; margin: 0 2%; vertical-align: top; }

		.serve-block-cont h2 { font-size: 11px; }

		.serve-block-cont .s-b-c-icon { display: block; height: 2.5rem; font-size: 16px; line-height: 2.5rem; width: 2.5rem; }

		.serve-block-cont p { display: none; color: #8b7f7b; font-size: 9px; padding-top: 5%; width: 80%; margin: 0 auto; height: auto; }

		.s-b-c-btn { display: none }

		.f-c-t { margin-bottom: 6%; letter-spacing: 5px; height: 42px; line-height: 42px; }



		/*=============================== 内页 ===============================*/



		/* 新闻资讯 */



		.web-wrap { margin: 0; }

		.news-b-hd h2 { font-size: 18px; line-height: 25px; }

		.n-banner-pic { width: 100%; position: relative; height: 10rem; overflow: hidden; }

		.n-banner-pic img { object-fit: cover; width: 100%; object-position: -2rem 0; height: 16rem; }

		.n-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.news-banner { position: relative; position: relative; }

		.news-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.news-title h3 { font-size: 12px; color: #fff; }

		.news-title h2 { letter-spacing: 0; font-size: 24px; margin-bottom: 3%; color: #fff; }

		.news-title h4 { display: none; }

		.n-title-btn { display: none }

		.news-nav-box { background: #415e64; height: 35px; }

		.news-nav { height: auto; padding-top: 0; padding-bottom: 5%; height: 35px; padding-bottom: 0; }

		.n-nav-list { text-align: left; }

		.n-nav-list ul li { float: left; display: block; margin: 0; width: 20%; }

		.n-nav-list ul li a { font-size: 12px; color: #fff; display: block; float: left; position: relative; height: 35px; line-height: 35px; }

		.n-nav-list ul li.cur a:after { height: 1px; bottom: 0; left: 0; }

		.n-nav-list ul li a:hover i:after { display: none; }

		.curHp-n-cont { top: 50px; }

		.curHp-n-cont .news-nav-inner { margin: 0; height: 35px; height: 35px; display: block; float: left; }

		.curHp-n-cont .news-nav-inner .n-nav-list ul li a { font-size: 12px; }

		.curHp-n-cont .news-nav-inner .n-nav-list ul li.cur a:after { bottom: 0px; }

		.news-cont { margin-top: 5%; top: 0; }

		.news-list ul { width: 104%; }

		.news-list ul li { width: 46%; margin-right: 4%; margin-bottom: 4%; }

		.news-nav-inner { width: 100%; }

		.n-l-t-inner { padding: 10px 12px 12px; }

		.n-l-tag { top: 0; left: 0; font-size: 9px; line-height: 12px; padding: 4px 3px 1px 3px; }

		.n-l-text { position: static; }

		.n-l-t-inner h2 { font-size: 12px; margin-bottom: 3px; }

		.n-l-state { line-height: 16px; height: 16px; font-size: 10px; width: 100%; overflow: hidden; }

		.news-list ul li a:hover .n-l-state { height: 16px; }

		.n-l-link { display: none; }

		.n-l-date { position: static; font-size: 9px; margin-bottom: 3px; }

		.news-more { margin-bottom: 10%; margin-top: 7%; font-size: 12px; }



		/* 加入我们 */

		.job-title h2 { font-size: 24px; letter-spacing: 0; margin-bottom: 3%; }

		.job-title h3 { font-size: 12px; line-height: 27px; }

		.job-text { font-size: 12px; line-height: 22px; margin-bottom: 8%; }

		.job-cont { margin-left: 0; }

		.job-info h2 em { font-style: normal; }

		.job-popup { width: 100%; margin-left: 0; left: 0; top: 0; height: 100%; }

		.job-info-hd { display: none; }

		.job-info-list ul li { padding: 15px 0 0; }

		.job-info-list ul li span { font-size: 12px; display: block; width: 50%; margin-bottom: 3%; }

		.job-info-list ul li span:first-child { width: 100%; font-size: 14px; }

		.job-info-list ul li span em { display: inline-block; }

		.job-pop-hd h3 { font-size: 18px; }



		/* 发现内芙 */

		.a-banner-pic { width: 100%; position: relative; height: 12rem; overflow: hidden; }

		.a-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 16rem; }

		.a-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.about-banner { position: relative; position: relative; }

		.about-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.about-title h3 { font-size: 12px; color: #fff; }

		.about-title h2 { letter-spacing: 0; font-size: 24px; margin-bottom: 3%; color: #fff; }

		.about-title h4 { display: none; }



		/* about-cont1 */

		.about-cont1 .a-c-i-cont { position: static; width: 90%; margin: 6% 5% 7% 5%; }

		.about-cont1 .a-c1-info { position: static; width: 100%; background: #fff; padding-bottom: 0; }

		.about-cont1 .a-c-i-cont h2 { font-size: 24px; margin-bottom: 2%; }

		.about-cont1 .a-c-i-text { font-size: 12px; line-height: 22px }



		/* about-cont2 */

		.about-cont2 { background: #f4f4f4; width: 100%; }

		.about-cont2 .a-c2-info { top: 0; width: 90%; margin: 5% 5% 8% 5%; background: #f4f4f4; }

		.a-c2-pic { top: 0; }

		.about-cont2 .a-c2-i-cont h2 { font-size: 24px; }

		.about-cont2 .a-c2-i-cont h3 { font-size: 24px; }

		.about-cont2 .a-c2-i-text { font-size: 12px; line-height: 22px; }

		.a-c2-pic { width: 100%; padding: 0; position: relative; }

		.a-c2-p-inner { margin-left: 0; width: 100%; margin-bottom: 6%; }

		.a-c2-p-inner:after { display: none; }

		.about-cont2 .a-c2-i-cont { position: static; top: 0; left: 0; width: 100%; }



		/* about-cont3 */

		.about-cont3 { top: 0; width: 100%; background: #fff; }

		.about-cont3 .a-c3-info { width: 90%; margin: 5%; }

		.about-cont3 .a-c3-i-text { font-size: 12px; }

		.about-cont3 .a-c3-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.a-c3-pic { right: 0; width: 100%; margin-bottom: 6%; }

		.a-c3-pic:before { display: none; }

		.a-c3-pic:after { display: none; }

		.about-cont3 .a-c3-i-cont h2 { font-size: 24px; }

		.about-cont3-btn { margin-top: 3%; margin-bottom: 6%; text-align: center; }

		.a-c3-list { width: 100%; position: static; left: 0; bottom: 0; overflow: hidden; }

		.a-c3-list ul { width: 104%; }

		.a-c3-list li { margin-right: 4%; margin-bottom: 4%; width: 46%; }

		.a-c3-list li h1 { font-size: 12px; }

		.a-c3-list li .a-c3-l-text { left: 0; top: 50%; height: 20px; margin-top: -10px; z-index: 11; }

		.about-cont4 { width: 100%; top: 0; background: #f4f4f4; }

		.about-cont4-btn { margin-top: 4%; text-align: center; }

		.about-cont4-btn a { margin: 0 3%; }

		.about-cont4 .a-c4-i-cont h2 { font-size: 24px; }

		.a-c4-pic { width: 100%; margin-left: 0; margin-bottom: 5%; }

		.about-cont4 .a-c4-info-bg { width: 90%; background: #f4f4f4; margin: 5% 5% 8% 5%; padding-top: 0; padding-bottom: 0; }

		.a-c4-blue-bg { display: none; }

		.about-cont4 .a-c4-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.about-cont4 .a-c4-i-text { font-size: 12px; line-height: 22px }



		/* about-cont5 */

		.about-cont5 { top: 0; background: #fff; }

		.about-cont5 .a-c5-info { width: 90%; background: #fff; margin: 5% 5% 10% 5%; }

		.about-cont5 .a-c5-i-cont h2 { font-size: 24px; }

		.a-c5-pic { position: relative; width: 100%; margin-bottom: 5%; }

		.about-cont5 .a-c5-i-cont { position: static; top: 0; left: 0; width: 100%; }

		.about-cont5-hz h4 { font-size: 18px; line-height: 18px; }

		.about-cont5 .a-c5-i-text { font-size: 12px; line-height: 22px; }

		.about-cont5-hz h4 { font-size: 14px; line-height: 14px; margin-bottom: 4%; }

		.about-cont5-hz span { width: 50%; }



		/* about-cont6 */

		.about-cont6 { width: 100%; position: relative; margin-top: 0; margin-bottom: 0; background: #f6f6f6; }

		.about-cont6 .a-c6-info-bg { width: 90%; background: #f6f6f6; margin: 8% 5% 0 5%; }

		.about-cont6 .a-c6-i-cont { width: 100%; position: static; }

		.about-cont6 .a-c6-i-cont h2 { font-size: 18px; line-height: 18px; }

		.a-c6-blue-bg { width: 100%; position: static; }

		.a-c6-list ul li { width: 33%; margin-right: 0; }

		.a-c6-list ul li .a-c6-p-pic { width: 80%; }

		.a-c6-list ul li h4 { font-size: 10px; }



		/* about-cont7 */

		.about-cont7 { background: #fff; margin-top: 0; }

		.a-c7-info { width: 90%; margin: 0 5%; background: #fff; }

		.a-c7-pic { width: 100%; margin-left: 0%; margin-top: 0%; margin-bottom: 5%; }

		.a-c7-pic .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; }

		.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; }

		.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

		.about-cont7 .a-c7-i-cont { width: 100%; margin-top: 0%; }

		.about-cont7 .a-c7-i-text { font-size: 12px; line-height: 22px; }

		.a-c7-p-text { left: 5%; width: 90%; margin-left: 0; top: 40%; }

		.a-c7-p-text a { font-size: 14px; }

		.a-c7-i-inner { width: 100%; margin-left: 0; }

		.about-cont7 .a-c7-i-cont h2 { font-size: 18px; }

		.about-cont8 { background: #fff }

		.a-c8-info { margin: 3% 5% 10% 5%; width: 90%; background: #fff; overflow: hidden; }

		.a-c8-info ul { width: 103%; }

		.a-c8-info ul li { margin-right: 3%; margin-bottom: 3%; width: 47%; }



		/* .a-c8-info li:before { background: #8bd1d9; background: rgba(139, 209, 217, 0.16); } */

		.a-c8-info li h1 { font-size: 12px; }

		.a-c8-info li h2 { font-size: 12px; }

		.about-cont8-btn { width: 100%; }



		/* 产品中心 */

		.prod-title { margin-top: 8%; }

		.prod-title h3 { font-size: 12px; }

		.prod-title h2 { font-size: 24px; letter-spacing: 0; }

		.p-l-nav-icon { display: none; }



		/* 产品导航 */

		.p-l-nav { display: none; }

		.prod-nav-wrap { width: 100% }

		.close-prod-nav { width: 100%; }



		/* 产品列表 */

		.prod-hd { font-size: 16px;        /* background:#fff; */ }

		.prod-list { margin-bottom: 5%; }

		.prod-list { width: 103%; }

		.prod-list .prod-pos { width: 48%; margin-right: 2%; margin-bottom: 0; }

		.prod-list .text { position: static; position: relative; bottom: 14px; }

		.prod-color { display: none; }

		.prod-list .name p { padding: 0; font-size: 12px; color: #fff; }

		.prod-pos .name p span { line-height: 12px; padding: 4px 3px 1px 3px; font-size: 9px; background-color: #80a1ae; }

		.prod-list .text-inner { padding: 10px 12px 10px 12px; }

		.prod-list .text-inner h3 { margin-bottom: 4px; font-size: 12px; height: 18px; overflow: hidden; }

		.prod-list .text-inner p { font-size: 10px; line-height: 13px; height: 26px; overflow: hidden; }

		.prod-more { display: none; }

		.prod-list-wrap { margin-bottom: 0px; }



		/* 产品详细 */

		.prod-b-n-cont { margin: 0; font-size: 0; }

		.prod-b-n-inner li { margin: 0; width: 25%; }

		.heart-btn { display: none; }

		.prod-blank-pic-wrap { width: 90%; margin: 0 5%; }

		.prod-blank-text { width: 100%; }

		.prod-blank-text { margin-top: 20%; }

		.add-collect { color: #fff; display: inline-block; background: #e1251a; }

		.prod-blank-pic:after { opacity: 1; visibility: visible; }

		.sl-wrapper button { background: red; font-size: 30px; }

		.sl-wrapper .sl-close { height: 64px; width: 64px; }

		.sl-wrapper .sl-counter { font-size: 1.1rem; }

		.prod-blank-hd { margin: 10% 0 13% 0; }

		.p-b-tab { position: absolute; top: -18%; left: 0; margin-top: 0; }

		.p-b-tab h5 { display: none; }

		.p-b-t-cont { text-align: center; }

		.p-b-t-cont ul li i { width: 18px; height: 18px; }

		.p-b-t-cont ul li i b { font-size: 10px; width: 18px; height: 18px; line-height: 18px; }

		.prod-blank-text h2 { font-size: 22px; margin-bottom: 3%; }

		.prod-blank-text h4 { font-size: 12px; line-height: 20px; margin-bottom: 6%; }

		.prod-blank-text .prod-b-size { font-size: 14px; line-height: 22px; }

		.p-b-shop { position: relative; margin-top: 5%; }

		.p-b-i-cont { margin: 7% 0 10% 0; }

		.p-b-i-cont>h2 { margin-bottom: 5%; }

		.p-b-i-list li { width: 100%; background: #fff; }

		.p-b-i-list li h2 { font-size: 18px; padding-left: 15px; letter-spacing: 0; margin-top: 20px; }

		.p-b-d-text { margin-top: 5%; font-size: 12px; }

		.relate-prod h2 { font-size: 14px; }

		.p-b-s-btn { margin-bottom: 7%; }

		.p-b-i-list li .p-b-i-l-text { padding: 10px 20px; font-size: 12px; line-height: 24px; margin-bottom: 0; }

		.p-b-i-down { margin-bottom: 10%; }



		/* 服务&支持 */

		.aervice-banner-pic { width: 100%; position: relative; height: 12rem; overflow: hidden; }

		.aervice-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 12rem; }

		.aervice-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.aervice-banner { position: relative; position: relative; }

		.aervice-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.aervice-title h3 { font-size: 12px; }

		.aervice-title h2 { letter-spacing: 0; font-size: 24px; margin-bottom: 3%; }

		.aervice-title h4 { display: none; }

		.aervice-cont1 .ae-c1-info { width: 90%; padding-bottom: 0px; margin: 8% 5% 8% 5%; }

		.aervice-cont1 .ae-c-i-text { font-size: 12px; line-height: 22px; }

		.aervice-cont1 .ae-c-i-cont { position: static; width: 100%; top: 0; left: 0; }

		.aervice-cont1 .ae-c-i-cont h2 { font-size: 24px; margin-bottom: 1%; }

		.aervice-cont1 .ae-c-i-cont h3 { font-size: 24px; margin-bottom: 2%; }

		.aervice-cont2 { background-color: #fff; }

		.ae-c2-pic { width: 100%; margin-bottom: 0; height: 14rem; overflow: hidden; }

		.ae-c2-pic img { object-fit: cover; width: 100%; object-position: 0 0; height: 14rem; }

		.ae-c2-info { position: relative; background: #e17a38; color: #fff; width: 100%; margin-top: 0; padding: 4% 0; margin-top: -1px; }

		.ae-c2-text { width: 100%; margin-bottom: 8%; }

		.ae-c2-info ul { margin-left: 0%; margin-right: 0; }

		.ae-c2-info ul li h2 { font-size: 10px; }

		.ae-c2-info ul li i { display: block; margin: 0 auto 15px auto; width: 30%; }

		.ae-c2-t-cont { width: 90%; font-size: 12px; line-height: 22px; margin: 6% 5% 5% 5%; }

		.ae-c3-p-border { display: none; }

		.ae-c3-info { width: 100%; margin: 0 0 0 0; }

		.ae-c3-pic { width: 100%; height: 20rem; overflow: hidden; }

		.ae-c3-pic img { margin-bottom: 0; }

		.ae-c3-text { width: 90%; margin: 6% 5% 6% 5%; }

		.ae-c3-i-cont h2 { font-size: 24px; margin-bottom: 3%; font-weight: normal; }

		.ae-c3-i-cont h2:after { width: 50px; height: 2px; margin-top: 10px; }

		.ae-c3-i-cont ul li { width: 100%; }

		.ae-c3-i-cont ul li a { padding: 8px 0; margin-bottom: 0; font-size: 12px; border: 0; }

		.ae-c3-i-cont ul li a:hover { border: 0; text-decoration: underline; }

		.ae-c3-p-border { display: none }

		.ae-c3-info:after { display: none; border: 0; }

		.ae-join { width: 100%; margin-bottom: 0; }

		.ae-join img { opacity: 0.7; }

		.ae-join-text { top: 14% }

		.ae-join-text h2 { color: #4f4f4f; font-size: 22px; margin-bottom: 5%; }

		.ae-join-text h2:after { width: 50px; height: 3px; background: #e17a38; margin-top: 10px; }

		.ae-join-text h3 { font-size: 14px; }

		.ae-join:hover .ae-join-text { margin-top: 0; }

		.ae-contact { width: 100%; }

		.ae-contact img { opacity: 0.7; }

		.ae-contact-text { top: 14% }

		.ae-contact-text h2 { color: #4f4f4f; font-size: 22px; margin-bottom: 5%; }

		.ae-contact-text h2:after { width: 50px; height: 3px; background: #e17a38; margin-top: 10px; }

		.ae-contact-text h3 { font-size: 14px; }

		.ae-contact:hover .ae-contact-text { margin-top: 0; }

		.ae-down-more { top: 0; }



		/* 购买渠道 */

		.channel-banner { background: #f4f4f4; padding-bottom: 2%; }

		.channel-title { width: 90%; margin-right: 0;        /* position: absolute;  */ margin: 8% 5% 5% 5%; }

		.c-title-cont h2 { font-size: 22px; letter-spacing: 0px; margin-bottom: 1%; }

		.c-title-cont h4 { font-size: 12px; letter-spacing: 0; margin-bottom: 0; }

		.n-banner-pic { width: 100%; position: relative; height: 12rem; overflow: hidden; }

		.n-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 12rem; }

		.n-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.channel-banner { position: relative; position: relative; }

		.channel-title { width: 100%; margin: 0; }

		.c-title-inner { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 22%; position: absolute; z-index: 2; text-align: center; }

		.c-title-inner h3 { font-size: 12px; color: #fff; }

		.c-title-inner h2 { letter-spacing: 0; font-size: 24px; margin-bottom: 3%; color: #fff; }

		.c-title-inner h4 { display: none; }

		.c-title-tn-box { font-size: 0; text-align: center; width: 92%; margin: 3% 5%; }

		.c-title-btn { margin-top: 3%; width: 48%; display: inline-block; margin-right: 2%; }

		.c-title-btn a { padding: 5px 0 18px 0; width: 100%; font-size: 12px; color: #415e64; text-align: center; }

		.c-title-btn a span { bottom: 0; display: inline-block; width: 60px; height: 100%; background-position: 0 bottom; left: 50%; margin-left: -30px; }

		.c-title-btn a.tm-icon { background: none; }

		.c-title-btn a.tm-icon span { display: none; background: url('../images/c-title-tm.png') no-repeat center bottom/50% auto }

		.c-title-btn a.jd-icon { background: none; }

		.c-title-btn a.jd-icon span { display: none; background: url('../images/c-title-jd.png') no-repeat center bottom/50% auto }

		.c-title-btn a.sn-icon { background: none; }

		.c-title-btn a.sn-icon span { display: none; background: url('../images/c-title-sn.png') no-repeat center bottom/50% auto }

		.c-title-btn a:hover { padding: 5px 0 18px 0; }

		.c-title-btn a:hover span { bottom: 0; display: inline-block; width: 60px; height: 100%; background-position: 0 bottom; left: 50%; margin-left: -30px; }

		.c-title-btn a:hover.tm-icon { background: #d81519; }

		.c-title-btn a:hover.tm-icon span { background: url('../images/c-title-tm.png') no-repeat center bottom/50% auto; }

		.c-title-btn a:hover.jd-icon { background: #d81519; }

		.c-title-btn a:hover.jd-icon span { background: url('../images/c-title-jd.png') no-repeat center bottom/50% auto; }

		.c-title-btn a:hover.sn-icon { background: #d81519; }

		.c-title-btn a:hover.sn-icon span { background: url('../images/c-title-sn.png') no-repeat center bottom/50% auto; }

		.channel-cont1 { margin-top: 0; }

		.channel-cont1 { width: 90%; margin: 0 5%; }

		.c-cont1-pic { width: 100%; }

		.c-cont1-text { background: #415e64; width: 100%; position: static; top: 0; float: left; }

		.channel-cont2 { width: 90%; margin: 0 5%; background: #f4f4f4; }

		.c-c1-t-inner { margin: 8% 5% 10% 5%; float: left; }

		.c-cont1-text h2 { color: #fff; font-size: 18px; letter-spacing: 0px; margin-bottom: 2%; }

		.c-cont1-text ul li { color: #fff; font-size: 14px; line-height: 24px; width: 50%; float: left; }

		.channel-c2-wrap { width: 100%; margin-top: 0; margin-bottom: 0; }

		.c-cont2-text { width: 100%; }

		.c-cont1-pic { width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 0; }

		.c-c2-t-inner { margin: 5% 5% 10% 5%; width: 90%; }

		.c-c2-pic-box { width: 100% }

		.c-cont2-pic { width: 100%; }

		.c-cont2-pic img { width: 100%; position: relative; top: 0; left: 0; }

		.c-cont2-text h2 { color: #4f4f4f; font-size: 18px; letter-spacing: 0px; line-height: 27px; margin-bottom: 2%; }

		.c-c2-t-text { font-size: 12px; line-height: 22px; }



		/* 厨房解决方案 */

		.case-banner-pic { width: 100%; position: relative; height: 12rem; overflow: hidden; margin-bottom: 0; }

		.case-banner-pic img { object-fit: cover; width: 100%; object-position: 0rem 0; height: 12rem; }

		.case-banner-pic:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; }

		.case-banner { position: relative; position: relative; }

		.case-title { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; top: 33%; position: absolute; z-index: 2; text-align: center; }

		.case-title h3 { font-size: 12px; color: #fff; }

		.case-title h2 { letter-spacing: 0; font-size: 24px; margin-bottom: 3%; color: #fff; }

		.case-title h4 { display: none; }



		/* .case-cont1{ width:90%; margin: 0 5%; } */

		.case-cont1 { margin-bottom: 0; }

		.case-cont1-pic { width: 100%; }

		.case-cont1-info { width: 100%; position: static; top: 0%; }

		.case-cont1-inner { width: 90%; margin: 0 5%; }

		.case-cont1-text { position: static; margin-top: 8%; margin-bottom: 8%; margin-left: 0%; width: 100%; }

		.case-cont1-text h3 { font-size: 12px; margin-bottom: 1%; }

		.case-cont1-text h2 { font-size: 18px; margin-bottom: 3%; }

		.case-cont1-text p { color: #fff; font-size: 12px; line-height: 22px; }

		.case-cont2 { margin-bottom: 0; }

		.case-cont2-pic { width: 100%; }

		.case-cont2-info { width: 100%; position: static; top: 0%; }

		.case-cont2-inner { width: 90%; margin: 0 5%; }

		.case-cont2-text { position: static; margin-top: 8%; margin-bottom: 8%; margin-left: 0%; width: 100%; }

		.case-cont2-text h3 { font-size: 12px; margin-bottom: 1%; }

		.case-cont2-text h2 { font-size: 18px; margin-bottom: 3%; }

		.case-cont2-text p { color: #fff; font-size: 12px; line-height: 22px; }

	}



	/****************分辨率范围***************/



	/*默认版本PC-1440以上大分辨率CSS（不含1440分辨率）*/



	/* .row { width: 1400px; margin: 0 auto; position: relative; background: #147ECB; height: 80px;}} */



	/*宽屏 笔记本1280-1440分辨率（不含1280分辨率-含1440分辨率）*/

	@media screen and (min-width:1280px) and (max-width:1440px) { }



	/*笔记本窄屏 1024-1280分辨率（不含1024分辨率-含1280分辨率）*/

	@media screen and (min-width:1024px) and (max-width:1280px) {



	/* .row { width:90%; margin: 0 5%; background: #9015CF;} */ }



	/*ipad横向768-1024以内样式表（不含768分辨率-含1280分辨率）*/

	@media screen and (min-width:768px) and (max-width:1024px) {



	/* .row { width: 90%; margin: 0 5%; background: red;} */ }



	/*phone横向480-ipad竖向768分辨率（不含480分辨率-含768分辨率）*/

	@media screen and (min-width:480px) and (max-width:768px) {



	/* .row { width: 90%; margin: 0 5%; background: #F1A619;} */ }



	/*phone竖向480分辨率以下（含480px）*/

	@media only screen and (max-width:480px) {



	/* .row { width: 90%; margin: 0 5%; background: #F51C81} */ }