@import url(font/siyuan.css);
html, body {
	font-size: 16px;
	color:#666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family: "Montserrat", Sans-serif;
	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 {
	margin-top: 100px;
}
.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: #4fa0b3;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: #4fa0b3;}
.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: #4fa0b3;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: #4fa0b3;display: inline-block;font-weight: bold;}
.indexabout .fr li sup{font-size: 16px;color: #4fa0b3;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 74% 20%;display: block;}
.indexabout .fr li:nth-child(3){background: url(../images/index_abotico3.png)no-repeat 94% 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: #4fa0b3;height: 3px;}
.index_anli ul{display: flex;justify-content: space-between;width: 100%;}
.index_anli li{width: 24%;background-color: #fff;transition: .3s;
	border: 6px solid #949394;
}
.index_anli li:hover{
	border: 6px solid #4fa0b3;
}
.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 !important;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; transition: .3s;}
.index_anli li:hover .text a{border: 1px solid #4fa0b3;color: #fff;
background-color: #4fa0b3;}
.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: #4fa0b3;}
.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: #4fa0b3;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: #4fa0b3;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 #4fa0b3;transition: .3s;} 
.all .product a:hover .product-atxt h3{background-color: #4fa0b3;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: #4fa0b3;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: #4fa0b3;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 #4fa0b3;}
.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: #4fa0b3;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: #4fa0b3;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:#4fa0b3}
.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: #4fa0b3;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: #4fa0b3; ;color:#fff;margin-right:15px}
.message .checkcode{width:150px}
.message .submit{background-color: #4fa0b3;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: #4fa0b3;padding: 95px 0 30px 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: #4fa0b3;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:#4fa0b3; color:#fff; border-radius:0px;}
.page a:active {  background:#4fa0b3; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#4fa0b3; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#4fa0b3; 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: #4fa0b3;color: #fff;}
.btn-nav{display: none;}.mmenu{display: none;}
.mnavall{display: none;}

header {
	position: relative;
}

header .fr {
	flex: 1;
	width: auto;
	justify-content: right;
}

.index_pro h3 {
	margin: 0 auto;
	text-align: center;
	font-size: 40px;
	color: #333;
	margin-bottom: 4%;
}

.index_pro h3 span {
	display: block;
	text-align: center;
	font-size: 32px;
}

.index_pro .w1400>div {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.index_pro div .products_box {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to bottom right, #74b4f0, #ecf2f8, #74b4f0);
	border-radius: 16px;
	box-sizing: border-box;
	padding: 4%;
	width:100%;
	height: 320px;
}

.index_pro .products_box h2 {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: 80%;
	display: block;
	box-sizing: border-box;
	padding: 2% 4%;
	background-color: #ffffff;
	border-radius: 30px;
	font-size: 16px;
	max-width: 90%;
	width: max-content;
	text-align: center;
}
.indexpro {width:1400px !important;   margin:0 auto;}
.indexpro .swiper-slide {height:320px;}
.indexpro .swiper-slide img{height:auto;max-height:100%;}
header .container .nav {
	padding: 0 4%;
}

.all .product a .product-img {
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.all .product a .product-img img {
	max-height: 80%;
	max-width: 80%;
}

.ewm img {
	max-width: 200px;
}

.index_anli ul li {
	display: flex;
	flex-direction: column;

}

.index_anli ul li .pimg {
	flex: 1;
}

.index_anli li img {
	width: 100%;
	height: 100%;
}

.nevall li a {
	line-height: 1.5;
	height: 100%s;
	width: 100%;
	margin: 0;
	min-height: 64px;
	padding-right: 40px;
	display: flex;
	justify-content: left;
	align-items: center;
}

.honor-content .image-list .honor-img {
	display: flex;
}

.honor-content .image-list .honor-img img {
	max-width: 100%;
	max-height: 100%;
}





header .container .nav li a {
	text-transform: uppercase;
	font-size: 18px;
}

.index_pro {
	padding: 4% 0 !important;
}

.index_pro h3 {
	font-size: 80px;
}

.index_pro .w1400 {
	width: 90%;
	/* margin: 0; */
}

.index_pro div .products_box {
	background: none;
	background-color: #eee;
	align-items: stretch;
	cursor: pointer;
	transition: .3s;
	border: 3px solid #eee;
}

.index_pro div .products_box>img {
	width: auto;
	max-height: 100%;
	max-width: 100%;
	padding-bottom: 25%;
}

.index_pro div .products_box h2 {
	text-transform: uppercase;
	top: 82%;
	transition: .3s;
}


.index_pro div .products_box:hover h2 {
	background-color: #4fa0b3;
	color: #ffffff;
}

.index_pro div .products_box:hover {
	border-color: #4fa0b3;
}

.index_pinzhi .fr span {
	display: none;
}

.index_pinzhi .fr img {
	height: 100%;
}

.index_pinzhi .fl abbr {
	font-size: 24px;
	line-height: 2;
}

.index_pinzhi .fl span {
	font-size: 48px;
}

.index_pinzhi .fl {
	padding: 6% 3%;
	padding-right: 11%;
}


.index_pinzhi .fl abbr {
	width: 98%;
}

header {
	position: fixed;
	background-color: rgba(255, 255, 255);
}

footer {
	background-color: #2f768c;
}

.beian {
	background-color: #2f768c;
}


.about_fr_pics {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.about_fr_pics img {
	width: 32% !important;
}

.about_fr_ico {
	width: 100%;
	margin-bottom: 2%;
}

.about_fr_ico img {
	width: 100% !important;
}

.indexabout .fr>p span {
	display: block;
	text-align: left;
	font-size: 20px;
}

header .container .logo {
	display: block;
	width: auto !important;
	height: 65% !important;
}

header .container .logo img {
	height: 100%;
	width: auto;
}

.footlogo img {
	max-width: 250px;
}


.index_pinzhi .fr #index_about_swiper {
	width: 100%;
}

.index_pinzhi .fr #index_about_swiper .swiper-slide-active {
	z-index: 3;
}

.index_pinzhi .fr #index_about_swiper .swiper-slide {
	position: relative;
}


.index_pinzhi .fr ul {
	z-index: 10;
}

.all .product a .product-atxt h3 {
	overflow: hidden;
}

header .container .fl {
	float: none;
	height: 100%;
}

header .container {
	height: 100%;
}


footer .ewm>div {
	position: relative;
	width: min-content;
}

footer .ewm .ewm-f {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 25%;
	background-color: #fff;
}

footer .ewm .ewm-f img {
	width: 100%;
}

.index_pro .w1400>div {
	padding-bottom: calc(4% + 20px);
}

.index_pro .w1400>div .swiper-pagination {
	top: auto;
	bottom: 0;
}

.index_pro .w1400>div .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #4fa0b3;
}


@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;}


	.index_pinzhi .fl abbr {
		font-size: 16px;
		line-height: 1.5;
	}
	
	.index_pinzhi .fl span {
		font-size: 36px;
	}
}
@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){
	.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;text-align:center;}
		footer .ewm>div{left:50%;transform:translateX(-50%)}
		.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: #4fa0b3;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;}

		.index_pro h3 {
			font-size: 24px;
		}

		.index_pro h3 span {
			font-size: 16px;
		}
		.index_pro .products_box h2 {
			font-size: 12px;
		}

		/* .index_pro div .products_box {
			width: 48%;
		} */

		/* .index_pro div .products_box:last-child {
			display: none;
		} */

		.indexabout .fr>p span {
			font-size: 14px;
		}

		.banner {
			margin-top: 60px;
			height: auto;
		}

		.banner .swiper-slide {
			height: auto !important;
			display: block;
		}

		.banner img {
			height: auto;
			width: 150%;
			position: relative;
			transform: translate(-50%, -50%);
			top: 50%;
			left: 50%;
		}
		
	}












.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 #1c6a7c;
    border-left-width: 3px;
    transition: .5s;
    position: relative;
    right: 0;
}

