@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:750px; 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: #0071bd; }

/*标题*/
.m-tit{display: block;width: 100%;text-align: center;font-size: 2rem;color: #333;font-weight: bold;line-height: 2rem;height: 4.5rem;overflow: hidden;}
.m-tit span{display: block;font-size: 1.1rem;color: #666;font-weight: normal;padding: 0.5rem 0 0;}

/**/
.g-yinz{padding: 3.5rem 0 1rem;width: 100%;}
.g-yinz ul{padding: 2.5rem 0 0;}
.g-yinz ul li{font-size: 1.3rem;color: #333;font-weight: bold;width: 33.33%;float: left;text-align: center;height: 10.8rem;}
.g-yinz ul li em{width: 5.4rem;height: 5.4rem;display: block;line-height: 0;margin: 0 auto 0.6rem;}
.g-yinz ul li em img{width: 5.4rem;height: 5.4rem;}
.g-yinz ul li:nth-child(4){margin-left: 16.6%;}

/**/
.g-fenl{padding: 3.5rem 0;width: 100%;background: #eee;}
.m-fenl{padding: 2rem 0 0;position: relative;width: 92%;margin: 0 auto 2rem;}
.m-fenl:before{content: "";width: 100%;height: 1px;background: #dcdcdc;position: absolute;bottom: 0;left: 0;}
.fen01{width: 100%;height: 3rem;overflow: hidden;line-height: 3rem;}
.fen01 h3{width: 23%;float: left;background: #0071bd;text-align: center;height: 3rem;position: relative;}
.fen01 h3:before{content: "";width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;}
.fen01 h3 a{font-size: 1.2rem;color: #fff;display: block;}
.fen01 ul{width: 73%;float: left;padding-left: 4%;position: relative;height: 3rem;}
.fen01 ul:before{content: "";width: 100%;height: 1px;background: #dcdcdc;position: absolute;top: 0;left: 0;}
.fen01 ul li{width: 40%;float: left;}
.fen01 ul li a{font-size: 1.1rem;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;display: block;}
.fen01 ul li:last-child{width: 20%;}
.fenl{position: relative;width: 92%;margin: 0 auto;overflow: hidden;}
.fenl ul li{width: 100%;line-height: 0;}
.switch{ display: flex; justify-content: center; align-content: flex-end;}
.switch .swiper-pagination-bullet {float: left;background: #fff; width: 0.8rem; opacity: 1; height: 0.8rem; margin: 0 .4rem !important; border-radius: 50%;-webkit-transition:all .5s;transition:all .5s;}
.switch .swiper-pagination-bullet-active { opacity: 1;background: #0071bd;width: 2.5rem;border-radius: 0.5rem;}
.c_prev{position: absolute;top: -10.5rem;left: 0;z-index: 10;}
.c_next{position: absolute;top: -10.5rem;right: 0;z-index: 10;}
.fenl .switch{width: 100%;position: absolute;top: 20rem;left: 0;}
.fenl .switch img { width: 1.85rem; max-width: 100%; }
.cp_list{ width:92%; margin: 0 auto; overflow:hidden; padding:3rem 0 0;}
.cp_list .m-box .con{ display:inline; float:left;}
.cp_list ul li{width: 48.2%;float: left;line-height: 0;margin-right: 3.5%;}
.cp_list ul li span{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #333;height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_list ul li:last-child{margin-right: 0;}

/*案例*/
.g-case{width: 92%;margin: 0 auto;padding: 3.5rem 0 3rem;}
.case_nav{padding: 1.5rem 0 0;height:10rem;overflow: hidden;}
.case_nav ul li{width: 30%;float: left;height: 3rem;margin-bottom: 2rem;margin-right: 5%;}
.case_nav ul li a{display: block;font-size: 1.2rem;color: #333;background: #eee;width: 100%;height: 3rem;line-height: 2.8rem;border-radius: 5rem;text-align: center;}
.case_nav ul li.cur a{color: #fff;background: #0071bd;}
.case_nav ul li:nth-child(3n){margin-right: 0;}
.case_list{width: 100%;}
.case_list ul li{width: 48.2%;float: left;line-height: 0;margin-right: 3.5%;}
.case_list ul li span{display: block;width: 100%;text-align: center;font-size: 1.3rem;color: #666;height: 3.5rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_list ul li:nth-child(2n){margin-right: 0;}

/*优势*/
.g-yous{width: 100%;padding: 3.5rem 0 5rem;background: #eee;}
.yous{padding: 1.5rem 0 0;width: 92%;margin: 0 auto;}
.yous dl{padding-bottom: 3rem;}
.yous dl dt{width: 100%;line-height: 0;}
.yous dl dd{width: 100%;padding: 2rem 0 0;}
.yous dl dd h5{height: 3rem;line-height: 3rem;overflow: hidden;font-size: 1.5rem;color: #333;font-weight: normal;}
.yous dl dd em{display: block;width: 3rem;height: 3rem;float: left;line-height: 0;overflow: hidden;padding-right: 1.5rem;padding-right: 1.2rem;}
.yous dl dd em img{width: 3rem;height: 3rem;}
.ys_desc{position: relative;margin-top: 0.5rem;}
.ys_desc:before{content: "";position: absolute;width: 2px;height: 90%;background: #d2d2d2;top: 1rem;left: 1.35rem;}
.yous dl dd p{font-size: 1.1rem;color: #666;line-height: 1.7rem;padding: 1rem 0 0 4.5rem;overflow: hidden;position: relative;}
.yous dl dd p:before{content: "";position: absolute;top: 1.6rem;left: 1rem;width: 0.8rem;height: 0.8rem;background: #0071bd;border-radius: 50%;}

/*客户名录*/
.g-hz{width: 100%;height: 50.4rem;padding-top: 3.5rem;background: url(/mstyle/images/hz_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-tit02{display: block;width: 100%;text-align: center;font-size: 2rem;color: #333;line-height: 2rem;height: 4rem;overflow: hidden;}
.m-tit02 b{display: block;font-size: 1.2rem;color: #bcbcbc;text-transform: uppercase;}
.g-hz p{font-size: 1.2rem;color: #888;width: 92%;margin: 0 auto;padding: 1rem 0 0;line-height: 2.4rem;height: 7.2rem;overflow: hidden;text-align: center;}
.g-hz p b{color: #333;}
.hz_pic{width: 100%;line-height: 0;padding: 2.5rem 0 0;display: block;}

/*关于嘉得力*/
.g-about{background: #eee;width: 100%;padding: 3.5rem 0;}
.g-about dl{width: 92%;margin: 0 auto;padding: 1.5rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;position: relative;height:22.9rem;}
.g-about dl dt em{width: 3.6rem;height: 3.6rem;display: block;line-height: 0;position: absolute;top: 50%;left: 50%;margin: -2rem 0 0 -1.8rem;}
.g-about dl dt em img{width: 3.6rem;height: 3.6rem;}
.g-about dl dd{padding: 1.5rem 0 0;width: 100%;}
.ab_desc{font-size: 1.2rem;color: #666;line-height: 2.4rem;height: 7.2rem;text-align: center;overflow: hidden;}
.g-about dl dd span{display: block;text-align: center;line-height: 2.4rem;}
.g-about dl dd span a{font-size: 1.2rem;color: #0071bd;font-weight: bold;}

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}