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


.container{
    width: 100%;
    max-width: 640px;margin: 0 auto;
    min-width: 320px;
    overflow:hidden;
    position:relative;
}


/**/
.product{height:77.6rem;}
.pro{padding:4rem 1.5% 0;}
.pro h3{text-align: center; margin-bottom: 4.35rem;}
.pro h3 span{display:block;width:59.8%; margin:0 auto 0.5rem; font-size: 2.0rem; line-height: 2rem; color:#333333; font-weight: bold;padding:0 1rem; position: relative;}
.pro h3 span::before{width:1rem; height:0.05rem; background:#303030; content:""; position: absolute; left:0; top:0.9rem;}
.pro h3 span::after{width:1rem; height:0.05rem; background:#303030; content:""; position: absolute; right:0; top:0.9rem;}
.pro h3 em{display:block; font-size: 1.0rem; line-height:1rem;}
.pro .pro_fl{height:41.95rem;}
.pro .pro_fl li{ height:4.1rem; margin-bottom: 3rem;}
.pro .pro_fl li span{display:block;height:2.15rem; border-bottom:1px solid #e7e7e7;}
.pro .pro_fl li span em{display:block;float:left; font-size: 1.1rem; line-height: 1.1rem; color:#333333; font-weight: bold; padding-right:1.35rem; background:url(../images/jt.png) no-repeat right; background-size:5%;}
.pro .pro_fl li span i{display:block; float:right; font-size: 0.9rem; line-height: 0.9rem; color:#666666;}
.pro .pro_fl li p{margin-top:0.9rem;}
.pro .pro_fl li p a,.pro .pro_fl li p i{display:block; float:left;font-size: 1rem; color:#666666; line-height: 1rem;}
.pro .pro_fl li p i{margin:0 1.2rem;}
.swiper-slide span{display: block;height:18.05rem;}
.swiper-slide span img{width:100%; height:100%;}
.product .swiper-pagination{margin-top:1rem;}
.product .swiper-pagination .swiper-pagination-bullet{background:#dedede;}
.product .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:5%;background:#1568b4;}
/**/
.edgebj{height:44.2rem;background:#eeeeee;}
.edge{padding:3.5rem 1.5% 0;}
.edge h3{text-align: center; margin-bottom: 1.95rem;}
.edge h3 span{display:block;width:44.8%; margin:0 auto 0.5rem; font-size: 2.0rem; line-height: 2rem; color:#333333; font-weight: bold;padding:0 1rem; position: relative;}
.edge h3 span::before{width:1rem; height:0.05rem; background:#303030; content:""; position: absolute; left:0; top:0.9rem;}
.edge h3 span::after{width:1rem; height:0.05rem; background:#303030; content:""; position: absolute; right:0; top:0.9rem;}
.edge h3 em{display:block; font-size: 1.0rem; line-height:1rem;letter-spacing: 0.1rem;}
.edge .hd ul{height:10.9rem; margin-bottom: 3rem;}
.edge .hd ul li{float:left;width:31.4%; height:3.7rem;padding-top:1.35rem;background:#1568b4; margin-bottom: 0.8rem; margin-left: 0.8rem;}
.edge .hd ul li:first-child,.edge ul li:nth-child(4){margin-left: 0;}
.edge .hd ul li:nth-child(4),.edge ul li:nth-child(5){width:48.5%;}
.edge .hd ul li span{display: block;text-align: center;font-size: 1rem; color:#FFF; line-height: 1rem;}
.edge .hd ul li span i{display: block; text-align: center; font-size: 1rem; color:#FFF; font-weight: bold; margin-top: 0.3rem;}
.edge .ednav{height:13.2rem; margin-bottom: 1.5rem;}
.edge .ednav .edsm{width:43.3%;float:left;height:13.2rem; background:#FFF;}
.edge .ednav .edsm ul{width:81.7%; height:8rem;margin:0 auto; padding-top:2.55rem;}
.edge .ednav .edsm ul li{float:left;width:50%; height:2.6rem;text-align: center; line-height: 2.6rem; font-size: 1rem;color:#333333;border-bottom:1px solid #eaeaea;box-sizing: border-box;}
.ednav .edsm ul li.z-on{font-weight: bold;}
.edge .ednav .edsm ul li:nth-child(odd){border-right:1px solid #eaeaea;}
.edge .ednav .edsm ul li:last-child{border-bottom:0;}
.edge .ednav .edt{float:left; width:56%;height:13.2rem;}
.edge .ednav .edt img{width:100%; height:100%;}
.edge .swiper-slide span{display: block;height:3.5rem; padding-top:0.8rem;}
.edge .swiper-slide .ed1{background:url(../images/01.png) no-repeat center;background-size:19%;}
.edge .swiper-slide .ed2{background:url(../images/02.png) no-repeat center;background-size:19%;}
.edge .swiper-slide .ed3{background:url(../images/03.png) no-repeat center;background-size:19%;}
.edge .swiper-slide .ed4{background:url(../images/04.png) no-repeat center;background-size:19%;}
.edge .swiper-slide .ed5{background:url(../images/05.png) no-repeat center;background-size:19%;}
.edge .swiper-slide span b{display:block;font-size: 1.2rem; color:#1568b4; line-height: 1.2rem; text-align: center; margin-bottom: 0.45rem;}
.edge .swiper-slide span p{font-size: 1rem;color:#333333; line-height: 1rem; text-align: center;}
/**/
.loop{height:20.3rem;}
.lop{padding:4.05rem 1.5% 0;}
.lop h3{text-align: center; margin-bottom: 2rem;}
.lop h3 span{display:block;width:45.8%; margin:0 auto 0.45rem; font-size: 2.0rem; line-height: 2rem; color:#333333; font-weight: bold;padding:0 1rem; position: relative;}
.lop h3 span::before{width:1rem; height:0.05rem; background:#303030; content:""; position: absolute; left:0; top:0.9rem;}
.lop h3 span::after{width:1rem; height:0.05rem; background:#303030; content:""; position: absolute; right:0; top:0.9rem;}
.lop h3 em{display:block; font-size: 1.0rem; line-height:1rem;letter-spacing: 0.1rem;}
.lop ul li{float:left;width:30% !important;margin-right: 5%;}
.lop ul li span{display: block;width:100%; height:5.15rem; border:1px solid #cfcfcf; margin-bottom: 0.95rem;}
.lop ul li span img{width:100%;height:100%;}
.lop ul li i{display: block; font-size: 0.9rem; line-height: 0.9rem; color:#333333; text-align: center;}
/**/
.edgebj2{height:44.15rem;background:#1568b4;}
.edge2{padding:4rem 1.5% 0;}
.edge2 h3{text-align: center; margin-bottom: 2.5rem;}
.edge2 h3 span{display:block;width:60%; margin:0 auto 0.45rem; font-size: 2.0rem; line-height: 2rem; color:#FFF; font-weight: bold;padding:0 1rem; position: relative;}
.edge2 h3 span::before{width:1rem; height:0.05rem; background:#FFF; content:""; position: absolute; left:0; top:0.9rem;}
.edge2 h3 span::after{width:1rem; height:0.05rem; background:#FFF; content:""; position: absolute; right:0; top:0.9rem;}
.edge2 h3 em{display:block; font-size: 1.0rem; color:#FFF; line-height:1rem;letter-spacing: 0.1rem;}
.edge2 dl dt{height:18.45rem; margin-bottom: 2rem;}
.edge2 dl dt img{width:100%;}
.edge2 dl dd{width:80.3%; margin:0 auto;}
.edge2 dl dd i{display: block; margin-left: 3.7rem; font-size: 1.3rem;line-height: 1.3rem;color:#FFF; margin-bottom: 1.1rem;padding-left:2.05rem;}
.edge2 dl dd .ed1{background:url(../images/e01.png) no-repeat left top;background-size:9%;}
.edge2 dl dd .ed2{background:url(../images/e02.png) no-repeat left top;background-size:9%;}
.edge2 dl dd .ed3{background:url(../images/e03.png) no-repeat left top;background-size:9%;}
.edge2 dl dd .ed4{background:url(../images/e04.png) no-repeat left top;background-size:9%;}
.edge2 dl dd p{height:7.25rem;padding-top:1rem;}
.edge2 dl dd p em{display: block;font-size: 0.9rem; line-height: 1.3rem;text-align: center; color:#FFF; opacity: 0.8; height:2.5rem; margin-bottom: 2.25rem;}
.edge2 dl dd .e1{background:url(../images/01t.png) no-repeat center;background-size:43%;}
.edge2 dl dd .e2{background:url(../images/02t.png) no-repeat center;background-size:43%;}
.edge2 dl dd .e3{background:url(../images/03t.png) no-repeat center;background-size:43%;}
.edge2 dl dd .e4{background:url(../images/04t.png) no-repeat center;background-size:43%;}
.edge2 .edqh{height:2.05rem;width:48%;margin:2.25rem auto 0;}
.edge2 .edqh ul li{float:left;width:14%;height:2.05rem;text-align:center; line-height:2.05rem;background:#FFF; font-size: 0.9rem; color:#333333; margin-right: 1.9rem; border-radius: 100%;}
.edge2 .edqh ul li.z-on{color:#1568b4;}
.edge2 .edqh ul li:last-child{margin-right: 0;}
/**/
.about{height:44rem;}
.ab{padding:5.15rem 1.5% 0;}
.ab h3{text-align: center; margin-bottom: 2.5rem;}
.ab h3 span{display:block;width:45.6%; margin:0 auto 0.45rem; font-size: 2.0rem; line-height: 2rem; color:#333333; font-weight: bold;padding:0 1rem; position: relative;}
.ab h3 span::before{width:1rem; height:0.05rem; background:#333333; content:""; position: absolute; left:0; top:0.9rem;}
.ab h3 span::after{width:1rem; height:0.05rem; background:#333333; content:""; position: absolute; right:0; top:0.9rem;}
.ab h3 em{display:block; font-size: 1.0rem; color:#333333; line-height:1rem;letter-spacing: 0.1rem;}
.ab strong{display: block;height:17.65rem; margin-bottom: 1.9rem;}
.ab strong img{width:100%; height:100%;}
.ab b{display: block; font-size: 1.1rem; color:#333333; line-height: 1.1rem; text-align: center; margin-bottom: 1.1rem;}
.ab p{width:90%; height:2.4rem; font-size: 0.9rem; color:#666666; margin:0 auto 1.3rem; text-align: center;}
.ab  .gy{display:block;height:3rem;line-height:3rem; text-align:center; background:#1568b4;color: #fff;font-size: 1rem; margin-bottom:1.3rem;}
.ab ul li{float:left; width:25%; height:3.65rem;text-align:center;line-height:3.65rem;background:#f4f4f4;}
.ab ul li a{font-size: 1rem;color:#333333;}
.ab ul li:nth-child(3){background:#e7e7e7;}
.ab ul li:hover{background:#1568b4;}
.ab ul li:hover a{color:#FFF;}