
.wrap img{width:100%;}


/*内容盒子*/
.cot{width: 92%;margin: 0 auto;}

/*income*/
.income{height: 36.8rem;}
.box1{height: 36.3rem;}
.box1 h2{font: bold 1.5rem "Microsoft YaHei";text-align: center;padding-top: 1.6rem;}
.box1 h2 a{color: #18adcb;}
.box1 dl{float: left;width: 45%;padding-top: 0.5rem;}
.box1 dl.ml{margin-left: 10%;}
.box1 dt{border-bottom: 2px solid #2e302b;}
.box1 dt a,.box1 dt span,.box1 dt em{display: block;text-align: center;}
.box1 dt span{width: 50%;margin: 0 auto;}
.box1 dt em{font: bold 1.17rem "Microsoft YaHei";color: #18adcb;text-align: center;padding: 0.8rem 0 1rem;}
.box1 dd{font: 0.93rem/1.3rem "Microsoft YaHei";color: #faf6f2;text-align: center;padding-top: 1rem;}

/*product*/
.product{height: 39.4rem;}
.product h2{text-align: center;padding-top: 2rem;}
.product h2 a{font: bold 1.5rem "Microsoft YaHei";color: #18adcb;}
.product h3{width: 70%;height: 1.33rem;margin: 0 auto;padding-top: 0.3rem;}
.product h3 a{float: left;width: 33.33%;font: 1rem/1.33rem "Microsoft YaHei";color: #a9a8a7;text-align: center;}
.tab01{padding-top: 1.5rem;}
.tab01 li{float: left;width: 30%;height: 2.4rem;box-sizing: border-box;border: 1px solid #999;margin: 0 0 0.7rem 2.5%;}
.tab01 li.lst{width: 65%;}

.tab01 li a{display: block;font: 1rem/2.4rem "Microsoft YaHei";color: #fff;text-align: center;}
.tab01 li.cur02 a,.tab01 li:hover a{background: #18adcb;color: #0f0f0f;}
.p-box{padding-top: 1rem;height: 14.5rem;}
.p-box p a{display: block;position: relative;width: 100%;}
.p-box p span{position: absolute;width: 100%;height: 3.4rem;background: url("../Images/Index/pro03.png") no-repeat center;background-size: 100% 2.4rem;font: 1rem/2.4rem "Microsoft YaHei";color: #fff;text-align: center;left: 0;bottom: 0; line-height:3.8rem;}
.bt01{height: 7rem;}
.bt01 em{width: 27%;height: 2px;background: #888;margin: 3.4rem 0;}
.bt01 i{position: absolute;width: 2.5rem;height: 2.5rem;top: 2.1rem;cursor: pointer;}
.bt01 i.btl01{background: url("../Images/Index/probtn01.png") no-repeat center;background-size: 100% 2.5rem;left: 27%;}
.bt01 i.btr01{background: url("../Images/Index/probtn02.png") no-repeat center;background-size: 100% 2.5rem;right: 27%;}
.bt01 i.btl01:hover{background: url("../Images/Index/probtn001.png") no-repeat center;background-size: 100% 2.5rem;}
.bt01 i.btr01:hover{background: url("../Images/Index/probtn002.png") no-repeat center;background-size: 100% 2.5rem;}

/*goodness*/
.goodness{height: 26.8rem;}
.goodness h2{text-align: center;padding-top: 2rem;}
.goodness h2 a,.goodness h2 em{display: block;}
.goodness h2 a{font: bold 1.5rem/2rem "Microsoft YaHei";color: #18adcb;}
.goodness h2 em{font: 1rem/1.5rem "Microsoft YaHei";color: #a6a6a5;}
.box2{height: 19rem;background: url("../Images/Index/gn01.png") no-repeat center bottom;background-size: 100% 14rem;border-bottom: 5px solid #30b5d0;}
.tab02{padding-top: 1.4rem;}
.tab02 li{float: left;width: 28%;height: 7rem;border-radius: 50%;background: #474747;margin-left: 4%;}
.tab02 li.z-on{background: #18adcb;}
.tab02 li span,.tab02 li em{display: block;text-align: center;}
.tab02 li span{padding-top: 1.9rem;;width: 35%;margin: 0 auto;}
.tab02 li em{font: 1.08rem/2rem "Microsoft YaHei";color: #fff;}
.tab02 li:hover{background: #18adcb;}
.tab03{width: 90%;margin: 0 auto;padding-top: 1rem;}
.tab03 li{float: left;width: 45%;margin-left: 5%;height: 2rem;}
.tab03 li em,.tab03 li a{float: left;}
.tab03 li em{width: 10%;padding: 0.6rem 0 0.4rem;}
.tab03 li a{width: 80%;margin-left: 10%;font: 1rem/2rem "Microsoft YaHei";color: #fff;}

/*compete*/
.compete{height: 45rem;}
.compete h2{text-align: center;padding-top: 2.3rem;}
.compete h2 a,.compete h2 em{display: block;}
.compete h2 a{font: bold 1.5rem/2rem "Microsoft YaHei";color: #18adcb;}
.compete h2 em{font: 1rem/1.5rem "Microsoft YaHei";color: #a6a6a5;}
.compete h4{padding-top: 1.5rem;}
.box3 h1{width: 12%;height: 12rem;padding-top: 2rem;}
.box3 h1 em{display: block;height: 3.1rem;border: 3px solid #18adcb;text-align: center;}
.box3 h1 a{display: block;width: 60%;margin: 0.3rem auto 0;}
.box3 h3{width: 82%;padding-top: 1.4rem;}
.box3 h3 a,.box3 h3 em{display: block;}
.box3 h3 a{font: bold 1.17rem/2rem "Microsoft YaHei";color: #18adcb;}
.box3 h3 a.tta01{padding-top: 1.5rem;}
.box3 h3 em{font: 1rem/1.5rem "Microsoft YaHei";color: #a6a6a5;padding-top: 0.6rem;}
.box3 p{width: 20%;height: 7rem;margin: 0 auto;padding: 0;font: bold 2.5rem/7rem "Arial";color: #18adcb;text-align: center;}
.box3 p span{font-size: 1.5rem;color: #888;}
.bt02{width: 100%;height: 6rem;position: absolute;left: 0;bottom: 0;}
.bt02 em{width: 27%;height: 2px;background: #888;margin: 2.8rem 0;}
.bt02 i{position: absolute;width: 2.5rem;height: 2.5rem;top: 1.6rem;cursor: pointer;}
.bt02 i.btl02{background: url("../Images/Index/probtn01.png") no-repeat center;background-size: 100% 2.5rem;left: 27%;}
.bt02 i.btr02{background: url("../Images/Index/probtn02.png") no-repeat center;background-size: 100% 2.5rem;right: 27%;}
.bt02 i.btl02:hover{background: url("../Images/Index/probtn001.png") no-repeat center;background-size: 100% 2.5rem;}
.bt02 i.btr02:hover{background: url("../Images/Index/probtn002.png") no-repeat center;background-size: 100% 2.5rem;}

/*support*/
.support{height: 38rem;overflow:hidden;}
.support h2{text-align: center;padding-top: 2.4rem;}
.support h2 a,.compete h2 em{display: block;}
.support h2 a{font: bold 1.5rem/2rem "Microsoft YaHei";color: #18adcb;}
.support h2 em{font: 1rem/1.5rem "Microsoft YaHei";color: #a6a6a5;}
.tab04{height: 25.3rem;background: url("../Images/Index/sup13.png") no-repeat bottom;background-size: 2.8% 25.3rem;padding-top: 1.5rem;}
.tab04 li{float: left;width: 45%;height: 3.5rem;margin-top: 1.5rem;}
.tab04 li.ml10{margin-left: 10%;}
.tab04 li.mt0{margin-top: 0;}
.tab04 li a,.tab04 li em{float: left;height: 3.5rem;}
.tab04 li a{width: 70%;font: 1rem/3.5rem "Microsoft YaHei";color: #fff;text-align: center;}
.tab04 li em{width: 30%;}
.support p{width: 70%;height: 2.5rem;margin: 0 auto;}



.support p a{float: left;width: 47%;font: 1rem/2.5rem "Microsoft YaHei";color: #fff;text-align: center;background: #18adcb;border-radius: 20px;}

.support p a.dpa01{margin-left: 6%;}



/*show*/
.show{height: 29rem;}
.show h2{text-align: center;padding-top: 2.4rem;}
.show h2 a,.compete h2 em{display: block;}
.show h2 a{font: bold 1.5rem/2rem "Microsoft YaHei";color: #18adcb;}
.show h2 em{font: 1rem/1.5rem "Microsoft YaHei";color: #a6a6a5;}
.d-box{padding-top: 1.5rem;}
.d-box p a{display: block;position: relative;width: 100%;}
.d-box p span{position: absolute;width: 100%;height: 2.4rem;background: url("../Images/Index/show02.png") no-repeat center;background-size: 100% 2.4rem;font: 1rem/2.4rem "Microsoft YaHei";color: #fff;text-align: center;left: 0;bottom: 0;}
.bt03{height: 6.2rem;}
.bt03 em{width: 27%;height: 2px;background: #888;margin: 3rem 0;}
.bt03 i{position: absolute;width: 2.5rem;height: 2.5rem;top: 1.76rem;cursor: pointer;}
.bt03 i.btl03{background: url("../Images/Index/probtn01.png") no-repeat center;background-size: 100% 2.5rem;left: 27%;}
.bt03 i.btr03{background: url("../Images/Index/probtn02.png") no-repeat center;background-size: 100% 2.5rem;right: 27%;}
.bt03 i.btl03:hover{background: url("../Images/Index/probtn001.png") no-repeat center;background-size: 100% 2.5rem;}
.bt03 i.btr03:hover{background: url("../Images/Index/probtn002.png") no-repeat center;background-size: 100% 2.5rem;}

/*flow*/
.flow{height: 33.2rem;overflow:hidden;}
.flow h2{text-align: center;padding-top: 2.4rem;}
.flow h2 a,.compete h2 em{display: block;}
.flow h2 a{font: bold 1.5rem/2rem "Microsoft YaHei";color: #18adcb;}
.flow h2 em{font: 1rem/1.5rem "Microsoft YaHei";color: #a6a6a5;}
.tab05{height: 21rem;background: url("../Images/Index/flo07.png") no-repeat left 3.7rem;background-size: 96% 11.4rem;}
.tab05 li{float: left;width: 19.5%;margin: 1.3rem 0 0 11.2%;}
.tab05 li.ml4{margin-left: 4.64%;}
.tab05 li.mt4{margin-top: 2.3rem;}
.tab05 li a,.tab05 li em{display: block;}
.tab05 li a{height: 2rem;font: 1rem/2rem "Microsoft YaHei";color: #fff;text-align: center;}
.flow p{width: 70%;height: 2.5rem;margin: 0.8rem auto 0;}

.flow p a{float: left;width: 47%;font: 1rem/2.5rem "Microsoft YaHei";color: #fff;text-align: center;background: #18adcb;border-radius: 20px;}


.flow p a.dpa02{margin-left: 6%;}
 /*

.tel01{width: 47%;height: 3rem;margin: 0.8rem auto 0;background: url("../Images/Index/flo08.png") no-repeat center;background-size: 100% 3rem;}
.tel01 a,.tel01 em{display: block;}
.tel01 a{padding: 0.4rem 0 0 25%;background: url("../Images/Index/flotel.png") no-repeat 9% center;background-size: 12% 1.5rem;font: 0.67rem "Microsoft YaHei";color: #fff;}
.tel01 em{font: bold 1.21rem/1.5rem "Arial";color: #fff;}  */


/*honor*/
.honor{height: 31.6rem;overflow:hidden;}
.honor h2{text-align: center;padding-top: 2.4rem;}
.honor h2 a,.compete h2 em{display: block;}
.honor h2 a{font: bold 1.5rem/2rem "Microsoft YaHei";color: #18adcb;}
.honor h2 em{font: 1rem/1.5rem "Microsoft YaHei";color: #a6a6a5;}
.c-box{padding-top: 1.5rem;}
.c-box p a{display: block;position: relative;width: 100%;}
.c-box p span{position: absolute;width: 100%;height: 2.4rem;background: url("../Images/Index/show02.png") no-repeat center;background-size: 100% 2.4rem;font: 1rem/2.4rem "Microsoft YaHei";color: #fff;text-align: center;left: 0;bottom: 0;}
.bt04{height: 6.2rem;}
.bt04 em{width: 27%;height: 2px;background: #888;margin: 3rem 0;}
.bt04 i{position: absolute;width: 2.5rem;height: 2.5rem;top: 1.76rem;cursor: pointer;}
.bt04 i.btl04{background: url("../Images/Index/probtn01.png") no-repeat center;background-size: 100% 2.5rem;left: 27%;}
.bt04 i.btr04{background: url("../Images/Index/probtn02.png") no-repeat center;background-size: 100% 2.5rem;right: 27%;}
.bt04 i.btl04:hover{background: url("../Images/Index/probtn001.png") no-repeat center;background-size: 100% 2.5rem;}
.bt04 i.btr04:hover{background: url("../Images/Index/probtn002.png") no-repeat center;background-size: 100% 2.5rem;}

/*walk*/
.walk{height: 39rem;}
.walk h2{text-align: center;padding-top: 2.4rem;}
.walk h2 a,.compete h2 em{display: block;}
.walk h2 a{font: bold 1.5rem/2rem "Microsoft YaHei";color: #18adcb;}
.walk h2 em{font: 1rem/1.5rem "Microsoft YaHei";color: #a6a6a5;}
.walk dl{padding-top: 1.5rem;}
.walk dd{font: bold 1.17rem/1.5rem "Microsoft YaHei";color: #18adcb;padding-top: 2rem;}
.walk dd em{display: block;font: 1rem/1.5rem "Microsoft YaHei";color: #fff;padding-top: 1.8rem;}
.walk dd em a{color: #fff;}

/*news*/
.news{height: 17.8rem;}
.nav02{height: 3.4rem;}
.nav02 li{float: left;width: 33.33%;height: 3.4rem;background: #343333;border-left: 1px solid #252525;box-sizing: border-box;}
.nav02 li em{display: block;font: 1rem/3.4rem "Microsoft YaHei";color: #cdcdcd;text-align: center;}
.nav02 li.z-on em{background: #18adcb;color: #0f0f0f;}
.box5{width: 93%;margin: 0 auto;}
.box5 .m-box{width: 100%;}
.box5 p{height: 1.5rem;padding-left: 8%;background: url("../Images/Index/new01.png") no-repeat 2% center;background-size: 3% 0.5rem;margin-top: 1.1rem;}
.box5 p a{font: 1rem/1.5rem "Microsoft YaHei";color: #fff;}


.line{height:2px;margin-top:0;background: url("../Images/Index/fg.png") no-repeat center;background-size: 100% 2px;}



/**/

@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:410px) {  html {font-size: 95%;}}
@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%;}}