@charset "utf-8";

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:    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: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{display:block;width:100%;}

.tit{text-align: center;font-weight:normal;}
.tit b{display:block;font-size: 1.9rem;color: #222222;line-height:1.9rem;}
.tit i{display:block;font-size: 1rem;color: #666;line-height: 1rem;padding-top:0.7rem;}
/*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: #0e69c3;}
/*yz*/
.yz{padding:4rem 3.1%;border-bottom:1px solid #d9d9d9;background:url(../Images/Index/yz_bg.jpg) no-repeat;background-size:100% auto;}
.yz h2{font-size: 1.7rem;color: #222222;line-height: 1.7rem;text-align: center;margin-bottom:1.2rem;}
.yz p{font-size: 1.1rem;color: #666;line-height: 1.9rem;text-align: center;}
.yz .m{ display: block;    font-size: 2rem;    text-align: center;    line-height: 2.6rem;}
/*product*/
.pro{padding:4rem 3.1% 0;}
.pro h2{margin-bottom: 1.7rem;}
.pro h3{height:4rem;}
.pro h3 span{float: left;width: 25%;height: 4rem;line-height: 4rem;text-align: center;font-size:1.2rem;color: #fff;background: #333;border-right:2px solid #fff;box-sizing: border-box;position: relative;white-space: nowrap;}
.pro h3 span.cur{background: #0e69c3;font-weight:bold;}
.pro h3 span.cur:after{position: absolute;border:0.5rem solid transparent;border-top-color: #0e69c3;content: "";margin-left: -0.5rem;left: 50%;bottom: -1rem;z-index: 10;}
.pro_con{border:1px solid #d8d8d8;background: #f7f7f7;padding-bottom: 3rem;}
.pro_con dd h4{font-size: 1.5rem;color: #0e69c3;text-align: center;line-height: 2rem;margin-bottom: 0.7rem;    margin-top: 1rem;}
.pro_con dd h4 a{color: #0e69c3;}
.pro_con dd p{font-size: 1.1rem;color: #666;line-height: 1.7rem;text-align:center;padding:0 2rem;}
.pro_con dd .more{display:block;width: 8rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #000;border:1px solid #000;margin:1.2rem auto 0;}
/*ser*/
.ser{padding:3.5rem 0 0;}
.ser h2{margin-bottom: 1.5rem;}
.ser_pic{position: relative;}
.ser_desc{position: absolute;left: 3.1%;top: 4.5rem;font-size: 1.2rem;color: #fff;line-height: 2rem;}
.ser_desc p em{display:inline-block;padding:0 0.4rem;color: #0e69c3;background: #fff;margin-right: 0.3rem;}
.ser_desc i{display:block;font-size: 1rem;line-height: 1.6rem}
.ser_con{height: 18.5rem;background:url(../Images/Index/ser_bg.jpg) no-repeat;background-size:100% 18.5rem;position: relative;}
.ser_con b{position: absolute;left: 3.1%;top: 5.5rem;width: 29%;text-align: center;font-size: 1.6rem;color: #0e69c3;line-height: 2rem;}
.ser_con p{width: 21%;font-size: 1.2rem;color: #333;line-height: 1.2rem;text-align: center;}
.ser_con .p1{position: absolute;left: 32%;bottom: 5.7rem;}
.ser_con .p2{position: absolute;left: 42%;top: 5.9rem;}
.ser_con .p3{position: absolute;right: 26.7%;bottom: 5.7rem;}
.ser_con .p4{position: absolute;right: 3%;top: 7.5rem;}
/*case*/
.case{padding:2.7rem 0 0;}
.case h2{margin-bottom: 1.5rem;}
.case_con{padding:0 3.1%;}
.case_con li{border:1px solid #d8d8d8;box-sizing: border-box;background: #f7f7f7;padding-bottom:6rem;}
.case_con li img{display:block;width: 13.2rem;height: 13.2rem;border-radius: 50%;margin:2rem auto 0;border:2px solid #0e69c3;}
.case_con li h3{font-size: 1.3rem;color: #222;line-height: 1.5rem;text-align: center;margin:2rem 0 1rem;height: 1.5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_con li h3 a{color: #222;}
.case_con li p{font-size: 1.1rem;color: #666;line-height: 1.7rem;text-align: center;padding:0 2rem;}
.case_con .prev{position: absolute;width: 0.8rem;left: 28%;bottom: 2.7rem;z-index: 10;}
.case_con .next{position: absolute;width: 0.8rem;right: 44%;bottom: 2.7rem;z-index: 10;}
/*ys*/
.ys{padding:4rem 3.1% 3.5rem;}
.ys h2{margin-bottom: 1.5rem;}
.ys_con{padding-bottom: 5.5rem;}
.ys_con dd h3{height: 5rem;border-bottom:1px solid #e0e0e0;position: relative;margin-bottom: 1rem;}
.ys_con dd h3 i{position: absolute;left: 0;bottom: -1px;width: 4rem;height: 5rem;padding-top: 0.5rem;text-align: center;line-height: 5rem;font-size: 2.2rem;color: #fff;background: #0e69c3;font-family: Arial;}
.ys_con dd h3 b{float: left;font-size: 1.8rem;color: #333;line-height: 5rem;margin-left: 5.2rem;}
.ys_con dd p{font-size: 1.2rem;color: #333;line-height: 2.5rem;padding-left: 1.4rem;position: relative;}
.ys_con dd p:after{position: absolute;width: 0.6rem;height: 0.6rem;background:url(../Images/Index/dian1.png) no-repeat;background-size:0.6rem 0.6rem;content: "";left: 0;top: 1rem;}
.ys_con .swiper-pagination{bottom: 0;height: 2.5rem;z-index:10;background:url(../Images/Index/shou.jpg) no-repeat;background-size:100% 2.5rem;}
.ys_con .swiper-pagination .swiper-pagination-bullet{width:0.5rem;height: 0.5rem;background: #7d7d7d;opacity: 1;border-radius:50%;margin:0.3rem 0.5rem;vertical-align:top;}
.ys_con .swiper-pagination .swiper-pagination-bullet-active{background: #0e69c3;}
/*news*/
.news{padding: 4rem 3.1% 3.5rem;background: #f7f7f7;}
.news h2{margin-bottom: 2rem;}
.news dd>a{display:block;font-size: 1.2rem;color: #262626;line-height:1.5rem;height: 1.5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:1.8rem 0 0.6rem;}
.news dd p{font-size: 1.1rem;color: #808080;line-height: 1.8rem;}
.new_list{margin-top: 1rem;}
.new_list p{height: 3.6rem;line-height: 3.6rem;font-size: 1.2rem;color: #333;border-bottom:1px dashed #c9c9c9;padding-left: 1rem;position: relative;}
.new_list p a{color: #333;}
.new_list p i{float: right;color: #a6a6a6;font-size: 1rem;}
.new_list p:after{position: absolute;width: 0.5rem;height: 0.5rem;border:2px solid #0e69c3;box-sizing: border-box;border-radius: 50%;content: "";left: 0;top: 1.6rem;}
.new_list p:last-child{border: 0;}