﻿@charset "utf-8";

/*----------------------------------------
*-- public------------------------------------*/

@font-face{font-family:"SourceHanSansCN";font-style:normal;font-weight:400;src:url("../font/SourceHanSansCN-Regular.otf") format("opentype");}
@font-face{font-family:"FontAwesome";src:url("../font/fontawesome-webfont.woff") format("woff"),url("../font/fontawesome-webfont.svg") format("svg");}

.content__wrap::before{position:fixed;bottom:0;width:100%;z-index:100;padding:4px 0 4px 0;text-align:center;}
.base_wide{margin:0 auto;width:1080px;}

#top_visual__nav_btn{display:none;}
#sp_layer_nav__wrap{display:none;}

.kinsoku{display:inline-block;}
.kinsoku + i{display:inline-block;width:0;font-style:normal;}



/*----------------------------------------
*-- 内页右边标题------------------------------------*/

.headline__box{background:#f9f9f6;padding:16px 0 16px 19px;margin-bottom:24px;}
.headline__box::before,.headline__box::after{position:absolute;content:'';display:block;height:2px;top:0;left:0;}
.headline__box::before{background:#e7e7e7;width:100%;}
.headline__box::after{background:#aace39;width:80px;}
.headline__box .ttl{font-size:20px;font-weight:500;}
.headline__box .cap_side{font-size:14px;font-weight:500;margin-top:5px;margin-left:18px;color:#8b9daa;vertical-align:top;}



/*--内页右边content--*/
.content{*zoom:1;}
.content::after{display:block;visibility:hidden;clear:both;height:0;content:"";}
.content__wide{width:100%;}
.content__wide_normal{float:right;width:800px;}
.content__wide_middle{margin:0 auto;width:880px;}
.content__box{margin-bottom:50px;}
.content__box:last-child{margin-bottom:0;}
.content__block{margin-bottom:40px;}
.content__block:last-child{margin-bottom:0;}
.content__space{padding:0 20px 0 20px;margin-bottom:24px;}
.content__space:last-child{margin-bottom:0;}

/*--内页右边大标题--*/
.headline__content{padding:6px 0 7px 18px;margin-bottom:24px;}
.headline__content::before{position:absolute;content:'';display:block;top:0;left:0;background:#aace39;width:5px;height:100%;border-radius:2px;}
.headline__content .ttl{font-size:24px;font-weight:500;line-height:1.2;}
.headline__content .cap_side{font-size:14px;font-weight:500;margin-top:7px;margin-left:18px;color:#8b9daa;vertical-align:top;}
div[class^='headline__']{position:relative;font-size:0;font-feature-settings:'palt';}
div[class^='headline__'] .ttl,div[class^='headline__'] .cap_side{display:inline-block;letter-spacing:0.04em;}
div[class^='headline__'] .ttl.font_small{font-size:21px;}


/*-- 内页主体页码下面两块内容 --*/

.products__bottom_box .contact{padding:28px 0 28px 0;border:solid 1px #e0e0e0;border-top:solid 4px #666;font-size:0;overflow:hidden;}
.products__bottom_box .contact img{width:auto;height:100%;}
.products__bottom_box .contact__desc{display:inline-block;width: 50%;padding: 0px 15px 0 30px;}
.products__bottom_box .contact__desc:first-child{border-right:dotted 1px #d3d4dc;float:left;}
.products__bottom_box .contact__desc:last-child{float:right;}
.products__bottom_box .contact__desc > dd > p{font-size:15px;margin: 20px auto;font-feature-settings:'palt';letter-spacing: .05em;width: 100%;line-height: 20px;color:#7a7773;}
.products__bottom_box .contact__desc > dt > p:first-child{font-size:18px;margin-bottom:10px;font-weight:bold;}
.products__bottom_box .contact__desc > dt > p:last-child{font-size:14px;color:#bbb5af;}
.products__bottom_box .contact__desc > dd > a{position:relative;display:inline-block;width:168px;border:solid 1px #383842;border-radius:16px;padding:6px 8px 7px 0;color:#7a7773;font-size:15px;font-weight:500;text-align:center;transition:background 0.2s ease-out;}
.products__bottom_box .contact__desc > dd > a::after{position:absolute;right:17px;display:inline-block;font-family:"FontAwesome";font-weight:normal;color:#666;content:"\f054";font-size:14px;}
.products__bottom_box .contact__desc > dd > a:hover{background: #aace39;color: white;border-color: #aace39;}
.products__bottom_box .contact__desc > dd > a:hover::after{color:#aace39;}


/*----------------------------------------
*-- head------------------------------------*/

.header{width:100%;position:relative;z-index:10000;box-shadow:0 0 0.5em #666;}
.header__inner{border-top:solid 6px #aace39;background:#fff;height:124px;}

/*-logo-*/
.header__top{position:relative;}
.header__top_logo{position:absolute;top:30px;}
.top_logo{display:block;}

/*-右上角两块a-*/
.header__top_gnav_sub{position:absolute;top:16px;right:0;}
.gnav_sub{font-size:0;}
.gnav_sub > li > a{display:block;padding:0 22px 0 16px;color:white; background:#bbb5af;font-size: 14px;border-radius: 30px;line-height: 30px;}
.gnav_sub > li > a:before{font-family: "FontAwesome";content: "\f2a0"; transform: rotate(-40deg);display: inline-block;margin: 0 10px;}
.gnav_sub > li > a:hover{background: #aace39;/*box-shadow: 0px 1px 6px #93bb15 inset;*/}
.gnav_sub > li > a > span{font-size: 12px;vertical-align: top;}

/*
.gnav_sub > li{display:inline-block;}
.gnav_sub > li:nth-child(n+2){margin-left:22px;}
.gnav_sub > li > a{position:relative;display:block;padding:0 0 0 12px;color:#9e9e9e;font-size:13px;transition:all 0.2s ease-out;}
.gnav_sub > li > a::before{position:absolute;top:0;left:2px;display:inline-block;font-family:"FontAwesome";height:1em;color:#a19c97;content:"\f105";font-size:1em;vertical-align:top;}
@-moz-document url-prefix(){.gnav_sub > li > a::before{top:1px;}}
.gnav_sub > li > a:hover{color:#aace39;}
*/

/*-- PC导航一级菜单 --*/
.header__gnav{position:relative;}
.header__gnav > .gnav{position:absolute;top:48px;right:0;}
.gnav__inner{font-size:0;overflow:hidden;}
.gnav__inner > li:first-child > .link > span{border-left:none;}
.gnav__inner > li{display:inline-block;}
.gnav__inner > li > .link{position:relative;display:block;padding:17px 0 17px 0;color:#383842;font-size:15px;font-weight:500;text-align:center;letter-spacing:0.08em;transition:all 0.2s ease-out;cursor:pointer;}
.gnav__inner > li > .link > span{display:inline-block;padding:3px 30px 4px 30px;border-left:solid 1px #c9cbcf;}
.gnav__inner > li > .link.js_mega_menu > span{padding-right:51px;}
.gnav__inner > li > .link.js_mega_menu::after{position:absolute;font-family:"FontAwesome";right:28px;top:18px;color:#666;content:"\f107";display:inline-block;font-size:17px;font-weight:bold;transition:all 0.2s ease-out,top 0.2s ease-out;}
.gnav__inner > li > .link.js_mega_menu.no_arrow::after{content:none;}
.gnav__inner > li > .link:hover,.gnav__inner > li.active > .link{color:#aace39;}

/*-鼠标点开二级菜单时的一级菜单样式-*/
.gnav__inner > li.open > .link,.gnav__inner > li.open > .link::after,.gnav__inner > li > .link:hover::after{color:#aace39;}
.gnav__inner > li.open > .link::after{top:19px;transform:scaleY(-1);}

/*-鼠标选中二级菜单的样式-*/
.gnav__inner > li.active > .link.js_mega_menu > span::after{width:calc(100% - 81px);}
.gnav__inner > li.active > .link > span{position:relative;display:inline-block;}
.gnav__inner > li.active > .link > span::after{position:absolute;bottom:-10px;display:block;content:"";background:#aace39;width:calc(100% - 60px);height:3px;border-radius:1.5px;}

/*-实心圆角li-*/
.gnav__inner > li.contact > .link{padding:0;margin:0 0 0 2px;background:#28b4f4;border-radius:18px;border:2px solid #28b4f4;color:#fff;}
.gnav__inner > li.contact > .link > span{border-left:none;padding:8px 23px 9px 23px;}
.gnav__inner > li.contact > .link:hover{background:#fff;color:#28b4f4;}

/*-- PC导航二级菜单 --*/
.mega_menu{position:fixed;top:124px;background:rgba(243, 246, 238, 0.9);width:100%;height:0;overflow:hidden;transition:all .3s ease-out;z-index:1000;}
.mega_menu__category > li{display:none;}

/*-导航二级产品列表样式-*/
.mega_menu__products{ flex-wrap:wrap;justify-content:space-between;padding:22px 0;overflow:hidden;}
.mega_menu__products > li{width:395px;float:left;margin:13px 20px 6px 0;}
.mega_menu__products > li:last-child{width:250px;margin-right:0;}
.mega_menu__products > li > span,.mega_menu__products > li > a{position:relative;display:block;align-items:center;background:#666;height:50px;line-height:50px;color:#fff;font-size:17px;font-weight:500;font-feature-settings:'palt';letter-spacing:.08em;padding:0 0 0 20px;transition:all .3s ease-out;}
.mega_menu__products > li > a::before{position:absolute;display:block;font-family:"FontAwesome";content:"\f054";font-size:14px;color:#fff;right:12px;transform:rotate(90deg);}
.mega_menu__products > li > a:hover{background:#76777b;}
.mega_menu__products_inner{display:flex;flex-wrap:wrap;width:100%;}
.mega_menu__products_inner > li{margin-top:2px;width:100%;}
.mega_menu__products_inner > li.active > a{background:#aace39;color:#fff;}
.mega_menu__products_inner > li > a{position:relative;display:block;align-items:center;background:#fff;color: #666;height:44px;line-height:44px;padding:0 0 0 20px;transition:background 0.3s ease-out,color 0.2s ease-out;}
.mega_menu__products_inner > li > a::before{position: absolute;display: block;font-family: "FontAwesome";content: "\f054";font-size: 12px;color: #bbb5af;right: 12px;}
.mega_menu__products_inner > li > a:hover{background:#aace39;color:#fff;}
.mega_menu__products_inner.col_2 > li{width:calc(50% - 1px);float:left;}
.mega_menu__products_inner.col_2 > li:nth-child(2n){margin-left:2px;}
.mega_menu__products_inner > li.more > a{color:#aace39;}
.mega_menu__products_inner > li.more > a:hover,
.mega_menu__products_inner.col_2 > li:nth-child(8) a:hover{color:white;}
.mega_menu__products_inner > li.active > a::before,
.mega_menu__products_inner > li.more > a:hover::before,
.mega_menu__products_inner > li > a:hover::before{color:#aace39;}
/*.mega_menu__products_inner.col_2 > li:nth-child(8) a{color: #bbb5af;}*/

/*-导航二级腐蚀环境列表样式-*/
.mega_menu__environment{ flex-wrap:wrap;justify-content:space-between;padding:22px 0;overflow:hidden;}
.mega_menu__environment > li{width:calc(49% - 10px);float:left;margin:13px 20px 6px 0;}
.mega_menu__environment > li:last-child{margin-right:0;}
.mega_menu__environment > li > span,.mega_menu__environment > li > a{position:relative;display:block;align-items:center;background:#666;height:50px;line-height:50px;color:#fff;font-size:17px;font-weight:500;font-feature-settings:'palt';letter-spacing:.08em;padding:0 0 0 20px;transition:all .3s ease-out;}
.mega_menu__environment > li > a::before{position:absolute;display:block;font-family:"FontAwesome";content:"\f054";font-size:14px;color:#fff;right:12px;transform:rotate(90deg);}
.mega_menu__environment > li > a:hover{background:#76777b;}
.mega_menu__environment_inner{display:flex;flex-wrap:wrap;width:100%;}
.mega_menu__environment_inner > li{margin-top:2px;width:100%;}
.mega_menu__environment_inner > li.active > a{background:#aace39;color:#fff;}
.mega_menu__environment_inner > li > a{position:relative;display:block;align-items:center;background:#fff;color: #666;height:44px;line-height:44px;padding:0 0 0 20px;transition:background 0.3s ease-out,color 0.2s ease-out;}
.mega_menu__environment_inner > li > a::before{position: absolute;display: block;font-family: "FontAwesome";content: "\f054";font-size: 12px;color: #bbb5af;right: 12px;}
.mega_menu__environment_inner > li > a:hover{background:#aace39;color:#fff;}
.mega_menu__environment_inner.col_2 > li{width:calc(50% - 1px);float:left;}
.mega_menu__environment_inner.col_2 > li:nth-child(2n){margin-left:2px;}
.mega_menu__environment_inner > li.more > a{color:#aace39;}
.mega_menu__environment_inner > li.more > a:hover,
.mega_menu__environment_inner.col_2 > li:nth-child(8) a:hover{color:white;}
.mega_menu__environment_inner > li.active > a::before,
.mega_menu__environment_inner > li.more > a:hover::before,
.mega_menu__environment_inner > li > a:hover::before{color:#aace39;}
.mega_menu__environment_inner.col_2 > li:nth-child(8) a{color: #bbb5af;}

/*-导航二级单块样式-*/
.mega_menu__ulist{ flex-wrap:wrap;justify-content:space-between;padding:42px 0;overflow:hidden;}
.mega_menu__ulist > li{position:relative;height:72px;background:#fff;transition:all 0.2s ease-out;float:left;margin-left:19px;}

.float_3 > li{width:calc((100% / 3) - 20px);}
.float_3 > li:nth-child(3n-2){margin-left:0;}
.float_3 > li:nth-child(n+4){margin-top:20px;}

.float_4 > li{width: calc( ( 100% - 58px ) / 4 );}
.float_4 > li:nth-child(1),.float_4 li:nth-child(5),.float_4 li:nth-child(9){margin-left:0;}
.float_4 > li{margin-top:20px;}

.mega_menu__ulist > li:hover{box-shadow:none;}
.mega_menu__ulist > li.active > a{position:relative;background:#aace39;color:#fff;}
.mega_menu__ulist > li > a{display:block;background:#ffffff;width:100%;height:100%;padding:0 0 0 24px;align-items:center;color:#666;font-size:15px;font-weight:500;font-feature-settings:"palt";line-height:5;transition:background 0.3s ease-out,color 0.2s ease-out;}
.mega_menu__ulist > li > a:hover{background:#aace39;color:#fff;}
.mega_menu__ulist > li > a::before{position:absolute;display:block;font-family:"FontAwesome";content:"\f054";font-size:14px;color:#999;right:12px;}
.mega_menu__ulist > li.active > a::before,.mega_menu__ulist > li:hover > a::before{color:#aace39;}



/*-手机右上角按钮+一级菜单隐藏-*/
#header__nav_btn,.header__gnav_sp{display:none;}


/*----------------------------------------
*-- 栏目banner ------------------------------------*/

.top_visual{background:url(../img/icon/bg_top_visual.jpg) no-repeat top right #f3f7fb;height:100px;}
.top_visual__inner{height:100%;position:relative;padding-left:19px;}
.top_visual__ttl{position:absolute;bottom:34px;}
.top_visual__ttl .main{font-size:28px;letter-spacing:1px;margin-right:5px;color: #666;}
.top_visual__ttl .sub{color:#c1c1c1;font-size:16px;letter-spacing:1px;}


/*----------------------------------------
*-- 面包屑 ------------------------------------*/

.breadcrumb{position:relative;margin:12px 0 30px 0;}
.breadcrumb__inner{font-size:0;}
.breadcrumb__inner > li{display:inline;list-style:none;font-size:12px;line-height:1.5;}
.breadcrumb__inner > li::after{display:inline-block;margin:0 5px 0 5px;color:#515151;content:">";transform:scaleX(0.6);}
.breadcrumb__inner > li:last-child::after{content:none;}
.breadcrumb__inner > li > a{display:inline;color:#6f6f6f;transition:all 0.2s ease-out;}
.breadcrumb__inner > li > a:hover > span{color:#aace39;}
.breadcrumb__inner > li > span{display:inline;font-size:12px;}


/*----------------------------------------
*-- 页码 ------------------------------------*/

.products_pagination{margin:40px 0;font-size:0;text-align:center;}
.products_pagination > li{display:inline-block;margin-left:8px;}
.products_pagination > li:first-child{margin-left:0px;}
.products_pagination > li > a{display:block;width:32px;padding:8px 0px 8px 0;font-size:14px;border:solid 1px #bbb5af;border-radius:3px;text-align:center;transition:color 0.2s ease-out;}
.products_pagination > li.prev > a,.products_pagination > li.next > a{width:108px;}
.products_pagination > li.prev > a::before,.products_pagination > li.next > a::after{display:inline-block;font-family:"FontAwesome";height:1em;color:#bbb5af;font-size:1em;vertical-align:top;}
.products_pagination > li.prev{margin-right:16px;}
.products_pagination > li.prev + li{margin-left:0px;}
.products_pagination > li.prev > a::before{padding:0 10px 0 0;content:"\f104";}
.products_pagination > li.next{margin-left:16px;}
.products_pagination > li.next > a::after{padding:0 0 0 10px;content:"\f105";}
.products_pagination > li.current > a{background:##f8f9f7;border-color:#e4e8ec;color:#aace39;font-weight:500;}
.products_pagination > li.prev:hover > a::before,
.products_pagination > li.next:hover > a::after,
.products_pagination > li > a:hover{color:#aace39;}
.products_pagination > li.responsive{display:none;}
.products_pagination > li.responsive > a{width:80px;}


/*----------------------------------------
*-- 内页侧边栏 ------------------------------------*/

.content__asnav{float:left;width:220px;}
.asnav a{display:block;transition:opacity 0.1s cubic-bezier(0.4,0,1,1),color 0.1s cubic-bezier(0.4,0,1,1),background-color 0.1s cubic-bezier(0.4,0,1,1);}

/*-一级菜单-*/
.asnav__top > a,.asnav__top > span{display:block;position:relative;padding:21px 0 17px 19px;background:#f9f9f9;font-size:20px;font-weight:600;letter-spacing:1px;border-radius:5px 5px 0 0 / 5px 5px 0 0;}
.normal .asnav__top > a,.normal .asnav__top > span{border-bottom:solid 3px #999;}
.asnav__top > a:hover{color:#28b4f4;}

/*-二级菜单-*/
.asnav__menu_top > a{background:#76777b;font-size:15px;padding:16px 0 17px 19px;font-weight:500;color:#fff;transition:opacity 0.2s ease-out;}
.asnav .active a{background:#aace39;}
.asnav__menu_top > a:hover{opacity:.8;}
.asnav__menu_top.sp_view{display:none;}

/*-三级菜单-*/
.asnav__menu > a{position:relative;padding:14px 15px 15px 38px;border-top:solid 1px #f9fbfd;border-bottom:solid 1px #dfe0e6;background:#f9f9f9;color:#666;font-size:15px;font-weight:500;line-height:1.5;}
.asnav__menu > a::before{position:absolute;top:17px;left:19px;display:inline-block;font-family:"FontAwesome";font-weight:400;color:#999;content:"\f054";font-size:13px;}
.asnav__menu > a:hover{color:#aace39;}

.asnav__menu.active_single > a,.asnav__menu.active > a{background:#aace39;padding:15px 16px 17px 19px;color:#fff;border:none;}
.asnav__menu.active_single > a::before,.asnav__menu.active > a::before{content:none;}

.asnav__menu.active_single > a:hover,.asnav__menu.active > a:hover{opacity:.8;}
.asnav__menu.active_single > a::after{position:absolute;top:0;right:-20px;content:'';display:block;width:20px;height:100%;background:url("../img/icon/b_sanjiao.jpg");}

.asnav__menu.active > a{background:#aace39;}
.asnav__menu.active > a::after{position:absolute;top:0;right:-20px;content:'';display:block;width:20px;height:100%;background-image:url("../img/icon/b_sanjiao.jpg");}

.nav_4 > .active a{position:relative;padding:14px 15px 15px 38px;border-top:solid 1px #f9fbfd;background:#aace39;color:white;font-size:15px;font-weight:500;line-height:1.5;}
.nav_4 > .active a::before{position:absolute;top:17px;left:19px;display:inline-block;font-family:"FontAwesome";transform: rotate(90deg);font-weight:400;color:white;content:"\f054";font-size:13px;}
.nav_4 > .active a::after{content:none;}


/*-四级菜单-*/
.asnav__menu_child .item > a{position:relative;background:#f3f5ef;padding:0 11px 0 11px;color:#515151;font-size:13px;line-height:1.2;}
.asnav__menu_child .item > a > span{display:block;border-bottom:dotted 1px #dadbe1;padding:13px 0 13px 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.asnav__menu_child .item > a::before{position:absolute; top:16px;left:19px;display:inline-block;font-family:"FontAwesome";font-weight:normal;color:#bbb5af;content:"\f054";font-size:12px;transform:scale(0.8);}
.asnav__menu_child .item > a:hover,.asnav__menu_child .active_c> a > span{color:#aace39;}
.asnav__menu_child .item.active > a{background:#c3dc74;color:#fff;}
.asnav__menu_child .item.active > a > span{border-bottom:none;padding:13px 12px 14px 7px;}
.asnav__menu_child .item.active > a::before{content:none;}
.asnav__menu_child .item.active > a::after{position:absolute;top:0;right:-20px;content:'';display:block;width:20px;height:100%; background-image:url("../img/icon/sanjiao.jpg");}
.asnav__menu_child .item.active > a:hover{color:#fff;opacity:.8;}
.asnav__menu_child .item.active.row_2 > a::after{border-width:28px 0 29px 20px;}

.content__asnav .m_disyes {display: none;}

/*-- 侧边导航下面的小广告 --*/
.aside_bnr{margin-top:24px;}
.aside_bnr__catalog > a{position:relative;background:url(../img/small/aside_img_catalog.jpg) no-repeat;display:block;width:100%;height:84px;padding:17px 0 0 101px;border:solid 1px #dfe0e6;border-top:solid 2px #28b9ef;transition:opacity 0.2s ease-out,border 0.2s ease-out;}
.aside_bnr__catalog > a::after{position:absolute;top:50%;right:11px;display:inline-block;font-family:"FontAwesome";font-weight:400;color:#9fb1be;content:"\f054";font-size:12px;transform:translateY(-50%);transition:color 0.2s ease-out;}
.aside_bnr__catalog > a > p:first-child{font-size:15px;margin-bottom:5px;padding-right:22px;line-height:17px;}
.aside_bnr__catalog > a > p:last-child{font-size:12px;color:#2bbaef;}
.aside_bnr__catalog > a:hover{opacity:.8;border-color:#28b9ef;}
.aside_bnr__catalog > a:hover::after{color:#28b9ef;}

/*-- 返回顶部 --*/
.pagetop{position:relative;display:block;z-index:10000000;}
.pagetop a{position:fixed;right:30px;bottom:20px;display:block;}
.pagetop a img{width:64px;height:64px;transition:opacity 0.5s ease-out;}
.pagetop a img:hover{opacity:0.8;transition:opacity 0.1s ease-out;}
.drawer-open .pagetop{z-index:100;}


/*----------------------------------------
*-- foot------------------------------------*/

.footer{background:#fafbf8;margin-top:80px;}
.footer_nav{padding:48px 0 48px 0;}
.footer_nav__ulist{display:flex;flex-wrap:wrap;overflow:hidden;}
.footer_nav__ulist > li{margin-left:40px;float:left;}

.footer_logo{width:158px;margin-top:12px;}
.footer_logo a:last-child{display:none;}

/*-手机底部logo隐藏-
.footer_logo_sp_view + img{display:none;}
*/

.footer_nav__ulist > li.col_1{margin-left:0;width:190px;}
.footer_nav__ulist > li.col_2{width:450px;}
.footer_nav__ulist > li.col_3{width:160px;}
.footer_nav__ulist > li.col_4{width:160px;}

.footer_nav__ulist_link .category > a{padding:12px 0 15px 17px;margin-bottom:12px;border-bottom:solid 1px #76777b;font-weight:500;transition:all 0.2s ease-out;}
.footer_nav__ulist_link .category > a::before{content:"\f054";display:inline-block;margin:3px 7px 0 -14px;vertical-align:top;transition:all 0.2s ease-out;font-family:"FontAwesome";color:#76777b;font-size:11px;}
.footer_nav__ulist > li.col_2 > dl > dt > a::before,.footer_nav__ulist > li.col_4 > ul > li > dl > dt > a::before,.footer_nav__ulist > li.col_3 > ul > li:last-child > dl > dt > a::before{transform:rotate(90deg);margin-right:10px;}
.footer_nav__ulist_link .category.single > a{padding:13px 0 11px 19px;margin:0;border-bottom:dotted 1px #bbb5af;font-size:14px;}
.footer_nav__ulist_link .category.single > a::before{content:"\f105";margin:1px 8px 0 -13px;font-size:12px;}
.footer_nav__ulist > li.col_4 > ul > li:nth-child(2){margin-top:10px;}

.footer_nav__ulist_link .layer_top_box{display:flex;padding-top:3px;overflow:hidden;}
.footer_nav__ulist_link .layer_top_box > ul:first-child{margin-left:0;}
.footer_nav__ulist_link .layer_top_box > ul:nth-child(2){width:160px;margin:0 30px 0 40px;}
.footer_nav__ulist_link .layer_top_box > ul{width:110px;float:left;}
.footer_nav__ulist_link .layer_top_box > ul > .layer_top{margin-bottom:4px;}
.footer_nav__ulist_link .layer_top > a{padding:0 0 5px 3px;color:##383842;font-size:14px;}
.footer_nav__ulist_link .layer > a{padding:3px 0 3px 18px;color:#7a7773;font-size:13px;line-height:1.4;transition:all 0.2s ease-out;}
.footer_nav__ulist_link .layer > a::before{content:'';display:inline-block;background:#6f6f6f;width:7px;height:1px;margin:9px 5px 0 -12px;vertical-align:top;transition:all 0.2s ease-out;}
.footer_nav__ulist_link .layer > a:hover::before{background:#aace39;}
.footer_nav__ulist_link a{display:block;}
.footer_nav__ulist_link a:hover{color:#aace39;}

/*-- 底部版权所有 --*/
.footer_address{background:#fff;border-top:solid 6px #aace39;}
.footer_address__inner{position:relative;height:56px;}
.footer_address__nav{position:absolute;top:22px;left:0;font-size:0;}
.footer_address__nav > li{display:inline-block;}
.footer_address__nav > li:nth-child(n+2){margin-left:24px;}
.footer_address__nav > li > a{position:relative;display:block;padding:0 0 0 12px;color:#6f6f6f;font-size:13px;transition:all 0.2s ease-out;}
.footer_address__nav > li > a::before{position:absolute;top:0;left:0;display:inline-block;font-family:"FontAwesome";height:1em;color:#a19c97;content:"\f105";font-size:1em;vertical-align:top;}
@-moz-document url-prefix(){.footer_address__nav > li > a::before{top:1px;}}
.footer_address__nav > li > a:hover{color:#aace39;}
.footer_address__copy{position:absolute;top:23px;right:0;color:#6f6f6f;font-size:12px;font-weight:300;letter-spacing:.036em;}

/*
.footer_icon ul{text-align: center;}
.footer_icon ul li{display:inline-block;margin:2% 1% 0;border: 1px solid #d0d0d0;
    padding: 6px 8px 0 6px;    min-width: 110px;}
.footer_icon ul li p{font-size: 12px;color: #909090;display: block;line-height:16px;}
.footer_icon ul li p:before{  float: left;margin-right: 8px;}
.footer_icon ul li:first-child p:before{content: url(../img/icon/graco.png);}
.footer_icon ul li:first-child+li p:before{content: url(../img/icon/iso_1.png);}
.footer_icon ul li:first-child+li+li p:before{content: url(../img/icon/ral.png);}
.footer_icon ul li:first-child+li+li+li p:before{content: url(../img/icon/guohui.png);}
.footer_icon ul li:first-child+li+li+li+li p:before{content: url(../img/icon/cqc.png);}
@media screen and (max-width:899px){
	.footer_icon{display:none;}
}
*/


/*右侧悬浮窗*/
.sideBar{position:fixed; z-index:99; top:50%; margin-top: -56px; right:0px; cursor:pointer;}
.sideBar li{position:relative; text-align:center; line-height:56px; height:56px; width: 60px; margin:0 0 1px auto; background:rgba(158, 199, 28, 0.8);}
.sideBar li img{width: auto;vertical-align: middle;}
.sideBar li .img1{ display:none;}
.sideBar li:hover{ background:#383842;transition: all 0.2s ease-out;}
.sideBar li.tel_box:hover{width:230px;}
.sideBar li:hover img:first-child{display: none;}
.sideBar li:hover .img1{display:inline-block;}
.sideBar li span { display: none;position: absolute;left: 100%;width: 200px;}
.sideBar li:hover .tel{position: absolute;right: 2%;top: 25%;}
.sideBar li:hover span{left:3%;display:block;color:#aace39;}
.sideBar li:hover .email{left:0;}
.sideBar li .mouse{display:none;position:absolute; left:-130px; top:0px; background:rgba(56, 56, 66,0.8); width:130px;  }
.sideBar li .mouse .ewm{ padding-top:15px;}
.sideBar li .mouse p{ font-size:13px; color:#fff;line-height: 36px;}
.sideBar li .mouse img{ display:block !important; width:100px; margin:0 auto;}
.sideBar li:last-child:hover .mouse{display:block;}

.sideBar li.tel_400:hover{width: 165px;}
.sideBar li.tel_400:hover span{ left: 0;width: 140px;}


/*----------------------------------------
*-- @media------------------------------------*/

@media print{
    
    * html body{zoom:80%;}
    @-moz-document url-prefix(){body{display:block;}}
    
    .header__inner{height:74px;}
    .header__top_logo{top:15px;}
    .top_logo{width:189px;}
    .header__gnav,.header__gnav_sp,.header__top_gnav_sub{display:none !important;}
    .header{box-shadow:none;}
    
    .footer_logo,.footer_nav,.footer_address__nav,.mega_menu{display:none !important;}
    .page-break-before{page-break-before:always !important;}
    
    .tracking_nav .header{position:relative !important;}
    .tracking_nav{padding-top:0 !important;}
}

@media screen and (max-width:899px){
    
    body{min-width:320px;}
    .content__wide,.content__wide_normal{float:none;margin:0 auto;width:auto;padding:0 12px;}
    .base_wide{margin:0 auto;min-width:320px;width:auto;}
    .about .content__wide{padding:0;}
    .tracking_nav{padding-top:88px;}
    .hide_shadow{padding-top:70px;}
    .hide_shadow #header__over_wrap{position:fixed !important;top:0;height:70px;z-index:1000;}
    #header__nav_btn{position:absolute;top:6px;right:0;z-index:100;display:block;width:72px;height:72px;}
    
    /*-手机右上角导航-*/
    .drawer-open #header__nav_btn{z-index:10000;height:70px;background:#f3f6f9;-webkit-transition:all 0.6s cubic-bezier(0.19,1,0.22,1);transition:all 0.6s cubic-bezier(0.19,1,0.22,1);}
    #header__nav_btn::after{position:absolute;content:'MENU';color:#6f6f6f;font-size:11px;font-weight:bold;left:19px;top:45px;letter-spacing:0.02em;cursor:pointer;z-index:10;}
    .drawer-open #header__nav_btn::after{content:'CLOSE';left:18px;}
    .drawer-hamburger{top:-1px;z-index:4;display:block;padding:16px 20px 27px 19px;width:72px;height:72px;outline:0;border:0;border-left:solid 1px #dde0e0;background-color:#ffffff;-webkit-transition:all 0.7s cubic-bezier(0.19,1,0.22,1);transition:all 0.7s cubic-bezier(0.19,1,0.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);}
    .drawer-open .drawer-hamburger{background-color:#f3f6f9;padding:16px 19px 27px 18px;border-left:solid 1px #f3f6f9;}
    .drawer-hamburger:hover{box-sizing:border-box;cursor:pointer;}
    .drawer-hamburger-icon{position:relative;display:block;margin-top:0;}
    .drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:3px;background-color:#aace39;-webkit-transition:all 0.6s cubic-bezier(0.19,1,0.22,1);transition:all 0.6s cubic-bezier(0.19,1,0.22,1);}
    .drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-8px;left:0px;content:" ";}
    .drawer-hamburger-icon:after{top:8px;}
    .drawer-open .drawer-hamburger-icon{background-color:transparent;}
    .drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:-1px;}
    .drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
    .drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
    .drawer-overlay{position:fixed;top:70px;left:0;z-index:10;display:none;width:100%;height:100%;background-color:rgba(255,255,255,0.75);}
    .drawer-overlay::before{content:'';position:fixed;top:0;left:0;z-index:10;display:none;width:100%;height:70px;background-color:transparent;}
    .drawer-open .drawer-overlay{display:block;cursor:pointer;z-index:1000;}
    .drawer-open .drawer-overlay::before{display:block;cursor:pointer;z-index:1000;}
    .drawer-open .header__gnav_sp{height:calc(100vh - 78px);}

    #top_visual__nav_btn{position:absolute;top:25px;right:22px;z-index:10;display:block;width:36px;height:36px;}
    .drawer-under_layer-open #top_visual__nav_btn{z-index:10000;}
    .drawer-under_layer{top:-1px;z-index:4;display:block;width:36px;height:36px;padding:0;outline:0;border:0;border-radius:18px;background-color:#ffffff;-webkit-transition:all 0.7s cubic-bezier(0.19,1,0.22,1);transition:all 0.7s cubic-bezier(0.19,1,0.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);text-align:center;}
    .drawer-under_layer:hover{box-sizing:border-box;cursor:pointer;}
    .drawer-under_layer-icon{position:relative;width:23px;display:inline-block;margin-top:0;color:#aace39;font-family:"FontAwesome";font-size:16px;transition:all 0.7s cubic-bezier(0.19,1,0.22,1);}
    .drawer-under_layer-open .drawer-under_layer-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
    .drawer-under_layer-overlay{position:fixed;top:158px;left:0;z-index:10;display:none;width:100%;height:100%;background-color:rgba(255,255,255,0.75);}
    .drawer-under_layer-overlay::before{content:'';position:fixed;top:0;left:0;z-index:10;display:none;width:100%;height:210px;background-color:transparent;}
    .drawer-under_layer-open .drawer-under_layer-overlay,.drawer-under_layer-open .drawer-under_layer-overlay::before{display:block;cursor:pointer;z-index:1000;}

    /*-手机栏目按钮导航-*/
    #sp_layer_nav__wrap{display:block;position:absolute;width:100%;height:0;overflow:hidden;transition:all 0.3s ease-in-out;top:158px;z-index:1000;}
    #sp_layer_nav__wrap::after{content:'';display:block;width:100%;height:16px;}
    #sp_layer_nav{background:#f3f6f9;padding:30px 15px 40px 15px;}
    #sp_layer_nav .normal .asnav__menu > a{background:#fff;border:none;color:#515151;}
    #sp_layer_nav .normal .asnav__menu:nth-child(n+2) > a{margin-top:1px;}
    #sp_layer_nav .normal .asnav__menu > a:hover{color:#aace39;}
    #sp_layer_nav .normal .active > a{background:#aace39;padding:13px 15px 14px 12px;border:none;color:#fff;}
    #sp_layer_nav .pagetop{display:none !important;}
    #sp_layer_nav .sp_layer_nav__close{background:#c5c6d0;text-align:center;padding:8px 0 10px 0;margin:40px 0 0 0;cursor:pointer;}
    #sp_layer_nav .sp_layer_nav__close span{display:inline-block;color:#fff;font-size:13px;}
    #sp_layer_nav .sp_layer_nav__close span::before{display:inline-block;content:'';background:url(../img/icon/icon_nav_peke.png) no-repeat 0 0;width:7px;height:8px;margin:0 8px 0 0;}
    #sp_layer_nav .products li:nth-child(n+2) > a{margin-top:1px;}
    #sp_layer_nav .products li.asnav__menu_top:nth-child(n+2) > a{margin-top:4px;}
    #sp_layer_nav .products .asnav__menu_top > a{background:#fff;border:none;color:#515151;padding:16px 0 16px 12px;}
    #sp_layer_nav .products .asnav__menu_top.active > a{background:#aace39;border:none;color:#fff;}
    #sp_layer_nav .products .asnav__menu > a{background:#fff;border:none;color:#515151;padding:9px 15px 10px 24px;}
    #sp_layer_nav .products .asnav__menu.active_single > a,#sp_layer_nav .products .asnav__menu.active > a{background:#aace39;border:none;color:#fff;}
    #sp_layer_nav .products .asnav__menu.active > a::after{background-color:#fff;}
    #sp_layer_nav .products .asnav__menu.active_single > a::after{content:none;}

    /*-手机右上角导航菜单-*/
    .header__gnav_sp{position:relative;display:block;top:72px;height:0;z-index:10000;overflow-x:hidden;transition:all 0.5s ease-in-out;}
    .gnav_sp{background:#f3f7fb;padding:20px 12px 20px 12px}
    .gnav_sp__inner > li{margin-bottom:6px;}
    .gnav_sp__inner > li > a{display:block;background:#fff;padding:19px 12px 19px 12px;color:#515151;font-size:18px;font-weight:500;}
    .gnav_sp__inner > li.active > a{background:#aace39;color:#fff;}
    .gnav_sub_sp__inner{margin-top:20px;font-size:0;}
    .gnav_sub_sp__inner > li{display:inline-block;width:calc(50% - 3px);text-align:center;}
    .gnav_sub_sp__inner > li:first-child{width:100%;margin-bottom:6px;}
    .gnav_sub_sp__inner > li:nth-child(2){margin-right:6px;}
    .gnav_sub_sp__inner > li > a{display:block;font-size:14px;background:#fff;padding:19px 12px 19px 12px;font-weight:500;}
    
    /*-内页大标题线-*/
    .headline__content{padding:4px 0 5px 12px;margin-bottom:16px;}
    .headline__content .ttl{font-size:20px;}
    .headline__content_another{padding:0 0 14px 0;margin-bottom:20px;}
    .headline__content_another .ttl{font-size:20px;}
    .headline__content_another .cap_side{display:block !important;margin-left:0;font-size:13px;}
    .headline__box{padding:16px 0 16px 12px;margin-bottom:20px;}
    .headline__box .ttl{margin-right:0;font-size:18px;}
    
    .content__space{padding:0 12px 0 12px;}
    .content__asnav{float:none;width:100%;margin-top:44px;}
    
    /*-页码-*/
    .products_pagination{margin-top:20px;}
    .products_pagination > li{display:none;}
    .products_pagination > li.prev,.products_pagination > li.next,.products_pagination > li.responsive{display:inline-block;font-size:13px;}
    .products_pagination > li.prev > a,.products_pagination > li.next > a{width:98px;}
    .products_pagination > li.prev > a::before{padding:0 6px 0 0;}
    .products_pagination > li.next > a::after{padding:0 0 0 6px;}
    .products_pagination > li.responsive > a{width:40px;border:none;}
    
     /*页码下面两块内容 899*/
    .products__bottom_box .contact{width:480px;padding:16px 17px 16px 17px;margin:0 auto;}
    .products__bottom_box .contact__desc{width:100%;display:inline-block;padding-left:0;text-align:center;}
    .products__bottom_box .contact__desc:first-child{padding:0 0 15px 0;margin-bottom:15px;border-right:none;border-bottom:dotted 1px #d3d4dc;}
    .products__bottom_box .contact__desc:last-child{padding-right:0;}
    .products__bottom_box .contact__desc dt{margin-bottom:13px;}
    .products__bottom_box .contact__desc dd p{line-height:1.4;margin-bottom:13px;}
    
    .bottom_box .contact{padding:20px 17px !important;}
    .bottom_box .contact .contact__desc{padding:0;}
    
    /*手机栏目导航菜单*/
    .asnav__top{display:none;}
    .asnav__menu_top > a{position:relative;pointer-events:auto;background:#f1f1f1;color:#383842;font-size:16px;padding:20px 0 20px 13px;/*border-bottom:solid 1px #c4c6d0;*/}
    .asnav__menu_top > a::before{position:absolute;top:50%;right:12px;display:inline-block;font-family:"FontAwesome";font-weight:400;color:#bbb5af;content:"\f054";font-size:13px;transform:translateY(-50%) rotate(90deg);}
    .asnav__menu_top.active > a{background:#aace39;color:#fff;}
    .asnav__menu > a{font-size:14px;padding:16px 15px 17px 24px;}
    .asnav__menu > a::before{content:'';transform:translateY(-50%);background:#8b9daa;height:1px;width:6px;left:13px;}
    .asnav__menu.active > a{padding:16px 15px 17px 24px;background:#ffffff;color:#aace39;border-bottom:solid 1px #dfe0e6;}
    .normal .asnav__menu > a{padding:16px 15px 17px 12px;}
    .normal .asnav__menu.active > a{background:#fff;}
    .products .asnav__menu_top.active > a{background:#fff;color:#28b4f4;}
/*    .products .asnav__menu > a{border-bottom:solid 1px #c4c6d0;}*/
    .products .asnav__menu > a::before{content:"\f0da";}
    .products .asnav__menu > a::after{position:absolute;display:block;content:"";width:6px;height:1px;background:#8b9daa;top:50%;left:12px;}
    .products .asnav__menu.active_single > a,.products .asnav__menu.active > a{color:#aace39;background:#fff;border-bottom:solid 1px #c4c6d0;}
    .asnav__menu > a::before{position:absolute;background:transparent;height:auto;width:auto;top:50%;right:12px;left:inherit;display:inline-block;font-family:"FontAwesome";font-weight:400;color:#bbb5af;content:"\f054";font-size:13px;transform:translateY(-50%);}
    .normal .asnav__menu.active > a::after{content:none;}
    .asnav__menu.sp_hidden{display:none;}
    .asnav__menu > a .sp_hidden{display:none;}
    .asnav__menu.active > a::before{content:'';background:#c4c6d0;}
    .asnav__menu.active_single > a::after{content:none;}
    .asnav__menu_top.sp_view{display:block;}
    .asnav__menu_child,.content__asnav .m_disno,.aside_bnr{display:none;}
    .content__asnav .m_disyes {display: block;}
    
    .tracking_nav .header__inner{border-top:solid 6px #aace39 !important;height:78px;}
    .tracking_nav .header{height:78px;}
    .header__inner{height:78px;}
    .header__top_logo{position:absolute;top:14px;left:8px;}
    .top_logo{width:75%;}
    .header__top_gnav_sub,.header__gnav{display:none;}
    
    .top_visual{height:80px;}
    .top_visual__ttl{bottom:20px;}
    .top_visual__ttl .main{font-size:22px;display:block;}
    .top_visual__ttl .sub{display:block;font-size:12px;margin-top:3px;}
    
    .breadcrumb{margin:9px 0 21px 0;}
    .breadcrumb__inner{padding:0 12px 0 12px;}
    
    .pagetop{position:static;}
    .pagetop a{position:static;display:block;width:100%;text-align:center;background:#ccccca;}
    
    .footer_logo_sp_view{display:none;}
    .footer_logo_sp_view + img{display:inline;}
    .footer_nav{padding:0 0 10px 0;}
    .footer_nav__ulist > li{display:none;text-align:center;}
    .footer_nav__ulist > li.col_1{display:block;width:100%;}
    .footer_logo{display:inline-block;width:auto;max-width:390px;}
	.footer_logo > a:last-child{font-size: 20px;color: #aace39;text-shadow:0px 1px 1px #f1f1f1;padding: 2px 0;display: block;}
    .footer_logo > a:last-child:before{font-family: "FontAwesome";content: "\f2a0";transform: rotate(-40deg);display: inline-block;margin: 0 5px;}
	.footer_logo > a:last-child span{font-size: 14px;letter-spacing: 1px;}
    .footer_address{height:82px;}
    .footer_address__inner{height:auto;text-align:center;}
    .footer_address__nav{position:static;padding-top:15px;margin-bottom:15px;}
    .footer_address__copy{position:static;margin-bottom:16px;}
    .footer{margin-top:0 !important;}

    .info_card__ulst_li{width:calc( 50% - 6px );}
    .info_card__ulst_li:nth-child(n+3){margin-top:20px;}
    .info_card__ulst_li > a{padding-left:12px;padding-right:12px;}

	
	.sideBar{display:none;}
}

@media screen and (max-width:799px){
    
    body::after{bottom:46px;}
    body{min-width:320px;}
    .content__wide_normal{float:none;margin:0 auto;width:auto;}
}
@media screen and (max-width:699px){

    [class*="text__set"]{font-size:14px;-webkit-line-clamp: 2;}
}

@media screen and (max-width:639px){
    
    html,body,textarea,input,select,option{color:#383842;font-size:14px;}
    .normal .asnav__menu.active > a::after{content:none;}
    .top_visual__ttl .sub{display:block;left:0;bottom:-4px;}
    .content__box{margin-bottom:32px;}

    .info_card__ulst_li{width:100%;}
    .info_card__ulst_li:nth-child(n+2){margin-top:20px;}
    .info_card__ulst_li > a > span::before{margin-right:6px;}

    #newsReleaseTitle{margin:0 -12px 32px -12px;}
    #newsReleaseTabBtnSet{padding:0 6px;}
    #newsReleaseTabBtnSet > li{width:50%;padding:0 6px;}
    #newsReleaseTabBtnSet > li:nth-child(n+3){margin-top:12px;}
    

    .news_reset{padding:16px 8px 16px 8px;}
    
    /*页码下面两块内容 639*/
    .products__bottom_box .contact__desc > dt > em{height:16px;}
    .products__bottom_box .contact__desc > dd > p,.bottom_box .contact__desc > dd > p{font-size:13px !important;}
    .products__bottom_box .contact{width:auto;}
}

@media screen and (max-width:370px){
    
    .gnav_sub_sp__inner > li > a{display:block;font-size:12px;background:#fff;padding:19px 12px 19px 12px;font-weight:500;}
	.products_detail__tab .btn > span{font-size:14px !important;}
}



/*图片*/
.imgWrap img {vertical-align: bottom;max-width: 100%;height: auto;}
.imgWrap figure{text-align: center;margin: 3% 0;}
.imgWrap figcaption{font-size: 14px;margin:10px 0;color: #9ba0b5;}
.imgWrap figcaption:empty{margin-top:0}
.imgWrap.p_1,.imgWrap.p_2,.imgWrap.p_3,.imgWrap.p_4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.imgWrap.p_1 figure{width:100%;text-align:center}
.imgWrap.p_2 figure{width:48%}
.imgWrap.p_3 figure{width: 32%;}
.imgWrap.p_4 figure{width:24%}

@media screen and (max-width:750px){
	.imgWrap{margin-top:0;margin-bottom:40px}
	.imgWrap figure{margin-top:40px}
	.imgWrap.p_1{display:block}
	.imgWrap.p_3{display:block}
	.imgWrap.p_3 figure{width:100%;text-align:center}
	.imgWrap.p_4  figure{width:49%;margin: 2% 0 0;}
}