@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*广告*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #008dd4; }

/*定制案例*/
.g-case{ width:93.75%;margin: 0 auto; overflow:hidden; padding:4.5rem 0 1.5rem;}
.m-bt{display: block;width: 100%;text-align: center;font-size: 1.1rem;color: #666;height: 5rem;line-height: 2.2rem;position: relative;overflow: hidden;}
.m-bt:before{content: "";width: 4.5rem;height: 2px;background: #008dd4;position: absolute;bottom: 0;left: 50%;margin-left: -2.2rem;}
.m-bt b{display: block;font-size: 1.9rem;color: #333;}
.g-case .m-cnt{padding: 2.5rem 0 0; height:16.2rem; width:100%;overflow: hidden;}
.g-case .m-cnt li{ width:33.3%; text-align:center; float:left;font-size: 1.1rem;color: #000;height: 7.7rem;}
.g-case .m-cnt li a{display: block;font-size: 1.1rem;color: #000;}
.g-case .m-cnt li em{display: block;width: 4.5rem;height: 4.5rem;line-height: 0;overflow: hidden;margin: 0 auto 0.5rem;background: #ededed;border-radius: 50%;}
.g-case .m-cnt li em img{width: 4.5rem;height: 9rem;}
.g-case .m-cnt li.z-on em{background: #cf070e;box-shadow: 0 3px 0.5rem 3px rgba(207,7,14,0.2);}
.g-case .m-cnt li.z-on em img{margin-top: -4.5rem;}
.g-case .m-box .con{ display:inline; float:left;}
.u-case{display: block;width: 100%;line-height: 0;}

/*合作客户*/
.g-hz{width: 93.75%;margin: 0 auto;padding-bottom: 3.4rem;}
.g-hz ul li{width: 32.33%;float: left;line-height: 0;margin-right: 0.4rem;}
.g-hz ul li img{ border:#ccc 1px solid;box-sizing:border-box;}
.g-hz ul li span{display: block;width: 96%;text-align: center;font-size: 1rem;color: #666;height: 3.7rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin: 0 auto;}
.g-hz ul li:nth-child(3n){margin-right: 0;}

/*产品中心*/
.g-cp{background: #ededed;padding: 3rem 0 1.6rem;}
.m-cp{width: 93.75%;margin: 2.4rem auto 2rem;height: 7.7rem;background: #008dd4;border-radius: 0.8rem;position: relative;}
.m-cp:before{content: "";width: 100%;height: 1px;background: #33a4dd;position: absolute;top: 50%;left: 0;}
.m-cp ul li{width: 33.33%;float: left;text-align: center;height: 3.85rem;line-height: 3.85rem;overflow: hidden;position: relative;}
.m-cp ul li:before{content: "";width: 1px;height: 100%;background: #33a4dd;position: absolute;top: 0;right: 0;}
.m-cp ul li a{display: block;font-size: 1rem;color: #fff;}
.m-cp ul li:nth-child(3n):before{background: none;}
.u-cp{width: 100%;}
.u-cp ul li{width: 45.31%;float: left;line-height: 0;margin-left: 1rem;}
.u-cp ul li span{display: block;width: 96%;text-align: center;font-size: 0.9rem;color: #333;height: 3.5rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin: 0 auto;}

/*优势*/
.g-ys{padding: 2rem 0 0;}
.g-ys .m-bt,.g-about .m-bt{line-height: 5rem;}
.ys01{width: 93.75%;margin: 0 auto;padding: 2.5rem 0 0;}
.ys01 dl{width: 100%;background: #ededed;border-radius: 2rem;padding: 0 0 3rem;}
.ys01 dl dt{width: 100%;line-height: 0;}
.ys01 dl dt img{border-radius: 2rem 2rem 0 0;}
.ys01 dl dd{padding: 2.5rem 0 0;width: 86.6%;margin: 0 auto;}
.ys_t{font-size: 1.5rem;color: #333;height: 6.2rem;border-bottom: #d6d6d6 2px solid;position: relative;}
.ys_t:before{content: "";width: 6.5rem;height: 0.2rem;background: #008dd4;position: absolute;bottom: -2px;left: 0;}
.ys_t em{display: block;width: 5rem;height: 2.25rem;line-height: 0;overflow: hidden;margin-bottom: 0.5rem;}
.ys_t em img{width: 5rem;height: 2.25rem;}
.ys01 dl dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;height: 5.4rem;border-bottom: #d6d6d6 2px solid;width: 100%;padding: 1.2rem 0;width: 95%;margin-bottom: 2rem;}
.ys01 ul li{font-size: 1.2rem;color: #333;float: left;font-weight: bold;text-align: center;width: 25%;float: left;}
.ys01 ul li em{width: 2.6rem;height: 2.4rem;display: block;line-height: 0;margin: 0 auto 0.3rem;}
.ys01 ul li em img{width: 2.6rem;height: 2.4rem;}
.ys01 ul li b{display: block;}
.ys02{padding: 2.5rem 0 0;}
.ys02 .ys_t,.ys04 .ys_t{width: 78.75%;margin: 0 auto 2rem;}
.ys02 dl{width: 45%;float: left;background: #ededed;padding: 0 0 1.5rem;margin: 0 0 2.5rem 1rem;border-radius: 1rem;}
.ys02 dl dt{width: 100%;line-height: 0;}
.ys02 dl dt img{border-radius: 1rem;}
.ys02 dl dd{width: 90%;margin: 0 auto;text-align: center;padding: 1rem 0 0;}
.ys02 dl dd h6{font-size: 1.2rem;color: #333;height: 2.2rem;line-height: 2.2rem;overflow: hidden;}
.ys02 dl dd p{font-size: 1rem;color: #666;line-height: 1.5rem;height: 4.5rem;overflow: hidden;padding: 0.3rem 0 0;}
.ys03{width: 93.75%;margin: 0 auto; padding: 0 0 3rem;}
.ys03 .ys_t{width: 84%;margin: 0 auto 1.5rem;}
.ys03 dl{width: 100%;position: relative;}
.ys03 dl dt,.ys04 dl dt{width: 100%;line-height: 0;}
.ys03 dl dt img,.ys04 dl dt img{border-radius: 2rem;}
.ys03 dl dd{width: 59.33%;height: 10.8rem;background: rgba(255,255,255,0.7);position: absolute;top: 2.5rem;right: 0;padding: 0.7rem 5% 0 8%;}
.ys03 dl dd p,.ys04 dl dd p{font-size: 1rem;color: #333;height: 2.5rem;line-height: 2.5rem;overflow: hidden;position: relative;padding-left: 1.2rem;}
.ys03 dl dd p:before,.ys04 dl dd p:before{content: "";width: 0.4rem;height: 0.4rem;background: #fff;position: absolute;top: 1rem;left: 0;border: #008dd4 2px solid;border-radius: 50%;}
.ys04{background: #ededed;padding: 3rem 0;}
.ys04 .ys_t{margin-bottom: 1.5rem;}
.ys04 dl{width: 93.75%;margin: 0 auto;}
.ys04 dl dd{width: 100%;padding: 1rem 0 0;}
.ys04 dl dd p{padding-left: 1.8rem;}
.ys04 dl dd p:before{left: 0.8rem;}

/*关于隆杰冲压*/
.g-about{padding: 2.5rem 0 3rem;}
.g-about dl{width: 100%;padding: 2rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;}
.g-about dl dd{width: 93.75%;margin: -3.5rem auto 0;background: #fff;border-radius: 1.5rem 1.5rem 0 0;text-align: center;padding: 1.5rem 0 0;position: relative;z-index: 10;}
.g-about dl dd h5{height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-about dl dd h5 a{font-size: 1.2rem;color: #333;}
.g-about .ab_desc{font-size: 1rem;color: #666;line-height: 1.5rem;height: 4.5rem;overflow: hidden;width: 82%;margin: 0 auto;padding: 0.8rem 0 0;}
.g-about dl dd span{display: block;width: 7.8rem;margin: 0 auto;padding: 1rem 0 0;}
.g-about dl dd span img{width: 7.8rem;height: 2.4rem;}

/**/

/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 0;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.homeShow { animation: fade 0.8s ease both; -webkit-animation: fade 0.8s ease both; }

/*渐显动画*/
@-webkit-keyframes fade {
  from { opacity: 1; display: block; }
  to { opacity: 0; display: none; height: 0; }
}
@keyframes fade {
  from { opacity: 1; display: block; }
  to { display: none; opacity: 0; height: 0; }
}
.fade { -webkit-animation-name: fade; animation-name: fade; }

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}