.float_content_button div:first-child {
    height: 100%;
    width: 0;
    background-color: #4FA0B3;
    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) svg {
    height: 40%;
    width: auto;
    margin-bottom: 5px;
}

.float_content_button div:nth-child(2) svg path {
	fill: #ffffff;
}

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

.float_content_button:hover {
    width: 200px;
    right: 130px;
    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) svg {
    display: none;
}

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

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

.float_content_img:hover {
	width: 70px;
	right: 0;
}

.float_content_img:hover div:nth-child(2) svg {
    display: block;
}

.float_content_img:hover div:nth-child(2) span {
	display: block;
}

.float_content_img div:nth-child(2) div {
	position: absolute;
	right: calc(100% + 30px);
	top: 0;
	width: 180px;

	opacity: 0;
	transition: 1s;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.float_content_img div:nth-child(2) div img {
	width: 100%;
	display: none;
}

.float_content_img:hover div:nth-child(2) div {
	opacity: 1;
}

.float_content_img:hover div:nth-child(2) div img {
	display: block;
}

footer .ewm>div {
	width: 150px;
	margin-bottom: 2vw;
}

footer .ewm>div:last-child {
	margin-bottom: 0;
}

footer .ewm>div img {
	width: 100%;
}

@media screen and (max-width: 750px) {

	.float_content {
			display: none;
		}

	.ewm {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	footer .ewm>div {
		left: 0;
		transform: translateX(0);
	}

	footer .ewm>div {
		margin: 0 2vw;
		margin-bottom: 4vw;
	}

}