.menu-btn { display: none; padding: 6px 0; float: right; margin-left: 15px; }
.menu-btn:before, .menu-btn:after, .menu-btn span { display: block; height: 2px; background-color: #023793; content: ''; }
.menu-btn:before { width: 24px; }
.menu-btn:after { width: 18px; margin-left: 6px; }
.menu-btn span { width: 12px; margin: 6px 0 6px 12px; }

.banner-ny { height: 460px; position: relative; }

.section-pos-search { padding: 12px 0; background-color: #fff; -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.05); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.05); -ms-box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.section-pos-search .search-pos { float: left; padding: 7px 0; background: url(../images/sprite.png) no-repeat left -152px; padding-left: 24px; }
.section-pos-search .search-pos a { margin-right:3px; }
.section-pos-search .search-pos a:hover { color:#0b6fba; }
.section-pos-search .search-pos i { font-weight: bold; font-style:normal; }
.section-pos-search .search-pos span { color:#999; margin-left:3px; }
.section-pos-search .search-form { float: right; }
.section-pos-search .search-form input { float: left; border: 1px solid #eee; padding: 6px 12px; width: 210px; font-size: 14px; }
.section-pos-search .search-form button { border: 0; padding: 0; float: left; cursor: pointer; outline: none; width: 60px; height: 34px; color: #fff; background: url(../images/search-btn.png) no-repeat center #023793; font-size: 0; }

.about{ background:#f1f1f1; }
.about-main{ margin:30px 0; float:left; width:930px;}
.about-main-nav{ padding:0 0 15px 0; }
.about-main-nav ul li{ float:left; margin-right:10px; }
/*.about-main-nav ul li:last-child{ float:right; margin-right:0;}*/
.about-main-nav ul li a{ display:block; width:178px; padding:13px 0; background:#ddd; color:#000; text-align:center;}
.about-main-nav ul li a.sel{ background:#023793; color:#fff; }

.about-main-content{ padding:20px; background:#fff; min-height:1346px; }
.about-main-content-gsjs img{ display:block; text-align:center; width:100%;  }
.about-main-content-gsjs p{ font-size:16px; line-height:32px; text-indent:2em; margin-bottom:20px; }

.about-main-content-ryzz{ background:#fff; }
.about-main-content-ryzz li{ float:left; width:30%; height:420px; margin-right:30px; }
.about-main-content-ryzz li:nth-child(1),.about-main-content-ryzz li:nth-child(2),.about-main-content-ryzz li:nth-child(3){ height:450px; }
.about-main-content-ryzz li p{ box-shadow: 0px 0px 5px #ccc; background:#fff; padding:3px; }
.about-main-content-ryzz li:nth-child(3n){ margin-right:0; }
.about-main-content-ryzz li img{ width:100%; }

.about-main-content-fwzz{ margin-left:20px; }
.about-main-content-fwzz h6{ font-size:18px; font-weight:bold; margin-bottom:6px;}
.about-main-content-fwzz ol{ margin-bottom:50px; margin-left:30px;}
.about-main-content-fwzz ol:last-child{ margin-bottom:0px; }
.about-main-content-fwzz li{ font-size:14px; list-style: decimal; margin-bottom:10px; color:#666;}

.about-main-content-lxwm{ margin:20px;} 
.about-main-content-lxwm dl dt{ border-bottom:1px solid #ddd; font-size:28px; padding:20px 0; margin-bottom:15px; }
.about-main-content-lxwm dl dd{ border-bottom:1px dashed #ddd; font-size:16px; color:#555; padding:25px 0 25px 0; margin-left:0;}
.about-main-content-lxwm dl dd span{ color:#000; margin-right:20px; }
.about-main-content-lxwm dl dd a{ color:#005b69; text-decoration:underline; margin-right:30px; }
.about-main-content-lxwm dl dd a:hover{ color:#bf0526; }
.about-main-content-lxwm dl dd:nth-child(2) span{ font-family:Arial; color:#e10303; font-size:24px; }
.about-main-content-lxwm dl dd:nth-child(3) span{ text-decoration:underline; cursor:pointer; color:#005b69; }
.about-main-content-lxwm dl dd:nth-child(3) span:hover{ color:#bf0526; }
.about-main-content-lxwm dl dd.dh{ background:url(/images/about/phone.png) left center no-repeat; padding-left:44px; }
.about-main-content-lxwm dl dd.xx{ background:url(/images/about/msg1.png) left center no-repeat; padding-left:44px; }
.about-main-content-lxwm dl dd.qq{ background:url(/images/about/qq1.png) left center no-repeat; padding-left:44px; }
.about-main-content-lxwm dl dd.yx{ background:url(/images/about/mail1.png) left center no-repeat; padding-left:44px; }
.about-main-content-lxwm dl dd.dz{ background:url(/images/about/pos.png) left center no-repeat; padding-left:44px; }


.about-main-content-dingzhi h1{ float:left; display:inline-block; font-size:22px; margin-bottom:20px; margin-top:16px; background:#023793; padding:6px 20px; color:#fff; }
.about-main-content-dingzhi p{ float:left; margin-left:20px; height:42px; line-height:42px; font-size:14px; color:#999;  }
.about-main-content-dingzhi ul{ margin:10px 30px 30px 30px;  }
.about-main-content-dingzhi li{ margin-bottom:35px; font-size:16px;  }
.about-main-content-dingzhi li span{ display:block; color:#757575; margin-bottom:10px; font-size:14px; font-weight:400; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei";  }
.about-main-content-dingzhi li b{ margin-left:20px; color:#f00; vertical-align:middle; }
.about-main-content-dingzhi li i{ margin-left:20px; color:#f00; font-size:14px; display:none; }
.about-main-content-dingzhi li input{  width:450px; height: 18px;	padding: 10px 16px;	border: 1px solid #e0e0e0;	font-size: 14px; line-height: 18px;	background: #fff;
                    -webkit-transition: border-color .2s linear;	transition: border-color .2s linear; }
.about-main-content-dingzhi li input:hover{ border-color:#aaa; }
.about-main-content-dingzhi li input:focus{ border-color:#023793; }
.about-main-content-dingzhi li #btn{ padding:6px 35px; background:#023793; color:#fff; font-size:14px; }
.about-main-content-dingzhi .zj-dz-tiptxt{ display:block; font-size:12px; margin-top:30px; }
.about-main-content-dingzhi textarea{ width:450px; height:100px; padding: 10px 16px; border: 1px solid #e0e0e0;	font-size: 14px; line-height: 18px;	background: #fff;
                    -webkit-transition: border-color .2s linear;	transition: border-color .2s linear; }
.about-main-content-dingzhi textarea:hover{ border-color:#aaa; }
.about-main-content-dingzhi textarea:focus{ border-color:#023793; }


#mapContent{ width:838px; height:600px; margin:0 auto; text-align:center; }



.about-side{ float:right; width:260px;  margin-top:30px; overflow:hidden; background:#fff; }
.about-side h3{ background:#023793; padding:15px 0; text-align:center; color:#fff; font-size:22px; margin:0; font-weight:500; letter-spacing:3px; }
.about-side ul{ padding-top:10px; }
.about-side ul li{   }
.about-side ul li a{ display:block; height:45px; line-height:45px; padding-left:20px; background:#fff; margin-bottom:2px; border-bottom:1px dashed #eee; font-size:15px;}
.about-side ul li:last-child a{ border-bottom:1px dashed #fff; }
.about-side ul li a:hover{ background:#023793; color:#fff; border-bottom:1px dashed #023793; }
.about-side ul li dt a{   }
.about-side ul li dd { margin-left:0; }
.about-side ul li dd a{ display:block; padding-left:50px; color:#999; font-size:15px; }
.about-side ul li dd a:hover{  background:#023793; color:#fff; }


.contact{ margin-top:30px; }
.contact h4{ background:#023793; padding:15px 0; text-align:center; color:#fff; font-size:22px; margin:0; font-weight:500; letter-spacing:3px; }
.contact img{ display:inline-block; }
.contact-wechat { margin-top:15px; text-align:center; }
.contact-wechat span{ text-align:center; margin-top:0px; font-size:16px; letter-spacing:2px;  }
.contact-lxfs{ margin:25px 15px 25px 15px; border-top:1px dashed #ddd; padding-top:10px; }
.contact-lxfs dt{ background: Url(https://www.jszjgg.com/images/icons.png) -176px -41px no-repeat; padding-left: 30px; font-size: 16px; font-weight:bold; height: 30px; line-height: 18px; }
.contact-lxfs dd{ margin-left:30px; margin-top:3px; font-size:12px; margin-top:10px; color:#666; }
.contact-lxfs dd a{ font-size: 13px; color:#666; display:block; background: url(https://www.jszjgg.com/images/icons.png) -188px -731px no-repeat; margin-top:6px; padding-left:30px; height:24px; vertical-align:middle; }
.contact-wt{ margin:25px 15px 25px 15px; border-top:1px dashed #ddd; padding-top:10px; }
.contact-wt dt{ display: block; background: Url(https://www.jszjgg.com/images/icons.png) -176px -80px no-repeat; padding-left: 35px;  font-size: 16px;  height: 30px;  line-height: 25px; }
.contact-wt dd{ font-size:14px; color:#666; margin:15px 0 50px 30px; }



footer { background-color: #333; color: #fff; }
footer a { color: #fff; }
footer a:hover { color: #fff; }
.footer-main{ background:#003f7d; }

.footer-qyjs{ border-bottom:1px solid #054e96; }
.footer-qyjs ul{ margin:35px auto;  }
.footer-qyjs ul li{ float:left; width:25%; height:97px; overflow:hidden; margin:0px; }
.footer-qyjs ul li:nth-child(1){ background:url(/images/sprite.png) left -230px no-repeat; }
.footer-qyjs ul li:nth-child(2){ background:url(/images/sprite.png) -716px -230px no-repeat; }
.footer-qyjs ul li:nth-child(3){ background:url(/images/sprite.png) left -360px no-repeat; }
.footer-qyjs ul li:nth-child(4){ background:url(/images/sprite.png) -716px -360px no-repeat; }
.footer-qyjs ul li h6{ margin:15px 0 0 100px; font-size:20px; font-weight:normal; }
.footer-qyjs ul li p{ margin:6px 0 0 100px; font-size:12px; }


.footer-nav { float:left; width:320px; margin:30px 0;}
.footer-nav a { color: #fff; }
.footer-nav ul { }
.footer-nav li { float:left; width:48%; margin-bottom:6px; }
.footer-nav li a { font-size: 12px; color:#ccc; }

.footer-tit { font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.footer-tit small { margin-left: 10px; opacity: 0.6; font-size: 14px; }
.footer-contact { float: left; margin-left: 80px;  margin:30px 0; padding-left: 68px; border-left: 1px solid #054e96; padding-right: 0px; border-right: 1px solid #054e96; width: 430px; }
.footer-contact p { margin: 10px 0 0; font-size: 14px; line-height: 1.8; }
.footer-contact p a:first-child{ margin-right:30px; }

.footer-ewm { float: right;  margin:30px 30px 30px 0; }
.footer-ewm ul { margin-left: 0px; }
.footer-ewm li { float: left; width: 120px; margin-left: 30px; }
.footer-ewm li:first-child { margin-left: 0px; }
.footer-ewm li p { margin: 10px 0 0; text-align: center; font-size: 12px; }

.footer-copyright { text-align: center; padding: 18px 0; background-color: #111;}
.footer-copyright h6 { float: left; font-size:13px; color: #fff; margin:0; }
.footer-copyright p { float:left; font-size:12px; color:#666; margin:0 0 0 20px; width:850px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.footer-copyright p a { font-size:12px; color:#666; }


.mask{ background:#000; opacity:0.5; display:none; position:absolute; left:0; top:0; z-index:1000; }
.RFQ{ width:750px; height:450px; display:none; background:#fff;   position:absolute; z-index:1001; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.RFQ-title{ margin:35px 30px 25px 30px; border-bottom:1px solid #ddd; padding-bottom:5px; }
.RFQ-title p{ font-size:22px; text-align:center; letter-spacing:10px; }
.RFQ-title i{ position:absolute; display:block; width:30px; height:30px; right:10px; top:10px; background:url(/images/close.png) left top no-repeat; }
.RFQ ul li span.bt{ color:#f00; margin-left:10px; font-size:18px;  }
.RFQ ul { margin:10px 0 50px 100px; }
.RFQ ul li{ padding:8px 0; font-size:14px; }
.RFQ ul li span{ display:inline-block; width:80px; font-size:14px; color:#999; }
.RFQ ul li #proName{ display:inline-block; width:400px; font-size:14px; color:#000; }
.RFQ ul li input{ width:390px; height:35px; padding-left:10px; padding-right:10px; border:1px solid #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.RFQ ul li:nth-child(4) input{ width:268px; }
#imgCode{ vertical-align: middle; height: 40px;  margin-left: 10px; }
.RFQ ul li span.btn{ display:inline-block; margin-top:20px; background:#9e1009; cursor:pointer; color:#fff; width:116px; margin-right:20px; height:38px; line-height:38px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.RFQ ul li span.RFQ-Tel{ width:auto; margin-left:30px; font-size:16px; margin-right:2px; color:#000; vertical-align:bottom; }
.RFQ ul li span.zxbtn{ width:auto;  color:#d80808; text-decoration:underline; vertical-align:bottom; cursor:pointer; }
.RFQ ul li a{  font-size: 18px; color:#f30; }

@media screen and (min-width: 768px) {
    .header-fix { height: 155px; }
    .header-fix nav { position: fixed; left: 0; top: 0; width: 100%; z-index: 100; }
}

@media screen and (max-width: 767px) {
    .module { width: auto; padding:0 8px; }
    #message .m-content .m-message { width: 90%; padding: 20px; }
    .kf { display: none; }
    .footer-fix { display: block; }
    .top-bar { display: none; }
    .header { padding: 10px 0; position: fixed; z-index: 10; width: 100%; top: 0; left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
/*    .header .summary, .header .telephone { display: none; }
*/	
    .header .telephone,.header .logo { display: none; }
	.header .summary p{ display:none;}
	.header .summary {border:none; font-size:12px;margin: 10px 0 10px 1px;padding:0px;}
	.header .summary h1{ font-size:20px;}
	
	
    .menu-btn { display: block; }
    .style-showcase { margin-bottom: 30px; }
    .pc-slide { float: none; width: auto; }
    .view .swiper-slide .img-center { height: 260px; line-height: 260px; }
    .style-showcase-info { margin: 20px 0 0; }
    .style-showcase-info h1 { margin-bottom: 20px; font-size: 18px; }
    .style-showcase-info p { margin-top: 10px; min-height: auto; }
    .style-showcase-info .tel { font-size: 14px; }
    .style-showcase-info .tel strong { font-size: 18px; }

    .banner-ny { display:none; height: 160px; }
    .section-pos-search { padding: 8px 0; background-color: #fff; -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.05); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.05); -ms-box-shadow:0 5px 5px rgba(0,0,0,0.05);}
    .section-pos-search .search-pos { float: none; padding: 7px 0; background: url(../images/location.png) no-repeat 0 center; padding-left: 24px; }
    .section-pos-search .search-form { float: none; display:none; }


    .about-main{ margin:15px 0 20px 0; float:none; width:100%;}
    .about-main-nav{ padding:0 0 10px 0; }
    .about-main-nav ul li{ margin-right:4px; width:19%; }
    .about-main-nav ul li:last-child{ float:left; }
    .about-main-nav ul li a{ width:100%; padding:10px 0; font-size:12px; }

    .about-main-content{ padding:15px; background:#fff; min-height:initial; }
    .about-main-content-gsjs img{ display:block; text-align:center; width:100%;  }
    .about-main-content-gsjs p{ font-size:13px; line-height:24px; text-indent:2em; margin-bottom:20px; }

    .about-side{ float:none; display:none; }

    .about-main-content-ryzz li{ width:48%; height:260px; margin-right:0; }
    .about-main-content-ryzz li:nth-child(2n){ float:right;  }
    .about-main-content-ryzz li:nth-child(1),.about-main-content-ryzz li:nth-child(2),.about-main-content-ryzz li:nth-child(3),.about-main-content-ryzz li:nth-child(4){ height:290px; }
    .about-main-content-ryzz li p{ box-shadow: 0px 0px 5px #ccc; background:#fff; padding:3px; }
    .about-main-content-ryzz li img{ width:100%; }


    .about-main-content-fwzz { margin-left:0; } 
    .about-main-content-fwzz h6{ font-size:16px;}
    .about-main-content-fwzz ol{ margin-left:0px;}
    .about-main-content-fwzz li{ font-size:12px; margin-bottom:15px; }
    .about-main-content-fwzz ol:last-child{ margin-bottom:36px; }

    .about-main-content-lxwm{ margin:0px; }
    .about-main-content-lxwm dl dt{ border-bottom:1px solid #ddd; font-size:20px; font-weight:bold; padding:15px 0; margin-bottom:15px; }
    .about-main-content-lxwm dl dd{ border-bottom:1px dashed #ddd; font-size:14px; color:#555; padding:15px 0 15px 0; margin-left:0;}
    .about-main-content-lxwm dl dd span{ color:#000; margin-right:20px; }
    .about-main-content-lxwm dl dd a{ color:#005b69; text-decoration:underline; margin-right:30px; }
    .about-main-content-lxwm dl dd a:hover{ color:#bf0526; }
    .about-main-content-lxwm dl dd:nth-child(2) span{ font-family:Arial; color:#e10303; font-size:18px; }
    .about-main-content-lxwm dl dd:nth-child(3) span{ text-decoration:underline; cursor:pointer; color:#005b69; }
    .about-main-content-lxwm dl dd:nth-child(3) span:hover{ color:#bf0526; }

    #mapContent{width:100%; height:300px; margin:0 auto; text-align:center; }

    .about-main-content-dingzhi h1{ display:none; }
    .about-main-content-dingzhi p{ float:none; margin-left:0; height:auto; line-height:20px; font-size:13px; color:#333;  }
    .about-main-content-dingzhi ul{ margin:20px 0 30px 0px;  }
    .about-main-content-dingzhi li{ margin-bottom:35px; font-size:16px;  }
    .about-main-content-dingzhi li span{ display:block; color:#757575; margin-bottom:5px; font-size:12px; font-weight:400; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei";  }
    .about-main-content-dingzhi li b{ margin-left:8px; color:#f00; vertical-align:middle; }
    .about-main-content-dingzhi li i{ margin-left:10px; color:#f00; font-size:12px; display:none; }
    .about-main-content-dingzhi li input{  width:60%; height: 16px;	padding: 8px 5px;	border: 1px solid #e0e0e0;	font-size: 14px; line-height: 18px;	background: #fff;
                        -webkit-transition: border-color .2s linear;	transition: border-color .2s linear; }
    .about-main-content-dingzhi li input:hover{ border-color:#aaa; }
    .about-main-content-dingzhi li input:focus{ border-color:#023793; }
    .about-main-content-dingzhi #txtCode{ width:50%; }
    .about-main-content-dingzhi li #btn{ padding:6px 35px; background:#023793; color:#fff; font-size:14px; }
    .about-main-content-dingzhi textarea{ width:93%; height:80px; padding:5px 6px; border: 1px solid #e0e0e0;	font-size: 14px; line-height: 18px;	background: #fff;
                        -webkit-transition: border-color .2s linear;	transition: border-color .2s linear; }
    .about-main-content-dingzhi textarea:hover{ border-color:#aaa; }
    .about-main-content-dingzhi textarea:focus{ border-color:#023793; }


    footer { padding-top: 15px; }
    .footer-main{ background:none; }
    .footer-qyjs { display: none; }
    .footer-nav { display: none; }
    .footer-contact { float: none; width: auto; margin:0 0 15px 0; padding:0; border-bottom:0; border-left:0; font-size:12px; }
    .footer-contact p{ font-size:12px; }
    .footer-ewm { float: none; margin: 0; display:none; }

    .footer-copyright{ font-size:12px; padding:10px 0; background-color:#222;}
    .footer-copyright h6{ float:none; font-size:12px; }
    .footer-copyright p{ display:none; }
}


#product-cate-nav{ position:fixed; z-index:100; top:0px; margin-top:-66px;  background:#fff; height:55px; width:100%; border-bottom:1px solid #ccc; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -webkit-transition: margin-top .3s linear;
transition: margin-top .3s linear; }
#product-cate-nav ul{ width:1210px; margin:0 auto; text-align:center; }
#product-cate-nav ul li{ float:left; }
#product-cate-nav ul li:last-child{ float:right; }
#product-cate-nav ul li a{ display:block; margin-right:40px; height:55px; line-height:55px; color:#000; font-size:16px; }
#product-cate-nav ul li a.imp{ color:#023793; }
#product-cate-nav ul li a:hover{ color:#023793; font-weight:bold; }
#product-cate-nav ul li small{ display:inline-block; background:url(/images/home.png) center center; background-size:cover; width:26px; height:26px; margin-right:10px; margin-top:14px; }
#product-cate-nav ul li i{ display:inline-block; width:30px; height:30px; background:url(/images/tel.png) center center; background-size:cover; vertical-align:text-bottom; }
#product-cate-nav ul li span{ display:inline-block; height:55px; line-height:55px; font-size:28px; font-weight:lighter; color:#023793; margin-left:6px; font-family:Impact; margin-left:10px; }