@import url(font/siyuan.css);
html, body {
	font-size: 16px;
	color:#666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family:"siyuan",airal;
	background: #fff;
	-webkit-text-size-adjust: none;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display: none;}
*{padding: 0;margin: 0;outline: none;}
a,a:focus,a:active {color: #1d61c4;	text-decoration: none;outline: 0px none;}
.m30{margin-top: 30px;}
.m15{margin-top: 15px;}
.m45{margin-top: 45px;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul,dl,dl dd{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.ct{text-align: center;}
.clear{clear:both;}
div{padding:0;margin:0;}
p{padding: 0;margin: 0;}
.w100{width:100%;overflow:hidden;}
.w1645{width:1645px;margin:0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
header{position: fixed;top: 0;left: 0;height: 100px;z-index: 99;transition: .3s;}
header .container{display: flex;justify-content: space-between;padding: 0;}
header .container .logo{width: 17%;height: 100px;line-height: 100px;}
header .container .logo img{width: 100%;}
header .fr{width: 54%;display: flex;justify-content: space-between;}
header .container .nav{width: 82%;display: flex;justify-content: space-between;}
header .container .nav li{width: 24%;}
header .container .nav li a{display:block;width: 100%;height: 100px;line-height: 100px;color: #333;font-size: 16px;text-align: center;padding: 0;}
header .container .nav li:hover a,header .container .nav li.active a{font-weight: bold;}
header .container .header-en{display: flex;justify-content: space-between;line-height: 100px;height: 100px;width: 170px;text-align: center;}
header .container .search{width: 50%;cursor: pointer;}

header .container .header-en a{width: 50%;display: block;color: #333;font-size: 16px;position: relative;padding-left: 20px;background: url(../images/yuyan.png)no-repeat left center;}
.nav2{background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0,0.2);}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;}


.banner img{width:100%;}
.banner .swiper-pagination{bottom: 50px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #f00;}
.nbanner{display: block;width: 100%;position: relative;overflow: hidden;}
.nbanner img{display: block;width: 100%;}
.nbanner span{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9;color: #333;font-size: 36px}
.sousuo{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0,0.5);z-index: 99999;display: none;}
.sousuo form{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sousuo .cha{cursor: pointer;position: absolute;right: 50px;top: 50px;width: 40px;}
.sousuo input{width: 500px;font-size: 24px;line-height: 45px;background: none;border: none;border-bottom: 2px solid #fff;color: #fff;}
.sousuo input::-webkit-input-placeholder {color: #fff;}
.sousuo input::-moz-placeholder {color: #fff;} 
.sousuo input:-ms-input-placeholder {color: #fff;} 
.sousuo input:-moz-placeholder {color: #fff;} 
.sousuo button{width: 50px;background:none;border: none;position: absolute;right: -50px;top: -6px;}
.sousuo button img{width: 100%;display: block;}
.sousuo .cha img{width: 100%;}
.weizhi{height: 68px;line-height: 68px;color: #666;font-size: 15px;background-color: #eee;}
.weizhi a{height: 68px;line-height: 68px;color: #666;font-size: 15px;}
/* index */
.index_pro{position: relative;padding: 90px 0;}
.index_pro .fl{position: relative;width: 41%;height: 469px;}
.index_pro .fl span{display: block;font-size: 40px;color: #333;margin-bottom: 20px;line-height: 40px;text-transform: uppercase;}
.index_pro .fl p{font-size: 24px;color: #666666;margin-bottom: 40px;line-height: 24px;}
.index_pro .fl abbr{display: block;font-size: 16px;color: #999;}
.index_pro .fl h1{display: block;font-size: 16px;color: #999;font-weight: normal;}
.index_pro .fl .more{display: block;position: absolute;bottom: 0;left: 0;color: #666;}
.index_pro .fl .more::after{content: '';display: block;width: 100%;height: 3px;background-color: #f4aa81;position: absolute;left: 0;bottom: 0;}
.index_pro .swiper-button-prev,.index_pro .swiper-button-next{position: absolute;}
.index_pro .swiper-button-next{left: 10%;}
.index_pro .swiper-button-prev::after,.index_pro .swiper-button-next::after{content: '';}
.feinaqu{position: absolute;left: -30px;font-size: 200px;color: #fbfbfb;bottom: 243px;text-transform: uppercase;}
.index_pro .fr{width: 58%;}
.index_pro .fr .swiper-slide a{display: block;position: relative;}
.index_pro .fr .swiper-slide .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 200px 100px;box-sizing: border-box;text-align: left;}
.index_pro .fr .swiper-slide .text span{display: block;font-size: 30px;color: #333;}
.index_pro .fr .swiper-slide .text p{font-size: 18px;color: #333;text-transform: uppercase;}
.index_pro .tabs ul{display: flex;width: 100%;justify-content: space-between;}
.index_pro .tabs ul li{width: 33%;text-indent: 2em;height: 118px;line-height: 118px;color: #666;position: relative;}
.index_pro .tabs ul li::before{content: '';display: block;width: 8px;height: 8px;background: #ea5504;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);opacity: 0;transition: .3s;}
.index_pro .tabs ul li::after{content: '';display: block;width: 100%;height: 4px;background-color: #999;position: absolute;left: 0;bottom: 0;transition: .3s;}
.index_pro .tabs ul li.active{text-indent: 3em;}
.index_pro .tabs ul li.active::after{background-color: #ea5504;}
.index_pro .tabs ul li.active::before{opacity: 1;}
.index_pinzhi {position: relative;height: 865px;}
.index_pinzhi .fl{width: 42%;background: url(../images/index_about_fl.jpg)no-repeat left top;height: 100%;padding: 80px 10%;box-sizing: border-box;}
.index_pinzhi .fl span{display: block;font-size: 36px;color: #fff;}
.index_pinzhi .fl span::after{content: '';display: block;width: 56px;height: 2px;background-color: #fff;margin: 45px 0;}
.index_pinzhi .fl p{font-size: 42px;color: #fff;font-weight: bold;text-transform: uppercase;}
.index_pinzhi .fl abbr{font-size: 16px;color: #fff;line-height: 30px;width: 90%;display: block;margin-top: 50px;}
.index_pinzhi .fl .more{width: 215px;height: 56px;line-height: 56px;border: 1px solid #fff;color: #fff;margin-top: 60px;}
.index_pinzhi .fl .more a{display: block;color: #fff;text-align: center;}
.index_pinzhi .fr{width: 67%;position: absolute;right: 0;bottom: 0;height: 100%;}
.index_pinzhi .fr span{display: block;text-align: center;color: #eee;font-size: 140px;text-transform: uppercase;}
.index_pinzhi .fr ul{display: flex;justify-content: space-between;width: 100%;position: absolute;left: 0;bottom: 0;border-top: 1px solid rgba(255, 255, 255,0.2);}
.index_pinzhi .fr ul li{background-color: transparent;transition: .3s;width: 33.33%;padding: 20px 30px ;box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255,0.2);}
.index_pinzhi .fr ul li:hover{background: rgba(0, 0, 0,0.2);}
.index_pinzhi .fr ul li:nth-child(3){border: none;}
.index_pinzhi .fr ul li p{font-size: 20px;color: #fff;}
.index_pinzhi .fr ul li abbr{font-size: 16px;color: #fff;}
.indexabout{padding: 60px 0;}
.indexabout .title span{display: block;font-size: 40px;color: #333;text-transform: uppercase;}
.indexabout .title abbr{font-size: 24px;color: #666;display: block;margin-bottom: 60px;}
.indexabout  .fl{position: relative;width: 48%;}
.indexabout  .fl>img{width: 100%;}
.indexabout  .fl .more{position: absolute;right: 0;bottom: 0;}
.indexabout .fr{width: 45%;}
.indexabout .fr span{display: block;font-size: 18px;color: #666;}
.indexabout .fr>p{font-size: 42px;color: #ea5504;font-weight: bold;text-transform: uppercase;}
.indexabout .fr>p::after{content: '';display: block;width: 73px;height: 3px;background-color: #999;margin: 30px 0 40px;}
.indexabout .fr .neirong{font-size: 16px;line-height: 26px;color: #666;}
.indexabout .fr ul{display: flex;justify-content: space-between;width: 100%;margin-top: 65px;}
.indexabout .fr li{position: relative;width: 33%;}
.indexabout .fr li span{font-size: 48px;color: #ea5504;display: inline-block;font-weight: bold;}
.indexabout .fr li sup{font-size: 16px;color: #ea5504;font-weight: bold;position: absolute;top: 20px;}
.indexabout .fr li:nth-child(1){background: url(../images/index_abotico1.png)no-repeat 70% 20%;display: block;}
.indexabout .fr li:nth-child(2){background: url(../images/index_abotico2.png)no-repeat 70% 20%;display: block;}
.indexabout .fr li:nth-child(3){background: url(../images/index_abotico3.png)no-repeat 45% 20%;display: block;}
.indexabout .fr li p{font-size: 16px;color: #666;}
.index_anli{padding:120px 0;background-color: #949394;}
.index_anli .title span{display: block;font-size: 40px;color: #fff;text-transform: uppercase;}
.index_anli .title p{font-size: 24px;color: #fff;margin-bottom: 60px;display: block;}
.index_anli .title .fr{margin-top: 30px;}
.index_anli .title a{font-size: 16px;color: #fff;position: relative;margin-top: 30px;}
.index_anli .title a::after{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;background: #ea5504;height: 3px;}
.index_anli ul{display: flex;justify-content: space-between;width: 100%;}
.index_anli li{width: 24%;background-color: #fff;transition: .3s;}
.index_anli li:hover{background-color: #ea5504;}
.index_anli li img{width: 100%;}
.index_anli li .text{padding: 23px 0;}
.index_anli li .text p{font-size: 16px;color: #333;line-height: 36px;text-align: center;}
.index_anli li:hover .text p{color: #fff;}
.index_anli li .text a{display: block;width: 100px;height: 25px;line-height: 25px;border-radius: 24px;border: 1px solid #919191;text-align: center;font-size: 12px;color: #666;margin: 0 auto;}
.index_anli li:hover .text a{border: 1px solid #fff;color: #fff;}
.index_news{padding: 100px 0;}
.index_news .indexnewsall{box-shadow: 0 0 10px rgba(0, 0, 0,0.2);}
.index_news .title span{display: block;font-size: 40px;color: #333;text-transform: uppercase;}
.index_news .title abbr{display: block;font-size: 24px;color: #666;margin-bottom: 60px;}
.index_news .fl{width: 49%;position: relative;}
.index_news .fl img{width: 100%;}
.index_news .fl a{position: relative;display: block;width: 100%;}
.index_news .fl .text{background-color: rgba(0, 0, 0,0.2);padding: 20px 50px;width: 100%;position: absolute;left: 0;bottom: 0;}
.index_news .fl .text span{display: block;font-size: 16px;color: #fff;float: left;}
.index_news .fl .text .neirong{font-size: 13px;color: #fff;line-height: 20px;}
.index_news .fl .text .date{float: right;font-size: 13px;color: #fff;}
.index_news .fr{padding: 50px 55px;width: 51%;box-sizing: border-box;}
.index_news .fr li{border-bottom: 1px solid #e7e7e7;padding: 0 10px;box-sizing: border-box;}
.index_news .fr li:hover{background: #ea5504;}
.index_news .fr a {display: block;width: 100%;}
.index_news .fr a .text{display: flex;justify-content: space-between;width: 100%;line-height: 64px;}
.index_news .fr a .text span{display: block;color: #666;font-size: 15px;}
.index_news .fr a .text .date{color: #666;font-size: 15px;}
.index_news .fr li:hover .text span{color: #fff;}
.index_news .fr li:hover .text .date{color: #fff;}

.nevall{width: 17.5%;}
.nevall span{display: block;font-size: 20px;color: #fff;background-color: #ea5504;padding-left: 25px;height: 70px;line-height: 70px;margin-bottom: 1px;border-radius: 3px;}
.nevall li a{padding-left: 25px;display: block;box-sizing: border-box;width: 100%;background-color: #f4f4f4;color: #333;line-height: 56px;border-radius: 3px;margin-bottom: 3px;position: relative;transition: .5s;}
.nevall li a::after{content: '';display: block;width:0px;height: 0px;border-top: 5px solid transparent;border-left: 10px solid #666;border-bottom: 5px solid transparent;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.nevall li:hover a,.nevall li.active a{background-color: #ea5504;color: #fff;}
.nevall li:hover a::after,.nevall li.active a::after{border-left: 10px solid #fff;}
.all{padding:50px 0;}
.all .fr{width: 78.2%;}
.all .fr .title{border-bottom: 1px solid #eee;line-height: 60px;font-size: 20px;color: #333;margin-bottom: 35px;font-weight: bold;}
.all .fr .neirong{font-size: 16px;line-height: 30px;color: #666;text-indent: 2em;}
.all .product a{display: block;width: 24%;border: 1px solid #ddd;box-sizing: border-box;float: left;margin-right: 1.33%;margin-bottom: 10px;}
.all .product a:nth-child(4n){margin-right: 0;}
.all .product a .product-img {width: 100%;height: 256px;}
.all .product a .product-img img{vertical-align: middle;max-width: 100%;max-height: 100%;display: inline-block;}
.all .product a .product-atxt h3{line-height: 48px;height: 48px;text-align: center;display: block;background-color: #f4f4f4;color: #666;font-size: 15px;}
.all .product a:hover{border: 1px solid #ea5504;transition: .3s;} 
.all .product a:hover .product-atxt h3{background-color: #ea5504;color: #fff;}

.product-content .product_xq{display: flex;justify-content: space-between;}
.product-content .product_xq .valve-img .img-box{width: 470px;height: 470px;line-height: 470px;border: 1px solid #ddd;text-align: center;position: relative;}
.product-content .product_xq .valve-img img{max-width: 98%;max-height: 98%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;}
.product-content .valve-txt{width: 580px;}
.product-content .valve-txt h1{font-size: 24px;color: #333;line-height: 68px;border-bottom: 1px solid #ddd;margin-bottom: 35px;}
.product-content .valve-txt .jianjie{font-size: 14px;color: #666;line-height: 30px;}
.product-content .valve-txt .lianxi{margin-top: 50px;}
.product-content .valve-txt .lianxi a{display: block;width: 180px;line-height: 48px;background: #ea5504;text-align: center;float: left;margin-right: 30px;color: #fff;transition: .3s;}
.product-content .valve-txt .lianxi a:hover{background-color: #333;}
.product-content .details-bottom{margin-top: 60px;}
.product-content .details-bottom .tt span{display: block;width: 200px;line-height: 50px;text-align: center;background: #ea5504;color: #fff;}
.product-content .details-bottom .txt-txt{text-align: center;display: block;padding: 60px 50px;box-sizing: border-box;width: 100%;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #ea5504;}
.product-content .details-bottom .txt-txt img{display: block;margin: 0 auto;max-width: 100%;}
.product-content .xiangguan{margin-top: 35px;}
.product-content .xiangguan span{display: block;width: 100%;line-height: 40px;background-color: #ea5504;color: #fff;padding-left: 25px;box-sizing: border-box;}
.product-content .xiangguan ul{margin-top: 60px;}
.product-content .xiangguan li{display: block;width: 19%;float: left;margin-right: 1.25%;}
.product-content .xiangguan li:nth-child(5){margin-right: 0;}
.product-content .xiangguan li .pimg{width:100%;height: 247px;line-height: 247px;text-align: center;border: 1px solid #ddd;}
.product-content .xiangguan li .pimg img{max-width:80%;max-height: 80%;vertical-align: middle;}
.product-content .xiangguan li .text{text-align: center;font-size: 15px;color: #666;line-height: 50px;transition: .3s;}
.product-content .xiangguan li:hover .text{background-color: #ea5504;color: #fff;}

.newslist .panel {float:left;width:80px; margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;}
.newslist blockquote { padding: 0 20px;  margin: 0 0 20px;  font-size: 17.5px; border-left: 5px solid #eee;display: inline-block;}
.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;text-align: center;height: 30px;line-height: 30px;padding: 0;}
.panel-body { height:40px;line-height:40px;text-align: center;padding: 0;}
.panel-body::before,.panel-body:after{display: table;content: " ";}
.newslist .fr ul li{width:100%;height:85px;border: none;line-height:25px;clear:both;}
.newslist .fr ul li .txt a{color: #333;}
.newslist .fr ul li:hover{border:none;}
.newslist .fr ul li:hover .txt{border-top:none;background:none;}
.newslist .txt{width:89%;float: left;margin-left:30px;padding-top:0;border-top:none;background:none;}
.newslist .fr ul li:hover .txt a{color:#ea5504}
.newslist .txt small{display: block;color:#bbb;}
.newslist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #1d2088;border-radius: 20px;font-size:14px;margin-top:12px;}
.newslist .txt .down a,.newslist .fr ul li:hover .down a{color: #fff;}
.details-page {display: flex;justify-content: space-between;width: 100%;}
.details-page p{font-size: 14px;color: #333;line-height: 40px;}
.details-page p a{font-size: 14px;color: #333;line-height: 40px;}
.details-page p:hover a{text-decoration: underline;}
.news-content .details-top h2{font-size: 24px;text-align: center;color: #333;margin-bottom: 30px;}
.news-content .details-top p{font-size: 14px;text-align: center;color: #999;margin-bottom: 50px;}
.news-content .details-content{font-size: 16px;color: #666;line-height: 32px;}
.contact_us{padding: 60px 0;}
.contact_us iframe{width:50%;}
.contact_us .details{width: 50%;background-color: #ea5504;height: 500px;padding: 50px;}
.contact_us .details li{margin-bottom: 20px;}
.contact_us .details p{color: #fff;font-size: 16px;}
.contact_us .details li a:hover{text-decoration: underline;}
.message{color:#666;margin-top:30px;padding: 80px 0;}
.message input{border: 1px solid #e0e0e0;height:45px;line-height:45px;text-align: left;padding:0 15px;box-sizing: border-box;width:49%;color:#666;margin-bottom:15px;float: left;margin-right: 10px;}
.message textarea{border: 1px solid #e0e0e0;height:145px;text-align: left;padding:15px;width:98%;color:#666;margin-bottom:15px;    box-sizing: border-box;}
.message .btn{width:125px;height:40px;line-height:40px;text-align: center;border:none;outline: none;}
.message .btn-info{background: #ea5504; ;color:#fff;margin-right:15px}
.message .checkcode{width:150px}
.message .submit{background-color: #ea5504;padding: 15px 80px;color: #fff;text-align: center;border: none;box-sizing: border-box;margin-right: 15px;}
.message  .reset{background-color: #999;margin-right: 0;padding: 15px 80px;color: #fff;text-align: center;border: none;box-sizing: border-box;margin-right: 15px;}



footer{background-color: #ea5504;padding: 95px 0;}
footer .footlianxi_list{display: flex;justify-content: space-between;}
footer .footlianxi_list span{color: #fff;font-size: 16px;display: block;margin-bottom: 30px;}
footer .footlianxi_list a,footer .footlianxi_list li{font-size: 14px;line-height: 32px;color: #fff;}
footer .footlianxi_list a:hover{text-decoration: underline;}
footer .footlianxi_list .fottel{display: flex;justify-content: space-between;border: 1px solid #fff;margin-top: 20px;}
footer .footlianxi_list .fottel i{border-right: 1px solid #fff;padding: 5px;width: 39px;height: 39px;}
footer .footlianxi_list .fottel abbr{display: inline-block;width: calc(100% - 39px);font-size: 24px;color: #fff;font-weight: bold;text-align: center;}
.ewm{width: 301px;}
.ewm img{display: block;}


.beian{line-height: 90px;font-size: 14px;color: #fff !important;background-color: #ea5504;text-align: center;}
.beian p,.beian span{color: #fff !important;}
.beian a{color: #fff !important;font-size: 14px;}
.page {padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page span{float:none;}
.page a { color:#333; background:#f1f1f1; margin:5px; padding:0 15px; line-height:40px; display: inline-table; }
.page a:hover { background:#ea5504; color:#fff; border-radius:0px;}
.page a:active {  background:#ea5504; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#ea5504; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#ea5504; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 9px 0 0px; }
blockquote .small:before, blockquote footer:before, blockquote small:before{display: none;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}

.honor-content .image-list li{display: block;width: 24%;border: 1px solid #ddd;box-sizing: border-box;float: left;margin-right: 1.33%;margin-bottom: 10px;}
.honor-content .image-list li:nth-child(4n){margin-right: 0;}
.honor-content .image-list .honor-img{width: 100%;height: 256px;padding: 5px;box-sizing: border-box;overflow: hidden;}
.honor-content .image-list .honor-img img{height: auto;max-width: 100%;display: block;margin: 0 auto;}
.honor-content .image-list p{font-size: 14px;text-align: center;line-height: 36px;}
.honor-content .image-list li:hover p{background-color: #ea5504;color: #fff;}
.btn-nav{display: none;}.mmenu{display: none;}
.mnavall{display: none;}





.float_content {
    width: 70px;
    position: fixed;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    display: flex;
    flex-direction: column;
    z-index: 9999;
}

.float_content_button {
    width: 70px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    margin-bottom: 3px;
    cursor: pointer;
    border: 0 solid #ad3100;
    border-left-width: 3px;
    transition: .5s;
    position: relative;
    right: 0;
}

.float_content_button div:first-child {
    height: 100%;
    width: 0;
    background-color: #d44807;
    position: absolute;
    left: 0;
    z-index: -1;
    transition: .8s;
}

.float_content_button div:nth-child(2) {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.float_content_button div:nth-child(2) span {
    color: #ffffff;
    font-size: 12px;
    font-family: "oxygen";
}

.float_content_button div:nth-child(2) img {
    height: 40%;
    width: auto;
    filter: brightness(100);
    margin-bottom: 5px;
}

.float_content_button div:nth-child(2) a {
    display: none;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
}

.float_content_button:hover {
    width: 250px;
    right: 180px;
    background-color: transparent;
}

.float_content_button:hover div:first-child {
    width: 100%;
}

.float_content_button:hover div:nth-child(2) img {
    display: none;
}

.float_content_button:hover div:nth-child(2) span {
    display: none;
}

.float_content_button:hover div:nth-child(2) a {
    display: block;
}








@media screen and (max-width:1600px){
	.w1645{width: 90%;}
}
@media screen and (max-width:1280px){
	header .fr{width: 70%;}
	.w1400{width: 90%;}
	.index_pro .fr img{width: 100%;}
	.index_pro .fl span{font-size: 32px;}
	.index_pro .fl p{font-size: 22px;margin-bottom: 30px;}
	.index_pro .swiper-button-next{left: 15%;}
	.index_pro .fr .swiper-slide .text span{font-size: 24px;}
	.index_pro .fr .swiper-slide .text{padding: 100px 80px;}
	.index_pro .fr .swiper-slide .text p{font-size: 16px;margin-top: 20px;}
	.index_pro .tabs ul li{line-height: 78px;height: 78px;}
	.index_pro .fl{height: 30vw;}
	.index_pinzhi .fr span{font-size: 7.2vw;}
	.index_pinzhi .fl{padding: 5vw;}
	.index_pinzhi .fl p{font-size: 24px;}
	.index_pinzhi .fl span::after{margin: 20px 0;}
	.index_pinzhi .fl abbr{width: 83%;margin-top: 30px;}
	.index_pinzhi .fr img{width: 100%;}
	.index_pinzhi{height: 45vw;}
	.index_pinzhi .fr ul li p{font-size: 16px;}
	.index_pinzhi .fr ul li abbr{font-size: 14px;}
	.indexabout .title span{font-size: 32px;}
	.indexabout .title abbr{font-size: 20px;}
	.indexabout .fr>p{font-size: 34px;}
	.indexabout .fr>p::after{margin: 20px 0;}
	.indexabout .fr .neirong{font-size: 14px;}
	.indexabout .fr ul{margin-top: 20px;}
	.indexabout .fr li span{font-size: 36px;}
	.indexabout .fr li p{font-size: 14px;}
	.index_anli{padding: 70px 0;}
	.index_anli .title span{font-size: 34px;}
	.index_anli .title abbr{font-size: 20px;}
	.index_news{padding: 60px 0;}
	.index_news .fr a .text{line-height: 48px;}
	.index_news .fr{padding: 40px;}
	.index_news .fr li .text span{height: 48px;overflow: hidden;width: calc(100% - 85px);}
	footer{padding: 60px 0;}
	.beian{line-height: 32px;}
	.nevall{width: 23%;}
	.all .fr{width: 75%;}
	.all .fr img{max-width: 100%;}
	.nevall span{line-height: 56px;height: 56px;}
	.all .fr .title{line-height: 56px}
	.honor-content .image-list li{width: 32%;}
	.honor-content .image-list .honor-img{height: 200px;}
	.honor-content .image-list li:nth-child(4n){display: block;margin-right: 1.33%;}
	.honor-content .image-list li:nth-child(3n){margin-right: 0;}
	.all .product a{width: 32%;}
	.all .product a:nth-child(4n){display: block;margin-right: 1.33%;}
	.all .product a:nth-child(3n){margin-right: 0;}
	.newslist .txt{width: calc(100% - 140px);}
	.index_news .title span{font-size: 34px;}
	.index_news .title abbr{font-size: 20px;}
}
@media screen and (max-width:950px){
	header .container .search{display: none;}
	header .container .header-en{width: 60px;}
	header .container .header-en a{width: 100%;}
	header .container .nav{width: 85%;}
	header .container .fl{width: 22%;}
	header .container .fl a{display: block;width: 100%;}
	header .fr{width: 74%;}
	.index_pro .swiper-button-next , .index_pro .swiper-button-prev{bottom: 50px;top: auto;}
	.index_pro .fr .swiper-slide .text{padding: 75px 40px;}
	.index_pro .tabs ul li{line-height: 48px;height: 48px;}
	.index_pro .swiper-button-next{left: 20%;}
	.index_pro .fl{height: 35vw;}
	.indexabout .title abbr{margin-bottom: 30px;}
	.indexabout .fl{display: none;}
	.indexabout .fr{width: 100%;}
	.indexabout .fr ul{width: 74%;}
	.index_anli{padding: 50px 0;}
	.index_anli .title p{margin-bottom: 30px;}
	.index_news .title abbr{margin-bottom: 30px;}
	.index_news .fl{display: none;}
	.index_news .fr{width: 100%;}
	.footlogo{display: none;}
	.footnav_list{display: none;}
	.all{padding-top: 0;}
	.nevall{width: 100%;}
	.nevall{float: none;}
	.nevall span{display: none;}
	.nevall ul{display: flex;justify-content: left;flex-wrap: wrap;}
	.nevall ul li{width: 25%;}
	.all .w1400{width: 100%;padding: 0;}
	.weizhi{display: none;}
	.nbanner span{display: none;}
	.all .fr{width: 90%;margin: 0 auto;float: none;margin-top: 30px;}
	.nevall li a::after{right: 5px;}
	.nevall li a{padding-left: 10px;}
	.all .product a .product-img{height: 230px;}
	.product-content .product_xq{display: block;}
	.product-content .product_xq .valve-img .img-box{width: 100%;}
	.product-content .valve-txt{width: 100%;}
	.product-content .valve-txt .lianxi{margin-top: 30px;}
	.product-content .details-bottom .txt-txt{padding: 30px;}
	.product-content .xiangguan{width: 90%;margin: 0 auto;}
	.product-content .xiangguan ul{margin-top: 30px;}
	.product-content .xiangguan li{width: 32%;}
	.product-content .xiangguan li:nth-child(-n+2){display: none;}
	.all.w1400{width: 100%;}
	.news-content .details-top h2{margin-bottom: 10px;}
	.message input{margin-right: 2%;box-sizing: border-box;}
	.message input:nth-child(2n){margin-right: 0;}
	.message textarea{width: 100%;}
	.contact_us img{display: block;width: 100% !important;}
	.contact_us .details{width: 100%;}
	.feinaqu{font-size: 72px;}
	.index_pinzhi .fl span{font-size: 30px;}
	.index_pinzhi .fr ul li{padding: 10px;}
	.indexabout .fr>p{font-size: 30px;}
	.index_anli .title span{font-size: 30px;}
	.index_news .title span{font-size: 30px;}
}
@media screen and (max-width:750px){
	.float_content {
        display: none;
    }
	.btn-nav{display: block;}
	.btn-nav {display: block;position: fixed;top: 5px;right: 30px;background: transparent;border: none;padding: 10px 0 0 10px;box-sizing: border-box;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 100;color: #fff;}
	.btn-nav:focus {outline: 0;}
	.icon-bar {display: block;margin: 6px 0;width: 25px;height: 3px;background-color: #333;}
	.btn-nav:hover .icon-bar {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
	.nav-content {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #fff;display: block;height: 100%;z-index: 7;}
	.nav-list {list-style: none;padding: 0;position: relative;top: 5%;}
	.item-anchor:after {content: "";position: absolute;width: 3px;height: 3px;left: 0;bottom: 0;z-index: 9;background: transparent;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
	.item-anchor {color: #fff;font-size: 18px;text-transform: uppercase;position: relative;text-decoration: none;padding: 10px;}
	.item-anchor:hover,.item-anchor:focus {color: #000;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
	.item-anchor:hover:after,.item-anchor:focus:after{width: 100%;background: #fff;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
	.nav-item a {text-align: center;box-sizing: border-box;}
	.animated {display: block;margin: 0 auto;position: fixed;}
	.animated:hover .icon-bar,
	.animated:focus .icon-bar{background-color: #333 !important;}
	.animated:focus p{color: #000;}
	.animated:focus {cursor: pointer;z-index: 9999;}
	.middle {margin: 0 auto;}
	.icon-bar {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;background-color: #333;}
	.animated .icon-bar {z-index: 999999;}
	.animated .top {-webkit-transform: translateY(7px) rotateZ(45deg);-moz-transform: translateY(7px) rotateZ(45deg);-ms-transform: translateY(7px) rotateZ(45deg);-o-transform: translateY(7px) rotateZ(45deg);transform: translateY(7px) rotateZ(45deg);}
	.animated .bottom1 {-webkit-transform: translateY(-11px) rotateZ(-45deg);-moz-transform: translateY(-11px) rotateZ(-45deg);-ms-transform: translateY(-11px) rotateZ(-45deg);-o-transform: translateY(-11px) rotateZ(-45deg);transform: translateY(-11px) rotateZ(-45deg);}
	.animated .middle {width: 0;}
	@keyframes showNav1 {
		from {
			
			transform: translateX(-100%);
		}
		to {
			
			transform: translateX(0%);
		}
		}
		
		@-webkit-keyframes showNav1 {
		from {
			
			transform: translateX(-100%);
		}
		to {
			transform: translateX(0%);
		}
		}
		
		@-moz-keyframes showNav1 {
		from {
			transform: translateX(-100%);
		}
		to {
			transform: translateX(0%);
		}
		}
		
		@-o-keyframes showNav1 {
		from {
			transform: translateX(-100%);
		}
		to {
			transform: translateX(0%);
		}
		}
		
		.showNav1 {
			transform-origin:90% 0%;
			-ms-transform-origin:90% 0%; 
			-webkit-transform-origin:90% 0%;
			-moz-transform-origin:90% 0%;	
			-o-transform-origin:90% 0%;
		-webkit-animation: showNav1 0.3s ease forwards;
		-moz-animation: showNav1 0.3s ease forwards;
		-o-animation: showNav1 0.3s ease forwards;
		animation: showNav1 0.3s ease forwards;
		}
		
		@keyframes hideNav1 {
		from {
			transform: translateX(0%);
		}
		to {
			transform: translateX(-100%);
		}
		}
		
		@-webkit-keyframes hideNav1 {
		from {
			transform: translateX(0%);
		}
		to {
			transform: translateX(-100%);
		}
		}
		
		@-moz-keyframes hideNav1 {
		from {
			transform: translateX(0%);
		}
		to {
			transform: translateX(-100%);
		}
		}
		
		@-o-keyframes hideNav1 {
		from {
			transform: translateX(0%);
		}
		to {
			transform: translateX(-100%);
		}
		}
		
		.hideNav1 {transform-origin:90% 0%;-ms-transform-origin:90% 0%; -webkit-transform-origin:90% 0%;-moz-transform-origin:90% 0%;-o-transform-origin:90% 0%;-webkit-animation: hideNav1 0.3s ease forwards;
		-moz-animation: hideNav1 0.3s ease forwards;-o-animation: hideNav1 0.3s ease forwards;animation: hideNav1 0.3s ease forwards;
		}
		.hidden1 {display: none;opacity: 0;}
		.msearch2{width: 100vw;display: block;background-color: #fff;}
		.msearch2 form{width: 90%;margin: 100px auto 0;}
		.msearch2 form input{width: calc(100% - 80px);line-height: 48px;padding: 0 20px;box-sizing: border-box;border: none;border-radius: 24px;background-color: #eee;outline: none;}
		.msearch2 form button{background-color: transparent;border: none;line-height: 48px;}
		.msearch2 form button svg{display: inline-block;vertical-align: middle;margin-left: 20px;}
		.msearch2 .remen{width: 90%;margin: 20px auto;}
		.msearch2 span{display: block;font-size: 16px;color: #333;margin-bottom: 10px;}
		.msearch2 a{font-size: 16px;color: #666;margin: 0 5px;}
		.msearch2 .cb1{position: fixed;right: 20px;top: 20px;}
		header .fr{display: none;}
		header .container .fl{width: 40%;}
		header .container .logo{line-height: 60px;height: 60px;}
		header{height: 60px;}
		.nbanner{height: 300px;}
		.nbanner img{display: block;height: 100%;width: auto;}
		.contact_us .details{padding:30px;height: auto;}
		.mmenu ul{margin-top: 40px;}
		.mmenu ul a{line-height: 48px;font-size: 16px;text-align: center;display: block;color: #333;}
		.banner{height: 300px;}
		.banner img{width: auto;height: 100%;}
		.banner .swiper-pagination{bottom: 10px;}
		.feinaqu{font-size: 36px;}
		.fl{float: none;}
		.fr{float: none;}
		.index_pro .fl{height: auto;width: 100%;}
		.index_pro .swiper-button-next,.index_pro .swiper-button-prev{display: none;}
		.index_pro .fl .more{position: relative;width: auto;display: inline-block;margin: 30px 0;}
		.index_pro .fl span{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
		.index_pro{padding: 30px 0;}
		.index_pro .fl p{font-size: 16px;margin-bottom: 10px;}
		.index_pro .fl h1{font-size: 14px;}
		.index_pro .fr{width: 100%;}
		.index_pro .fr .swiper-slide .text span{font-size: 18px;margin-bottom: 5px;}
		.index_pro .fr .swiper-slide .text p{font-size: 14px;margin-top: 10px;}
		.index_pro .tabs ul li::before{display: none;}
		.index_pro .tabs ul li{text-indent: 0em !important;text-align: center;}
		.index_pinzhi .fl{width: 100%;}
		.index_pinzhi .fr{position: relative;width: 100%;}
		.index_pinzhi{height: auto;}
		.index_pinzhi .fr span{display: none;}
		.index_pinzhi .fl span{font-size: 18px;}
		.index_pinzhi .fl span::after{margin: 5px 0;}
		.index_pinzhi .fl p{font-size: 16px;}
		.index_pinzhi .fl abbr{font-size: 14px;width: 100%;margin-top: 10px;}
		.index_pinzhi .fl .more {width: 150px;line-height: 36px;height: 36px;margin-top: 30px;}
		.index_pinzhi .fr ul li abbr{font-size: 12px;}
		.indexabout{padding: 30px 0;}
		.indexabout .title span{font-size: 16px;}
		.indexabout .title abbr{font-size: 14px;}
		.indexabout .fr>p{font-size: 18px;}
		.indexabout .fr>p::after{margin: 10px 0;}
		.indexabout .fr ul{width: 100%;}
		.indexabout .fr li span{font-size: 24px;}
		.indexabout .fr li p{font-size: 14px;}
		.indexabout .fr li{background-size: 20px 20px !important;}
		.indexabout .fr li p{margin-top: 10px;}
		.index_anli{padding: 30px 0;}
		.index_anli .title span{font-size: 16px;}
		.index_anli .title p{font-size: 14px;}
		.index_anli .title a{display:none;}
		.index_anli ul{flex-wrap: wrap;}
		.index_anli ul li{width: 49%;margin-bottom:7px;}
		.index_news{padding: 30px 0;}
		.index_news .title span{font-size: 18px;}
		.index_news .title abbr{font-size: 14px;}
		.index_news .fl{width: 100%;}
		.index_news .fr{padding: 20px;}
		.index_news .fr li .text span{font-size: 14px;}
		.index_news .fr a .text .date{font-size: 14px;}
		footer .footlianxi_list{width: 100%;display: block;}
		footer .footlianxi_list .fottel{display: none;}
		.ewm{width: 100%;margin-top: 30px;}
		.all .fr img{margin: 0 auto;width: 90%;}
		.nevall li a{width: 100%;font-size: 13px;line-height: 48px;}
		.nevall ul li{width: auto;min-width: 25%;box-sizing: border-box;}
		.nevall ul li a{padding-right: 10px;}
		.all .fr .title{font-size: 18px;line-height: 36px;margin-bottom: 10px;}
		.all .fr .neirong{font-size: 14px;line-height: 24px;}
		.honor-content .image-list li{width: 49.5%;margin-right: 1%;}
		.honor-content .image-list li:nth-child(3n){margin-right: 1%;}
		.honor-content .image-list li:nth-child(2n){margin-right: 0%;}
		.honor-content .image-list .honor-img{height: 130px;}
		.newslist .panel{display: none;}
		.newslist blockquote{width: 100%;float: none;}
		.newslist .txt{width: 100%;margin-left: 0;}
		.newslist .fr ul li .txt a{font-size: 16px;}
		.newslist .txt small{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}

		.news-content .details-top h2{font-size: 16px;}
		.news-content .details-content{font-size: 14px;}
		.news-content .details-top p{margin-bottom: 20px;}
		.details-page{display: block;}
		.product-content .nevall ul li{margin-right: 5px;display: none;}
		.nevall li a::after{display: none;}
		.mnavall{display: block;}
		.mnavall .swiper-slide {display: block;width: auto;padding: 0 20px;line-height: 48px}
		.mnavall .swiper-slide a{color: #333;font-size: 14px;}
		.mnavall .swiper-slide.on{background-color: #ea5504;color: #fff;}
		.mnavall .swiper-slide.on a{color: #fff;}
		.all .product a{width: 49.5%;margin-right: 1%;}
		.all .product a:nth-child(3n){margin-right: 1%;}
		.all .product a:nth-child(2n){margin-right: 0%;}
		.all .product a .product-img{height: 160px;}
		.page a{padding: 0 10px;font-size: 12px;}
		footer{padding: 30px 0;}
		.product-content .product_xq .valve-img .img-box{display: block;height: 305px;}
		.product-content .valve-txt h1{font-size: 18px;line-height: 48px;margin-bottom: 10px;}
		.product-content .valve-txt .jianjie{line-height: 24px;font-size: 14px}
		.product-content .valve-txt .lianxi a{width: 49%;margin-right: 2%;font-size: 14px;}
		.product-content .valve-txt .lianxi a:nth-child(2){margin-right: 0;}
		.product-content .details-bottom .tt span{font-size: 14px;width: 130px;}
		.product-content .details-bottom .txt-txt{padding: 10px;}
		.product-content .xiangguan li{width: 49.5%;margin-right: 1%;}
		.product-content .xiangguan li:nth-child(2n){margin-right: 0;}
		.product-content .xiangguan li:nth-child(-n+2){display: block;}
		.product-content .xiangguan li .pimg{line-height: 178px;height: 178px;}
		.product-content .xiangguan li:nth-child(5){display: none;}
		.product-content .xiangguan li .text{font-size: 14px;}
		.message{padding: 0 0 30px;}
		.message input{width: 100%;margin-right: 0;}
		.message .submit{padding: 0 10px;width: 49%;margin-right: 1%;line-height: 48px;}
		.message .reset{padding: 0 10px;width: 49%;margin-right: 1%;line-height: 48px;}
		.contact_us img{float: none !important;}
	}