@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;
}
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;}
p{margin: 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}
iframe{width: 100%;height: 600px;border: none;}
.ct{text-align: center;}
.clear{clear:both;}
div{padding:0;margin:0;}
img{display: block;}
.w100{width:100%;overflow:hidden;}
.w1270{width:1270px;margin:0 auto;}
.w1360{width:1360px;margin:0 auto;}
.swiper-container {width: 100%;height: 100%;}
header{height: 120px;z-index: 10;transition: .5s;overflow: visible !important;position: relative;}
header .container{display: flex;justify-content: space-between;}
header .container .logo{padding-top: 25px;display: block;box-sizing: border-box;}
header .container .logo a{display: block;}
header .container .nav{width: 550px;display: flex;justify-content: space-between;margin-top: 50px;}
header .container .nav li{position: relative;}
header .container .nav li:nth-child(7) .lastnav{width: 300px;}
header .container .nav li:nth-child(3) .lastnav{width: 150px;}
header .container .nav li.duolan::after{content: '';display: block;width: 6px;height: 6px;background-color: #340e71;border-radius: 50%;position: absolute;left: 50%;bottom: 10px;opacity: 0;}
header .container .nav li.duolan:hover::after{opacity: 1;}
header .container .nav .lastnav{display: none;width: 250px;position: absolute;justify-content: space-between;left: -200%;padding-top: 7px;z-index: 9;}
header .container .nav .lastnav .thirdnav{display: none;position: absolute;left: -100%;z-index: 999;width: 300px;}
header .container .nav .lastnav .thirdnav li{float: left;margin-right: 10px;}
header .container .nav .lastnav .thirdnav a{display: block;}
header .container .nav li a,header .container .nav li span{display:block;width: 100%;height: 24px;line-height: 24px;color: #555;font-size: 14px;text-align: center;cursor: pointer;}
header .container .nav li a:hover,header .container .nav li span:hover,header .container .nav li.active a,header .container .nav li.active>span{color: #340e71;}
header .container .nav li:hover span>.lastnav{display: flex;}
header .container .nav li:hover span>.lastnav>li>span:hover>.thirdnav{display: block;}
header::after{content: '';display: block;width: 0%;transition: .3s;}
header.xian::after{content: '';display: block;width: 100%;height: 1px;background-color: #340e71;position: absolute;left: 0;bottom: 37px;}
header.nav2 .container .logo a{background: url(../images/logo2.png)no-repeat;}
header.nav2{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0,0.2);}
header.nav2 .container .logo p{color: #333;border-left: 1px solid #333;}
header.nav2 .container .nav li a{color: #333;}
header.nav2 .container .header-en .toptel{color: #333;}
.banner{overflow: hidden;position: relative;}
.banner img{width:100%;}
.banner .swiper-pagination{bottom: 50px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #f00;}
.indexnanxie{padding: 90px 0;}
.indexnanxie ul li{float: left;height: 500px;overflow: hidden;position: relative;}
.indexnanxie ul li:nth-child(1),.indexnanxie ul li:nth-child(2),.indexnanxie ul li:nth-child(3){width: 19.7%;margin-right: 0.3%;}
.indexnanxie ul li:nth-child(1) img,.indexnanxie ul li:nth-child(2) img,.indexnanxie ul li:nth-child(3) img{width: 100%;}
.indexnanxie ul li:nth-child(4){width: 40%;}
.indexnanxie ul li:nth-child(4) img{width: 100%;}
.indexnanxie ul li .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0,0.2);text-align: center;line-height: 100%;opacity: 0;transition: .5s;}
.indexnanxie ul li .text p{position: absolute;left: 50%;top: 50%;border-bottom: 1px solid #fff;font-size: 14px;color: #fff;line-height: 32px;transform: translate(-50%,-50%);font-weight: bold;}
.indexnanxie ul li:hover .text{opacity: 1;}

.indexnanxie2{padding: 90px 0;}
.indexnanxie2 ul li{float: left;height: 560px;overflow: hidden;position: relative;}
.indexnanxie2 ul li img{display: block;width: 100%;}
.indexnanxie2 ul li:nth-child(1){width: 53.7%;margin-right: 0.3%;}
.indexnanxie2 ul li:nth-child(2),.indexnanxie2 ul li:nth-child(3){width: 22.7%;margin-right: 0.3%;height: 277px;margin-bottom: 3px;}
.indexnanxie2 ul li:nth-child(3){margin-right: 0%;width: 23%;}
.indexnanxie2 ul li:nth-child(4){width: 46%;height: 280px;}
.indexnanxie2 ul li .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0,0.2);text-align: center;line-height: 100%;opacity: 0;transition: .5s;}
.indexnanxie2 ul li .text p{position: absolute;left: 50%;top: 50%;border-bottom: 1px solid #fff;font-size: 14px;color: #fff;line-height: 32px;transform: translate(-50%,-50%);font-weight: bold;}
.indexnanxie2 ul li:hover .text{opacity: 1;}

.indexnanxie3{padding: 90px 0;}
.indexnanxie3 ul li{float: left;height: 560px;overflow: hidden;position: relative;}
.indexnanxie3 ul li img{display: block;width: 100%;}
.indexnanxie3 ul li:nth-child(1){width: 39.7%;margin-right: 0.3%;}
.indexnanxie3 ul li:nth-child(1) img{width: auto;height: 100%;}
.indexnanxie3 ul li:nth-child(2){width: 22%;margin-right: 0.3%;}
.indexnanxie3 ul li:nth-child(3){margin-bottom: 3px;}
.indexnanxie3 ul li:nth-child(3),.indexnanxie3 ul li:nth-child(4){width: 37.7%;height: 280px;}
.indexnanxie3 ul li .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0,0.2);text-align: center;line-height: 100%;opacity: 0;transition: .5s;}
.indexnanxie3 ul li .text p{position: absolute;left: 50%;top: 50%;border-bottom: 1px solid #fff;font-size: 14px;color: #fff;line-height: 32px;transform: translate(-50%,-50%);font-weight: bold;}
.indexnanxie3 ul li:hover .text{opacity: 1;}

.product-content{padding: 60px 0;}
.product-content .title span{display: block;font-size: 20px;font-weight: 500px;text-align: center;margin-bottom: 60px;letter-spacing: 4px;color: #575757;}
.prduct_mlist ul{display: flex;justify-content: center;margin: 60px 0;}
.prduct_mlist ul li{width: 200px;border: 1px solid #1d61c4;height: 48px;line-height: 48px;text-align: center;margin-right: 10px;}
.prduct_mlist ul li.active, .prduct_mlist ul li:hover{background-color: #1c5fc3;color: #fff;}
.prduct_mlist ul li.active a, .prduct_mlist ul li:hover a{color: #fff;}
.product-content .product a{display: block;width: 29%;margin-right: 4.3%;float: left;margin-bottom: 3px;position: relative;height: 279px;overflow: hidden;}
.product-content .product .product-img {width: 100%;height: 100%;text-align: center;}
.product-content .product a::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0,0.3);z-index: 9;opacity: 0;transition: .3s;}
.product-content .product a img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
.product-content .product .dimmed::after{opacity: 1;}
.product-content .product .active::after{opacity: 0;}

.page {padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page span{float:none;}
.page a { color:#4e4e4e; background:#d3d3d3; margin:5px; padding:0 15px; line-height:40px; display: inline-table !important; }
.page a:hover { background:#1c5fc3; color:#fff; border-radius:0px;}
.page a:active {  background:#1c5fc3; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#1c5fc3; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#1c5fc3; 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; }

.valve-img{width: 50%;float: left;}
.imgdet{position:relative;height:560px;width:80px;background:#fff;float: left;}
.imgdet .imglist{position:relative;display:block;*display:inline;*zoom:1;width:84px;height:100%;}
.imgdet .imglist ul{position:absolute;top:0;left:0;width:100%;font-size:0;}
.imgdet .imglist ul li{display:block;*zoom:1;width:80px;height:80px;border:2px solid #fff;margin-bottom:10px;position: relative;border: 1px solid #dddddd;border-radius: 3px;}
.imgdet .imglist ul li:last-of-type{margin-bottom:0;}
.imgdet .imglist ul .active{border:2px solid #1d61c4;}
.imgdet .imglist ul li img{max-width:100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.imgpart{position:relative;display:block;*display:inline;*zoom:1;width:80%;height:508px;float: right;}
.imgpart .pic{position:relative;width:100%;height:100%;position: relative;background-color: #f3f3f3;border: 1px solid #dddddd;border-radius: 3px;}
.imgpart .pic .magnify{display:none;position:absolute;top:0;left:0;width:200px;height:200px;cursor:move;background-color:#fff;opacity:.3;filter:alpha(opacity=30);}
.imgpart .pic img{width:100%;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}
.imgpart .bigpic{display:none;position:absolute;top:0;right:-490px;width:480px;height:480px;z-index:333;overflow:hidden;background-color: #f3f3f3;}
.imgpart .bigpic>img{position:absolute;top:0;left:0;width:920px;}
.product-content .product_xq{width: 100%;}
.product-content .valve-txt{width: 47%;float: right;}
.product-content .valve-txt h1{font-size: 20px;color: #575757;font-weight: 500;}
.product-content .valve-txt ul{display: block;margin: 60px 0 30px;}
.product-content .valve-txt li{line-height: 36px;}
.product-content .valve-txt li img{width: 20px;vertical-align: middle;float: left;margin-top: 8px;margin-right: 10px;}
.product-content .valve-txt li a{font-size: 14px;color: #575757;}
.product-content .valve-txt li a:hover{color: #000;}
.about{padding: 60px 0 60px;}
.about span{display: block;font-size: 20px;color: #340e71;margin-bottom: 60px;}
.about .fl{width: 30%;}
.about .fr{width: 70%;}
.about .fr .neirong{line-height: 24px;color: #575757;font-size: 14px;}

.contact_us .w1170{width: 1170px;margin: 0 auto;}
.contact_us p{font-size:20px;color: #340e71;border-bottom: 1px solid #96d7eb;padding-bottom: 20px;}
.contact_us ul{display: block;margin: 30px 0 30px;}
.contact_us li{line-height: 36px;}
.contact_us li img{width: 20px;vertical-align: middle;float: left;margin-top: 8px;margin-right: 10px;}
.contact_us li a{font-size: 14px;color: #575757;}
.contact_us li a:hover{color: #000;}

footer .w1270{border-top: 1px #96d7eb solid;}
footer .footnav {margin-bottom: 50px;}
footer .footnav ul{display: flex;justify-content: space-between;width: 70%;margin: 0 auto;height: 55px;padding-top: 30px;box-sizing: border-box;}
footer .footnav ul a{color: #555;font-size: 14px;}
footer .footnav ul a:hover{color: #340e71;}
footer .tiaozhuanwailian ul{display: flex;justify-content: center;}
footer .tiaozhuanwailian ul li{margin-right: 30px;}
.beian{margin-top: 30px;font-size: 12px;color: #555;text-align: right;padding: 0 0 30px 0;}
.beian a{color: #555;font-size: 12px;}
.shouhou .w1360 span{display: block;font-size: 20px;color: #340e71;margin-bottom: 60px;}
.shouhou .neirong{line-height: 24px;color: #575757;font-size: 14px;}
.shouhou .neirong img{display: block;max-width: 100%;margin: 30px 0;}
.xiangshangfei{position: fixed;top: 70%;right: 2%;z-index: 9;cursor: pointer;padding: 20px 10px;background-color: #1d61c4;display: none;}
.xiangshangfei img{display: block;margin: 0 auto;}
.xiangshangfei span{color: #333;font-size: 12px;text-align: center;color: #fff;}
@media screen and (max-width:1650px){

}

	
