body{background-color:#fff;}
.header{box-shadow:none;}
/* guanggao */
.guanggao{height: 586px;overflow: hidden;width: 100%;position: relative;}
.guanggao .pane{position: absolute;left: 0;right: 0;top: 0;margin: 0 auto;height: 100%;}
.guanggao h2{color: #fff;font-size: 28px;font-weight: bold;display: block;margin: 59px auto 10px;position: relative;}
.guanggao p{font-size: 18px;color: #fff;margin-top: 12px;position: relative;}
.guanggao .text-box{width: 600px;float: left;padding-top: 110px;}
.guanggao .text-box h2{font-size: 33px;font-weight: bold;color: #fff;}
.guanggao .text-box h3{font-size: 25px;color: #fff;line-height: 38px;position: relative;padding-bottom: 10px;}
.guanggao .text-box h3::after{content: '';display: block;width: 145px;height: 3px;background-color: #fff;margin-top: 10px;}
.guanggao .slides>li dl dd{margin-right: 16px;position: relative;display: inline-block;line-height: 32px;}
.guanggao .slides>li dl dd::before{content: '';position: absolute;right: -12px;top: 50%;transform: translateY(-50%);width: 1px;height: 17px;background-color: #fff;}
.guanggao .slides>li dl dd:last-child::before{content: none;}
.guanggao .slides>li dl dd a{font-size: 18px;color: #fff;}
.guanggao .slides>li dl dd a:hover{color: #3b6fb7;}
.guanggao .more-btn{width: 171px;height: 38px;border: 2px solid #FFFFFF;border-radius: 20px;line-height: 36px;text-align: center;color: #fff;font-size: 20px;cursor: pointer;display: block;position: absolute;left: 0;right: 0;bottom: 135px;margin: 0 auto;}
.guanggao .more-btn i::before{right: 21px;transform: rotate(-90deg);top: 7px;position: absolute;right: 15px;}
.guanggao .more-btn:hover{background-color: #3b6fb7;}
.guanggao .flexslider .slides>li:nth-child(1){text-align: center;}
.guanggao .flexslider .slides>li:nth-child(2) h2{margin-top: 0;}
.guanggao .flexslider .slides>li:nth-child(1) .more-btn{padding-right: 3px;}
.guanggao .flexslider .slides>li:nth-child(2) .more-btn{position: static;margin: 0;margin-top: 30px;}
.guanggao .flexslider .slides>li:nth-child(2) .more-btn::before{content: none;}

.guanggao .bottom{position: absolute;bottom: 0;width: 100%;background: rgba(255, 255, 255, 0.2);height: 90px;z-index: 2;}
.guanggao .bottom > dl{display: flex;justify-content: center;}
.guanggao .bottom > dl dd{width: 464px;line-height: 90px;background: rgba(255, 255, 255, 0.2);text-align: center;position: relative;}
.guanggao .bottom > dl dd:nth-child(2){margin: 0 1px;margin-right: 2px;}
.guanggao .bottom > dl dd:nth-child(1):before{content: '';width: 100%;height: 100%;background: rgba(255, 255, 255, 0.2);position: absolute;left: -465px;}
.guanggao .bottom > dl dd:nth-child(3):before{content: '';width: 100%;height: 100%;background: rgba(255, 255, 255, 0.2);position: absolute;right: -465px;}
.guanggao .bottom > dl dd a{color: #fff;font-size: 20px;display: block;}
.guanggao .bottom > dl dd a:hover{text-decoration: underline;}
/* tuijian */
.tuijian{margin-top: 67px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.tuijian h2{font-size: 30px;color: #1C1C1C;margin-bottom: 42px;font-weight: bold;}
.tuijian .list{}
.tuijian .list li{float: left;margin-right: 18px;width: 218px;}
.tuijian .list li:nth-child(6n+6){margin-right: 0;}
.tuijian .list li a{display: block;width: 100%;height: 234px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;border: 1px solid #C8C8C8;margin-bottom: 17px;border-radius: 5px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.11);flex-shrink: 0;float: left;}
.tuijian .list li a:nth-child(6n+6){margin-right: 0;}
.tuijian .list li a h3{display: block;color: #1A1A1A;font-size: 18px;height: 56px;line-height: 56px;width: 100%;padding: 0 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tuijian .list li a .body{background: linear-gradient(0deg, #40535E, #526772);color: #fff;font-size: 14px;line-height: 24px;padding: 16px 23px 10px 13px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;width: 100%;height: 177px;}
.tuijian .list li a s{display: block;height: 100px;overflow: hidden;}
.tuijian .list li a p{display: block;font-size: 14px;height: 30px;border-top: 1px solid #fff;margin-top: 25px;line-height: 30px;padding-bottom: 0;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tuijian .list li a:hover h3{color: #3b6fb7;text-decoration: underline;}
.tuijian .flex-direction-nav a::before{font-size: 20px;text-align: center;line-height: 30px;color: #4e5f6a;border: 1px solid #d3d5d6;border-radius: 100%;width: 32px;height: 32px;text-align: center !important;}
.tuijian > a{display: block;width: 275px;height: 42px;border: 1px solid #1E2021;border-radius: 5px;font-size: 20px;color: #41545F;line-height: 40px;text-align: center;margin-top: 23px;}
.tuijian > a:hover{background: #3b6fb7;color: #fff;border-color: transparent;}

/*abus*/
.abus{width: 100%;height: 522px;border: 1px solid #000;display: flex;align-items: flex-end;max-width: 1920px;margin: 52px auto 0;background: #2F3E47;background-image: url('../images/aboutus/about-us.jpg');padding: 8px 0;}
.abus .left h2{color: #fff;font-size: 36px;margin-bottom: 19px;margin-left: 261px;font-weight: bold;}
.abus .left > p{font-size: 15px;color: #fff;line-height: 21px;width: 673px;margin-left: 261px;}
.abus .left > p span{font-weight: bold;font-size: 16px;}
.abus .left > a{display: block;margin-top: 20px;width: 165px;height: 38px;background: #fff;border-radius: 5px;line-height: 38px;text-align: center;color: #121116;font-size: 18px;margin-bottom: 31px;margin-left: 261px;}
.abus .left > a:hover{background: #3b6fb7;color: #fff;}
.abus .left .bottom{height: 215px;border-bottom: 1px solid #000;width: 100%;background-color: #fff;padding-left: 261px;display: flex;align-items: center;justify-content: center;padding-right: 22px;}
.abus .left .bottom > div{box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.11);display: flex;border-radius: 5px;width: 678px;height: 140px;border: 1px solid #C8C8C8;overflow: hidden;}
.abus .left .bottom .company-profile{display: block;height: 140px;background: linear-gradient(0deg, #32414A, #495D68, #5B7382);flex: 1;padding-left: 42px;}
.abus .left .bottom .company-profile h3{color: #fff;font-size: 24px;font-weight: bold;margin-top: 46px;}
.abus .left .bottom .company-profile p{color: #fff;font-size: 14px;margin-top: 12px;}
.abus .left .bottom .contact{display: block;height: 140px;background: linear-gradient(0deg, #CFD1D2, #E2E3E4, #FFFFFF);flex: 1;padding-left: 42px;}
.abus .left .bottom .contact h3{color: #1A1A1A;font-size: 24px;font-weight: bold;margin-top: 46px;}
.abus .left .bottom .contact p{color: #1A1A1A;font-size: 14px;margin-top: 12px;}
.abus .left .bottom a:hover h3{text-decoration: underline;}
.abus .right{width: 960px;background: #29363D;color: #fff;padding-left: 21px;}
.abus .right .box{width: 679px;}
.abus .right h4{font-size: 30px;margin-top: 20px;margin-bottom: 24px;}
.abus .right p{font-size: 16px;font-weight: bold;margin-bottom: 14px;}
.abus .right .manufacturers{width: 100%;margin-bottom: 16px;column-count: 4;column-gap: 20px;}
.abus .right .manufacturers a{color: #fff;text-transform: uppercase;font-size: 14px;display: block;margin-bottom: 12px;}
.abus .right .manufacturers a:hover{text-decoration: underline;color: #3b6fb7;}
.abus .right .more{display: inline-block;float: right;color: #fff;text-decoration: underline;}
.abus .right .more:hover{color: #3b6fb7;}
.abus .right .categories{margin-bottom: 18px;column-count: 3;}
.abus .right .categories a{font-size: 14px;margin-bottom: 8px;color: #fff;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.abus .right .categories a:hover{text-decoration: underline;color: #3b6fb7;}
/*news*/
.news{width: 1400px;margin: 52px auto 23px;}
.news h2{font-size: 36px;color: #1E1E1E;font-weight: normal;margin-bottom: 33px;text-align: center;}
.news-box1{margin-bottom: 34px;}
.news-box1 ul{display: flex;justify-content: space-between;}
.news-box1 ul li{width: 452px;height: 482px;border: 1px solid #fff;border-radius: 5px;box-shadow: 0px 0 7px 0px rgba(0,0,0,0.1);}
.news-box1 a{font-size: 22px;color: #1E1E1E;margin: 19px 0 18px 14px;display: block;font-family: '393-CAI978';}
.news-box1 a:hover{color: #3b6fb7;}
.news-box1 p{font-size: 16px;color: #757575;margin: 0 30px 28px 14px;}
.news-box1 .view{color: #757575;margin-left: 14px;font-size: 14px;}
.news-box1 .view i{margin-right: 5px;}
.news-box1 .view span{margin-left: 42px;}
.news-box2{display: flex;justify-content: space-between;}
.news-box2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news-box2 ul li{display: flex;margin-bottom: 13px;width: 49%;}
.news-box2 ul li .news-info{padding-left: 12px;}
.news-box2 a{font-size: 22px;color: #1E1E1E;margin: 10px 0 18px 0;display: block;font-family: '393-CAI978';}
.news-box2 a:hover{color: #3b6fb7 !important;}
.news-box2 .view i{margin-right: 5px;}
.news-box2 .view span{margin-left: 42px;}
.news-box2 .right{width: 691px;height: 100%;}
.news-box2 .right ul li{display: flex;margin-bottom: 13px;}
.news-box2 .right ul li .news-info{padding-left: 12px;}
.news-box2 .right a{font-size: 22px;color: #1E1E1E;margin: 10px 0 18px 0;display: block;font-family: '393-CAI978';}
.news-box2 .right a:hover{color: #3b6fb7 !important;}
.news-box2 .right i{margin-right: 5px;}
.news-box2 .right span{margin-left: 42px;}
.news-box2 .right ul li:first-child{width: 691px;height: 239px;position: relative;margin-bottom: 13px;border-radius: 5px;overflow: hidden;}
.news-box2 .right ul li:first-child .news-info{position: absolute;color: #fff;top: 120px;}
.news-box2 .right ul li:first-child .news-info a{color: #fff;margin-bottom: 23px;padding-right: 10px;}

/* hot-pro */
.hot-pro{clear: both;padding-top: 40px;background-color: #fff;}
.hot-pro .title{display: flex;justify-content: space-between;margin-bottom: 33px;}
.hot-pro .title h2{font-size: 32px;color: #1E1E1E;}
.hot-pro .title .tabs{height: 33px;border: 1px solid #CFD1D2;line-height: 33px;border-radius: 20px;font-size: 17px;color: #000;position: relative;display: flex;justify-content: space-between;z-index: 1;cursor: pointer;align-items: center;display: none;}
.hot-pro .title .tabs li{padding: 0 35px;border-radius: 25px;font-size: 17px;}
.hot-pro .title .tabs li:first-child{margin-right: 20px;}
.hot-pro .title .tabs li.actived{color: #fff;font-size: 18px;background-color: #6b7f89;}
.hot-pro .container ul{padding-bottom: 30px;display: none;}
.hot-pro .container ul.show{display: block;}
.hot-pro .container li{width: 20%;float: left;}
.hot-pro .container li a{display: inline-block;line-height: 18px;padding: 5px 7px;border: 1px solid transparent;font-size: 14px;position: relative;}
.hot-pro .container li a:hover{text-decoration: underline;}

@media screen and (max-width: 768px)
{
	body{background-color:#fff;}
	/* guanggao */
	.guanggao{display: none;}
	/* tuijian */
	.tuijian{padding: 20px 2%;margin: 0;}
	.tuijian h2{font-size: 24px;padding: 0 8px;margin-bottom: 12px;text-align: center;}
	.tuijian .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.tuijian .list li{margin-right: 0 !important;width: 49%;}
	.tuijian .list li a .body{line-height: 20px;height: auto;}
	.tuijian .list li a p{margin-top: 4px;}
	.tuijian > a{width: 200px;height: 38px;line-height: 38px;font-size: 17px;}
	/* .abus */
	.abus{max-width: 100%;height: auto;flex-direction: column;}
	.abus > div{width: 100%;}
	.abus .left h2{margin: 0 8px;font-size: 32px;}
	.abus .left > p{width: 100%;margin-left: 0;font-size: 14px;padding: 0 8px;}
	.abus .left > a{margin-left: 8px;font-size: 16px;width: 140px;height: 34px;line-height: 34px;}
	.abus .left .bottom{padding: 0 8px;height: 100px;}
	.abus .left .bottom > div{width: 100%;height: auto;}
	.abus .left .bottom .company-profile ,.abus .left .bottom .contact{padding-left: 8px;height: auto;}
	.abus .left .bottom .company-profile h3 , .abus .left .bottom .contact h3{margin-top: 12px;font-size: 17px;}
	.abus .left .bottom .company-profile p, .abus .left .bottom .contact p{font-size: 13px;margin-bottom: 4px;}
	.abus .right{width: 100%;padding-left: 8px;}
	.abus .right h4{font-size: 18px;}
	.abus .right .manufacturers{flex-direction: column;}
	.abus .right .manufacturers > dl{margin-right: 0;}
	.abus .right p{margin-bottom: 10px;margin-right: 20px;font-size: 14px;}
	.abus .right .box{width: 100%;}
	.abus .right .manufacturers{column-count: 2;}
	.abus .right .categories{column-count: 1;}
	.abus .right .categories a{margin-bottom: 12px;}
	/* .news */
	.news{width: 100%;padding: 0 8px;margin-top: 24px;}
	.news h2{font-size: 24px;margin-bottom: 20px;}
	.news-box1{margin-bottom: 0;}
	.news-box1 > ul{flex-direction: column;}
	.news-box1 > ul li{width: 100%;height: auto;padding-bottom: 12px;margin-bottom: 18px;}
	.news-box1 > ul li img{width: 100%;}
	.news-box1 h2{margin: 10px 0 8px 7px;font-size: 17px;}
	.news-box1 p{font-size: 14px;margin: 0 15px 14px 7px;}
	.news-box2{}
	.news-box2 ul li{width: 100%;}
	.news-box2 ul li{display: block;}
	.news-box2 ul li .news-info{padding-left: 0;}
	.news-box2 a{margin: 0;margin-bottom: 18px;font-size: 16px;}
	/*hot-pro*/
	.hot-pro{padding: 10px 8px 0;padding-bottom: 12px;margin-top: 30px;}
	.hot-pro .title{flex-direction: column;}
	.hot-pro .title h1{font-size: 24px;margin-bottom: 12px;}
	.hot-pro .title .tabs{display: none;}
	.hot-pro .container ul.show{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.hot-pro .container li{width: 49%;}
}