@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600');

body{margin: 0px;padding: 0px;color:#333333;font-size:15px;line-height:25px;font-family:'Montserrat','Quicksand','Tenor Sans','Play','Lato','Raleway','Roboto Mono','Open Sans',"Apple SD Gothic Neo",'Noto Sans KR', NanumBarunGothic, "³ª´®¹Ù¸¥°íµñ", Malgun Gothic, "¸¼Àº °íµñ", dotum;}

/* Reset CSS */
* {margin: 0px;padding: 0px;box-sizing: border-box;}
a{text-decoration: none;color:inherit;}
h2{color:#333333;font-size: 38px;letter-spacing: -0.5px;line-height: 45px;padding:20px 0px;}
h3{font-size:25px;letter-spacing: -0.5px;padding:10px 0px 20px;color: #333333;}
h4{padding-top:20px;margin-bottom:10px;font-size:16px;letter-spacing:-0.5px;color: #444;}
li {list-style: none;}

input:focus {
outline: none;
}
textarea:focus {
outline: none;
}

#container{overflow:hidden;}

.com_layout{width:70%;margin:0px auto;min-width:1200px;position:relative;}
.com_layout1{width:90%;margin:0px auto;min-width:1200px;}
.com_layout2{padding-left:15%;}
.top{position: fixed;border: 1px solid rgba(255,255,255,0.4);bottom: 20px;right: 20px;border-radius:50%;color:#ffffff;padding:10px;background:rgba(0,0,0,0.2)}
.overflow_h{overflow:hidden;}
.float_l{float:left;}
.float_r{float:right;}
.strong_blue_text{font-size:26px;font-weight:bold;color:#1074bc;padding:30px 0px 20px;line-height:40px;}
.strong_blue_text1{font-size:26px;font-weight:bold;color:#1074bc;line-height:35px;}
.strong_blue_text2{font-size:17px;font-weight:bold;color:#1074bc;line-height:25px;}
.strong_black_text{font-size:26px;font-weight:bold;color:#333333;margin:30px 0px 10px;line-height:40px;}
.margin_b_30{margin-bottom:30px;}
.margin_1{margin:30px 0px;}
.margin_2{margin:60px 0px;}
.margin_3{margin:10px 0px 60px;}
.margin_4{margin:0px 0px 40px;}
.margin_5{margin:10px 0px 20px;}
.padding_1{padding:30px 0px;}
.blue_icon{background:url(/new_hsvalve/images/cmn/icon_bullet.png)no-repeat;padding-left:40px;}
.center{text-align:center;}
.text1{font-size:20px;color:#666666;line-height:30px;}
.text2{font-size:15px;color:#666666;line-height:25px;margin-bottom:10px;}
input{font-size: 14px;color: #3d3d3d;font-size: 14px;color: #3d3d3d;line-height: 30px;border: 1px solid #ccc;padding: 5px 10px;}
select{font-size: 14px;color: #3d3d3d;font-size: 14px;color: #3d3d3d;line-height: 30px;height:40px;border: 1px solid #ccc;padding: 5px 10px;}
.bold{font-weight:bold;}
.bg1{background:#f1f1f1;}


/*header*/
#header{position: fixed;padding: 50px 0px 10px;left: 0px;width: 100%;z-index:999;min-width:1200px;}
#header .nav .menu{float:left;overflow:hidden;padding-left:50px;}
#header .nav .menu li{float:left;border-bottom:1px solid rgba(255,255,255,0);text-align:center;padding: 0px 15px 7px 15px;line-height: 25px;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
#header .nav .menu li a{color:#ffffff;font-weight:bold;font-size:15.5px;}
#header .nav .menu li:hover{border-bottom:1px solid rgba(255,255,255,0.6);padding-bottom:7px;}
#header .nav .etc{float:right;}
#header .nav .etc li{float:left;text-align:center;padding:0px 10px;line-height: 15px;}
#header .nav .etc li a{color:#ffffff;font-weight:bold;font-size:15px;font-weight:normal;}
#header .nav h1{font-size:0px;}
.viewTotalMenuBtn{cursor: pointer;}

/*¸ÞÀÎ*/
#main .media .wrap h2 span{color:#666666;font-size:16px;padding:0px 18px;}
#main .media .wrap h2 a{float:right;color:#666666;font-size:16px;}
#main .media .wrap .com_layout li{width:33.3%;border-bottom:2px solid #ffffff;webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
#main .media .wrap .com_layout li:hover{width:33.3%;border-bottom:2px solid #1074bc;}
#main .media .wrap .com_layout li .title{font-weight:bold;font-size:18px;font-weight:bold;}
#main .media .wrap .com_layout li .date{font-weight:bold;color:#015aaa;padding:10px 0px;}
#main .news .wrap{position:relative;}
#main .news .wrap .board{float:left;width:45%;height:343px;border:1px solid #cecece;padding:40px;box-sizing:border-box;margin-right:30px;}
#main .news .wrap .board h2{font-size:0px;display:none;}
#main .news .wrap .board .tab{overflow:hidden;border-bottom:2px solid #e5e5e5;padding-bottom:0px;}
#main .news .wrap .board .tab a{float:left;font-size:17px;font-size:bold;padding:7px 14px;box-sizing:border-box;}
#main .news .wrap .board .tab .selected{float:left;font-size:17px;font-size:bold;padding-bottom: 10px;padding:7px 14px;box-sizing:border-box;font-weight:bold;color:#222222;border-bottom:2px solid #222222}
#main .news .wrap .board ul{margin:10px 0px;}
#main .news .wrap .board ul li ul{margin:0px;}
#main .news .wrap .ecatalog{float:left;width:454px;height:463px;background:#efefef url(/new_hsvalve/images/main/ecatalog_bg.jpg)no-repeat;background-position: 40px 120px;padding:40px;box-sizing:border-box;}
#main .news .wrap .ecatalog h2{font-size:26px;color:#015aaa;}
#main .news .wrap .recruit{position:absolute;top:0px;right:0px;width:320px;height:343px;padding:40px;z-index:9;background:#015aaa;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
#main .news .wrap .recruit:hover{background:#004b8e;}
#main .news .wrap .recruit h2{color:#ffffff;font-size:26px;line-height:35px;}
#main .news .wrap .recruit h2 a{float:right;}
#main .news .wrap .recruit p{color:rgba(255,255,255,0.5)}
#main .news .wrap .recruit div{border-top:2px solid rgba(255,255,255,0.3);padding-top:10px;margin-top:10px;}
#main .news .wrap .recruit div a{display:block;color:#ffffff;padding:5px 0px;background:url(/new_hsvalve/images/cmn/icon_more03.png)no-repeat;background-position:right;}
#main .product h2 a{float:right;color:#666666;font-size:16px;}
#main .product .wrap{background:#1074bc;padding:80px 0px;}
#main .product .wrap h4{    font-size: 50px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    margin-bottom: 0px;
    line-height: 60px;}
#main .product .wrap p{color: rgba(255,255,255,0.6);
    font-size: 18px;
    padding: 10px 0px 20px;
    line-height: 25px;}
#main .product .wrap .com_layout div a span{display:block;}
#main .product .wrap .com_layout div{text-align:center;padding:0px;}
#main .product .wrap .com_layout .more{
    background: url(/new_hsvalve/images/cmn/icon_line01.png)no-repeat;
    text-align: center;
    background-position: right;
    padding: 0px 0px 25px 15px;
    font-size: 18px;
    margin: 60px auto 0px;
    color: #ffffff;
    display: block;
    width: 260px;
    text-align: left;
    text-decoration: none;}
#main .company{background:#ebedef;padding:100px 0px;}
#main .company .wrap h2{font-size:50px;line-height:70px;letter-spacing:-1px;}
#main .company .wrap p{font-size:18px;padding:10px 0px 40px;line-height:32px;}
#main .company .wrap .info a{float:left;width:33.3%;}
#main .company .wrap .info a h3{font-size:25px;font-weight:bold;color:#333333;padding:30px 15px 10px 15px;}
#main .company .wrap .info a p{padding:15px;font-size:17px;line-height:27px;}
#main .company .com_layout .info{overflow:hidden;}

#main .product .wrap .taba{overflow:hidden;padding-bottom:0px;background: #052850;padding:0px;}
#main .product .wrap .taba li{min-height:80px;text-align:center;float:left;width:16.6%;padding:15px;    border-right: 1px solid rgba(255,255,255, 0.07);}
#main .product .wrap .taba a{
    font-size: 18px;
    font-size: bold;
    /* padding: 10px 43px; */
    color: rgba(255,255,255,0.6);
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
#main .product .wrap .taba .selected{
    font-size: 18px;
    font-size: bold;
    /* padding: 10px 43px; */
    font-weight: bold;
    color: rgba(255,255,255,1);}
#main .product .wrap .taba a:hover{color: rgba(255,255,255,0.9);}
#main .product .wrap .panela ul{background:#ffffff;overflow:hidden;}
#main .product .wrap .panela ul li{float: left;padding: 32px;box-sizing: border-box;width: 25%;border-right: 1px solid rgba(0,0,0,0.08);text-align: center;height: 350px;}
#main .product .wrap .panela ul li span{display:block;padding:40px 0px;text-align:center;font-size:17px;}
#main .media{margin-top:30px;}
#main .bannerWrap{position: fixed;right: 3%;top: 295px;z-index: 999;}
#main .bannerWrap a{display:block;width:130px;height:130px;font-size:13px;text-align:center;background:#0f74bc;color:#ffffff;padding-top:35px;border:1px solid rgba(255,255,255,0.2);-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
#main .bannerWrap a:hover{background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);}
#main .bannerWrap a+a{display:block;width:130px;height:130px;font-size:13px;text-align:center;background:#0b3b79;color:#ffffff;border:1px solid #0b3b79;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
#main .bannerWrap a+a:hover{background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);}
#main .product .wrap .com_layout .swiper2 .swiper-wrapper .swiper-slide{border-right: 1px solid rgba(0,0,0,0.08);height:327px;}
#main .product .wrap .com_layout .swiper2 .swiper-wrapper div{padding:30px 0px;}
#main .product .wrap .com_layout div a span{display: block;font-size: 17px;}
#main .swiper2{background:#ffffff;}
#main .product .wrap .com_layout div .swiper-slide a img{width:70%;}

/*¸ÞÀÎÇÏ´Ü ¼¼°èÃÊÀÏ·ù ¹ëºêÁ¾ÇÕ¸ÞÀÌÄ¿ È­¼º¹ëºê! EFFECTS */
.effect img {
   opacity:1;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.effect .mask {
   opacity:0;
   overflow:visible;
   background:rgba(16,116,188,0.8);
   width:100%;
   height:100%;
   -moz-transform:translateY(0px);
   -webkit-transform:translateY(0px);
   -o-transform:translateY(0px);
   -ms-transform:translateY(0px);
   transform:translateY(0px);
   -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect a.info {
	opacity:0;
   -moz-transform:translateY(60px);
   -webkit-transform:translateY(60px);
   -o-transform:translateY(60px);
   -ms-transform:translateY(60px);
   transform:translateY(60px);
   -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;

}
.effect:hover img {
	opacity:0.3;
   -moz-transform:scale(1.1,1.1);
   -webkit-transform:scale(1.1,1.1);
   -o-transform:scale(1.1,1.1);
   -ms-transform:scale(1.1,1.1);
   transform:scale(1.1,1.1);
}
.effect:hover .mask {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.effect:hover a.info {
	opacity:1;
   -moz-transform:translateY(50px);
   -webkit-transform:translateY(50px);
   -o-transform:translateY(50px);
   -ms-transform:translateY(50px);
   transform:translateY(50px);
}

.mainBottomBannerWrap{overflow:hidden;}
.mainBottomBannerWrap li{float:left;width:33.3%;}
.mainBottomBanner .mask, .mainBottomBanner .content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.mainBottomBanner {
	width: 100%;
	height: 490px;
	margin: 10px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.effect a.info{
text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 5%);
	display: block;
	padding-top: 200px;
	text-align: center;
	}

/*¸ÞÀΰøÅë*/

/*¸ÞÀÎ - È­¼º¹ëºêmedia*/
.media{margin:0px 0px 80px;}
.media .wrap ul{overflow:hidden;}
.media .wrap ul li{float:left;padding-right:20px;}

/*¸ÞÀÎ-°øÁö»çÇ×*/
.news .wrap div ul li ul li{padding:4px 15px;font-size:16px;background:url(/new_hsvalve/images/cmn/icon_point01.png)no-repeat;background-position:left;}
.news .wrap div ul li span{float:right;font-size:14px;color:rgba(0,0,0,0.6);}




/*º»¹®°øÅë*/
#main, #sub{min-width:1200px;}
.body{margin:40px auto;min-width:1200px;}
.body .left{float:left;width:230px;margin-right:45px;}
.body .right{float:right;width: calc(100% - 275px);}
.body h3{font-size:30px;}
.subvisual{position:relative;background:url(/new_hsvalve/images/sub/subvisual01.jpg)no-repeat;height:370px;text-align:center;}
.subvisual1{position:relative;background:url(/new_hsvalve/images/sub/subvisual02.jpg)no-repeat;height:370px;text-align:center;}
.subvisual2{position:relative;background:url(/new_hsvalve/images/sub/subvisual03.jpg)no-repeat;height:370px;text-align:center;}
.subvisual3{position:relative;background:url(/new_hsvalve/images/sub/subvisual04.jpg)no-repeat;height:370px;text-align:center;}
.subvisual4{position:relative;background:url(/new_hsvalve/images/sub/subvisual05.jpg)no-repeat;height:370px;text-align:center;}
.subvisual5{position:relative;background:url(/new_hsvalve/images/sub/subvisual06.jpg)no-repeat;height:370px;text-align:center;}
.subvisual6{position:relative;background:url(/new_hsvalve/images/sub/subvisual07.jpg)no-repeat;height:370px;text-align:center;}
.subvisual7{position:relative;background:url(/new_hsvalve/images/sub/subvisual08.jpg)no-repeat;height:370px;text-align:center;}
.subvisual8{position:relative;background:url(/new_hsvalve/images/sub/subvisual08.jpg)no-repeat;height:370px;text-align:center;}
.subvisual h2,.subvisual1 h2, .subvisual2 h2, .subvisual3 h2, .subvisual4 h2,.subvisual5 h2,.subvisual6 h2,.subvisual7 h2{font-size:40px;font-weight:bold;color:#ffffff;padding-top:180px;text-shadow: 1px 1px 1px rgb(0 0 0 0.6);}

.body .left ul li a{display:block;font-size:17px;color:#222222;border-bottom:1px solid #e2e3e4;line-height:25px;padding:13px 0px;}
.body .left ul li a:hover{color:#015aaa;}
.body .left ul li a.select{font-size:17px;color:#015aaa;border-bottom:2px solid #015aaa;font-weight:bold;background:url(/new_hsvalve/images/cmn/icon_nero02.png)no-repeat;background-position:100%;}
.body .right .copy{position: relative;background: #f0f3f8;line-height: 55px;padding: 60px;box-sizing: border-box;margin: 20px 0px;color: #333333;font-size: 37px;margin-bottom: 70px;letter-spacing: -0.5px;}
.body .right .copy .img{position:absolute;top:70px;right:70px;}
.body .right .copy .text{font-size: 16px;color: #015aaa;font-weight: normal;line-height: 27px;padding-top: 20px;}
.body .right{font-size:17px;line-height:30px;}
#pathWrap:before{content: "";display: block;width: 100%;height: 100%;background: #1a5bb1;position: absolute;right: -100%;top: 0px;}
#pathWrap .navi li.home a{height: 100%;width: 60px;background: #003366 url(/new_hsvalve/images/cmn/icon_home.png) no-repeat center 50%;overflow: hidden;text-indent: -9999px;padding: 0px;margin: 0px;display: block;color: #fff;}
#pathWrap .navi{height: 100%;}
#pathWrap .navi li a{padding:0px 30px;color: #ffffff;font-size: 16px;font-weight: bold;line-height: 60px;}
#pathWrap .navi li:nth-child(3){background: none;}
#pathWrap .navi li {float: left;background:url(/new_hsvalve/images/cmn/icon_nero03.png)no-repeat;background-position:right;);height: 100%;}
#pathWrap{position: absolute;right: 0px;top: -100px;margin-right: 0px;height: 60px;z-index: 99;background: #1a5bb1;width: 100%;}

.tapA,.tapB,.tapC{overflow:hidden;border:1px solid #d1d1d1;margin:10px 0px;}
.tapA li{float:left;text-align:center;width:20%;border-right:1px solid #d1d1d1;}
.tapB li{float:left;text-align:center;width:20%;border-right:1px solid #d1d1d1;}
.tapA li a,.tapB li a{display:block;padding:10px;min-height:80px;}
.tapA li .select,.tapB li .select{background:#1074bc;color:#ffffff;}
.tableA,.tableC{width:100%;font-size:15px;border:1px solid #e2e3e4;border-top:2px solid #1074bc;}
.tableA th,.tableA td,.tableC th,.tableC td{border-bottom:1px solid #e2e3e4;padding:5px 10px;text-align:center;}
.tableC td{border-right:1px solid #e2e3e4;padding:5px 10px;text-align:center;}
.tableA th,.tableC th{background:#1074bc;color:#ffffff;}
.boxA{border:1px solid #e2e3e4;border-top:2px solid #1074bc;overflow:hidden;padding:20px;}
.boxB{background:#f4f4f4;border:1px solid #e2e3e4;border-top:2px solid #1074bc;overflow:hidden;padding:80px;font-size:16px;}
.boxC{position: relative;background: #f0f3f8;padding: 80px;box-sizing: border-box;margin: 20px 0px;color: #333333;}
.boxE{background: #f0f3f8;padding: 30px;box-sizing: border-box;margin: 20px 0px;color: #015aaa;font-size: 20px;}
.btn_blue1{text-decoration:none;display: block;margin: 0px;line-height: 40px;font-size: 20px;font-weight: bold;color: #ffffff;text-align: left;padding: 20px;background: #1074bc url(/new_hsvalve/images/cmn/icon_nero04.png)no-repeat;background-position: 95%;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.btn_blue1:hover{text-decoration:none;display: block;margin: 0px;line-height: 40px;font-size: 20px;font-weight: bold;color: #ffffff;text-align: left;padding: 20px;background: #003366 url(/new_hsvalve/images/cmn/icon_nero04.png)no-repeat;background-position: 95%;}
.btn_blue2{text-decoration:none;background: #1074bc url(/new_hsvalve/images/cmn/icon_fileDown.png)no-repeat;background-position: 93%;padding: 7px 40px 7px 20px;border-radius: 30px;font-size: 15px;color: #ffffff;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.btn_blue2:hover{text-decoration:none;background: #003366 url(/new_hsvalve/images/cmn/icon_fileDown.png)no-repeat;background-position: 93%;padding: 7px 40px 7px 20px;border-radius: 30px;font-size: 15px;color: #ffffff;}
.btn_blue3{text-decoration:none;text-decoration:none;background: #1074bc;padding: 7px 20px;border-radius: 30px;font-size: 15px;color: #ffffff;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.btn_blue_line1{text-decoration:none;line-height: 25px;
    border: 1px solid #1074bc;
    color: #1074bc;
    border-radius: 30px;
    padding: 5px 10px;
    font-size: 14px;
    min-width: 100px;
    text-align: center;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn_blue_line1:hover{text-decoration:none;line-height: 25px;
    border: 1px solid #1074bc;
    color: #1074bc;
    border-radius: 30px;
    padding: 5px 10px;
    font-size: 14px;
    min-width: 100px;
    text-align: center;
}
.btn_gray1{text-decoration:none;line-height: 25px;
    background:#f1f1f1;
    border-radius: 30px;
    padding: 5px 13px;
    font-size: 14px;
    min-width: 100px;
    text-align: center;
	border:1px solid #e5e5e5;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn_gray1:hover{text-decoration:none;line-height: 25px;
    background:#eeeeee;
    border-radius: 30px;
    padding: 5px 13px;
    font-size: 14px;
    min-width: 100px;
    text-align: center;
	border:1px solid #aaaaaa;
}
.btn_blue3:hover{background: #003366;padding: 7px 20px;border-radius: 30px;font-size: 15px;color: #ffffff;}
.btnWrap{padding:20px 0px;}
.btnWrap a{text-decoration:none;line-height: 20px;border: 1px solid #1074bc;color: #1074bc;border-radius: 30px;padding: 7px 15px;font-size: 14px;text-align:center;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.btnWrap a:hover{text-decoration:none;background:#1074bc;color:#ffffff;line-height: 20px;border: 1px solid #1074bc;border-radius: 30px;padding: 7px 15px;font-size: 14px;}
.btnWrap .btn{text-decoration:none;color:#ffffff;background:#1074bc;line-height: 20px;border: 1px solid #1074bc;border-radius: 30px;padding: 7px 15px;font-size: 14px;text-align:center;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.btnWrap .btn:hover{text-decoration:none;background:#0a558b;color:#ffffff;line-height: 20px;border: 1px solid #1074bc;border-radius: 30px;padding: 7px 15px;font-size: 14px;}
.btnWrap .admin{text-decoration:none;line-height: 20px;border: 0px solid #1074bc;color: #1074bc;border-radius: 30px;padding: 0px;font-size: 14px;text-align:center;}
.btnWrap .admin:hover{text-decoration:none;background:none;color:#ffffff;line-height: 25px;border: 0px solid #1074bc;border-radius: 30px;padding: 0;font-size: 14px;}


/*È­¼º¹ëºê¼Ò°³*/
.history .year{position:relative;color: #1074bc;font-size: 30px;vertical-align: top;width: 190px;border-right: 1px solid #1074bc;margin-right:50px;min-height:150px;}
.history .date span{color:#1074bc;padding-left:35px;margin-right: 20px;font-size:16px;}
.history .year .icon{position: absolute;right: -15px;top: 0px;}
.history .yearList li{overflow:hidden;}
.map .mapList ul li{background: url(/new_hsvalve/images/cmn/icon_point01.png)no-repeat; padding-left: 12px;background-position: left;}
.map .mapList .tapC .tap_menu_best .tap_active{border:1px solid #1074bc;color:#1074bc;font-weight:bold;font-size:20px;padding:20px;border-bottom:0px;}
.map .mapList .tapC .tap_menu_best li{float:left;width:50%;border:1px solid #e0e0e0;border-bottom:1px solid #1074bc;color:#aaaaaa;font-weight:bold;font-size:20px;padding:20px;background:none;}
.history .tapA li a,.tapB li a{display:block;padding:10px;min-height:auto;}


/*Á¦Ç°¼Ò°³*/
.product .productList{border:1px solid #e2e3e4;border-bottom:0px;border-right:0px;}
.product .productList a span{position: absolute;bottom: 0px;right: 0px;background: #daddeb;/* padding: 20px; */font-size: 40px;color: #ffffff;width: 45px;height: 45px;line-height: 45px;text-align: center;font-weight: normal;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.product .productList a:hover span{background: #1a5bb1;}
.product .productList a{float: left;overflow:hidden;line-height: 460px;position: relative;text-align: center;padding: 15px;width: 33.3%;height: 300px;border-right: 1px solid #e2e3e4;border-bottom: 1px solid #e2e3e4;}
.product .productList1{width:100%;border:1px solid #e2e3e4;border-bottom:0px;border-right:0px;}
.product .productList1 td{position:relative;vertical-align: top;text-align:center;border-bottom:1px solid #e2e3e4;border-right:1px solid #e2e3e4;padding: 15px;width: 33.3%;height: 360px;}
.product .productList1 td a .more{position: absolute;bottom: 0px;right: 0px;background:#daddeb;/* padding: 20px; */font-size: 40px;color: #ffffff;width: 45px;height: 45px;line-height: 45px;text-align: center;font-weight: normal;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.product .productList1 td a:hover .more{
    background: #1a5bb1;
}
.product .productList1 td a .productName{position: absolute;top: 270px;left: 50%;transform: translateX(-50%);/* display: block; */width: 80%;}
.product h4{padding-top:0px;}
.product h5{color:#1074bc;font-weight:bold;font-size:16px;padding-left:20px;background:url(/new_hsvalve/images/cmn/icon_bullet01.png)no-repeat;background-position:0% 40%;}
.product .bbs_table2 th{text-align:left;}
.product .bbs_table2 td{padding:5px 0px;}
.productDetail h4 a{float:right;line-height:17px;border:1px solid #1074bc;color:#1074bc;border-radius:30px;padding:7px 10px;font-size:14px;}
.productDetail h4 a:hover{background:#1074bc;color:#ffffff;}
.productDetail .productInfo1 p{float:left;text-align:center;width:50%;border-right: 1px solid #e2e3e4;}
.productDetail .productInfo1 div{float:right;width:50%;padding-left:40px;}
.productDetail .productInfo1 div p{float:none;width:100%;text-align:left;font-size:18px;font-weight:bold;color:#404040;padding:10px 0px;border:0px;}
.productDetail .productInfo1 div ul li{background: url(/new_hsvalve/images/cmn/icon_point01.png)no-repeat;font-size:15px;padding-left: 12px;background-position: left;}
.productDetail .boxB table tr td{text-align:left;font-size:15px;}

.bestTap .selected {
    border-bottom: 2px solid #000;
}
.bestTap ul li {
    font-weight: 400;
    margin: 0px 20px 0px 0px;
    padding-bottom: 5px;
	float: left;
}
#main .product .wrap .com_layout .bestTap ul li a{
	font-size:15px;}
.tableWrap,.tableWrap1{margin-bottom:40px;}
.table1 td {line-height: 2.5em;font-size: 1.2em;border-bottom: 1px solid #f1f1f1;}
.tableWrap_title,.tableWrap1_title{font-size:16px;font-weight:bold;color:#333333;}



/*e-catalog*/
.ecatalog .boxC .img{position:absolute;top:0px;right:0px;line-height:0px;}
.ecatalog .boxC .img p{padding:0px;margin:0px;}
.ecatalog .boxC .con{width:48%;}
.ecatalog .boxC .con h4{color:#333333;font-size:42px;padding-bottom:15px;line-height: 50px;}
.ecatalog .boxC .con .text1{}
.ecatalog .boxC .con .text2{margin-bottom:10px;}
.ecatalog .boxC .con ul,.ecatalog .boxC .con div{border-top:1px solid #b8d1e4;border-bottom:1px solid #b8d1e4;padding:20px 0px;margin:20px 0px;font-size:17px;color:#1074bc;}
.ecatalog .boxC .con ul li{font-size: 15px;background:url(/new_hsvalve/images/cmn/icon_point02.png)no-repeat;padding-left:12px;background-position:left;line-height: 35px;}
.ecatalog .boxC{min-height: 730px;}


/*ÅõÀÚÁ¤º¸*/
.investment .tableD{font-size:16px;border-bottom:1px solid #cccccc;}
.investment .tableD td{padding:5px;}
.investment .tableD th{background:#8497b0;text-align:center;color:#ffffff;padding:5px 0px;}
.investment .tableD .leftLine{border-right-width:1px; border-right-color:rgb(238,238,238); border-right-style:solid;text-align:left;}
.investment .tableD .right{text-align:right;float:none;}
.investment h4{font-size:25px;font-weight:bold;color:#2B2B2B;letter-spacing:-0.5px;padding-top:50px;}
.investment h4 span{font-size:15px;font-weight:bold;color:#A9A9A9;letter-spacing:1px}
.investment .tableD .line{border-bottom:1px dotted #e5e5e5;padding:0px;}
.investment select{border: 1px solid #015aaa;color:#015aaa;width:100px;}
.investment .search{overflow:hidden;}
.investment .search p{float:left;}


/*Ç°Áú½Ã½ºÅÛ*/
.body .right .boxD{margin:40px 0px 100px;}


/*±â¼úÁ¤º¸*/
.technology .text2{margin:0px 0px 15px 0px;}


/*°í°´¼¾ÅÍ*/
.customerSupport .boxF,.customerSupport .boxFa{border:1px solid #e5e5e5;}
.customerSupport .boxF h4,.customerSupport .boxFa h4{background:rgb(244, 244, 244) url(/new_hsvalve/images/cmn/icon_bullet.png)no-repeat;background-size:20px;padding-left: 40px;margin-bottom:0px;
;text-align:left;border-top:1px solid #015aaa;background-position: 15px;padding-top: 5px;line-height: 50px;}
.customerSupport .boxF ul,.customerSupport .boxF div{padding:20px 30px;}
.customerSupport .boxFa ul,.customerSupport .boxFa div{padding:20px 30px;}
.customerSupport .boxF ul li{background: url(/new_hsvalve/images/cmn/icon_point01.png)no-repeat;padding-left: 12px;background-position: left;}
.customerSupport .boxFa .info{overflow:hidden;}
.customerSupport .boxFa .info li{float:left;width:50%;overflow:hidden;padding:5px 0px;}
.customerSupport .boxFa .info li span{float:left;display:block;width:80px;padding-right:10px;}
.customerSupport .boxFa .info li input{width:95%;}
.customerSupport .boxFa .product{overflow:hidden;}
.customerSupport .boxFa .product li{float:left;padding-right:15px;}
.customerSupport .boxFa .product input{width:20px;height:20px;margin-right:5px;}
.customerSupport .boxFa .content .input_write{width:100%;height:300px;border:1px solid #e5e5e5;}


/*¹Ìµð¾î¼¾ÅÍ*/
.media .contentsWrap {
	overflow: hidden;
}
.media .contentsWrap li ul .td_con {
	width: 100%;
	/* box-shadow: none; */
	padding: 0px;
	margin: 0px;
	border: 1px solid rgba(255,255,255,0.);
}
.media .contentsWrap li {
	float: left;
	width: 48%;
	margin:0% 1%;
	margin-bottom: 6%;
	box-sizing:border-box;
}
.media .contentsWrap li .td_num{font-size:0px;}
.media .contentsWrap li .contents{border:1px solid #e5e5e5;}
.media .contentsWrap li .contents li{border:0px;}
.media .contentsWrap li .bo_title{text-align:center;padding:20px 0px;}
.media .contentsWrap .checkbox{width:20px;height:20px;}



/*°Ô½ÃÆÇ*/
.bbs_table1{border-top:1px solid #1074bc;font-size:15px;}
.bbs_table1 th{font-size:16px;color:#333333;background:#f4f4f4;font-weight:bold;height:60px;text-align:center;}
.bbs_table1 td{border-bottom:1px solid #f1f1f1;line-height:50px;text-align:center;font-size:13px;color:#555555;}
.bbs_table1 td+td{text-align:left;font-size:15px;}
.bbs_table1 td+td+td,.bbs_table1 td+td+td+td,.bbs_table1 td+td+td+td+td{font-size:13px;color:#555555;text-align:center;}
.bbs_table3{border-top:2px solid #1074bc;font-size:15px;}
.bbs_table3 th{font-size:16px;color:#333333;background:#f4f4f4;text-align:left;padding:20px;border-bottom:1px solid #e5e5e5;}
.bbs_table3 td{padding:20px;text-align:left;font-size:14px;line-height:30px;border-bottom:1px solid #e5e5e5;}
.bbs_table3a{border-top:2px solid #1074bc;font-size:15px;}
.bbs_table3a th{font-size:16px;color:#333333;background:#f4f4f4;text-align:left;padding:5px;border-bottom:1px solid #f1f1f1;}
.bbs_table3a td{padding:5px;text-align:left;font-size:14px;line-height:30px;border-bottom:1px solid #e5e5e5;}
.bbs_table4{border-top:1px solid #1074bc;font-size:15px;}
.bbs_table4 th{font-size:16px;color:#333333;background:#f4f4f4;font-weight:bold;height:60px;text-align:center;}
.bbs_table4 td{border-bottom:1px solid #f1f1f1;line-height:50px;text-align:center;font-size:13px;color:#555555;}
.bbs_table4 td+td{text-align:left;font-size:15px;}
.bbs_table5{border-top:1px solid #1074bc;font-size:15px;}
.bbs_table5 th{font-size:16px;color:#333333;background:#f4f4f4;font-weight:bold;height:60px;text-align:center;}
.bbs_table5 td{border-bottom:1px solid #f1f1f1;line-height:50px;text-align:center;font-size:13px;color:#555555;}
.bbs_table5 td{text-align:center;font-size:15px;}
.bbs_table5 td+td+td{text-align:left;font-size:15px;}
.bbs_table5 td+td+td+td{text-align:center;font-size:13px;}
.table1{border-bottom:1px solid #cccccc;margin-bottom:60px;}
.table1 th{background:#8497b0;font-size: 15px;height: 45px;}
.table1 td{line-height: 45px;font-size:15px;border-bottom: 1px solid #f1f1f1;}
.table1 .grayBg{line-height: 45px;background: #f9f9f9;}
.bbs_table1 td+td+td+td,.bbs_table1 td+td+td+td+td{font-size:13px;color:#555555;text-align:center;}
.bbs_table2{border-top:2px solid #1074bc;}
.pageWrap{text-align:center;padding:20px 0px;font-size:15px;}
.pageWrap a,.pageWrap span{margin:0px 5px;padding:0px 10px;color:#555555;}
.pageWrap .select{font-weight:bold;color:#1074bc;}
.pageWrap .pre{margin-right:20px;}
.pageWrap .next{margin-left:20px;}
.preNextWrap{font-size:15px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 10px 0px;} 
.preNextWrap td{padding:5px 0px;color:#888888;}
.preNextWrap td a{color:#888888;}
.fileWrap{margin:20px 0px;color:#888888;font-size:15px;padding-left:30px;background:url(/new_hsvalve/images/cmn/icon_file.png)no-repeat;background-position:left;}


/*footer*/
#footer{border-top: 1px solid #e9e9e9;}
#footer .body,.footer .banner{margin:0px auto;}
#footer .banner{overflow:hidden;padding:30px 0px;}
#footer .banner a{float:left;width:160px;font-size:}
#footer .banner a > img{float:left;padding-right:5px;}
#footer .banner a > span{display:block;padding-top:5px;}
#footer .body .menu{padding:0px;margin-bottom: 20px;}
#footer .body .menu > a{font-weight: bold;color:rgba(255,255,255,0.7);padding-right: 20px;font-size:16px;}
#footer .copyright{background:#282c37;color:rgba(255,255,255,0.4);padding:50px 0px;box-sizing:border-box;height: 350px;}
#footer .body .country_branch{border: 1px solid rgba(255,255,255,0.4);float: right;padding: 15px 20px;font-weight: bold;color: rgba(255,255,255,0.7);background: url(/new_hsvalve/images/cmn/icon_nero01.png)no-repeat;background-position: 90%;width: 300px;}
#footer .branchOfficeWrap{position:relative;}
#footer .branchOfficeWrap .showhide{color:#333333;display:none;position:absolute;bottom:100%;right:0px;width:300px;height:300px;border:1px solid #eee;box-sizing:boder-box;background:#fff;overflow-y:scroll;    box-shadow: rgb(0 0 0 / 10%) 10px 10px 40px;}
#footer .branchOfficeWrap .branchOfficeList li{padding:15px;border-bottom:1px solid #e5e5e5;}
#footer .branchOfficeWrap .branchOfficeList li .OfficeName{font-weight:bold;color:#1074bc;font-size:16px;}
#footer .branchOfficeWrap .branchOfficeList li p{font-size:14px;}