@charset "utf-8";
.top{height: 32px;line-height: 32px; overflow: hidden;background-color: #9c9c9c;font-size: 14px;}
.top_left{color: #fff;}
.top_right a{color: #fff;margin-left: 20px;}
.top_right .active{color: #fdd100;position: relative;}
.top_right .active::before{position: absolute;left: -10px;top: -8px;content: '>';}
.navigation{height: 114px;border-bottom: 5px solid #fdd100;background-color: #f3f3f3;}
.navigation_left{padding-top: 20px;}
.navigation_right{height: 114px;position: relative;}
.search_form{float: right;padding-top: 13px;}
.ui-nav{position: absolute;bottom: 0;left: 30px;}

.index_f1{background-color: #f4f4f4;padding-top: 70px;}
.index_name p{font-size: 31px;background: url('/images/titlebg.png') center no-repeat;margin: 0 0 10px 0;text-align: center; }
.index_name dl{text-align: center;color: #a3a3a3;font-size: 18px;}
@media screen and (max-width:768px) {
	/* .index_f1{padding-top: 30px;} */
	.index_name p{font-size: 6vw;}
	.index_name dl{font-size: 3.5vw;}
	.navigation{display: none;}
	.top{display: none;}
	.headers{display: flex;}
}

.index_f1_text{height: 200px;padding:0 20px;}
.index_f1_text h2{font-size: 17px;color: #3d3d3d;position: relative;padding-bottom: 20px;height: 43px;overflow: hidden;line-height: 43px;}
.index_f1_text h2:before{position: absolute;bottom: 10px;left: 0;content: "";width: 40px;height: 2px;background-color: #357ca9;}
.index_f1_text h3{font-size: 15px;color: #959595;line-height: 28px;height: 151px;overflow: hidden;}
.sf29fh29hfw{position: relative;overflow: hidden;}
.sah32hro2h{position: absolute;width: 30px;height: 30px;background-color: #f4f4f4;display: inline-block;top: 50%;right: -15px;z-index: 99;margin-top: -15px;transform:rotate(45deg)}
.sah32hro2h2{position: absolute;width: 30px;height: 30px;background-color: #f4f4f4;display: inline-block;top: 50%;left: -15px;z-index: 99;margin-top: -15px;transform:rotate(45deg)}
.owyr9nsifh{position: absolute;width: 100%;height: 100%;background:rgb(0,0,0,0.5);display: inline-block;top: 100%;left:-100%;z-index: 98;}
.a3hroew02r{position: absolute;width: 60px;height: 0;background:#fdd100;display: inline-block;top: 50%;left:50%;z-index: 100;border-radius: 30px;margin: -30px 0 0 -30px;text-align: center;line-height: 60px;}
.a3hroew02r i{font-size: 40px;display: none;}
.awsfh239rh23p:hover .owyr9nsifh{top: 0;left:0;}
.awsfh239rh23p:hover .a3hroew02r{height: 60px;}
.awsfh239rh23p:hover .a3hroew02r i{display: block;}
.awsfh239rh23p:hover .sah32hro2h{background-color: #f0f0f0;}
.awsfh239rh23p:hover .index_f1_text{background-color: #f0f0f0;}
.awsfh239rh23p:hover .sah32hro2h2{background-color: #f0f0f0;}


.index_f2_row{padding: 40px 0;}
.index_f2{background-color: #fff;padding-top: 70px;}
.index_f2_btn{text-align:center;font-size: 17px;line-height: 70px;}
.index_f2_btn:hover img{box-shadow: 0 0 7px #ccc;}
.index_f2_btn:hover p{color: #357ca9;}

.index_f3{background-color: #f4f4f4;padding: 70px 0;width: 100%;overflow: hidden;}
.index_f3_row{padding-top: 40px;}
.index_f3_box{background-color: #fff;height: 80px;position: relative;overflow: hidden;}
.index_f3_box:before{position: absolute;top: 0;left: -100%;width: 100%;height: 100%;content: "";background: rgb(0,0,0,0.3);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;z-index: 999;}
.index_f3_box:hover:before{top: 0;left: 0;}
.index_f3_box:hover i{color: #fdd100;}
.index_f3_text{padding: 10px 20px;font-size: 16px;color: #858585;line-height: 30px;}
.index_f3_text h2{font-size: 20px;color: #585858;width: 100%;height: 30px;overflow: hidden;}
.index_f3_text i{color: #357ca9;}


.index_f4{background:url('/images/aboutbg.jpg') no-repeat center;background-size:auto 100%;width: 100%;overflow: hidden;min-height: 560px;}
.index_f4_box{min-height: 560px;width: 100%;position: relative;}
.index_f4_box_bg{background:rgb(53,124,169,0.8);height: 90%;width: 100%;min-width: 1150px;position: absolute;top: 5%;padding: 30px;}
.index_f4_info{max-width: 65%;}
.index_f4_info_sfir2orwo2{font-size: 31px;color: #ffffff;position: relative;padding-top: 10px;padding-left: 30px;}
.index_f4_info_sfir2orwo2:before{position: absolute;bottom: -10px;left: 30px;width: 80px;height: 3px;background-color: #fad002;content: "";}
.index_f4_info_gone9wohuf{font-size: 37px;color: #fdd100; padding-left: 20px;border-left: 2px solid #357ca9;display: inline-block;}
.index_f4_info_nsonf29on{padding-top: 30px;color: #fff;text-indent: 2em;font-size: 17px;line-height: 36px;}
@media screen and (max-width:768px){
	.index_f4_box_bg{min-width: initial;}
	.index_f4_info{max-width:initial;overflow: hidden;height: 100%;}
	.index_f4_info_sfir2orwo2{font-size: 4vw;padding-left: 0}
	.index_f4_info_sfir2orwo2:before{position: absolute;bottom: -10px;left:0px;width: 10vw;height: 3px;background-color: #fad002;content: "";}
	.index_f4_info_gone9wohuf{font-size: 4.5vw;color: #fdd100; padding-left: 20px;display: inline-block;border: none;}
	.index_f4_info_nsonf29on{padding-top: 30px;color: #fff;text-indent: 2em;font-size: 4vw;line-height: 7vw;}
}

.index_f5{background-color: #f4f4f4;padding-top: 70px;padding-bottom: 20px;overflow: hidden;max-width: 100%;}
.index_f5_row{padding-top: 40px;}
.index_f5_box{background-color: #fff;box-shadow: 0 0 7px #ccc;}
.index_f5_text{border-top: 10px solid #fdd100;padding: 20px}
.index_f5_text h2{font-size: 20px;color: #3d3d3d;line-height: 26px;height: 52px;overflow: hidden;font-weight: bold;}
.index_f5_text p{font-size: 15px;color: #959595;line-height: 23px;height: 69px;overflow: hidden;}
.index_f5_box span{position: relative;height: 160px;width: 100%;display: block;overflow: hidden;}
.index_f5_box span:before{position: absolute;top: 0;left: -100%;width: 100%;height: 160px;content: "";background:rgb(0,0,0,0.3);z-index: 2;}
.index_f5_box span:after{position: absolute;top: 0;right: -100%;width: 100%;height: 160px;content: "";background:rgb(0,0,0,0.3);z-index: 2;}
.index_f5_box span:before , .index_f5_box span:after{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.index_f5_box:hover span:before{left: 0;}
.index_f5_box:hover span:after{right: 0;}
.index_f5_box:hover h2{color: #357ca9;}

.index_f4_btn{text-align: right;padding-top: 35px;}
.index_f4_btn a{color: #3d3d3d;font-size: 16px;background: #fdd100;border-radius: 5px;padding: 5px 20px;position: relative;overflow: hidden;display: inline-block;}
.index_f4_btn a:before{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;content: "了解更多";background:rgb(255,255,255,0.9);z-index: 0;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;padding: 5px 20px;}
.index_f4_btn a:hover:before{top:0}


.index_f5_ad{position: relative;height: 120px;}
.index_f5_ad_left {color: #ffffff;}
.index_f5_ad_left p{font-size: 20px;padding: 20px 0 5px 50px;}
.index_f5_ad_left h2{font-size: 40px;padding-left: 150px;}
.index_f5_ad_right {text-align: center;padding-top: 35px;}
.index_f5_ad_right a{color: #3d3d3d;font-size: 18px;background: #fdd100;border-radius: 5px;padding: 15px 40px;position: relative;overflow: hidden;display: inline-block;}
.index_f5_ad_right a:before{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;content: "联系零点";background:rgb(255,255,255,0.9);z-index: 0;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;padding: 15px 40px;}
.index_f5_ad_right a:hover:before{top:0}
.index_f5_ad_right a:hover{color: #357ca9;}
@media screen and (max-width:768px){
	.index_f5_ad_left p{font-size: 4vw;padding: 3vw 0 0 0; text-align: center;}
	.index_f5_ad_left h2{font-size: 5vw;padding:0;text-align: center;}
	.index_f5_ad_right {text-align: center;padding-top: 3vw;}
	.index_f5_ad_right a{color: #3d3d3d;font-size: 3vw;background: #fdd100;border-radius: 5px;padding:2vw 4vw;position: relative;overflow: hidden;display: inline-block;}
}

.footer{border-top: 5px solid #357ca9;padding-top: 30px;background-color: #e7e7e7;}
.foot_left p{font-size: 15px; color: #858585;margin: 15px 0;}
.foot_left dl{font-size: 16px; color: #3d3d3d;margin: 5px 0;}
.foot_left dl i{color: #357ca9;margin-right: 10px;vertical-align: middle;}
.foot_right{padding-left: 40px;}
.foot_right ul{width: 170px;float: left;}
.foot_right ul dl{font-size: 18px;color: #3d3d3d;position: relative;height: 34px;}
.foot_right ul dl:before{position: absolute;bottom: 0;left: 0;width: 30px;height: 3px;background-color: #fad002;content: "";}
.foot_right ul li{margin-top: 10px;}
.foot_right ul li a{font-size: 15px;color: #aaaaaa;}
.foot_right ul li a:hover{color: #357ca9}
.foot_bottom{margin-top: 30px;border-top: 1px solid #cdcdcd;line-height: 60px;color: #858585;font-size: 14px;}
.foot_bottom a{color: #858585;font-size: 14px;}

@media screen and (max-width:768px){
	.footer{padding: 0;}
	.foot_bottom{text-align: center;line-height: 7vw;padding: 4vw 0;margin-top: 0;}
}

.newbanner span{display: inline-block;color: #fff;font-size: 42px;margin-top: 170px;margin-left: 15px;}
.main_name{border-bottom: 1px solid #dddddd;font-size: 22px;color: #3d3d3d;}
.main_name span{border-bottom: 5px solid #fdd100;line-height: 44px;display: inline-block;}
.pro_flex{display: flex;flex-wrap:wrap}
.pro_flex .item{width: 20%;padding: 10px;}
.pro_flex .item p{position: relative;overflow: hidden;border: 1px solid #e6e6e6;}
.pro_flex .item p:before{position: absolute;top: 100%;left: -100%;width: 100%;height: 100%;content: "";background:rgb(0,0,0,0.3);z-index: 2;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.pro_flex .item:hover p:before{left: 0;top: 0;}
.pro_flex .item:hover h2{color: #357ca9}
.pro_flex .item p img{width: 100%;height: 150px;}
.pro_flex .item h2{width: 100%;height: 50px;color: #858585;text-align: center;font-size: 15px;line-height: 50px;}
@media screen and (max-width:768px){
	.pro_flex .item{width: 50%;padding: 10px;}
	.main_name{padding: 0 10px;}
}
.ui-tabs-nav li a {font-size: 22px;}
.ui-tabs-nav li a:hover {font-size: 22px;color: #fdd100;}
.ui-tabs-nav li.active a{color: #3d3d3d;}
.ui-tabs-nav li.active{border-bottom: 5px solid #fdd100;}

.product_hot{background-color: #f4f4f4;padding-top: 20px;padding-bottom: 20px;overflow: hidden;max-width: 100%;}
.product_hot_name{background-color: #9a9a9a;padding: 5px 10px;color: #fff;font-size: 20px;}
.product_hot_name i{color: #fdd100;margin-right:5px;font-size: 32px;}

.swiper_pics{padding-right: 50px;}
@media screen and (max-width:768px){
	.swiper_pics{padding-right: 0;}
}
.n2nfowod{text-align: center;width: 100%;}

.new_product{padding: 20px;margin-bottom: 20px;}
.new_product:hover{background-color: #f5f5f5;}
.new_product_right{padding-left: 50px;}
.new_product_left img{border: 1px solid #e7e7e7;}
.new_product_left a{position: relative;width: 100%;height: 100%;display: inline-block;overflow: hidden;}
.new_product_left a:before{position: absolute;top: 100%;left: -100%;width: 100%;height: 100%;content: "";background:rgb(0,0,0,0.3);z-index: 2;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.new_product:hover .new_product_left a:before{left: 0;top: 0;}
.new_product_right h2{line-height: 50px;font-weight: bold;}
.new_product_right p{line-height: 26px;font-size: 15px;color: #858585;}
.new_product_right dl{text-align: right;padding-top: 20px;}
.new_product_right dl span{font-size: 20px;color: #fff;background-color: #fdd100;padding: 5px 10px;}

@media screen and (max-width:768px){
	.new_product_right{padding-left: 0;}
}


.brand_about{background-color: #f4f4f4;padding: 20px 0;}
.brand_about h2{font-weight: bold;}
.brand_about p{color: #858585;line-height: 26px;font-size: 16px;}

















.transition{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
img{max-width: 100%;}
.fl {float: left}.fr {float: right}.tl {text-align: left}.tr {text-align: right}.tc {text-align: center}.mt5 {margin-top: 5px}.mt10 {margin-top: 10px}.mt15 {margin-top: 15px}.mt20 {margin-top: 20px}.mt25 {margin-top: 25px}.mt30 {margin-top: 30px}.mt35 {margin-top: 35px}.mt40 {margin-top: 40px}.mt45 {margin-top: 45px}.mt50 {margin-top: 50px}.mt55 {margin-top: 55px}.mt60 {margin-top: 60px}.mt70 {margin-top: 70px}.mt80 {margin-top: 80px}.mt90 {margin-top: 90px}.mt100 {margin-top: 100px}.mb5 {margin-bottom: 5px}.mb10 {margin-bottom: 10px}.mb15 {margin-bottom: 15px}.mb20 {margin-bottom: 20px}.mb25 {margin-bottom: 25px}.mb30 {margin-bottom: 30px}.mb35 {margin-bottom: 35px}.mb40 {margin-bottom: 40px}.mb45 {margin-bottom: 45px}.mb50 {margin-bottom: 50px}.mb55 {margin-bottom: 55px}.mb60 {margin-bottom: 60px}.mb70 {margin-bottom: 70px}.mb80 {margin-bottom: 80px}.mb90 {margin-bottom: 90px}.mb100 {margin-bottom: 100px}.ml5 {margin-left: 5px}.ml10 {margin-left: 10px}.ml15 {margin-left: 15px}.ml20 {margin-left: 20px}.ml25 {margin-left: 25px}.ml30 {margin-left: 30px}.ml35 {margin-left: 35px}.ml40 {margin-left: 40px}.ml45 {margin-left: 45px}.ml50 {margin-left: 50px}.ml55 {margin-left: 55px}.ml60 {margin-left: 60px}.ml70 {margin-left: 70px}.ml80 {margin-left: 80px}.ml90 {margin-left: 90px}.ml100 {margin-left: 100px}.mr5 {margin-right: 5px}.mr10 {margin-right: 10px}.mr15 {margin-right: 15px}.mr20 {margin-right: 20px}.mr25 {margin-right: 25px}.mr30 {margin-right: 30px}.mr35 {margin-right: 35px}.mr40 {margin-right: 40px}.mr45 {margin-right: 45px}.mr50 {margin-right: 50px}.mr55 {margin-right: 55px}.mr60 {margin-right: 60px}.mr70 {margin-right: 70px}.mr80 {margin-right: 80px}.mr90 {margin-right: 90px}.mr100 {margin-right: 100px}.pt5 {padding-top: 5px}.pt10 {padding-top: 10px}.pt15 {padding-top: 15px}.pt20 {padding-top: 20px}.pt25 {padding-top: 25px}.pt30 {padding-top: 30px}.pt35 {padding-top: 35px}.pt40 {padding-top: 40px}.pt45 {padding-top: 45px}.pt50 {padding-top: 50px}.pt55 {padding-top: 55px}.pt60 {padding-top: 60px}.pt70 {padding-top: 70px}.pt80 {padding-top: 80px}.pt90 {padding-top: 90px}.pt100 {padding-top: 100px}.pb5 {padding-bottom: 5px}.pb10 {padding-bottom: 10px}.pb15 {padding-bottom: 15px}.pb20 {padding-bottom: 20px}.pb25 {padding-bottom: 25px}.pb30 {padding-bottom: 30px}.pb35 {padding-bottom: 35px}.pb40 {padding-bottom: 40px}.pb45 {padding-bottom: 45px}.pb50 {padding-bottom: 50px}.pb55 {padding-bottom: 55px}.pb60 {padding-bottom: 60px}.pb70 {padding-bottom: 70px}.pb80 {padding-bottom: 80px}.pb90 {padding-bottom: 90px}.pb100 {padding-bottom: 100px}.pl5 {padding-left: 5px}.pl10 {padding-left: 10px}.pl15 {padding-left: 15px}.pl20 {padding-left: 20px}.pl25 {padding-left: 25px}.pl30 {padding-left: 30px}.pl35 {padding-left: 35px}.pl40 {padding-left: 40px}.pl45 {padding-left: 45px}.pl50 {padding-left: 50px}.pl55 {padding-left: 55px}.pl60 {padding-left: 60px}.pl70 {padding-left: 70px}.pl80 {padding-left: 80px}.pl90 {padding-left: 90px}.pl100 {padding-left: 100px}.pr5 {padding-right: 5px}.pr10 {padding-right: 10px}.pr15 {padding-right: 15px}.pr20 {padding-right: 20px}.pr25 {padding-right: 25px}.pr30 {padding-right: 30px}.pr35 {padding-right: 35px}.pr40 {padding-right: 40px}.pr45 {padding-right: 45px}.pr50 {padding-right: 50px}.pr55 {padding-right: 55px}.pr60 {padding-right: 60px}.pr70 {padding-right: 70px}.pr80 {padding-right: 80px}.pr90 {padding-right: 90px}.pr100 {padding-right: 100px}