﻿

html { font-family:"微软雅黑","Microsoft YaHei", sans-serif, Arial, Helvetica; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%;}


h1,h2,h3,h4,h5,h6 { font-weight:normal;}
.box { width:1040px; margin:0 auto; padding:60px 0; display:table; clear:both;}
.bg_g,.bg_g i { background:#018e6d;}
.bg_b { background:#003b84;}
.bg_h,.bg_h i{ background:#2d2e32;}
.bg_g:hover,.bg_g:hover i { background:#279f83;}
.bg_b:hover { background:#265896;}
.bg_h:hover,.bg_h:hover i { background:#4c4d51;}

.box1 { background:#1C86EE; color:#fff;}
.index_jj_box .box { padding-bottom:0;}
.index_jj { display:table; width:100%;}
.index_jj img { float:right; width:360px; height:240px; margin:1em 0 0 2em;}
.index_jj h2 { font-size:3.2rem; line-height:2;}
.index_jj h2 span { font-size:2.4rem;}
.index_jj p { font-size:1.5rem;}
.more { text-align:center; margin:1.5em auto 0;}
.more a { font-size:1.5rem; padding:0.5em 3em; text-align:center;  display:inline-block; background:#018e6d; color:#fff;}
.more a:link,.more a:hover { color:#fff;}
.more a:hover { background:#003b84;}
.index_jj .more { text-align:left;margin:1.5em auto;}
.index_jj .more a { background:none; border:2px solid #006400; font-size:1.7rem; padding:0.35em 2.5em;}
.index_jj .more a:hover { background:#006400;}
.index_cpfl {}
.index_cpfl ul { width:100%;}
.index_cpfl ul li { width:25%; float:left; text-align:center; padding:40px 0;}
.index_cpfl ul li div { padding-bottom:12px;}
.index_cpfl ul li h3 { font-size:2rem; line-height:2.2;}
.index_cpfl ul li p { width:75%; margin:0 auto;}

/*首页阀门*/
.index_qs { width:100%;font-size: 18px;}
.index_qs_item { position:relative; padding:0px 0; height:350px;}
.index_qs_item .item { width:210px; height:210px; text-align:center; color:#fff; display:inline-block; z-index:2; vertical-align:top; transform:rotate(45deg); margin:0 0 -6% 8%;}
.index_qs_item .item:first-child { margin-left:4.2%;}
.index_qs_item .item>div {position:relative;width:60%;padding-top:5%;margin:20% auto;background:none;}
.index_qs_item .item>div>div { transform:rotate(-45deg);}
.index_qs_item .item:nth-child(4) { margin-left:18.5%;}




