@charset "utf-8";
/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { font-family: "Arial"; font-size: 12px; width:1200px; margin:0 auto;}
ul, li { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; outline: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.header{
    
}
.header-language{
    padding-top:20px;
    height:20px;
    text-align: right;
    font-size:16px;
}
.header-logo{
    height:100px;
}
.header-logo img{
    height:100px;
    margin:0 auto;
    display: block;
}
.header-title{
    font-size:18px;
    text-align: center;
}

.nav{
    height:60px;
    border-radius: 30px;
    border:4px #fff solid;
    margin-top:20px;
    box-sizing: border-box;
}
.nav-home{
    width:96px;
    margin:5px 0px;
    text-align: center;
    font-size:16px;
    height:42px;
    line-height:42px;
    float:left;
}
.nav-home a>i{
    font-size:20px;
}
.nav ul{
    width:1000px;
    float:left;
      display: flex;
}
.nav ul li{
    width:100%;
    margin:5px 0px;
    text-align: center;
    font-size:16px;
    height:42px;
    line-height:42px;
    border-left:2px #fff solid;
    box-sizing: border-box;
}
.nav-search{
    width:96px;
    margin:5px 0px;
    text-align: center;
    font-size:16px;
    height:42px;
    line-height:42px;
    float:left;
    border-left:2px #fff solid;
    box-sizing: border-box;
}
.nav-search a>i{
    font-size:20px;
}

.index-about{
    width:600px;
    height:210px;
    border-right:3px #fff solid;
    box-sizing: border-box;
    text-align: justify;
    padding:20px 15px 20px 0px;
}

.index-blog{
    width:600px;
    height:210px;
    border-left:3px #fff solid;
    box-sizing: border-box;
    padding:14px 0px 14px 15px;
}

.index-blog ul li i{
    width:12px;
    height:30px;
    line-height:30px;
}
.index-blog ul li a{
    height:28px;
    line-height:28px;
    width:560px;
    border-bottom:2px #fff dotted;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
}

.index-categroy{
    margin:20px auto;
}

.index-categroy ul li{
    width:190px;
    margin-right:12px;
    margin-bottom:10px;
}

.index-categroy ul li.fr{
    margin-right:0px;
}

.index-categroy ul li img{
    width:100%;
}

.index-valves{
    border-top:5px #fff solid;
}
.index-valves ul{
    margin:10px 0;
}
.index-valves ul li{
    width:595px;
    height:30px;
    line-height:30px;
    text-align: center;
    border:2px #fff solid;
    box-sizing: border-box;
    margin:4px 0;
}

.index-solutions{
    border-top:4px #fff solid;
    margin-bottom:20px;
}
.index-solutions-title{
    height:60px;
    line-height:60px;
    text-align: center;
}
.index-solutions-title a{
    font-size:14px;
    border-bottom:1px #fff solid;
}
.index-solutions ul li{
    width:270px;
    margin-right:40px;
}
.index-solutions ul li.fr{
    margin-right:0px;
}
.index-solutions ul li a img{
    width:270px;
    height:270px;
}
.index-solutions ul li a font{
    width:270px;
    display: block;
    text-align: center;
    height:36px;
    line-height:36px;
}


.index-product{
    border-top:4px #fff solid;
    margin-bottom:20px;
}
.index-product-title{
    height:60px;
    line-height:60px;
    text-align: center;
}
.index-product-title a{
    font-size:14px;
    border-bottom:1px #fff solid;
}
.index-product ul li{
    width:270px;
    margin-right:40px;
}
.index-product ul li.fr{
    margin-right:0px;
}
.index-product ul li a img{
    width:270px;
    height:270px;
}
.index-product ul li a font{
    width:270px;
    display: block;
    text-align: center;
    height:36px;
    line-height:36px;
}




.footer{
   border-top:5px #fff solid;
   text-align: center;
   font-size:14px;
   height:40px;
   line-height: 40px;
   margin-top:20px;
   font-weight: 600;
}



/*关于我们*/
.about{
    margin-top:20px;
}
/*博客*/
.blog{
    margin-top:20px;
    width:1200px;
    box-sizing: border-box;
}
.blog ul li{
    border-bottom:2px #fff solid;
    padding:10px 0;
}
.blog ul li i{
    width:12px;
    height:16px;
    line-height:16px;
}
.blog ul li a{
    height:16px;
    line-height:16px;
    width:1180px;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
}
.blog-view-title{
    font-size:16px;
    text-align: center;
}
.blog-view-content{
    margin:20px 0;
}

/*解决方案*/
.solutions{
    margin-top:20px;
    background:#fff;
    padding:10px;
}
.solutions-title{
    height:30px;
    text-align: center;
    line-height:30px;
    margin-bottom:10px;
    font-weight: 900;
}

.solutions-title-con{
    line-height:20px;
    margin-bottom:10px;
    font-weight: 600;
    padding:10px;
}

.solutions-child-list li{
    width:265px;
    margin-right:40px;
    margin-bottom:10px;
}
.solutions-child-list li.fr{
    margin-right:0px;
}
.solutions-child-list li a img{
    width:261px;
    height:261px;
    border-width:2px;
    border-style:solid;
    margin-bottom:3px;
}
.solutions-child-list li a font{
    width:265px;
    display: block;
    text-align: center;
    height:30px;
    line-height:30px;
    
}


/*产品中心*/
.valves{
    margin-top:20px;
}
.valves-title{
    height:30px;
    text-align: center;
    line-height:30px;
    border-bottom:5px #fff solid;
    border-top:5px #fff solid;
    font-weight: 900;
}
.valves-child-list li{
    height:30px;
    width:600px;
    text-align: center;
    line-height: 30px;
    box-sizing: border-box;
    border-bottom:2px #fff solid;
}
.valves-child-list li.fl{
    border-right:2px #fff solid;
}

/*联系我们*/
.contact{
    margin-top:20px;
    width:1200px;
}
.contact-title{
    width:100%;
    height:30px;
    line-height:30px;
    border-top:2px #fff solid;
    border-bottom:2px #fff solid;
    text-align: center;
}
.contact dl{
    padding-bottom:20px;
    border-bottom:2px #fff dotted;
}
.contact dl dt{
    width:100%;
    height:30px;
    line-height:30px;
    border-top:2px #fff solid;
    border-bottom:2px #fff solid;
    text-align: center;
    margin-top:20px;
}
.contact dl dd{
    line-height:30px;
    border-bottom:2px #fff solid;
}
.contact-dd-fl{
    width:295px;
    padding-left:5px;
}
.contact-dd-fr{
    width:890px;
    border-left:3px #fff solid;
    box-sizing: border-box;
    padding-left:10px;
}


.product{
    margin-top:20px;
}
.product-title{
    height:30px;
    text-align: center;
    line-height:30px;
    border-bottom:5px #fff solid;
    border-top:5px #fff solid;
    font-weight: bold;
}

.product-content{
    margin-top:20px;
}

.product-content-img{
    width:300px;
    height:300px;
}
.product-content-img img{
    width:300px;
    height:300px;
}
.product-content-info{
    width:900px;
    padding-left:40px;
    box-sizing: border-box;
    line-height:32px;
}

.product-box{
    margin-top:5px;
    padding-top:10px;
    background:#fff;
    padding-bottom:10px;
}
.product-box-online{
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    margin:0 10px 10px 10px;
    font-size:14px;
}
.product-box-tab{
    text-align: center;
}
.product-box-datasheet{
    width:30%;
}
.product-box-optional-parts{
    width:40%;
}
.product-box-enquiry-online{
    width:30%;
}
.product-box-tab a{
    width:200px;
    height:50px;
    line-height:50px;
    border-radius: 30px;
    display: block;
    margin:0 auto;
}
.product-box-optional-parts span{
    width:15px;
    height:15px;
    display: block;
    margin: 0 auto;
}
.product-box-optional-parts i.bottom-arrow{
			content:"";
			border-width:15px;
			border-style:solid;
			border-bottom:none;
			border-right-color:transparent;
			border-left-color:transparent;
			position:relative;
			top:10px;
			left:0px;
            border-radius:2px;
}

.product-box-optional-parts-content{
    background:#fff;
    padding:0 10px;
}
.product-box-optional-parts-content dt{
    height:30px;
    text-align: center;
    line-height:30px;
    margin-bottom:10px;
    font-weight: bold;
}
.product-box-optional-parts-content dt a{
    float:right;
    padding-right:20px;
}

.product-box-optional-parts-content dd ul li{
    width:265px;
    margin-right:40px;
    margin-bottom:10px;
}
.product-box-optional-parts-content dd ul li.fr{
    margin-right:0px;
}
.product-box-optional-parts-content dd ul li a img{
    width:261px;
    height:261px;
    border-width:2px;
    border-style:solid;
    margin-bottom:3px;
}
.product-box-optional-parts-content dd ul li a font{
    width:265px;
    display: block;
    text-align: center;
    height:30px;
    line-height:30px;
}

.product-box-confirm{
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    margin:0 10px 0 10px;
    font-size:14px;
}

.product-nr{
    margin-top:20px;
    padding-top:20px;
    border-top:5px #fff solid;
}

.product-from-box{ z-index: 2002;position: fixed; left:50%; top:50%; width:400px; margin-left:-200px; margin-top:-200px;}

.product-from-box-text{
    width:100%;
    clear:both;
    height:56px;
    border-bottom:1px #efefef solid;
}

.product-from-box-text label{
    line-height: 56px;
    width: 140px;
    display: block;
    float: left;
    padding-left: 20px;
    border-right: 1px #fff solid;
    
}

.product-from-box-text input{
    width: 179px;
    margin: 10px 20px;
    padding: 0px 10px;
    height: 36px;
    border: none;
    line-height: 36px;
    float: left;

}

.product-from-box-textarea{
    width:100%;
    clear:both;
    height:74px;
    border-bottom:1px #efefef solid;
}

.product-from-box-textarea label{
    line-height: 74px;
    width: 140px;
    display: block;
    float: left;
    padding-left: 20px;
    border-right: 1px #fff solid;
    
}

.product-from-box-textarea textarea{
    width: 179px;
    margin: 10px 20px;
    padding: 0px 10px;
    height: 54px;
    border: none;
    line-height: 18px;
    float: left;
}

.product-from-box #btn1{
    width:200px;
    height:60px;
    line-height:60px;
    font-size:18px;
    display:block;
    float:left;
    border-right: 1px #fff solid;
    text-align:center;
}

.product-from-box #btn2{
    width:199px;
    height:60px;
    line-height:60px;
    font-size:18px;
    display:block;
    float:left;
    text-align:center;
}

.product-from-box-shade{ width:100%; height:100%; position:fixed; top:0; left:0; background: rgba(0, 0, 0, 0.6); z-index: 996;}
