body{background-color:#fff;}
h2{font-size: 38px;color: #000;position: relative;font-family: Corbel;font-weight: normal;text-align: center;padding-bottom: 9px;margin-bottom: 36px;}
h2::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;background-color: #EC1C24;width: 55px;height: 4px;}
.flexslider{border: none;border-radius: 0;}
/* adv */
.adv{height: 533px;}
.adv .flexslider, .adv .slides, .adv .slides li{height: 100%;}
.adv .flexslider .slides>li .pane{display: flex;justify-content: space-between;padding-top: 77px;position: absolute;left: 0;right: 0;top: 0;}
.adv .flexslider .slides>li .left{max-width: 788px;}
.adv .flexslider .slides>li .left h2{display: inline-block;width: auto;height: 42px;background-color: #EC1C24;border-radius: 3px;font-size: 32px;color: #fff;text-align: center;line-height: 42px;margin-bottom: 24px;padding: 0 10px;}
.adv .flexslider .slides>li .left s{text-decoration: none;display: block;font-size: 25px;color: #EC1C24;line-height: 31px;font-family: Corbel;font-weight: bold;margin-bottom: 24px;}
.adv .flexslider .slides>li .left b{font-size: 25px;color: #fff;font-family: EfromBlack;margin-bottom: 70px;display: block;}
.adv .flexslider .slides>li .left a{position: relative;display: inline-block;font-weight: bold;font-size: 28px;color: #fff;font-family: Corbel;padding: 0 17px;transition: all .2s;}
.adv .flexslider .slides>li .left a::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 31px;background-color: #EC1C24;}
.adv .flexslider .slides>li .left a:hover{background-color: #EC1C24;}
.adv .flex-control-nav{z-index: 2;bottom: 20px;}
.adv .flex-direction-nav .flex-prev{left: 0;}
.adv .flex-direction-nav .flex-next{right: 0;}
.adv .flex-control-paging li a{background-color: rgb(255, 255, 255, .6);}
.adv .flex-control-paging li a.flex-active{background-color: #fff;}

.aboutus{margin-top: 68px;display: flex;}
.aboutus .left{width: 404px;height: auto;border: 1px solid #C8C8C8;border-radius: 6px;margin-right: 17px;text-align: center;padding: 50px 0;flex-shrink: 0;}
.aboutus .left b{display: block;font-size: 36px;color: #000;margin-bottom: 20px;}
.aboutus .left s{display: block;font-size: 18px;color: #717171;text-decoration: none;padding: 0 10px;}
.aboutus .right{font-size: 16px;color: #181818;line-height: 23px;}
.aboutus .right .box_text{position: relative;height: auto;overflow: hidden;}
.aboutus .right .box_text span.icon-down{font-size: 14px;color: #7A7A7A;line-height: 23px;position: absolute;cursor: pointer;display: inline-block;width: calc(70% + 0.8em);overflow: hidden;right: 0;bottom: 0;background-color: #fff;padding-left: 2em;display: none;}
.aboutus .right .box_text span.icon-down::before{position: absolute;left: 100px;top: 50%;transform: translateY(-50%);}
.aboutus .right .box_text span.icon-down::after{content: '...';position: absolute;left: 0;}
.aboutus .right >a{display: inline-block;padding: 0 16px;position: relative;font-size: 17px;color: #181818;font-weight: bold;margin-top: 20px;transition: all .2s;}
.aboutus .right >a::before{content: '';position: absolute;left: 0;top: 0;height: 22px;width: 4px;background-color: #EC1C24;}
.aboutus .right >a:hover{background-color: #EC1C24;color: #fff;}

.hotsell{margin-top: 79px;}
.hotsell h1{margin-bottom: 36px;}
.hotsell .slides dl dt{margin-bottom: 21px;}
.hotsell .slides dl dt{display: flex;width: 219px;height: 197px;background-color: #F0F0F0;border: 1px solid transparent;border-radius: 8px;box-shadow: 6px 6px 7px 0px rgba(0,0,0,0.2);justify-content: center;align-items: center;text-align: center;font-size: 21px;color: #494949;line-height: 26px;position: relative;padding: 0 14px;}
.hotsell .slides dl dt::before{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #525252;position: absolute;left: 16px;top: 16px;}
.hotsell .slides dl:hover dt{border: 1px solid #222222;color: #000;}
.hotsell .slides dl:hover dt::before{background-color: #EC1C24;}
.hotsell .slides dl dd a{display: block;width: 219px;height: 40px;line-height: 40px;padding: 0 10px;text-align: center;border: 1px solid #878787;margin-bottom: 11px;color: #000;font-size: 16px;font-family: Arial;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hotsell .slides dl dd a:hover{font-weight: bold;border-color: #EC1C24;}
.hotsell .slides dl dd a.view{color: #717171;}
.hotsell .slides dl dd a.view:hover{color: #EC1C24;border-color: #222222;font-weight: normal;}
.hotsell .flex-direction-nav a{top: 15%;}
.hotsell .flex-direction-nav .flex-prev{left: -15px !important;}
.hotsell .flex-direction-nav .flex-next{right: -15px !important;}
.hotsell .flex-direction-nav .flex-prev::before, .hotsell .flex-direction-nav .flex-next::before{font-size: 21px;}

.hotsell .cates{margin-bottom: 21px;}
.hotsell .cates a{display: flex;width: 219px;height: 197px;background-color: #F0F0F0;border: 1px solid transparent;border-radius: 8px;box-shadow: 6px 6px 7px 0px rgba(0,0,0,0.2);justify-content: center;align-items: center;text-align: center;font-size: 21px;color: #494949;line-height: 26px;position: relative;padding: 0 14px;float: left;margin-right: 17px;}
.hotsell .cates a:last-child{margin-right: 0;}
.hotsell .cates a::before{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #525252;position: absolute;left: 16px;top: 16px;}
.hotsell .cates a:hover{border-color: #EC1C24;text-shadow: 0 0 0.5px;}
.hotsell .calls a{display: block;width: 219px;height: 40px;line-height: 40px;padding: 0 10px;text-align: center;border: 1px solid #878787;margin-bottom: 11px;color: #000;font-size: 16px;font-family: Arial;float: left;margin-right: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotsell .calls a:nth-child(6n+6){margin-right: 0;}
.hotsell .calls a:hover{border-color: #EC1C24;text-shadow: 0 0 0.5px;}

.product-series{padding-top: 53px;}
.product-series .tab{display: flex;margin-bottom: 40px;}
.product-series .tab ul{overflow: auto;white-space: nowrap;position: relative;}
.product-series .tab ul::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #222;z-index: -1;}
.product-series .tab ul li{background-color: #595959;height: 34px;line-height: 34px;font-size: 15px;color: #fff;font-weight: bold;margin-right: 4px;padding: 0 12px;display: inline-block;text-align: center;cursor: pointer;transition: all .2s;}
.product-series .tab ul li.actived{background-color: #EC1C24;color: #fff;}
.product-series .tab ul::-webkit-scrollbar{display: none;}
.product-series .tab .icon-right{width: 28px;height: 34px;line-height: 34px;text-align: center;background-color: #8D8D8D;color: #fff;font-size: 20px;margin-left: 4px;cursor: pointer;flex-shrink: 0;}
.product-series .tab .icon-right.prev{margin-left: 0;margin-right: 4px;background-color: rgba(141, 141, 141, .5);}
.product-series .tab .icon-right.prev::before{transform: rotate(-180deg);}
.product-series .content ul{display: none;}
.product-series .content ul.actived{display: flex;flex-wrap: wrap;align-items: center;}
.product-series .content ul li{width: 16%;text-align: center;margin-bottom: 48px;}
.product-series .content ul li a{font-size: 18px;color: #000;}
.product-series .content ul li a:hover{text-decoration: underline;}

.brand-news{padding-top: 24px;}
.brand-news h2{position: relative;}
.brand-news h2 a{position: absolute;right: 8px;font-size: 15px;color: #717171;top: 50%;transform: translateY(-50%);}
.brand-news h2 a:hover{text-decoration: underline;}
.brand-news ul li{width: 455px;float: left;}
.brand-news ul li a{display: block;height: 100%;}
.brand-news ul li:not(:last-of-type){margin-right: 17px;}
.brand-news ul li h3{background-color: #EBEDF0;padding: 4px 9px 2px 6px;font-size: 20px;color: #000;line-height: 27px;font-weight: bold;margin-bottom: 15px;}
.brand-news ul li s{font-size: 15px;color: #717171;line-height: 21px;text-decoration: none;}
.brand-news ul li s.more{display: block;margin-top: 18px;color: #717171;font-size: 15px;text-decoration: none;}
.brand-news ul li:hover s.more{text-decoration: underline;color: #EC1C24;}

.cert{background-color: #222222;text-align: center;padding-top: 58px;padding-bottom: 39px;margin-top: 76px;}
.cert h2{color: #fff;margin-bottom: 16px;}
.cert s{color: #9A9A9A;font-size: 17px;display: block;text-decoration: none;}
.cert .qualification{display: flex;justify-content: space-between;margin-top: 58px;}
.cert .qualification li{width: 153px;height: 180px;margin-bottom: 18px;}
.cert .qualification li a{display: block;height: 100%;position: relative;background: url('../images/cert.png') no-repeat 0 0;font-size: 153px;}
.cert .qualification li:nth-child(2) a{background-position-x: -1em;}
.cert .qualification li:nth-child(3) a{background-position-x: -2em;}
.cert .qualification li:nth-child(4) a{background-position-x: -3em;}
.cert .qualification li:nth-child(5) a{background-position-x: -4em;}
.cert .certification{display: flex;justify-content: space-between;margin-top: 78px;margin-bottom: 49px;}
.cert .certification li{width: 25%;max-width: 330px;height: auto;}
.cert .certification li a{padding: 150px 10px 0;display: block;position: relative;color: #9a9a9a;}
.cert .certification li a::before{content: '';position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;background: url('../images/cert.png') no-repeat -7px -212px;width: 136px;height: 125px;}
.cert .certification li:nth-child(2) a::before{background-position: -158px -217px;width: 84px;}
.cert .certification li:nth-child(3) a::before{background-position: -255px -223px;width: 216px;}
.cert .certification li:nth-child(4) a::before{background-position: -487px -229px;width: 168px;}
.cert .pane > a{font-size: 16px;color: #fff;padding: 8px;position: relative;transition: all .2s;}
.cert .pane > a::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 32px;height: 3px;background-color: #EC1C24;}
.cert .pane > a:hover{background-color: #EC1C24;}

.components{margin-top: 63px;}
.components .tab{display: flex;justify-content: center;position: relative;margin-bottom: 15px;}
.components .tab::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #222222;z-index: -1;}
.components .tab li{padding: 11px 48px;background-color: #595959;color: #fff;margin: 0 2px;font-size: 18px;cursor: pointer;transition: all .2s;}
.components .tab li.actived{background-color: #EC1C24;}
.components .content ul{display: none;}
.components .content ul.actived{display: flex;justify-content: space-between;flex-wrap: wrap;}
.components .content ul li a{width: 219px;height: 40px;margin-bottom: 10px;display: block;line-height: 40px;text-align: center;border: 1px solid #878787;font-size: 16px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;}
.components .content ul li a:hover{font-weight: bold;}

.quick-rfq{margin-top: 90px;margin-bottom: 20px;}
.quick-rfq .left{float: left;}
.quick-rfq .left b{font-size: 57px;color: #000;font-family: Corbel;display: block;margin-bottom: 60px;}
.quick-rfq .left dl{float: left;margin-right: 88px;}
.quick-rfq .left dl:last-of-type{margin-right: 0;}
.quick-rfq .left dt{font-size: 23px;font-weight: bold;color: #000;margin-bottom: 8px;}
.quick-rfq .left dd{font-size: 15px;color: #000;line-height: 26px;}
.quick-rfq .left dd span{color: #888888;}
.quick-rfq .right{width: 691px;float: right;padding-top: 16px;}
.quick-rfq .right .form_module li{width: 100%;}
@media screen and (max-width: 768px)
{
	body{background-color:#fff;}
	h2{font-size: 30px;}
	.adv{display: none;}

	.aboutus{padding: 0 8px;margin-top: 12px;flex-wrap: wrap;}
	.aboutus .left{width: 100%;float: unset;margin-bottom: 12px;}
	.aboutus .right{width: 100%;}
	
	.hotsell{overflow: hidden;padding: 0 8px;}
	.hotsell h2{margin-bottom: 18px;}
	.hotsell .cates{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.hotsell .cates a{width: 49%;margin-right: 0;margin-bottom: 10px;}
	.hotsell .calls{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.hotsell .calls a{width: 49%;margin-right: 0;margin-bottom: 10px;}
	.hotsell .flex-viewport{max-height: unset;}
	.hotsell .flex-direction-nav{display: none;}
	.hotsell .flexslider .slides{display: flex;flex-wrap: wrap;width: 100% !important;padding: 0 8px;justify-content: space-between;}
	.hotsell .flexslider .slides>li{width: 48% !important;margin-right: 0 !important;margin-bottom: 18px;}
	.hotsell .slides dl dt{width: 100%;}
	.hotsell .slides dl dt a{width: 100%;font-size: 16px;height: 150px;}
	.hotsell .slides dl dd a{width: 100%;padding: 0;font-size: 13px;}

	.product-series{padding: 0 8px;}
	.product-series h2{margin-bottom: 18px;}
	.product-series .content ul{align-items: flex-start;}
	.product-series .content ul li{width: 50%;text-align: left;margin-bottom: 24px;}

	.brand-news{padding: 0 8px;}
	.brand-news h2{margin-bottom: 18px;}
	.brand-news ul li{float: unset;width: 100%;margin-bottom: 18px !important;}
	.brand-news ul li.mr22{margin-right: 0;}
	.brand-news ul li a{display: block;width: 100%;overflow: hidden;}
	.brand-news ul li a img{object-fit: contain;}
	.brand-news ul li .bottom{padding: 10px 16px 10px 15px;font-size: 14px;line-height: 16px;height: auto;}
	.brand-news ul li .bottom b{font-size: 16px;line-height: 18px;}

	.cert .qualification{flex-wrap: wrap;justify-content: space-around;}
	.cert .certification{justify-content: center;flex-wrap: wrap;}
	.cert .certification li{width: 100%;margin-bottom: 24px;}

	.components{padding: 0 8px;}
	.components h2{margin-bottom: 20px;font-size: 23px;}
	.components .tab li{padding: 11px 10px;font-size: 14px;}
	.components .content ul li{width: 49%;}
	.components .content ul li a{display: block;width: 100%;font-size: 13px;}

	.quick-rfq{padding: 0 8px;margin-top: 38px;}
	.quick-rfq .left b{font-size: 50px;margin-bottom: 12px;}
	.quick-rfq .left dl{margin-bottom: 18px;margin-right: 0;}
	.quick-rfq .right{width: 100%;}
}