@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; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: "Microsoft YaHei"; }
.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;}

/*---------------------------------------------------------*/
.g-banner{width: 100%; line-height:0;}

/**/
.g-yin{padding: 3.5rem 0;}
.m-bt{display: block;width: 100%;text-align: center;font-size: 2rem;color: #000;height: 4.5rem;line-height: 2.2rem;position: relative;overflow: hidden;}
.m-bt:before{content: "";width: 2rem;height: 1px;background: #fac12c;position: absolute;top: 3.3rem;left: 20%;}
.m-bt:after{content: "";width: 2rem;height: 1px;background: #fac12c;position: absolute;top: 3.3rem;right: 20%;}
.m-bt b{color: #fac12c;}
.m-bt span{display: block;font-size: 1rem;color: #333;}
.g-yin .m-bt{margin-bottom: 0.5rem;}

.g-yin dl{width: 46.88%;float: left;margin: 1rem 0 0 0.75rem;}
.g-yin dl dt{width: 100%;line-height: 0;}
.g-yin dl dt img{height:12rem;}
.g-yin dl dd{width: 100%;background: #eee;text-align: center;}
.g-yin dl dd h5{font-size: 1.2rem;color: #209683;height: 3rem;line-height: 3rem;overflow: hidden;}
.g-yin dl dd p{font-size: 1rem;color: #333;width: 75%;margin: 0 auto;line-height: 1.5rem;height: 6rem;}
.g-yin dl dd b{color: #209683;}
.g-yin dl dd em{width: 2.3rem;height: 2.3rem;display: block;margin: -1.5rem auto 0;padding: 0.35rem;border-radius: 50%;background: #fac12c;line-height: 0;z-index: 20;position: relative;}
.g-yin dl dd em img{width: 2.3rem;height: 2.3rem;}

/*产品展示*/
.g-cp{width: 100%;padding: 2rem 0 2rem;background-color:#138B4B;}
.g-cp .m-bt,.g-cp .m-bt span{color: #fff;}
.cp01{width: 96.88%;background: #efefef;margin: 2.5rem auto;height: 3.5em;position: relative;}
.cp01 ul li{width: 55%;float: left;height: 3.6rem;line-height: 3.6rem;position: relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 1.2rem;color: #333;}
.cp01 ul li a{font-size: 1.2rem;color: #333;font-weight: bold;padding-left: 3rem;}
.cp01 ul li:before{content: "";width: 0.35rem;height: 0.35rem;background: #fac12c;position: absolute;top: 1.5rem;left: 1.5rem;border: #333 0.2rem solid;border-radius: 50%;}
.cp01 ul li:nth-child(2n){width: 45%;}
.cp02 ul li{width: 47.34%;float: left;line-height: 0;margin: 1rem 0 0 0.62rem;}
.cp02 ul li span{display: block;width: 94%;text-align: center;font-size: 1rem;color: #efefef;height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 3%;}
.cp02 ul li img{height:12rem;}
.g-cp .u-more{display: block;font-size: 1rem;color: #000;width: 36%;text-align: center;height: 3.3rem;line-height: 3.3rem;background: #fac12c;overflow: hidden;border-radius: 2rem;margin: 0 auto;}

/*案例*/
.g-case{ width:96.88%; margin: 0 auto; overflow:hidden; padding:3.5rem 0;}
.g-case .m-bt:before{left: 15%;}
.g-case .m-bt:after{right: 15%;}
.g-case .m-cnt{ height:4rem; width:100%;padding: 1.5rem 0 0;}
.g-case .m-cnt li{ width:20%; text-align:center; float:left; position:relative;font-size: 1rem;color: #333;font-weight: bold;height: 2.5rem;line-height: 2.5rem;}
.g-case .m-cnt li:before{ position:absolute; content:""; width:0.3rem; height:1px; background:#333; top:1.3rem; right:-0.3rem;}
.g-case .m-cnt li.z-on{ color:#fac12c;}
.g-case .m-cnt li.z-on:after{position:absolute; content:""; width:50%; height:1px; background:#fac12c;bottom: 0;left: 25%;}
.g-case .m-cnt li:last-child:before{ background:none;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 100%;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{width: 82%;margin: -3.5rem auto 0;height: 7.5rem;background: #209683;position: relative;z-index: 10;text-align: center;padding: 1.5rem 5% 0;}
.g-case dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-case dl dd h5 a{font-size: 1rem;color: #fff;}
.g-case .case_desc{font-size: 1rem;color: #fff;line-height: 1.6rem;height: 3.2rem;overflow: hidden;padding: 0.3rem 0 0;}

/*优势*/
.youshi{width: 100%;overflow: hidden;padding: 0 0 3rem;}
.youshi .m-bt:before{left: 17%;}
.youshi .m-bt:after{right: 17%;}
.yous { padding: 2rem 34% 0 0; }
.yous dl{width: 100%;background: #209683;padding: 1rem 0 0;margin-bottom: 2.2rem;}
.yous dl dt{width: 91.66%;line-height: 0;margin: 0 auto;}
.yous dl dd{width: 100%;padding: 1.2rem 0 1.5rem;text-align: center;}
.yous dl dd h5{font-size: 1.2rem;color: #fff;height: 2rem;line-height: 2rem;}
.yous dl dd p{font-size: 1rem;color: #fff;line-height: 1.6rem;height: 3.2rem;width: 60%;margin: 0 auto;padding: 0.5rem 0 0;}
.yous dl dd em{width: 3.3rem;height: 1.5rem;display: block;margin: 0 auto;padding: 0.8rem 0 0;}
.yous dl dd em img{width: 3.3rem;height: 1.5rem;}
.switch { display: flex; justify-content: center; align-content: flex-end; }
.switch .swiper-pagination { position: relative; margin: 0 0 0 11rem; }
.switch .swiper-pagination-bullet { background: #333; width: 1rem; opacity: 1; height: 1rem; margin: 0.5rem 0.5rem 0 !important; border-radius: 50%; }
.switch .swiper-pagination-bullet-active { opacity: 1; background: #fac12c; }

/*定制流程*/
.g-liuc{background: #f0f0f0;padding: 3rem 0;position: relative;}
.g-liuc .m-bt:before{left: 20%;top: 1.1rem;}
.g-liuc .m-bt:after{right: 20%;top: 1.1rem;}
.g-liuc p{width: 100%;line-height: 0;}
.g-liuc .u-tel{display: block;font-size: 1rem;color: #333;position: absolute;top: 21rem;left: 1.5rem;}
.g-liuc .u-tel em{display: block;width: 1.1rem;height: 1.1rem;padding: 0 0 0.5rem;}
.g-liuc .u-tel em img{width: 1.1rem;height: 1.1rem;}
.g-liuc .u-tel b{display: block;font-size: 1.5rem;font-family: "DINOT";padding: 0.5rem 0 0;width: 7rem; word-break:break-all;}

/*客户见证*/
.g-jz{width: 96.88%;margin: 0 auto;padding: 3.5rem 0;}
.g-jz .m-bt{margin-bottom: 1.5rem;}
.g-jz dl{background: #f5f5f5;padding: 1.3rem 3% 0;height: 10.7rem;width: 94%;overflow: hidden;margin-bottom: 0.5rem;}
.g-jz dl dt{width: 9.5rem;height: 9.5rem;float: left;border-radius: 50%;}
.g-jz dl dt img{border-radius: 5px;}
.g-jz dl dd{width: 53.2%;float: left;padding: 0.5rem 0 0 1.5rem;}
.g-jz dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-jz dl dd h5 a{font-size: 1.2rem;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-jz .jz_desc{font-size: 1rem;color: #666;line-height: 1.6rem;height: 4.7rem;overflow: hidden;padding: 0.5rem 0 0;}

/*关于汉祥机械*/
.g-about{width: 100%;padding: 2rem 0 2rem;}
.g-about ul{padding: 1.5rem 0 0;height: 6rem;display: block;}
.g-about ul li{font-size: 1rem;color: #000;width: 28%;float: left;padding: 0 0 0 5%;position: relative;line-height: 2rem;}
.g-about ul li b{display: block;font-size: 1.5rem;z-index: 1;position: relative;}
.g-about ul li b:before{ position:absolute; content:""; width:6.8rem; height:0.6rem; background:#fac12c; top:1.4rem; left: 0;z-index: -1;}
.g-about dl{width: 100%;}
.g-about dl dt{width: 100%;line-height: 0;}
.g-about dl dt a{display: block;width: 72.5%;padding: 1.1rem 0 0;margin: 0 auto;}
.g-about dl dd{width: 90%;padding: 1.2rem 0 0;margin: 0 auto;text-align: center;}
.g-about dl dd h5{height: 2.2rem;line-height: 2.2rem;overflow: hidden;}
.g-about dl dd h5 a{font-size: 1.2rem;color: #000;}
.g-about .ab_desc{font-size: 1rem;color: #333;line-height: 1.5rem;padding: 0.5rem 0 0;}

/*荣誉资质*/
.g-honor{padding: 0 0 2rem;}
.g-honor h3{height: 3rem;width: 96.88%;margin: 0 auto;line-height: 2.2rem;border-bottom: #e0e0e0 1px solid;}
.g-honor h3 a{font-size: 1rem;color: #333;}
.g-honor h3 em{display: block;float: left;width: 2.5rem;line-height: 0;margin-right: 0.6rem;box-shadow: 0 3px 10px 3px rgba(248,162,48,0.2);border-radius: 50%;}
.g-honor h3 em img{width: 2.5rem;height: 2.5rem;}
.g-honor h3 span{display: block;float: right;font-weight: normal;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.g-honor ul li{width: 30.63%;float: left;line-height: 0;margin: 1.3rem 0 0 0.65rem;}
.g-honor ul li span{ display:block; width:100%; text-align:center;font-size: 1rem;color: #666;height: 2.5rem;line-height: 2.5rem;overflow: hidden;}


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

/*图片加载未完成前，默认背景色*/
.wrap {  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.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;}}