@charset "utf-8";
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none; }
html, body { font-size: 14px; font-family:"system-ui"; color: #8c8c8c; }
input, textarea { border: none; font-family:"system-ui"; }
img { border: none; }
h1, h2, h3, h4, h5 { font-weight: normal; }
table { width: 100%; border-collapse: collapse; }
audio, canvas, video { display: inline-block; *display: inline;
 *zoom: 1;
}
p { line-height: 1.6em; color: #3c3c3c; }
a { color: #6c6c6c; }
.fl { float: left; }
.fr { float: right; }
.container { width: 1388px; margin: 0 auto; }
.clear:after { content: ''; display: table; clear: both; }
.w1388 { width: 1388px; margin: 0 auto; }
.w1128 { width: 1128px; margin: 0 auto; }
.bg15 { background: #151515; }
.relative { position: relative; }
.img100 img { width: 100%; vertical-align: bottom; }
.pc-show { display: block; }
.phone-show { display: none; }
.table { display: table; text-align: center; width: 100%; height: 100%; table-layout: fixed; }
.table-cell { display: table-cell; vertical-align: middle; }
.table-cell b { color: #fff; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.text-center { text-align: center; }
.paddin-tb60 { padding: 60px 0; }
/*index*/

.header { position: relative; z-index: 99999; }
.head-top { height: 40px; line-height: 40px; overflow: hidden; }
.head-top2 { position: fixed; z-index: 99999; left: 0; bottom: 0; width: 100%; background: #E77919 }
.head-top2.active { bottom: -50px; }
.head-top div, .head-top span { font-size: 12px; }
.hotLine .span1 { color: #E77919; position: relative; padding-left: 20px; }
.hotLine .span1:before { content: ''; position: absolute; top: 50%; margin-top: -8px; left: 0; width: 15px; height: 15px; background: url("../images/i_tel.png"); }
.head-top2 .hotLine .span1:before { width: 28px; height: 25px; background: url("../images/tel.png") no-repeat center; background-size: cover; margin-top: -12px; margin-right: 2px; }
.hotLine .span2 { color: #fff; font-weight: bold; }
.head-top2 .hotLine .span1 { color: #fff; padding-left: 30px; }
.head-top2 .hotLine span { font-size: 16px; }
.head-mid { height: 100px; }
.head-con { width: 100%; background: #fff; height: 100px; transform: translateZ(0); -webkit-transform: translateZ(0); }
.header.active .head-con { position: fixed; top: 0; left: 0; box-shadow: 0 2px 4px #ddd; height: 80px; }
.header.active .nav-yi, .header.active .language { line-height: 80px;}
.header.active .logo { top: 5px; }
.logo { position: absolute; top: 20px; left: 0; }
.logo h1 { text-indent:-9999em; height:60px;}
.logo img { vertical-align: bottom; max-width: 240px; }
.menu-handler { width: 30px; height: 32px; cursor: pointer; position: absolute; right: 20px; top: 14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger { height: 2px; background: #E77919; display: block; width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 2px; -webkit-border-radius: 2px; top: 8px; }
.menu-handler .burger-2 { top: 15px; }
.menu-handler .burger-3 { top: 22px; }
.menu-handler.active .burger-1 { top: 15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 {
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menu-box { margin-right: 120px; }
.menu-box li { float: left; margin-left: 60px; position: relative; }
.menu-box li:first-child { margin-left: 0; }
.nav-yi { display: inline-block; line-height: 100px; font-size: 16px; color: #808080; position: relative; }
.nav-er-box { position: absolute; width: 140px; text-align: center; left: 50%; margin-left: -70px; background: #fff; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .3s .2s; transition: transform .3s .2s; }
.nav-tap { opacity: 0; -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px); -webkit-transition: all .2s; transition: all .2s; }
.menu-box li:hover .nav-er-box { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
.menu-box li:hover .nav-tap { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.nav-san-box { position: absolute; left: 100%; top: 0; width: 0; background: #fff; overflow: hidden; }
.nav-san-box a { width: 140px; font-size: 12px; }
.nav-er-box a { display: block; line-height: 45px; color: #808080; font-size: 16px; }
.nav-er-box a:hover { background:#f0f0f0; color:#E77919;}
.language { position: absolute; right: 40px; top: 0; line-height: 100px; color: #313131; font-weight: bold; padding-left: 20px; font-family: system-ui; font-size: 16px; }
.language:before { width: 14px; height: 14px; left: 0; top: 50%; margin-top: -7px; background: url("../images/earth.jpg"); content: ''; position: absolute; }
.nav-yi:after { content: ''; position: absolute; width: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 0; border-top: 2px solid #E77919; }
.menu-box li.active .nav-yi:after { width: 100%; }
.menu-box li.active .nav-yi { color: #E77919; }
.ljgd { display: block; width: 150px; line-height: 50px; background: #E77919; color: #fff; text-align: center; font-size: 16px; }
.banner .ljgd { position: absolute; left: 50%; margin-left: -75px; bottom: 25%; }
.ljgd:hover { background: #fff; color: #E77919; }
.swiper-slide-active .ljgd { animation: toUp 1s linear both; }
 @keyframes toUp { 0% {
 transform: translateY(50px);
 -webkit-transform: translateY(50px);
 opacity: 0;
}
 100% {
 transform: translateY(0);
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
.swiper-pagination-bullets.pagination-style { z-index: 4; text-align: center; }
.banner .pagination1.pagination-style { position: absolute; bottom: 5%; text-align: center; }
.swiper-pagination-bullets.pagination-style .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #fff; margin: 0 15px; }
.anlixq-img .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet { background: #dcdcdc; }
.swiper-pagination-bullets.pagination-style .swiper-pagination-bullet-active { background: #E77919 !important; }
.anlixq-img .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet { margin: 0 6px; }
.anlixq-img .pagination1 { margin-top: 12px; }
/* index */
.index-a li { float: left; width: 24.5%; margin-right: 0.66%; margin-top: 0.66%; }
.index-a li:last-child { margin-right: 0; }
.index-a-con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.index-a li a { display: block; overflow: hidden; }
.index-a .img img { width: 48px; max-width: 50%; vertical-align: bottom; }
.index-a h3 { font-size: 20px; color: #fff; margin-top: 5px; }
.index-a-title { margin-top: 15px; }
.title1 h2 { font-size: 26px; color: #333; }
.title1 i { display: block; margin: 8px auto; width: 50px; border-top: 2px solid #E77919; }
.title1 { margin-bottom: 40px; }
.title1 p { font-size:16px;}
.about-con { overflow: hidden; }
.about-l { width: 55%; height: 420px; }
.about-l .about-img { position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: #f3f3f3 url("../images/i_deppre.jpg") no-repeat center; background-size: cover; }
.about-r { position: absolute; right: 0; top: 0; height: 100%; width: 45%; background: #f3f3f3; }
.about-warp { width: 460px; margin: 0 auto; max-width: 90%; }
.about-title { margin-bottom: 25px; }
.about-title h3 { font-size: 24px; color: #333; letter-spacing: 5px; text-indent: 5px; margin-bottom: 6px; }
.about-title span { color: #999; }
.about-txt { text-align: left; }
.about-txt p { text-indent: 28px; }
.more { width: 136px; line-height: 38px; text-align: center; display: block; border: 1px solid #d6d6d6; color: #808080; margin: 25px auto 0; }
.more:hover { color: #fff; background: #E77919; border-color: #E77919; }
.tab-btn { font-size: 0; text-align: center; }
.tab-btn a { display: inline-block; font-size: 14px; color: #666; text-align: center; width: 120px; line-height: 40px; background: #f5f5f5; margin: 0 10px; }
.tab-btn a.active { background: #E77919; color: #fff; }
.tab-btn a:hover { background: #E77919; color: #fff; }
.anli-list li { float: left; width: 24.5%; margin-right: 0.66%; margin-bottom: 0.66%; }
.anli-list li a { display: block; }
.anli-list li:nth-child(4n) { margin-right: 0; }
.margin-t50 { margin-top: 50px; }
.anli-con { position: absolute; width: 100%; height: 100%; background: rgba(181,0,78,.75); left: 0; top: 0; opacity: 0; }
.anli-con h4 { font-size: 16px; color: #fff; }
.anli-con i { display: block; width: 36px; height: 36px; background-image: url("../images/gor.png"); margin: 20px auto 0; }
.tabpage { display: none; }
.tabpage.active { display: block; }
.xw-list li { width: 100%; margin-right: 4%; margin-bottom: 2%; border-bottom:1px #dfdfdf dotted;}
.xw-list li .img100 img { height:156px;}
.xw-list a { display: block; }
.xw-list li:nth-child(even) { margin-right: 0; }
.xw-list .img100 { width: 24%; }
.xw-con { position: absolute; height:100%; right:0; width:75%; top:0; text-align:left; }
.xw-txt { text-align: left; width: 90%; margin: 0 auto; }
.xw-con .xw-txt h2 { font-size:18px; font-weight:600; color: #E77919; margin-bottom:12px;}
.xw-con .title { font-family:system-ui; font-size: 14px; color: #333; font-weight: bold; line-height:1.6em; margin-bottom:5px;}
.xw-con p { font-size:16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 3.2em; }
.xw-con .date { font-size: 14px; color:#8c8c8c; padding:3px 0; margin-top:5px; display:inline-block;}
.xw-list li:hover h4, .xw-list li:hover span, .xw-list li:hover p { color: #E77919; }
.xw-list li:hover span:before { border-color: #E77919; }
.news-more { padding:10px 25px; color:#6c6c6c;}
.news-more:hover { color:#fff;}
.page-tags { border-top:1px #dfdfdf dotted; border-bottom:1px #dfdfdf dotted; line-height:40px; margin-top:25px;}
.page-tags a { background:url(../images/tags.png) no-repeat 0 2px; padding-left:16px; margin-right: 5px; color:#9a9a9a;}
.page-tags a:hover { color: #E77919;}
.tags { line-height:36px; margin-top:25px; color:#6c6c6c;}
.tags a { color:#999; padding:0 3px; background:url(../images/tags.png) no-repeat 0 2px; padding-left:18px;}
.page-tags a:hover,.tags a:hover { color:#E77919;}
/*新闻*/
.inews { padding-bottom: 40px;}
.inews .in_title { margin-top: 60px;}
.inews ul { padding-top: 15px; margin-bottom: 40px;}
.inews ul li { float: left;width: 50%; height: 90px;padding: 12px 0;}
.inews ul li a { display: block; padding: 0 15px;}
.inews ul li h3 { color: #383838;font-size: 16px;line-height: 27px;padding-bottom: 12px;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inews ul li p { color: #8a8a8a;font-size: 14px;line-height: 21px;text-align: justify;height: 42px;overflow: hidden;}
.inews ul li .time { display: block;width: 90px;height: 90px;color: #999;font-size: 14px;line-height: 28px;margin-right: 35px;background: #f2f2f2;text-align: center;}
.inews ul li .time b { font-weight: normal;display: block;font-size: 28px;padding-top: 24px;}
.inews ul li:hover h3 { color:#E77919;}
.inews ul li:hover .time {background:#E77919; color:#fff;}
.index-list li {  float:left; width: 32%; margin-right: 1%; margin-bottom: 2%; }
.index-list .img100 { width: 36%; }
.index-list li .img100 img { height:132px;}
.index-list li:nth-child(3) { margin-right: 0; }
.index-list li:hover h4, .index-list li:hover span, .index-list li:hover p { color: #E77919; }
.index-list li:hover span:before { border-color: #E77919; }
/*面包屑*/
.nav-position { height:40px; line-height:40px; background:#f8f8f8; border-bottom:1px #dfdfdf solid; margin-bottom:10px;}
.nav-position a { color:#8c8c8c;}
/*about*/
.position { height: 80px; line-height: 70px; margin-top: -70px; z-index: 6; }
.position h2 { width: 240px; text-align: center; background: url("../images/b-title-bg.jpg") no-repeat center; background-size: cover; color: #fff; font-size: 18px; font-weight: bold; position: relative; }
.gk-title img { vertical-align: middle; margin: -4px 5px 0 0; }
.position h2:before { content: ''; position: absolute; width: 100%; height: 3px; bottom: 0; background: #e17e60; left: 0; }
.brief-nav { width: 240px; text-align: center; position: absolute; left: 0; top: 0; }
.brief-nav-con li { margin-top: 2px; position: relative; }
.brief-nav-con li span { margin-left:5px;}
.brief-nav-con li .badge { width:12px; height:12px; background:#f0f0f0; border-radius:4px; vertical-align:middle;}
.left-yi { display: block; line-height: 60px; background: #f5f5f5; color: #808080; position: relative; font-size: 16px;}
.left-yi:before { content: ''; position: absolute; height: 100%; background: #E77919; left: 0; top: 0; width: 0; }
.brief-nav-con li.active .left-yi:before { width: 100%; }
.brief-nav-con li.active .left-yi { color: #fff; }
.pst-box { position:absolute; top:444px; left:0;}
.search-box { width:240px; background: #f5f5f5;}
.search-box h3 { height:40px; line-height:40px; background:#6b6b6d; color:#fff; padding-left:15px; font-size:14px;}
.search-box .search-bd { padding:10px 15px;}
.search-box .form-group input { width:100%; box-sizing: border-box; height: 32px; line-height: 32px;}
/*关于我们内容页*/
.aboutus p { font-size:16px; margin-bottom:12px; color:#696969;}
/*品牌页左侧菜单*/
.brand-nav li { width:25%; float:left;}
.ny-title-r,.ny-title-r a { color:#969696;}
.ny-title-r a:hover { color: #E77919;}
.inner-contents { padding:0 20px;}
.inner-contents h2 { font-size: 24px; font-weight: 600; margin-bottom: 15px; color:#363636;}
.inner-contents .txt { color:#696969;}
.inner-contents .contents { margin-top:25px;}
.inner-contents .contents h1,.inner-contents .contents h2,.inner-contents .contents h3,.inner-contents .contents h4 { margin-bottom:10px; font-size:16px; color:#E77919;}
.inner-contents .contents p { font-size:14px; line-height:24px; text-indent:28px; margin-bottom:10px; color:#363636;}
.text-secondary { border-top:1px #dfdfdf solid; padding-top:10px;}
.text-secondary p { line-height:2.4em;}
.text-secondary p span { font-size:14px; font-weight:600; color:#363636;}
.text-secondary p a:hover { color: #E77919;}
.box-right { margin-left: 300px; }
.title2 { border-bottom: 1px solid #dcdcdc; line-height: 50px; }
.title2 h4 { color: #333; font-size: 20px; font-weight: bold; position: relative; }
.title2 h4 img { vertical-align: middle; margin: -4px 5px 0 0; filter: grayscale(1); }
.title2 h4:after { content: ''; position: absolute; left: 0; width: 100%; bottom: -1px; border-top: 1px solid #333; }
.title2 span { font-size: 20px; color: #b2b2b2; text-transform: uppercase; font-family: system-ui; }
.contentbox { padding-bottom: 40px; min-height: 800px; }
.pp-list li {  float:left; width: 48%; margin-right: 4%; margin-bottom: 2%; }
.pp-list li .img100 img { height:142px;}
.pp-list a { display: block; }
.pp-list li:nth-child(even) { margin-right: 0; }
.pp-list .img100 { width: 36%; }
.index-list .img100 { width: 30%; }
.pp-list .pp-con { width:62%;}
.pp-con { position: absolute; height:100%; right:0; width:68%; top:0; background: #f2f2f2; text-align:left; }
.pp-txt { text-align: left; width: 86%; margin: 10px auto 5px; }
.pp-con .pp-txt h4 { font-size:14px; font-weight:700; color: #E77919; margin-bottom:5px;}
.pp-con .title { font-family:system-ui; font-size: 14px; color: #333; font-weight: bold; line-height:1.4em; margin-bottom:5px;}
.pp-con p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2.8em; line-height:1.4em; }
.pp-con .date { font-size: 14px; color:#8c8c8c; padding:3px 0; margin-top:5px; display:inline-block;}
.pp-list li:hover h4, .pp-list li:hover span, .pp-list li:hover p { color: #E77919; }
.pp-list li:hover span:before { border-color: #E77919; }

/*品牌关联产品*/
.brands { padding-bottom:30px;}
.product-box { overflow:hidden; background:#f8f8f8; padding:15px 20px; box-sizing:border-box;}
.product-box h3 { font-size:16px; line-height:40px; border-bottom: 1px #dfdfdf dotted; margin-bottom: 15px;}
.product-box h3 span { color:#E77919;}
.product-box h3 span.p_more { background:url("../images/pro_tit.png") no-repeat 0; padding-left:22px; font-size:14px;}
.product-box .product-b-list { clear:both; overflow:hidden;}
.product-box .product-b-list li { width:20%; float:left; padding: 10px; box-sizing: border-box;}
.product-box .product-b-list li p { height:3.2em; overflow:hidden;}
.product-box .product-b-list li .p-img { width:190px; height:190px; margin-bottom: 10px;}
.product-box .product-b-list li img { width:100%;}
.product-box .product-b-list li:hover p { color: #E77919;}
.nodate { padding:25px 0;}

/*企业优势*/
.advantage-section { padding: 60px 0; height:640px;}
.advantage-section-title { text-align: center; font-size: 40px; margin-bottom: 40px; }
.advantage-section-title span { color:#333; font-weight: bold; }
.advantage-section-title p { margin: 0; font-size: 20px; }
.advantage-section-title.white { color: #fff; }
.advantage-txt { margin-left: -8px; }
.advantage-txt li { float: left; width: 20%; }
.advantage-txt li a { display: block; margin-left: 8px; position: relative; overflow: hidden; }
.advantage-txt li img { width:100%;}
.advantage-txt li .text { padding:35px 25px 0; background-color: #fff; text-align: center; position: relative; z-index: 1; height: 200px; }
.advantage-txt li i { display: inline-block; background: no-repeat center; height: 68px; margin-top: -34px; width: 68px; vertical-align: middle; }
.advantage-txt li h4 { line-height: 50px; font-size: 18px; margin: 0; }
.advantage-txt li p { color: #777; line-height: 1.8; }
.advantage-txt li .box { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: rgb(200, 95, 68,0.9); color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; padding:0 20px; box-sizing:border-box;}
.advantage-txt li .box h4 { margin-top: 160px;}
.advantage-txt li .box p { color: #fff; }
.advantage-txt li a:hover .text { opacity: 0; }
.advantage-txt li a:hover .box { top: 0; opacity: 1; }
/*产品*/
.product-list li { float: left; width: 19.2%; margin-right: 1%; margin-bottom: 3%; }
.product-list li:nth-child(5n) { margin-right: 0; }
.product-list li .product-img img { width: 100%; height: 264px; }
.product-text { padding: 5px 10px 10px; border-bottom: 1px solid #e0e0e0; position: relative; }
.product-text b { height:40px; line-height:20px; display:inline-block; overflow:hidden;}
.product-text:after { position: absolute; width: 0; left: 0; bottom: 0; border-top: 1px solid #E77919; content: ''; }
.product-text h3 { font-size: 15px; height:40px; font-weight:600; line-height:20px; overflow:hidden; font-family: system-ui; color: #333; margin-bottom: 5px; display: block; }
.product-text p { color: #8c8c8c; font-size: 14px; line-height: 1.35em; height: 40px; overflow: hidden;}
.product-text span { color: #8c8c8c; }
.product-list .img100 { background: #e6e6e6; }
.product-list li:hover b { color: #E77919; }
.product-list li:hover span { color: #E77919; }
.product-list li:hover .product-text:after { width: 100%; }
.product-list li .product-img img { width: 100%; height: 236px; }
.tj-box { position:absolute; top:630px; left:0;}
.tj-brand {width: 240px; background: #f8f8f8;}
.tj-brand h3 { height:40px; line-height:40px; background:#6b6b6d; color:#fff; padding-left:15px; font-size:16px;}
.tj-brand .tj-bd li a { line-height:46px; display:block; padding-left:15px; border-bottom:1px #dfdfdf dotted; transition: all .2s linear;}
.tj-brand .tj-bd li a:hover { background:#E77919; color:#fff;}
/*产品详情*/
.product-hd { padding:20px 0; overflow:hidden;}
.product-hd .col-2 {width:50%; float:left;}
.product-hd-r .product-info { background:#f8f8f8; padding:20px 25px; box-sizing: border-box; position:relative;}
.product-hd-r .product-info .product-name { color:#363636; margin-bottom:10px; height:52px; overflow:hidden;}
.product-hd-r .product-info .product-info-li { line-height:55px; border-bottom:1px #dfdfdf dotted;}
.product-hd-r .product-info .product-info-li a:hover { color:#E77919;}
.product-hd-r .product-info .tel { border-bottom:0; text-align:center; font-size:14px; line-height:24px; margin-top:10px;}
.product-info-btn { margin-top:10px; text-align:center;}
.product-info-btn a { color:#fff; display:block; padding:15px 0; font-size:16px; background:#E77919; transition:all 0.3s; }
.product-info-btn a:hover { border-radius: 0 12px 0 12px; background:#C9863D;}
.product-details { clear: both; overflow:hidden;}
.product-details h2,.product-details h3,.product-details h4,.product-details h5,.product-details h1 { font-size:14px; margin-bottom:10px; font-weight:600;}
.product-details .title { font-size:16px; margin-bottom:15px; padding-left:12px; line-height:42px; position:relative; border-bottom:2px #dfdfdf solid;}
.product-details .title:after { content: ''; position: absolute; left: 0; width: 90px; bottom: -2px; border-top: 2px solid #E77919;}
.product-details .content { padding:15px 0 10px;}
.product-details .content p { margin-bottom:10px;}
.sales-ewm-box { width:142px; height:158px; position:absolute; top:90px; right:25px; background: #eee8e8; text-align:center; padding:6px 0;}
.sales-ewm-box p { line-height:30px;}
/*产品轮播*/
.view { max-width: 480px;}
.view .swiper-slide { height: 400px; max-width: 500px; padding: 0 3px; box-sizing: border-box; overflow: hidden; text-align: center; }
.view .swiper-slide img { height: 100%; }
.view .arrow-left { background: url(../images/index_tab_l.png) no-repeat left center; position: absolute; left: 10px; width: 28px; height: 300px; z-index: 10; display: none; }
.view .arrow-right { background: url(../images/index_tab_r.png) no-repeat right center; position: absolute; right: 10px; width: 28px; height: 300px; z-index: 10; display: none; }
.preview { position: relative; margin:10px 20px; }
.preview .swiper-slide { width: 60px; height: 60px; margin: 0 5px; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.preview .swiper-slide img { display: inline-block; height: 100%; }
.preview .active-nav { border: 1px solid #F00; }
.preview .arrow-left { background: #fff url(../images/feel3.png) no-repeat center; position: absolute; left: -20px; top: 0; width: 20px; height: 70px; z-index: 10; }
.preview .arrow-right { background: #fff url(../images/feel4.png) no-repeat center; position: absolute; right: -20px; top: 0; width: 20px; height: 70px; z-index: 10; }
 @media only screen and (max-width: 768px) {
.view .swiper-slide { height: 200px; }
.preview { display: none; }
.view .arrow-left, .view .arrow-right { height: 200px; display: block; }
}
/*产品搜索*/
.search-nav { width:240px; background:#f8f8f8; padding:10px 15px; box-sizing:border-box; position: absolute;}
.search-nav .form-group input { width:100%; box-sizing:border-box; height:32px; line-height:32px; background:#fff;}
.product-list2 li { width: 100%; margin-bottom:10px; height:120px; padding: 10px 0;}
.product-list2 li:nth-child(even){ background: #f8f8f8;}
.product-list2 li:hover { background: #f5f5f5;}
.product-list2 li a { display:block; overflow:hidden;}
.product-list2 .product-img { width: 18%; float:left; text-align:center;}
.product-list2 .product-img img { height:120px; max-width: 100%;}
.product-list2 .product-txt { width:80%; margin-left:20%; padding-right: 1%; box-sizing: border-box;}
.product-list2 .product-txt .title { font-size:16px; margin-bottom:10px;}
/*新增翻页样式*/
.page { margin-top: 20px; }
.pages { border: 1px solid #ddd; line-height: 34px; padding: 0 14px; border-radius: 6px; -webkit-border-radius: 6px; color: #737373; }
.page span a:hover { background: #E77919; color: #fff; }
.page .page-num-current { background: #E77919; color: #fff; }
.page span a { height:34px; padding: 0 15px; line-height:34px; border: 1px solid #ddd; color: #6c6c6c; border-radius: 6px; -webkit-border-radius: 6px; text-align: center; font-size: 14px; margin: 0 5px }
.page .page-status { display: none }
.page span a, .page span, .pages { display: inline-block; vertical-align: middle; }
.go { background: #E77919; color: #fff; display: inline-block; border-color: #E77919; margin-left: 10px; }
.alxq-title h4 { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 8px; }
.alxq-title span { margin: 0 10px; }
.alxq-title span:nth-child(2) { font-family: dincond; font-size: 16px; }
/*联系我们*/
.search-body .header { border-bottom: 1px solid #ddd; }
.search-list { margin-bottom: 50px; }
.result-box .search-list li { margin-bottom: 0; margin-top: 40px; }
.result-box { margin-bottom: 100px; }
.top-search { position: absolute; top: 0; right: 0; height: 100%; cursor: pointer; }
.search-btn { width: 24px; height: 24px; background: url("../images/search.png") no-repeat center; background-size: cover; margin-top: 38px; }
.header.active .search-btn { margin-top: 28px; }
.search-nr { position: absolute; right: 0; top: 50%; margin-top: -16px; background: #d9d9d9; width: 0; z-index: 9; overflow: hidden; }
.search-nr.active { width: 240px; }
.search-nr .text { width: 240px; display: block; height: 32px; text-indent: 1em; background: #d9d9d9; }
.search-nr .sbmit { position: absolute; right: 40px; top: 0; width: 32px; height: 32px; background: url("../images/search2.png") no-repeat center; cursor: pointer; }
.search-close { position: absolute; width: 32px; height: 100%; right: 0; top: 0; background: url("../images/gb.png") no-repeat center; background-size: cover; }
.menu-box.active .menu-box-ul { opacity: 0; }
.search-nr-wap:before { content: ''; position: absolute; height: 50%; top: 25%; right: 35px; border-left: 1px solid #999; }
.search-nr-wap { width: 240px; position: relative; }
.swiper-btn-style div { width: 48px; height: 48px; position: absolute; top: 50%; margin-top: -24px; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 10; cursor: pointer; }
.swiper-btn-style .swiper-btn-left { left: -50px; background-image: url("../images/btn1.png"); }
.swiper-btn-style .swiper-btn-right { right: -50px; background-image: url("../images/btn2.png"); }
.swiper-container:hover .swiper-btn-left { left: 70px; }
.swiper-container:hover .swiper-btn-right { right: 70px; }
.swiper-btn-style .swiper-btn-left:hover { background-image: url("../images/btn1-1.png"); }
.swiper-btn-style .swiper-btn-right:hover { background-image: url("../images/btn2-1.png"); }
.imgscale .img100 { overflow: hidden; }
.imgscale:hover .img100 img, .product-img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.swiper-btn-style div, .menu-handler .burger, .nav-yi:after, .index-a i, .index-a-title, .index-a-con, .cptd1-con, .cptd2-con, .sel-btn:after, .weixin-code, .i7, .imgscale .img100 img, .product-img img, .left-yi:before, .left-yi, .product-text:after, .nav-san-box, .search-nr, .menu-box-ul, .head-top2 { transition: all .3s linear; -webkit-transition: all .3s linear; }
.fu-warp, .nav-er-box a { transition: all .2s linear; -webkit-transition: all .2s linear; }
.index-a i, .footer-top, .his-btn a, .pro-i, .hide-honor-bth div { background-size: cover; background-repeat: no-repeat; background-position: center; }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes slideInUp { 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: translateY(100px);
 -ms-transform: translateY(100px);
 transform: translateY(100px);
 -moz-transform: translateY(100px);
 -o-transform: translateY(100px);
}
 100% {
 opacity: 1;
 filter: alpha(opacity=1);
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
 -moz-transform: translateY(0);
 -o-transform: translateY(0);
}
}
 @keyframes slideInUp { 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: translateY(100px);
 -ms-transform: translateY(100px);
 transform: translateY(100px);
 -moz-transform: translateY(100px);
 -o-transform: translateY(100px);
}
 100% {
 opacity: 1;
 filter: alpha(opacity=1);
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
 -moz-transform: translateY(0);
 -o-transform: translateY(0);
}
}
/*首页品牌滚动*/
.brand_wrap { overflow:hidden; padding: 0 0 50px;}
.brand_box .arrow_l { float:left;width:21px;height:28px;background:url('../images/arrows.png') no-repeat left top; margin:136px 5px 0px 0px;cursor:pointer;}
.brand_box .arrow_l:hover { background:url('../images/arrows.png') no-repeat left -28px;}
.brand_box .brand_txt { height:298px; padding: 0 10px; background:#fff; border:1px #dfdfdf solid;}
.brand_box .brand_txt .brand_img { width:100%; height:160px;}
.brand_box .brand_txt .brand_img img { width:100%; height:150px; margin-top:10px;}
.brand_box .brand_txt:hover .brand_name { color:#E77919;}
.brand_box .brand_txt:hover .detail_more { background:#992300;}
.brand_box .brand_txt .brand_name { text-align:center; font-size:14px; margin-top:5px; color:#363636; font-weight:600;}
.brand_box .brand_txt .brand_detail { height:44px; line-height:22px; margin:5px 15px; color:#666; overflow:hidden;}
.brand_box .brand_txt .detail_more { padding:8px 15px; width:100%; text-align:center; box-sizing:border-box; display:inline-block; color:#fff; border:1px #dfdfdf solid; background:#E77919; margin:10px auto 0;}
.brand_box .arrow_r { float:left; width:21px; height:28px; background:url('../images/arrows.png') no-repeat left -56px; margin:136px 0px 0px 10px; cursor:pointer;}
.brand_box .arrow_r:hover { background:url('../images/arrows.png') no-repeat left -84px;}
.brand_list { float:left; width:1325px; height:300px; overflow:hidden; position:relative;}
.brand_list ul { position:absolute; left:0; top:0;}
.brand_list ul li { float:left; width:245px; height:300px; padding:0 10px;}
.brand-search {position: absolute; left: 0; top: 450px;}
/*评论*/
.comment-con { padding-top:25px;}
.comment-con .comment-box { border:1px #dfdfdf solid; border-radius:6px; padding:15px 20px;}
.comment-con .comment-box h4 { font-size:16px; margin-bottom:10px; }
/*询价*/
.buy-box { overflow:hidden; box-sizing:border-box;}
.buy-tips { margin-bottom:15px;}
.buy-add-row { overflow:hidden;}
.buy-add-row h3 { padding:5px 0 25px; font-weight:600; color:#E77919;}
.buy-add-row .col-5 { width:24%; float:left;}
.buy-add-row .form-group span { color:#f00; margin-right:3px;}
.buy-add-row .form-group input { width:80%;}
.buy-add-row .form-group .tips { font-size:12px; margin-top:3px;}
.buy-add-row .w80 textarea { width:93%;}
.msg-img { margin-bottom:10px;}
.msg-img img { width:100%;}
.msg-tips h3 { margin-bottom:15px;}
.msg-tips p { margin-bottom:8px;}
/*留言*/
.page-col9 { width:80%; float:left;}
.page-col3 { width:20%; float:left; background: #f8f8f8; padding:15px; box-sizing:border-box;}
.message-box { overflow:hidden; padding:30px 0; box-sizing:border-box;}
.message-l { width:63%; margin-right:2%; float:left;}
.message-l h3,.message-tips h3 { font-size:16px; margin-bottom:15px; color: #363636;}
.message-l h5 { font-size:14px;}
.message-list { padding:0 0 20px; border-bottom:1px #dfdfdf dotted; margin-bottom:15px; overflow:hidden;}
.user-message { margin-bottom:10px;}
.user-message,.manage-message { display:block; overflow:hidden;}
.message-list .message-face { width:30px; float:left;}
.message-list .message-body { width:80%; float:left; margin-left:10px;}
.message-list .message-body .txt { font-size:12px; color:#999;}
.manage-message .message-body { color:#f00;}
.message-r { width:35%; float:left;}
.message-tips { margin-bottom:15px;}
.form-group { margin-bottom:8px;}
.form-group label { line-height:32px; font-size:16px; display:block; margin-bottom:3px; color:#696969;}
.form-group input { height:30px; line-height:30px; padding:3px 10px; border:1px #dfdfdf solid; background:#f8f8f8;}
.form-group input::placeholder{ color:#aaa; } 
.form-group textarea { width:100%; min-height:100px; background:#f8f8f8; padding:10px;box-sizing:border-box; border: 1px #dfdfdf solid;}
.form-group .form-ipt { width:200px; height:33px; line-height:33px;}
.form-group .codeimg { vertical-align:middle; height: 38px;}
.form-group .btn { border:0; padding:15px 60px;}
.form-group .btn-info { background:#E77919; font-size:16px; color:#fff; cursor:pointer;}
.form-group .btn1 { border:0; padding:5px 20px; font-size:14px;}
/*首页客服*/
.i_service { font-family:"system-ui"; position: fixed; bottom: 20%; _position: absolute;  _top: expression(eval(document.documentElement.scrollTop + 365));
z-index: 20; right: 0; width: 45px; }
.i_service ul li { height: 45px; margin-bottom: 1px; float: right; background: #1b1b1d; line-height: 35px; font-size: 14px; cursor: pointer; position: relative; }
.i_service ul li a { color: #f0f0f0; line-height: 42px;}
.i_service ul li.qq_cza { overflow: hidden; }
.i_service ul li:hover { background: #E77919; }
.i_service ul li.top { color: #fff; font-weight: 800; text-align: center; line-height: 45px; background: #E77919; position: relative; width: 45px; cursor: pointer; }
.i_service ul li.top:hover { background: #E77919; }
.i_service ul li b { width: 45px; height: 45px; display: block; overflow: hidden; float: left; }
.i_service ul li b.a { background: url(../images/serv_qq.png) no-repeat center center; }
.i_service ul li b.b { background: url(../images/serv_talk.png) no-repeat center center; }
.i_service ul li b.c { background: url(../images/serv_ewm.png) no-repeat center center; }
.i_service ul li b.lxb { background: url(../images/phone0.png) no-repeat center center; }
.erweima { /*width: 390px;*/
height: 150px; position: absolute; top: -107px; left: -265px; background: #FFF; border: 1px solid #CCC; float: right; cursor: default !important; display: none; }
.erweima p { line-height: 20px; color: #000; font-size: 12px; text-align: center; float: left; width: 130px; }
.erweima p img { width: 110px; height: 110px; margin: 10px 10px 0px 10px; }
.erweima .arrow3 { width: 5px; height: 10px; display: block; background: url(../images/czx6.png) no-repeat; position: absolute; right: -5px; top: 122px; }
/*Tag页*/
.taglist ul{ overflow:hidden; padding:20px 0}
.taglist ul li { float:left; padding:4px 10px; border:1px solid #ddd; margin:10px 0 0 10px; border-radius:3px;}
.taglist ul li a { font-size:12px;}
/*底部*/
.footer { background:#363636;}
.footer h5 { font-size:16px; margin-bottom:5px; font-weight:600;}
.footer .row { overflow:hidden; padding:40px 0 30px;} 
.footer-link { float: left; width:23%; margin-right:2%;}
.footer-link .f-link-con { border-right:1px #464646 solid; overflow:hidden; height:168px;}
.footer-link ul { overflow:hidden;}
.footer-link li { width:45%; float:left;}
.footer-link li a { font-size:14px; color:#999; line-height:200%;}
.footer-link li a:hover { color:#E77919;}
.footer-text { float: left; width:45%; color:#999;}
.footer-text p { font-size:24px; color:#a8a8a8;}
.footer-text .com_list { margin-top:10px;}
.footer-text .com_list li { line-height:180%;}
.footer-ewm { float:left; width:30%; overflow:hidden;}
.footer-img { height:168px; padding-left:5%; border-left:1px #464646 solid;}
.footer-img dl { width:45%; margin-left:5%; float:left;}
.footer-img dl dt { font-size:14px; margin-bottom:10px;}
.footer-img dl dd img { width:120px; height:120px;}
.footer .copyright { height:42px; background:#030303; border-top:1px #363636 solid;}
.footer .copyright p { line-height:42px; color: #8c8c8c;}
.footer .copyright p span { margin-left:10px;}
.footer .copyright p a { color:#8c8c8c;}
.f_links { background:#f5f5f5; padding:10px 0;}
.f_links h2 { padding-bottom:10px;}
.f_links .links a { margin-right:8px; line-height:140%;}
.f_links .links a:hover { color:#C75F3F;}