
@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;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}

.wrap img{ width:100%;}
/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination{height:0.6rem;bottom: 1.5rem;line-height: 0;}
.g-adv .swiper-pagination .swiper-pagination-bullet{width:0.6rem;height:0.6rem;background: #666;opacity: 1;margin:0 0.25rem;vertical-align:top;border-radius:50%;position:relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #1A4EC8;}


/*title*/
.title{text-align: center;font-size: 3rem;line-height: 3rem;font-weight: bold;}
.title a{color: #222;}
.title span{display: block;font-weight: normal;font-size: 1.1rem;line-height: 1.1rem;margin-top: 0.5rem;}
.title span:before{content: "";display: inline-block;width: 5rem;height: 1px;background: #e6e6e6;vertical-align: middle;margin-right: 0.7rem;}
.title span:after{content: "";display: inline-block;width: 5rem;height: 1px;background: #e6e6e6;vertical-align: middle;margin-left: 0.7rem;}


/*pro*/
.pro{padding-top: 3.5rem;padding-bottom: 2.7rem;}
.pro-t{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin: 1.5rem 3.125% 0;}
.pro-t h3{width: 48.33%;height: 3.25rem;line-height: 3.25rem;background: #1A4EC8;border-radius: 1.65rem;text-align: center;font-size: 1.4rem;margin-bottom: 0.75rem;}
.pro-t h3 a{display: block;color: #fff;}
.pro-t h3.cur{background: #FF9500;}
.pro-c{margin: 0.75rem 3.125% 0;display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.pro-c li{width: 49.16%;text-align: center;margin-bottom: 0.55rem;}
.pro-c li img{display: block;}
.pro-c li h4{font-size: 1.2rem;line-height: 1.2rem;margin-top: 0.55rem;color: #666;}
.pro-c li:first-child{width: 100%;position: relative;}
.pro-c li:first-child h4{position: absolute;left: 0;bottom: 0;height: 3rem;line-height: 3rem;color: #fff;width: 100%;background: rgba(0,0,0,0.7);}
.pro .more a{width: 58.75%;height: 2.85rem;line-height: 2.85rem;background: #FF9500;text-align: center;color: #fff;display: block;margin: 2.25rem auto 0;font-size: 1.2rem;}


/*pp*/
.pp{background: url(../images/pp-bg.jpg) no-repeat center top;background-size: 100% 100%;padding-top: 3.5rem;padding-bottom: 4.3rem;}
.pp h2 span:before{display: none;}
.pp h2 span:after{display: none;}
.pp-c{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin: 0.35rem 3.125% 0;}
.pp-c li{background: #fff;text-align: center;height: 9.3rem;width: 48.33%;margin-top: 4.5rem;}
.pp-c li em{width: 4.55rem;display: block;margin: 0 auto;margin-top: -2.9rem;}
.pp-c li b{display: block;font-size: 1.5rem;line-height: 1.5rem;color: #222;margin-top: 0.2rem;margin-bottom: 0.3rem;}
.pp-c li span{display: block;font-size: 1.1rem;color: #666;line-height: 1.5rem;margin: 0 0.8rem;letter-spacing:
  -0.05rem;}
.pp-tel{background: url(../images/pp-tel.png) no-repeat center top;width: 80.94%;margin: 0 auto;margin-top: 2.05rem;height: 3.05rem;line-height: 3rem;color: #1A4EC8;text-indent: 4.8rem;font-family: Gotham-Bold,Impact;background-size: 100% 100%;}
.pp-tel span{font-size: 1.8rem;font-weight: bold;}


/*sl*/
.sl{margin-top: 3.4rem;padding-bottom: 3.5rem;}
.sl-c{margin: 1.5rem 3.125% 0;overflow: hidden;}
.sl-c dl{margin-bottom: 2.5rem;}
.sl-c dl dt{line-height: 0;}
.sl-c dl dd{border:1px solid rgba(229,229,229,1);box-sizing: border-box;padding: 1.1rem 2.05rem 0.3rem 1.25rem;}
.sl-c dl dd h3{font-size: 1.5rem;font-weight: bold;background: url(../images/sl-tbg.png) no-repeat left bottom;height: 2.2rem;background-size: 100% auto;line-height: 1.5rem;margin-bottom: 0.7rem;}
.sl-c dl dd p{font-size: 1.1rem;color: #666;margin-bottom: 1rem;line-height: 1.5rem;}
.sl-t{text-align: center;position: relative;}
.sl-t:before{content: "";display: block;position: absolute;height: .15rem;background:#CECECE;width: 35%;z-index: -1;top: 1.8rem;left:0;}
.sl-t:after{content: "";display: block;position: absolute;height: .15rem;background:#CECECE;width: 35%;z-index: -1;top: 1.8rem;right:0;}
.sl-t li{width: 3.75rem;height: 3.75rem;background: #CECECE;text-align: center;line-height: 3.75rem;border-radius: 50%;font-size: 2.4rem;font-family: Arial;font-weight: bold;display: inline-block;margin: 0 0.4rem;color: #fff;}
.sl-t li.cur{background: #1A4EC8;}


/*case*/
.case{background: url(../images/case-bg.jpg) no-repeat center top;background-size: 100% 100%;padding-top: 3.5rem;padding-bottom: 4.35rem;}
.case .title span:before,.case .title span:after{background: #BCBCBC;}
.case-t{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin: 1.5rem 3.125% .75rem;}
.case-t li{width: 31.66%;text-align: center;line-height: 3rem;height: 3rem;background: #fff;border: 1px solid #DCDCDC;margin-bottom: .75rem;}
.case-t li a{display: block;color: #222;}
.case-t li.cur{background: #1A4EC8;border:none;}
.case-t li.cur a{color: #fff;}
.case-c{margin: 0 3.125%;overflow: hidden;position: relative;}
.case-c dt{line-height: 0;}
.case-c dd{background: #fff;padding: 1rem 1.2rem 1.5rem;}
.case-c dd a{display: block;}
.case-c dd h3{font-size: 1.4rem;color: #333;font-weight: bold;line-height: 1.4rem;padding-bottom: .65rem;border-bottom: 0.1rem solid #1A4EC8;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.case-c dd b{font-size: 1.2rem;color: #333;display: block;line-height: 1.2rem;margin-top: 1rem;margin-bottom: 0.3rem;}
.case-c dd p{font-size: 1.1rem;color: #555;line-height: 1.6rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;max-height: 4.8rem;}
.case-c dd p span{color: #1A4EC8;}
.case-c .prev{position: absolute;top: 8rem;left: 0;z-index: 1;width: 2.65rem;}
.case-c .next{position: absolute;top: 8rem;right: 0;z-index: 1;width: 2.65rem;}


/*foot*/
.foot-t{margin: 1.65rem 3.125% 5.5rem;padding-bottom: 1.5rem;}
.foot-t .top{height: 3rem;background:url(../images/top.jpg) no-repeat;line-height: 3rem;font-size: 1.3rem;background-size: 100% 100%;text-indent: 37.83%;margin-bottom: 1.2rem;}
.foot-t .top a{color: #fff;}
.foot-t p{font-size: 1.1rem;line-height: 2.2rem;color: #666;text-align: center;}
.foot-t p.big{font-size: 1.3rem;}
.foot-t p span{margin-left: 1rem;}
.foot-t p a{color: #666;}
.foot-b{max-width: 32rem;display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;background: #1A4EC8;height: 5.5rem;position: fixed;bottom: 0;width: 100%;z-index: 999;}
.foot-b li{padding-top: 1rem;width: 25%;text-align: center;background: url(../images/fmenu-line.png) no-repeat right top;background-size: auto 100%;position: relative;}
.foot-b li.tel{background: #FF9500;}
.foot-b li:last-child{background: none;}
.foot-b li {display: block;}
.foot-b li em{width: 2.15rem;display: block;height: 2.15rem;margin: 0 auto;}
.foot-b li span{font-size: 1.2rem;line-height: 1.2rem;color: #fff;margin-top: 0.5rem;display: block;}
.foot-b li p{position: absolute;bottom: 5.5rem;left: 0;text-align: center;width: 100%;display: none;}
.foot-b li p a{display: block;background:rgba(26,78,200,0.9);height: 3rem;line-height: 3rem;color: #F2F2F2;font-size: 1.1rem;border-bottom: 1px solid rgba(0,54,182,0.9);border-top:1px solid rgba(242,242,242,0.1);box-sizing: border-box;}
.foot-b li p a:first-child{border-top: none;}
.foot-b li p a:last-child{border-bottom: none;}
