.wrap img { display:block;width:100%;}
/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:8; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
/*about*/
.about{padding:2.375rem 0 2.5rem;}
.about h3{font:bold 1.08rem "Microsoft Yahei";color: #4e4e4e;text-align: center;margin: 1.25rem 0 0.5rem;}
.about p{font-size: 0.917rem;color: #aaa;text-align: center;}
.about .more{display: block;width: 37.8%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size:1rem;color:#fff;background: url(../Images/Index/about_m.png) no-repeat;background-size:100% 2.5rem;margin: 1.45rem auto 0;}
/*service*/
.ser{height: 15.5rem;background-color: #f7f8fa;padding-top: 2rem;}
.ser h2{font-size: 1.17rem;font-weight: bold;padding:0 3.4% 0 4%;margin-bottom: 1rem;}
.ser h2 a{color: #000;}
.ser h2 i{font-size: 0.917rem;}
.ser ul li{float: left;width: 28.75%;height:10.458rem;margin-right: 3%;}
.ser ul li em{display: block;font-size: 1.17rem;padding-left: 32.6%;margin: 1.7rem 0 0.75rem;}
.ser ul li em a{color: #fff;}
.ser ul li p{font-size:0.917rem;line-height: 1.3rem;padding-left: 12%;color: #fff;}
.ser ul li:first-child{margin-left: 4%;background: url(../Images/Index/ser01.png) no-repeat;background-size: 100% 10.458rem;}
.ser ul li:nth-child(2){background: url(../Images/Index/ser02.png) no-repeat;background-size: 100% 10.458rem;}
.ser ul li:last-child{background: url(../Images/Index/ser03.png) no-repeat;background-size: 100% 10.458rem;}
/*business*/
.busi{padding: 2.4rem 0 2.5rem;}
.busi h3{color: #aaa;font-size: 1rem;text-align: center;padding-top: 0.4rem;margin-bottom: 1.5rem;}
.busi h3 b{display: block;font-size:1.08rem;color:#4b4b4b;padding-top: 0.5rem;}
.busi ul li{overflow: hidden;float: left;color:#333;width: 27.6%;height: 2.75rem;line-height:2.75rem;text-align:center;font-size: 1rem;box-sizing: border-box;border: 3px solid #e8f0f3;border-radius: 0.2rem;margin-bottom: 0.375rem;}
.busi ul li:nth-child(1),.busi ul li:nth-child(4){margin-left:8.6%;}
.busi ul li:hover,.busi ul li.z-on{background: url(../Images/Index/b_nav.png) no-repeat;background-size:100% 2.75rem;border: 0;font-weight: bold;color: #fff;}
.busi p{width: 82.8%;margin:1.5rem auto 0;position: relative;}
.busi p em{position: absolute;left:0;bottom:0;width: 100%;color: #fff;text-align: center;background: url(../Images/Index/tm_al.png) repeat;padding: 1rem 0;}
.busi p em b{display: block;font-size: 1.08rem;}
.busi p em span{display: block;font-size: 0.917rem;margin-top: 0.5rem;line-height: 1.2rem;}
.busi .more{height: 2.5rem;text-align: center;margin-top: 1.2rem;}
.busi .more a{display: inline-block;width: 33%;height:2.5rem;line-height:2.5rem;text-align:center;margin: 0 1.875%;font-size: 1rem;color: #fff;font-weight: bold;}
.busi .more a:first-child{background:url(../Images/Index/b_xq.png) no-repeat;background-size: 100% 2.5rem;}
.busi .more a:last-child{background:url(../Images/Index/b_zx.png) no-repeat;background-size: 100% 2.5rem;}
/*优势*/
.adva{padding: 2.2rem 0;background-color: #f7f8fa;}
.adva h3{color: #aaa;font-size: 1rem;text-align: center;padding-top: 0.2rem;margin-bottom: 1.7rem;}
.adva h3 b{display: block;font-size:1.08rem;color:#4b4b4b;padding-top: 0.5rem;}
.adva .text{width:80%;margin-top: 1.75rem;padding-left: 10%;margin-bottom: 1.7rem;}
.adva .text h4 b{display:block;font-size: 1.3rem;color: #3f69f2;}
.adva .text h4 span{font-size: 1.167rem;color: #00add8;}
.adva .text p{margin-top: 1.25rem;font-size: 0.917rem;color:#000;}
.adva ul{padding-left: 10%;}
.adva ul li{float: left;width:23%;color: #7f7f7f;}
.adva ul li em{display:block;font-size: 1.5rem;padding-top: 1rem;position: relative;}
.adva ul li em:before{position: absolute;left:0;top:0;width: 25%;height:1px;background-color: #7f7f7f;content: "";}
.adva ul li span{font-size: 0.917rem;}
/*定制*/
.dz{height: 39rem;background: url(../Images/Index/dz_bg.jpg) no-repeat;background-size: 100% 39rem;padding-left: 9.4%;color: #fff;}
.dz .wx{padding-top: 6.79rem;}
.dz .wx i{display: block;width:25.3%;}
.dz .wx span{display: block;font-size: 0.917rem;color: #fff;line-height: 1.3rem;margin-top: 0.4rem;}
.dz_ser{margin-top: 4.15rem;}
.dz_ser b{display: block;font-size: 1.3rem;}
.dz_ser i{display: block;font-size: 1.167rem;}
.dz_ser span{display: block;width:87.9%;font-size: 0.917rem;margin-top: 1.25rem;line-height: 1.25rem;margin-bottom: 1.625rem;}
.dz ul li{float: left;width: 17.24%;text-align: center;height: 4.17rem;font-size: 1.08rem;margin-right: 5.7%;border:0.21rem solid #fff;box-sizing: border-box;padding-top: 0.4rem;}
/*保障*/
.bz{padding: 3rem 0;background-color: #f7f8fa;}
.bz .ul01{width: 100%;padding-left: 8.44%;}
.bz .ul01 li{float: left;width: 20%;margin-bottom: 0.417rem;margin-right: 1.56%;}
.bz .ul01 li em{display:block;width: 68.75%;height: 3.4rem;margin: 0.875rem auto 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 1.17rem;color: #fff;text-align: center;padding-top: 0.18rem;}
.bz .ul01 li:nth-child(7){background-color: #f78800;height: 5.33rem;border-radius: 5px;}
.bz .text{width:80%;margin-top: 1.75rem;padding-left: 10%;margin-bottom: 1.7rem;}
.bz .text h4 b{display:block;font-size: 1.3rem;color: #3f69f2;}
.bz .text h4 span{font-size: 1.167rem;color: #00add8;}
.bz .text p{margin-top: 1.25rem;font-size: 0.917rem;color:#000;}
.bz .ul02{padding-left: 10%;}
.bz .ul02 li{float: left;width:28%;color: #7f7f7f;}
.bz .ul02 li em{display:block;font-size: 1.5rem;padding-top: 1rem;position: relative;}
.bz .ul02 li em:before{position: absolute;left:0;top:0;width: 25%;height:1px;background-color: #7f7f7f;content: "";}
.bz .ul02 li span{font-size: 0.917rem;}
/*case*/
.case{padding-top: 2.5rem;}
.case ul{margin-top: 1.25rem;width: 100%;padding-left: 9%;}
.case ul li{float: left;width: 27.6%;height:5.08rem;text-align: center;box-sizing: border-box;border: 3px solid #e8f0f3;border-radius: 5px;margin-bottom: 0.375rem;}
.case ul li i{display: block;width: 35%;margin: 1rem auto 0;}
.case ul li em{display: block;text-align: center;font-size:0.9rem;color: #333;line-height: 1.875rem;}
.case ul li:hover,.case ul li.z-on{background: url(../Images/Index/c_nav.png) no-repeat;background-size: 100% 5.08rem;border: 0;}
.case ul li:hover em,.case ul li.z-on em{font-weight: bold;color: #fff;}
.case p{width: 82.5%;margin: 1.3rem auto 0;position: relative;}
.case p b{position: absolute;bottom:0;width:100%;height: 2.75rem;line-height: 2.75rem;text-align: center;font-size: 1rem;color: #fff;background-color: rgba(0,0,0,0.6);}
/*合作*/
.coop{height: 5.67rem;overflow: hidden;background: url(../Images/Index/coop_bg.jpg) no-repeat;background-size: 100% 14.67rem;margin-top: -3.75rem;}
.coop h2{font-size: 1.17rem;font-weight: bold;padding:5.4rem 8.4% 0 8.75%;margin-bottom: 0.75rem;}
.coop h2 a{color: #fff;}
.coop h2 i{font-size: 0.917rem;}
.coop ul li{float: left;width: 27.5%;margin-right: 1px;}
.coop ul li:first-child{padding-left: 8.75%;}
/*news*/
.news{padding: 1.8rem 0;}
.n_nav{width:83.6%;margin: 1.5rem auto 0;padding-bottom: 0.75rem;border-bottom: 1px solid #ececec;}
.n_nav li{float: left;font-size: 1.08rem;font-weight:bold;color: #000;margin-right: 9%;}
.n_nav li.z-on{color: #00add8;}
.n_con{margin-top: 1rem;margin-left: 8.2%;}
.n_con li{height:2rem;line-height: 2rem;font-size: 1rem;}
.n_con li a{color: #aaa;}



/**/
/**/
@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:87%;}}
@media screen and (min-width:414px) {  html { font-size:96%;}} 
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}