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

.tit{font-size: 2.5rem;color: #222;line-height: 2rem;text-align: center;text-transform: uppercase;font-weight: bold;}
.tit a{color: #222;}
.tit em{color: #0513ae;}

/*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 .swiper-pagination-bullet{opacity: 1;background: #fff;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #0513ae;}

/*yz*/
.yz{padding: 3.5rem 3.1% 2.5rem;background: #f1f4fb;}
.yz h2{text-align: center;font-weight: bold;text-transform: uppercase;font-size: 0;margin-bottom: 0.6rem;}
.yz h2 span{display: inline-block;font-size: 2.4rem;height: 1.8rem;line-height: 1.8rem;color: #000;position: relative;z-index: 1;}
.yz h2 span:after{position: absolute;width: 8.4rem;height: 0.3rem;content: "";background: #E51515;left: 0;bottom: -0.05rem;z-index: -1;}
.yz h2 i{display: block;font-size: 1.1rem;color: #000;line-height: 3rem;}
.yz dt{padding: 0 0 1rem 1rem;position: relative;z-index: 1;}
.yz dt:after{position: absolute;width: 19.2rem;height: 12.2rem;content: "";left: 0;bottom: 0;background: #0513AE;z-index: -1;}
.yz dd p{font-size: 1.1rem;color: #000;line-height: 1.7rem;padding-top: 1rem;}



/*pro*/
.pro{padding: 3rem 3.1% 3.5rem;background: #ecf0f9;}
.pro h3{margin: 1.4rem 0 0.8rem;}
.pro h3 a{float: left;width: 46.7%;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 1.1rem;color: #000;text-transform: uppercase;font-weight: bold;background: #ddd;border-radius: 0.5rem;margin-bottom: 1rem;}
.pro h3 a:nth-child(2n){float: right;}
.pro h3 a.cur{background: #ee6a4a;color: #fff;}
.pro_con li{float: left;width: 49.2%;margin-bottom: 0.5rem;}
.pro_con li:nth-child(2n){float: right;}
.pro .more{display: block;width: 16.9rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold;text-transform: uppercase;background: #0513AE;border-radius: 1.25rem;margin: 2rem auto 0;}


/*fea*/
.fea{padding: 3.5rem 0;background: #f1f4fb;}
.fea h2{margin-bottom: 2.2rem;}
.fea_con{padding: 0 3.1% 5.7rem;}
.fea_con dl{height: 13rem;padding: 1rem 0.5rem 0 0.8rem;border-top: 0.4rem solid #C65DFF;box-sizing: border-box;background: #fff;margin-bottom: 1rem;}
.fea_con dt{float: left;width: 10rem;margin-right: 0.8rem;height: 10rem;border-radius: 50%;overflow: hidden;}
.fea_con dd h3{font-size: 1.3rem;color: #0b132b;line-height: 1.3rem;font-weight: bold;text-transform: uppercase;padding: 0.5rem 0 0.7rem;white-space: nowrap;letter-spacing: -0.05rem;}
.fea_con dd p{font-size: 1rem;color: #0b132b;line-height: 1.5rem;}
.fea_con .swiper-pagination{height: 3.2rem;bottom: 0;z-index: 10;background: url(../Images/Index/fea_line.png) no-repeat center;background-size: 100% 0.15rem;}
.fea_con .swiper-pagination .swiper-pagination-bullet{width: 3.2rem;height: 3.2rem;line-height: 3.2rem;background: #cbcbcb;opacity: 1;border-radius:100%;margin:0 0.4rem;vertical-align:top;font-size: 1.8rem;color: #fff;font-family: Arial;font-weight: bold;}
.fea_con .swiper-pagination .swiper-pagination-bullet-active{background: #df1721;}


/*why*/
.why{padding: 3.5rem 3.1%;background: url(../Images/Index/ys_bg.jpg) no-repeat;background-size: cover;}
.why h2{color: #fff;}
.why_t{margin-top: 2rem;height: 8.7rem;}
.why_t li{float: left;width: 47.5%;height: 3.25rem;line-height: 3.25rem;text-align: center;font-size: 1.5rem;color: #fff;font-weight: bold;background: #00148E;border-radius: 0.5rem;margin-bottom: 0.7rem;}
.why_t li:nth-child(2n){float: right;}
.why_t li.cur{    background: linear-gradient(-90deg, #E10000, #FF0000);}
.why_con dd{height: 18.5rem;background: #fff;padding: 0 1.4rem;}
.why_con dd h3{padding: 1.5rem 0 0;}
.why_con dd h3 img{width: auto;height: 2rem;}
.why_con dd h3 span{display: block;font-size: 2.1rem;color: #000;line-height: 2.7rem;text-transform: uppercase;font-weight: bold;}
.why_con dd p{font-size: 1.1rem;color: #0b132b;line-height: 1.5rem;margin: 0.6rem 0 1.1rem;}
.why_tag{height: 3rem;}
.why_tag span{float: left;min-width: 4.4rem;padding: 0 0.4rem;height: 3rem;line-height: 3rem;text-align: center;font-size: 0.9rem;color: #333;border: 1px solid #d2d2d2;box-sizing: border-box;margin-right: 1rem;font-weight: bold;}




/*case*/
.case{padding: 3.5rem 3.1%;background: #f1f4fb;}
.case h2{margin-bottom: 1.5rem;}
.case_con dd{height: 11rem;background: #fff;padding: 0 0.6rem;}
.case_con dd h4 i{display: block;font-size: 1.2rem;color: #222;line-height: 2rem;padding-top: 0.75rem;font-weight: normal;}
.case_con dd h4 span{display: block;font-size: 1.5rem;color: #222;line-height: 1.2rem;text-transform: uppercase;font-weight: bold;}
.case_con dd p{font-size: 1rem;color: #222;line-height: 1.5rem;margin: 0.8rem 0 0;}
.case .more{display: block;width: 18.6rem;height: 2.8rem;line-height:2.8rem;text-align: center;font-size: 1.2rem;color: #fff;border-radius: 1.4rem;background: linear-gradient(90deg, #eb6345, #FF9F73);text-transform: uppercase;font-weight: bold;margin: 2rem auto 0;}


/*news*/
.news{padding: 3.5rem 3.1%;background: #ecf0f9;}
.new_t{height: 1.3rem;line-height: 1.3rem;margin: 2rem 0 1.7rem;display: flex;justify-content: space-between;}
.new_t span{font-size: 1.3rem;color: #222;font-weight: bold;}
.new_t span.cur{color: #bf0900;text-decoration: underline;}
.new_con ul{padding: 0 1rem 1.5rem;box-sizing: border-box;width: 100%;background: #fff;}
.new_con li{border-bottom: 1px solid #e7e7e7;height: 4.5rem;overflow: hidden;position: relative;transition: all 0.5s;}
.new_con li h4{height: 4.5rem;line-height: 4.5rem;font-size: 1.1rem;color: #010101;text-transform: uppercase;}
.new_con li h4 a{color: #010101;}
.new_con li p{font-size: 1.1rem;color: #666;line-height: 1.5rem;max-height: 4.5rem;overflow: hidden;}
.new_con li i{position: absolute;padding: 0 0.5rem;font-size: 1.5rem;color: #000;line-height: 4.5rem;right: 0;top: 0;cursor: pointer;}
.new_con li.cur{height: auto;padding: 0.5rem 0 1rem;}
.new_con li.cur h4{font-weight: bold;height: 3rem;line-height: 3rem;}
.new_con li.cur i{display: none;}











/**/
/**/
@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;}}