 	 	@charset "utf-8";
/* CSS Document */

body,div,ul,li,ol,dl,dt,p,dd,img,input,a,span,h1,h2,h3,h4,h5,h6,table,td,tr{padding:0; margin:0; border:0; list-style:none;}
body{ font-size:14px; color:#3e3e3e;font-family:"黑体"; background:#fff;}
a{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:underline;}
img{max-width:100%;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }



/*头部  开始*/
.header{width:100%;height:auto;background:#f9cf34;}
.headerIn{max-width:1200px;margin:0 auto;}
.logo{width:22%;height:auto;float:left;padding:0.9% 0 ;}
.logo a,.logo img{display:block;}
.nav{width:33%;height:auto;float:left;margin-left:7%;}
.t-nav{display:none;}
.nav>ul>li{float:left;padding:0 5%;}
.nav>ul>li>a{display:block;line-height:70px;font-size:16px;font-weight:bold;color:#000;position:relative;text-decoration:none;}
.nav>ul>li.on a,.nav>ul>li a:hover{color:#fff;}
.nav>ul>li .navBox{width:100%;height:60px;background:rgba(255,255,255,0.8);position:absolute;top:70px;left:0;padding-left:35%;display:none;z-index:1;}
.nav > ul > li:nth-child(3) .navBox{padding-left:31%;}
.nav>ul>li .pronavBox{height:150px;}
.nav>ul>li:hover .navBox{display:block;}
.nav>ul>li .navBox li{width:80px;height:40px;float:left;padding:20px 20px 0 0;}
.nav>ul>li .pronavBox li{width:100px;height:125px;padding:25px 20px 0 0;}
.nav>ul>li .navBox li:hover{cursor:pointer;}
.nav>ul>li .pronavBox li img{width:100px;height:45px;}
.nav>ul>li .navBox li a{display:block;font-size:14px;color:#000;text-align:center;text-decoration:none;}
.nav>ul>li .navBox li:hover a{font-weight:bold;}

.search{width:10%;height:25px;border:1px solid #bcb497;float:left;margin:23px 15px 20px 5%;}
.search input{width:76.5%;height:25px;float:left;padding-left:2px;}
.search img{float:right;cursor:pointer;}
.language{width:10%;height:25px;margin: 23px 0  22px 1px;float:left;}
.language select{width:100%;height:25px;border:1px solid #bcb497;float:left;cursor:pointer;}
.logo2{float:right;width:10%;height: auto;padding: 0.9% 0;}

/*头部  结束*/


/*面包屑导航  开始*/
.breadcrumbNav{max-width:1200px;height:36px;margin:0 auto 2%;}
.breadcrumbNav p,.breadcrumbNav a{line-height:36px;color:#000;}
/*面包屑导航  结束*/

/*四大分类  开始*/
.classification{max-width:1200px;height:auto;margin:0 auto;}
.clafiTop p{line-height:26px;text-indent:2em;}
.clafiBot{padding-top:4%;}
.clafiBot01,.clafiBot02,.clafiBot03,.clafiBot04{width:46.5%;margin-bottom:4%;float:left;}
.clafiBot01,.clafiBot03{margin-right:3%;}
.clafiBot02,.clafiBot04{margin-left:3%;}
.clafiBot .clafiTitle{width:100%;height:55px;line-height:55px;background:#f4f4f4;font-size:20px;cursor:pointer;}
.clafiBot .clafiTitle:hover{background:#000;}
.clafiBot .clafiTitle a{display:block;text-align: left;background:url(img/link-arrow-invert.png) no-repeat  right center;padding:0 20px;color:#000;}
.clafiBot .clafiTitle:hover a {color:#fff;text-decoration:none;background:url(img/link-arrow-hover.png)  no-repeat  right center;}
/*四大分类  结束*/


/*产品列表  开始*/
.content{max-width:1200px;height:auto;margin:0 auto 1%;}
.conLeft{width:24%;padding:0 3% 0 1%;float:left;}
.dlbg{border-top:1px solid #000;}
.conList{border-bottom:1px solid #000;padding:8% 0;}
.conList dt{font-size:18px;color:#000;margin:0 2% 8%;cursor:pointer;}
.conList dt span{display:inline-block;width:15px;height:15px;line-height:13px;text-align:center;background:#535353;color:#fff;margin-top:1.5%;float:right;}
.conList dd{display:block;}
.dlDd{display:block;}
.conList a{color:#000;line-height:250%;margin:0 2%;cursor:pointer;}
.conList a:hover{text-decoration:none;}
.conList dd .abg{color:#f9cf34;}

.conRight{width:72%;float:right;}
.conRight .conDet{width:28.4%;margin:0 7% 7% 0;border:1px solid #fff;text-align:center;float:left;position:relative;}
.conRight .conbg{margin-right:0;float:right;}
.conRight .conDet:hover{border:1px solid #000;}
.conRight .conDet img{display:block;}
.conRight .conDet p{width:100%;line-height:55px;background:#f6f6f6;}
.conRight .conDet:hover p{background:#000;color:#fff;}
.conRight .conDet p a{display:block;font-size:20px;color:#000;}
.conRight .conDet:hover p a{color:#fff;}
.conRight .conDet p a:hover,.conRight .conDet span a:hover{text-decoration:none;}
.conRight .conDet span {display:none;width:100%;line-height:32px;font-size:14px;background:url(img/probg.jpg);cursor:pointer;position:absolute;left:0;bottom:55px;}
.conRight .conDet:hover span{display:block;}
/*产品列表  结束*/


/*产品详情  开始*/
.proDetail{width:72%;float:right;text-align:center;}
.proDetail h2{font-size:24px;color:#000;font-weight:300;}
.propicBig{max-width:600px;width:69.5%;position:relative;margin:3% auto 2%;}
.propicBig .propic img{display:block;width:100%;}
.propicBig .proDetailbg{width:54%;position:absolute;left:0;bottom:-0.8%;}
.propicBig a{display:block;width:50%;line-height:60px;font-size:18px;background:#000;cursor:pointer;padding-left:50%;}
.propicBig a:hover{text-decoration:none;}
.propicMin{max-width:600px;width:69.5%;margin:0 auto;}
.propicMin li{float:left;margin-right:1%;border:1px solid #fff;}
.propicMin li:hover{border:1px solid red;}
.propicMin li img{display:block;}
.propicMin li.propicMinteshu{margin-right:0;}
/*.proDetable{width:72%;float:right;margin:3% auto 2%;}
.proDetable h3{font-size:18px;color:#000;font-weight:300;text-align:center;margin:0 auto 3%;}
.proDetable table{width:100%;border-bottom:1px solid #000;}
.proDetable table tr{line-height:40px;}
.proDetable table tr td{width:50%;border-top:1px solid #000;padding-left:19%;}
*/

.proDeinfo{width:50%;float:right;margin:3% auto 2%;padding:0 11%;}
.proDeinfo-hd{width:100%;height:20%;background:#f5f5f5;border-bottom:3px solid #f8c301;}
.proDeinfo-hd ul li{float:left;width:20%;font-size:16px;text-align:center;line-height:40px;cursor:pointer;}
.proDeinfo-hd ul li a{color:#000;}
.proDeinfo-hd ul li a:hover{text-decoration:none;}
.proDeinfo-hd ul .proDefoHdCut{background:#f8c301;color:#fff; font-weight:bold;}
.proDeinfo-bd{width:100%;}
.proDeinfo-bd ul{border:1px solid #ddd;border-top:none;padding:0 3%;display:none;}
.proDeinfo-bd ul:nth-of-type(1) li{width:33.3%;float:left;padding:2% 0;}
.proDeinfo-bd ul:nth-of-type(1) li h4,.proDeinfo-bd ul:nth-of-type(1) li p{display:inline-block;line-height:30px;}
.proDeinfo-bd ul li h4{margin-right:15%;}
.proDeinfo-bd ul:nth-of-type(1) li.proDeBox{width:100%;border-top:1px solid #ddd;}
.proDeinfo-bd ul:nth-of-type(1) li.proDeBox p{display:block;margin-right:0;}
.proDeinfo-bd ul:nth-of-type(2) li .jiacu{font-weight:bold;}
.proDeinfo-bd ul:nth-of-type(2){border:none;padding:0;}
.proDeinfo-bd ul:nth-of-type(2) li{width:96%;border-bottom:1px solid #ddd;padding:2%;}
.proDeinfo-bd ul:nth-of-type(2) li h3{color:#000;font-size:16px;padding:2% 0;}
.proDeinfo-bd ul:nth-of-type(2) li p{line-height:30px;}
/*.inquiry{width:15%;height:auto;background:#fff;border:1px solid #d2d2d2;padding:0 0 1.2% 0; position:absolute;top:16%;right:1%;}
.inquiry ul{width:100%;margin:0 0 8% 0;}
.inquiry ul li{margin:5% 3%;padding:0 0 5% 5%;border-bottom:1px solid #d2d2d2;}
.inquiry ul li img{width:35%;vertical-align:middle;margin:0 0 0  6%;}
.inquiry ul li p{display:inline;font-size:12px;margin:0 0 0 6%;}
*/
.inquiry{width:8%;height:auto;background:#fff;border:1px solid #d2d2d2;padding:0 0 1.2% 0; position:absolute;top:16%;right:1%;margin-left:10%;}
.inquiry ul{width:100%;margin:0 0 8% 0;}
.inquiry ul li {margin: 5% 3%;padding: 0px 0px 5% 0;border-bottom:1px solid #d2d2d2;}
.inquiry ul li img{width:79%;vertical-align:middle; margin: 0 0 0 6%;}
.inquiry ul li p {display:none;}

.inquiry .xunjia{width:94%;margin:0 3%;background:#000;line-height:50px;text-align:center;}
.inquiry .xunjia a{display:block;font-size:14px;cursor:pointer;}
.inquiry .xunjia a:hover{text-decoration:none;}
/*产品详情  结束*/


/*产品询价  开始*/
.inquiryInfor{max-width:1200px;height:auto;margin:0 auto 40px;}
.inqProduct{width:55%;float:left;}
.inqProduct ul li{width:70%;border-bottom:1px dashed #d2d2d2;padding:3% 8%;}
.inqProduct ul li:nth-child(1){border-top:1px dashed #d2d2d2;}
.inqProduct ul li img{width:25%;vertical-align:middle;}
.inqProduct ul li p{display:inline;padding:0 0 0 20%;}
.inqProduct ul li span{padding:0 0 0 20%;}
.inqSheet{width:30%;float:right;background:#f1f1f1;margin:0 0 0 3%;padding:2% 5% 3%;}
.inqSheet p i,.inqSheet ul li i{font-style:normal;color:red;}
.inqSheet ul{margin:8% 0;}
.inqSheet ul li{margin:4% 0;}
.inqSheet ul li  label{margin-left:14px;}
.inqSheet ul li:last-child label{margin-left:0;}
.inqSheet ul li input{width:68%;height:22px;padding:6px 3px;font-size:12px;border:1px solid  #d2d2d2;margin-left:25px;background: none;}
.inqSheet ul li i{margin-left:8px;}
.inqSheet .inquiryDemand{display:block;font-size:18px;height:45px;line-height:45px;background:#000;text-align:center;margin:0 6% 0 24%;}
.inqSheet .inquiryDemand:hover{text-decoration:none;}

.relateProduct{max-width:1200px;margin:0 auto 60px;}
.relateProduct h6{font-size:18px;font-weight:300;border-bottom:1px solid #d2d2d2; padding:5% 5% 1%;}
.relateProduct ul{margin:3% 0;}
.relateProduct ul li{width:25%;float:left;text-align:center;}
.relateProduct ul li img{display:block;width:40%;padding-left:30%;}
.relateProduct ul li a{color:#000;}

.grayDiv { width: 100%; height: 100%; position:fixed; z-index:999; left: 0; top: 0; background:rgba(0,0,0,0.5);  display:none;}
.inquiryDemandDiv{width: 460px; height: 230px;border:2px solid #000;background:#fff; position:fixed; z-index: 1000; left: 50%; top: 50%; margin: -150px 0 0 -230px; text-align:center;display:none;}
.inquiryDemandDiv p{color:red;margin:50px 0  30px;}
.inquiryDemandDiv img{display:block;margin:0 0 30px 190px;}
.inquiryDemandDiv span a{color:#000;}
.closeBtn { width: 20px; height: 20px; display:block;background:url(../images/close.jpg); position:absolute; right:13px; top:13px; border:0;cursor:pointer;}
/*产品询价  结束*/



/*尾部  开始*/
.mobilefFooter{display:none;}
.footer{width:100%;height:auto;background:#f8c301;}
.footIn{max-width:1200px;height:auto;margin:0 auto;color:#000;padding:2.5% 0 2.2% 0;}
.footIn .fo1,.footIn .fo3,.footIn .fo4{width:27%;padding:1% 4% 1% 5%;float:left;border-left:1px solid #fbe180;}
.footIn .fo1{padding:1% 4% 1% 0;border:none;}
.footIn .fo4{padding:1% 0 1% 5% ;float:right;}
.footIn span{font-weight:bold;}
.footIn h3{line-height:30px;}
.footIn h4{line-height:30px;font-size:16px;margin-bottom:8%;}
.footIn p{font-size:12px;line-height:24px;}
/*尾部  结束*/


@media screen and (min-width:1920px){
.header,.footer{max-width:100%;}
}


@media screen and (max-width:1600px){
.nav>ul>li .navBox{padding-left:31%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:27%;}
.inquiry ul li img { margin: 0;}

}


/*@media screen and (max-width:1440px){
.inquiry{width:14%;}
.inquiry ul li {margin: 5% 3%;padding: 0px 0px 5% 0;}
.inquiry ul li img ,.inquiry ul li p{margin: 0;}
}*/


@media screen and (max-width:1366px){
.nav>ul>li .navBox{padding-left:27%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:25%;}
.inquiry{width:8%;margin: 0;}
.inquiry ul li img{width:74%;}
.proDeinfo-bd ul li h4{margin-right:10%;}
}


@media screen and (max-width:1200px) and (min-width:970px){
.headerIn,.breadcrumbNav,.classification,.content,.inquiryInfor,.relateProduct,.footIn{width:970px;}
.logo{padding: 1.6% 0;}
.logo a,.logo img{display:block;}
.nav{width:40%;margin-left:3%;}
.nav>ul>li .navBox{padding-left:25%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:20%;}
.search {width:8%;margin-left:3%;}
.search input {width: 65%;}
.language {width: 9%;}
.logo2 {width: 10%;}
.content{margin:0 auto 2%;}
.conRight .conDet { width: 30%;margin: 0px 4%  4% 0px;}
.conRight .conbg{margin-right:0;}
.conRight .conDet p a {font-size: 18px;}
.inqProduct ul li p,.inqProduct ul li span {padding: 0px 0px 0px 18%;}
.inqSheet ul li input { width: 65%;margin-left: 15px;}
.inqSheet .inquiryDemand {font-size: 16px;margin: 0px 7% 0px 26%;}
.propicBig a {line-height:50px;}
.propicBig .proDetailbg {bottom: -0.9%;}
.propicMin li {width:18%;margin-right: 1.98%;}
.propicMin li.propicMinteshu {margin-right: 0px;}
.proDeinfo-bd ul:nth-of-type(1) li {width: 50%;}
.proDeinfo-bd ul li h4{margin-right:15%;}
/*.inquiry ul li {margin: 5% 3%;padding: 0px 0px 5% 0;}
.inquiry ul li img{width: 80%; margin: 0 0 0 6%;}
.inquiry ul li p {display:none;}*/
.footIn .fo1,.footIn .fo3,.footIn .fo4{width:28%;padding:1% 4% 1% 3%;}
.footIn .fo3{padding-bottom:3.2%;}
.footIn .fo1{padding:1% 4% 1% 0;}
.footIn .fo4{padding:1% 0 1% 4% ;}
}


@media screen and (max-width:969px) and (min-width:768px){
.headerIn,.breadcrumbNav,.classification,.content,.inquiryInfor,.relateProduct,.footIn{width: 768px;}
.logo {width:24%;padding: 2.4% 0;}
.nav { width: 43%;margin-left: 2%;}
.nav > ul > li {padding: 0px 3%;}
.nav>ul>li .navBox{padding-left:20%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:12%;}
.search {width:8%;margin-left:0;}
.search input {width: 55%;}
.language {width: 9%;}
.logo2 {width: 10%;    margin-top: 10px;}
.content{margin:0 auto 2%;}
.conRight .conDet { width: 30%;margin: 0px 4%  4% 0px;}
.conRight .conbg{margin-right:0;}
.conRight .conDet p a {font-size: 14px;}
.inqProduct ul li p,.inqProduct ul li span {padding: 0px 0px 0px 13%;}
.inqSheet {width:38%;margin: 0px 0px 0px 3%;padding: 2% 2% 3%;}
.inqSheet ul li input { width: 64%;margin-left: 10px;}
.inqSheet .inquiryDemand {font-size: 16px;margin: 0px 9% 0px 24%;}
.propicBig a {line-height:40px;}
.propicBig .proDetailbg {bottom: -1.2%;}
.propicMin li {width:18%;margin-right: 1.8%;}
.propicMin li.propicMinteshu {margin-right: 0px;}
.proDeinfo-hd ul li { width: 30%;}
.proDeinfo-bd ul:nth-of-type(1) li {width: 50%;}
.proDeinfo-bd ul li h4{margin-right:15%;}
/*.inquiry{width:15%;}
.inquiry ul li {margin: 5% 3%;padding: 0px 0px 5% 0;}
.inquiry ul li img{width: 80%; margin: 0 0 0 4%;}
.inquiry ul li p {display:none;}*/
.inquiry{width:10%;}
.footIn .fo1,.footIn .fo3,.footIn .fo4{width:32%;padding:1% 0 2% 1%;}
.footIn .fo3{width:33%;padding-bottom:1%;}
.footIn .fo1{padding:1% 0 2% 0;}
}

@media screen and (max-width:767px){
.header{display: none;}
.t-nav{display: block;width:100%;height:60px;background:#FFCC00;}
.t-nav .logo{width:200px;padding:12px 10px;float: left;margin-left:0;}
.t-nav>a{text-indent: -1000px;display:block;float: right;width: 24px;height:20px;background:url(img/nav-mobile.png) no-repeat scroll 20px 20px;padding:20px; vertical-align: center;}
.t-nav>ul{display:none; }
.hwMenuNav>li:hover a{text-decoration:none;}
.hwMenuNav>li:nth-child(2)>a,.hwMenuNav>li:nth-child(3)>a{background:  url(img/nav-toggle-closed.png) no-repeat scroll right center;}
.hwMenuNav>li>a.t-navOpen{background:  url(img/nav-toggle-open.png) no-repeat scroll right center;}
.hwMenuNav>ul{display:block;width:100%;position: absolute;top: 0px;left: 0px; margin-top: 54px;width: 100%;z-index: 1000;}
.hwMenuNav>ul>li{width:100%;background:#000;float: none;}
.hwMenuNav>ul>li a{display:block;font-size:16px;color:#fff;line-height:50px;padding:0 2% ;border-right: 0px none;border-top: 1px solid #2F2F2F;}
.nav > ul > li:hover .navBox {display:none;}

.breadcrumbNav{margin:0 3% 2%;}
.clafiTop p {margin:0 3%;}   
.clafiBot01, .clafiBot02, .clafiBot03, .clafiBot04 {width: 94%; float: none; margin:0 3% 5%;}
.clafiBot  img{width: 100%;}
.conLeft ,.conRight{width: 100%;float: none;}
.conLeft {width: 94%;padding: 3%;}
.conList {padding: 0 2%;}
.conList dt { font-size: 16px;margin:2% 0 ;}
.content{margin:0 auto 2%;}
.conRight{width: 95%;padding-left: 5%;}
.conRight .conDet { width: 44%;margin: 0px 5%  5% 0px;}
.conRight .conbg{float: left;}
.conRight .conDet p a {font-size: 12px;}
.proDetail {width: 80%;float: none;margin:0 2% 0 1%;}
.proDeinfo{width:55.5%;float:none;margin: 3% 2.2% 5%;}
.proDeinfo-hd ul li { width: 30%;}
.proDeinfo-bd ul:nth-of-type(1) li {width: 50%;}
.proDeinfo-bd ul li h4{margin-right:15%;}
/*.inquiry { width: 18%;position: absolute;top: 60%;right: 1%;}
.inquiry ul li img{width: 80%;margin: 0;}
.inquiry ul li p {display:none;}*/
.inquiry{width:11%;top: 55%;}
.propicBig a {line-height:40px;}
.propicBig .proDetailbg {bottom: -1%;}
.propicMin li { width: 18%;margin-right:1.8%;}
.propicMin li.propicMinteshu {margin-right: 0px;}
.inqProduct,.inqSheet {margin:0 auto;float: none;}
.inqProduct{width:94%;padding:0 3%;}
.inqProduct ul li {width: 84%;}
.inqProduct ul li p,.inqProduct ul li span {padding: 0px 0px 0px 23%;}
.inqSheet {width:70%;margin:5% 7% 0 7%;padding: 5% 8%;}
.inqSheet ul li label {margin-left: 24px;}
.inqSheet ul li input { width: 66%;margin-left: 24px;}
.inqSheet ul li:last-child label {margin-left: 10px;}
.inqSheet ul li  i {margin-left: 10px;}
.inqSheet .inquiryDemand {width: 67%;font-size: 16px;margin: 0px 12% 0px 18%;}
.relateProduct{width:94%;}
.relateProduct ul li a {font-size:12px;}
.footer{display:none;}
.mobilefFooter{display:block;width:100%;height:auto;background:#f8c301;padding: 8px 0;line-height:30px;}
.mobilefFooter p,.mobilefFooter p a{color:#000;border: 0px none;}
}

@media screen and (max-width:640px){
.inqProduct ul li p,.inqProduct ul li span {padding: 0px 0px 0px 20%;}
.inqSheet .inquiryDemand {width: 68%;font-size: 14px;margin: 0px 12% 0px 21%;}
.propicBig a {line-height:30px;font-size:16px;}
.propicBig .proDetailbg {bottom: -1.5%;}
.propicMin li { width: 18%;margin-right:1.5%;}
.proDetail h2 {font-size: 20px;}
.proDeinfo{width:90%;float:none;margin: 3% -6.5% 5%;}
.proDeinfo-hd ul li { width: 25%;}
.proDeinfo-bd ul:nth-of-type(1) li {width: 50%;}
.proDeinfo-bd ul li h4{margin-right:15%;}
.inquiry{width:13%;}
.inquiryDemandDiv {width: 400px; height: 200px;margin: -100px 0px 0px -200px;}
.inquiryDemandDiv p {margin: 40px 0px 20px;}
.inquiryDemandDiv img {margin: 0px 0px 30px 160px;}
}


@media screen and (max-width:540px){
.conLeft,.conRight{width: 100%;float:none;}
.conLeft{width: 94%;margin-bottom:5%;padding:3%;}
.conList {padding: 3%;}
.conList dt {margin: 0;}
.conList dt span {margin-top: 0.8%;}
.content{margin:0 auto 2%;}
.conRight {padding:0;}
.conRight .conDet { width: 30%;margin: 0px 4%  4% 0px;}
.conRight .conbg{margin-right:0;}
.conRight .conDet p a {font-size: 12px;}
.inquiry{width:15%;}
.inqProduct ul li p,.inqProduct ul li span {padding: 0px 0px 0px 18%;}
.inqSheet .inquiryDemand {margin: 0px 12% 0px 25%;}
.mobilefFooter p, .mobilefFooter p a {font-size:12px;}
}

@media screen and (max-width:480px){
.inquiry{width:17%;}
.inqProduct ul li p,.inqProduct ul li span {padding: 0px 0px 0px 16%;}
.breadcrumbNav {height: auto;}
.propicBig a {line-height:20px;font-size:14px;}
.propicBig .proDetailbg {bottom: -1.9%;}
.propicMin li { width: 17%;margin-right:2.3%;}
.inqSheet .inquiryDemand {margin: 0px 12% 0px 28%;}
}


@media screen and (max-width:430px){
.inquiry{width:20%;top:50%;}
.inqProduct ul li p,.inqProduct ul li span {padding: 0px 0px 0px 12%;}
.inquiryDemandDiv {width: 300px; height: 150px;margin: -75px 0px 0px -150px;}
.inquiryDemandDiv p {margin: 30px 0px 10px;}
.inquiryDemandDiv img {margin: 0px 0px 10px 110px;}
.closeBtn {right: 10px; top: 10px;}
.inqSheet .inquiryDemand {margin: 0px 12% 0px 32%;}
}

@media screen and (max-width:360px){
.inquiry{width:22%;}
.inqProduct ul li p,.inqProduct ul li span {padding: 0px 0px 0px 10%;}
.inqSheet .inquiryDemand {margin: 0px 12% 0px 10%;}
.proDeinfo-hd ul li { width: 30%;}
.proDeinfo-bd ul:nth-of-type(1) li {width: 50%;}
.proDeinfo-bd ul li h4{margin-right:5%;}
}

@media screen and (max-width:320px){
.inquiry{width:23%;}
.inqSheet .inquiryDemand {width:69%;margin: 0px 12% 0px 11%;}
}