@charset "utf-8";
.wrap img{display:block;width:100%;}


.tit{text-align: center;font-weight: normal;font-size: 0;}
.tit span{display: block;font-size: 2rem;color: #000;line-height: 2rem;}



/*banner*/
.g-adv{ position:relative;}
.g-adv .swiper-pagination{bottom: 2rem;height: 0.8rem;z-index:10;}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;background: #fff;opacity: 1;border-radius:100%;margin:0 0.5rem;vertical-align:top;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #FD6E01;}


/*yinzi*/
.yinzi{height: 7.5rem;background: #F7F7F7;}
.yinzi ul{padding: 0 0.8rem;display: flex;justify-content: space-between;height: 7.5rem;}
.yinzi ul li{display: flex;align-items: center;}
.yinzi ul li img{margin-right: 0.4rem;width: auto;height: 3.75rem;}
.yinzi ul li p{font-size: 1rem;color: #000;line-height: 1rem;white-space: nowrap;}
.yinzi ul li p em{display: block;font-size: 1.8rem;line-height: 1.8rem;padding-bottom: 0.2rem;}



/* worth */
.worth{padding: 4rem 0.5rem 2rem;}
.worth h2{background: url(/mobile/Images/Index/worth-tit.png) no-repeat center;background-size: auto 1.95rem;}
.worth-desc{font-size: 1.2rem;color: #666;line-height: 2rem;text-align: center;margin: 2rem 0 1rem;}
.worth ul{display: flex;flex-wrap: wrap;}
.worth ul li{width: calc((100% - 0.5rem) / 2);margin-right: 0.5rem;margin-bottom: 0.6rem;padding-left: 1rem;height: 8.8rem;box-sizing: border-box;background: url(/mobile/Images/Index/worth-li.jpg) no-repeat;background-size: 100% 100%;position: relative;}
.worth ul li:nth-child(2n){margin-right: 0;}
.worth ul li img{position: absolute;width: 3.2rem;right: 1.5rem;top: 3.2rem;}
.worth ul li h3{font-size: 1.5rem;color: #000;line-height: 1.5rem;font-weight: normal;padding: 1.8rem 0 0.8rem;}
.worth ul li p{font-size: 1rem;color: #000;line-height: 1.3rem;}


/* fudao */
.fudao{padding: 2rem 0 2.5rem;}
.fudao h2{background: url(/mobile/Images/Index/fudao-tit.png) no-repeat center;background-size: auto 1.95rem;}
.fudao .more{display: block;width: 8.8rem;height: 1.8rem;line-height: 1.7rem;text-align: center;font-size: 1rem;color: #666;border: 1px solid #ddd;margin: 1rem auto;box-sizing: border-box;border-radius: 0.9rem;}
.fudao-list{padding-bottom: 2.5rem;}
.fudao-list dl{width: 25.6rem;position: relative;border-radius: 1rem;overflow: hidden;background: #333;}
.fudao-list dl::before{display: none;position: absolute;top: 2.2rem;right: 1.8rem;width: 4.9rem;height: 2.1rem;content: "";background: url(/mobile/Images/Index/hjwh.png) no-repeat;background-size: 100% 100%;}
.fudao-list dt img{opacity: 0.3;}
.fudao-list dd{display: none;transform: all 0.3s;position: absolute;left: 0;bottom: 0;width: 100%;height: 8.2rem;padding: 0 1.5rem;box-sizing: border-box;background: linear-gradient(-180deg, #FB890F, #FF4401);}
.fudao-list dd p{font-size: 1rem;color: #fff;line-height: 1.5rem;padding: 1.5rem 7rem 0 0;}
.fudao-list dd p span{display: block;}
.fudao-list dd .xq{position: absolute;bottom: 2.2rem;right: 1.5rem;width: 5.5rem;height: 1.6rem;line-height: 1.5rem;text-align: center;font-size: 0.7rem;color: #fff;border: 1px solid #fff;box-sizing: border-box;border-radius: 0.8rem;}
.fudao-list dl.swiper-slide-active dt img{opacity: 1;}
.fudao-list dl.swiper-slide-active::before{display: block;}
.fudao-list dl.swiper-slide-active dd{display: block;}
.fudao-list .swiper-pagination{bottom: 0;height: 0.4rem;z-index:10;}
.fudao-list .swiper-pagination .swiper-pagination-bullet{width: 3rem;height: 0.4rem;background: #eee;opacity: 1;border-radius:0.4rem;margin:0 0.3rem;vertical-align:top;}
.fudao-list .swiper-pagination .swiper-pagination-bullet-active{background: #FD6E01;}


/*why*/
.why{padding: 4rem 0.5rem;background: url(/mobile/Images/Index/why-bg.jpg) no-repeat center bottom;background-size: cover;}
.why h2{background: url(/mobile/Images/Index/why-tit.png) no-repeat center;background-size: auto 1.95rem;}
.why .more{display: block;width: 8.8rem;height: 1.8rem;line-height: 1.8rem;text-align: center;font-size: 1rem;color: #fff;border-radius: 0.9rem;margin: 1rem auto 1.2rem;background: linear-gradient(-180deg, #FB890F, #FF4401);}
.why-desc{text-align: center;margin: 2rem 0 2.5rem;}
.why-desc h3{font-size: 1.5rem;color: #000;line-height: 1.5rem;font-weight: normal;margin-bottom: 1.2rem;}
.why-desc p{font-size: 1rem;color: #000;line-height: 1.5rem;}
.why ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.why ul li{width: calc((100% - 0.5rem) / 2);height: 8rem;border: 1px solid #DBE8FB;border-radius: 0.5rem;background: #fff;margin-bottom: 0.5rem;padding-left: 1.2rem;box-sizing: border-box;display: flex;align-items: center;position: relative;}
.why ul li::after{position: absolute;width: 2.4rem;height: 2.6rem;content: "";background: url(/mobile/Images/Index/hua1.png) no-repeat;background-size: 100% 100%;left: 0;bottom: 0;}
.why ul li i{width: 4.1rem;height: 4.1rem;margin-right: 1rem;}
.why ul li .text{width: 0;flex: 1;padding-right: 0.8rem;}
.why ul li .text h4{font-size: 1.3rem;color: #000;line-height: 1.3rem;font-weight: normal;margin-bottom: 0.8rem;}
.why ul li .text p{font-size: 0.8rem;color: #666;line-height: 1rem;}



/*case*/
.case{padding: 3.5rem 0.5rem 2rem;}
.case h2{margin-bottom: 2rem;}
.case h2 span{background: url(/mobile/Images/Index/case-tit.png) no-repeat center;background-size: auto 1.95rem;}
.case h2 i{display: block;font-size: 1.2rem;color: #666;line-height: 1.2rem;padding-top: 1rem;}
.case-list{display: flex;flex-wrap: wrap;}
.case-list dl{width: calc((100% - 0.5rem) / 2);margin-right: 0.5rem;margin-bottom: 0.5rem;}
.case-list dl:nth-child(2n){margin-right: 0;}
.case-list dd{height: 6rem;border: 1px solid #DBE8FB;margin-top: 2px;padding: 0 0.8rem;box-sizing: border-box;}
.case-list dd h4{padding: 1rem 0 0.8rem;}
.case-list dd h4 a{display: block;font-size: 1.2rem;color: #666;line-height: 1.2rem;height: 1.2rem;overflow: hidden;font-weight: bold;}
.case-list dd p{display: flex;}
.case-list dd p span{height: 1.8rem;line-height: 1.7rem;border: 1px solid #DBE8FB;padding: 0 0.6rem;font-size: 1rem;color: #666;box-sizing: border-box;margin-right: 0.4rem;}



/*news*/
.news{padding: 4rem 0.5rem 3rem;background: url(/mobile/Images/Index/news-bg.jpg) no-repeat center bottom;background-size: cover;}
.news h2{margin-bottom: 2.5rem;}
.news h2 span{background: url(/mobile/Images/Index/news-tit.png) no-repeat center;background-size: auto 1.95rem;}
.news h2 i{display: block;font-size: 1.2rem;color: #666;line-height: 1.2rem;padding-top: 1rem;}
.news-t{display: flex;margin: 0 0 1rem;height: 1.9rem;border-bottom: 1px solid #E2E2E2;overflow: hidden;}
.news-t a{font-size: 1.2rem;color: #000;height: 1.9rem;line-height: 1.2rem;margin-right: 1rem;padding: 0 0.8rem 0 1.3rem;position: relative;}
.news-t a::after{position: absolute;left: 0.4rem;top: 0.1rem;width: 0.2rem;height: 1rem;background: #FD6E08;border-radius: 0.1rem;content: "";display: none;}
.news-t a.on{color: #FD6E08;border-bottom: 2px solid #FD6E08;}
.news-t a.on::after{display: block;}
.news_item dl{display: flex;}
.news_item dl dt{width: 50%;}
.news_item dl dd{width: 50%;padding-left: 1.4rem;box-sizing: border-box;}
.news_item dl dd h4{padding: 0.5rem 0 1.2rem;}
.news_item dl dd h4 a{display: block;font-size: 1.3rem;line-height: 1.3rem;font-weight: bold;color: #000;height: 1.3rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_item dl dd p{font-size: 1.2rem;color: #666;line-height: 2rem;}
.news_item dl dd .xq{display: block;font-size: 1.2rem;color: #666;line-height: 2rem;margin-top: 0;}
.news-list{padding: 0.5rem 0;border-top: 1px solid #E1E1E1;margin-top: 1.2rem;}
.news-list li{font-size: 1.2rem;height: 2.5rem;line-height: 2.5rem;color: #333; overflow: hidden;}
.news-list li a{color: #333;}
.news-list li i{float: right; }
.news-list li span{float: left;}



/* consult */
.consult{height: 32.1rem;padding: 0 1rem;background: url(/mobile/Images/Index/consult-bg.jpg) no-repeat center;background-size: 100% 100%;}
.consult h3{font-size: 2.2rem;color: #fff;line-height: 2.2rem;text-align: center;font-weight: bold;padding: 5rem 0 1.7rem;}
.consult ul{display: flex;flex-wrap: wrap;}
.consult ul li{width: calc((100% - 0.8rem) / 2);margin-bottom: 0.6rem;}
.consult ul li input{display: block;width: 100%;height: 5rem;line-height: 5rem;font-size: 1.2rem;color: #333;padding-left: 1.5rem;box-sizing: border-box;border-radius: 0.3rem;background: #fff;border: 0;outline: 0;}
.consult ul li textarea{display: block;width: 100%;height: 10rem;line-height: 1.5rem;font-size: 1.2rem;color: #333;padding: 1rem 1.5rem;box-sizing: border-box;border-radius: 0.3rem;background: #fff;border: 0;outline: 0;}
.consult ul li input::placeholder,.consult ul li textarea::placeholder{color: #909090;}
.consult ul li button{display: block;width: 100%;height: 4rem;line-height: 4rem;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold;background: #FF9416;border: 0;outline: 0;cursor: pointer;border-radius: 0.3rem;}
.consult ul li button i{display: inline-block;width: 1.5rem;height: 1.6rem;background: url(/mobile/Images/Index/submit-ic.png) no-repeat;background-size: 100% 100%;margin-left: 0.8rem;vertical-align: middle;}
.consult ul li:nth-child(2){margin-left: 0.8rem;}
.consult ul li:nth-child(3){width: 100%;margin-bottom: 1rem;}
.consult ul li:nth-child(4){width: 100%;}



/**/
/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@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;}}