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

.yzbj{height:26.35rem; background:url(../images/yzbj.jpg) no-repeat center; background-size:100%;}
.yz{padding:2.55rem 4% 0;}
.yz h3{text-align: center; font-size: 2.0rem; line-height: 2.0rem; font-weight: bold; color:#000000; margin-bottom:3.5rem;}
.yz ul li{float:left;width:50%;height:7.25rem;}
.yz ul li span{display: block; font-size: 1.6rem; line-height:1.6rem; color:#303030; text-align: center; margin-bottom: 1rem;font-family: "思源黑体 CN";}
.yz ul li p{width:86%; margin:0 auto; font-size: 1rem; color:#282828; text-align: center; font-family: "思源黑体 CN"; }
.yz ul li p i{color:#FF8B00;}
.yz ul li:nth-child(3) span,.yz ul li:last-child span{padding-top:1.9rem;}
/**/
.product{height:53.0rem;}
.pro{padding:2.7rem 4% 0;}
.pro h3{text-align: center; margin-bottom: 2.15rem;}
.pro h3 span{width:54%;display: block;margin:0 auto 1rem;font-size: 2.0rem; line-height: 1.8rem; color:#000000; font-weight: bold; padding:0 12%;  position: relative;}
.pro h3 span::before{width:13%; height:0.25rem; background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; top:0.8rem; left:0;background-size:100%;}
.pro h3 span::after{width:13%; height:0.25rem; background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; top:0.8rem; right:0;background-size:100%;}
.pro h3 i{display: block; text-align: center; font-size: 1.1rem; line-height: 1.1rem; color:#666666;}
.pro .pr ul{height:9.85rem;}
.pro .pr ul li{float:left;width:30%; height:2.7rem; line-height: 2.7rem; text-align: center; box-sizing:border-box;  margin-bottom: 0.65rem; margin-right: 0.7rem; border-radius: 0.8rem; overflow:hidden; background-color:#ccc;}
.pro .pr ul li:first-child,.pro ul li:nth-child(5){margin-left: 0;}
.pro .pr ul li a{display:block;font-size: 1.4rem; color:#666666;}
.pro .pr ul li:hover{border:1px solid #ff9a21;}
.pro .pr ul li:hover a{color:#ff9a21;}
.pro .prt{height:28.85rem;}
.pro .prt ul li{float:left;width:47%;height:16.75rem; position:relative;}
.pro .prt ul li span{display: block;width:100%;border:2px solid #eaeaea;box-sizing: border-box;}
.pro .prt ul li span img{width:100%;}
.pro .prt ul li i{display: block; font-size: 1rem; color:#242424;width: 100%; text-align: center; line-height: 1rem;position: absolute; bottom:1.2rem;height: 1rem;
overflow: hidden;}
.pro .prt ul li:nth-child(2n){float:right;}
/**/
.jscxbj{height:38.7rem;}
.jscx{padding:1.9rem 0.1% 0;}
.jscx h3{text-align: center; margin-bottom: 1.2rem; }
.jscx h3 span{width:53%;display: block;margin:0 auto 0.8rem;font-size: 2.0rem; line-height: 2.0rem; color:#000000; font-weight: bold; padding:0 12%;  position: relative;}
.jscx h3 span::before{width:13%; height:0.25rem; background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; top:0.8rem; left:0;background-size:100%;}
.jscx h3 span::after{width:13%; height:0.25rem; background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; top:0.8rem; right:0;background-size:100%;}
.jscx h3 i{display: block; text-align: center; font-size: 1.1rem; line-height: 1.1rem;color:#666666;}
.jscx .cxfl{width:97.7%; height:4rem; margin:0 auto 0.6rem;}
.jscx .cxfl ul li{float:left;width:32.65%; height:2.85rem; padding-top:1.15rem; margin-left:0.25rem;  background:#dedddd;}
.jscx .cxfl ul li span{display: block; }
.jscx .cxfl ul li span em{display: block;text-align: center; font-size: 1rem; line-height: 1rem; color:#333333; font-family: "思源黑体 CN"; margin-bottom: 0.45rem; font-weight: bold;}
.jscx .cxfl ul li span i{display: block; font-size: 0.7rem; line-height: 0.7rem; color:#3E3E3E;text-align: center;text-transform: uppercase;}
.jscx .cxfl ul li:first-child{margin-left: 0;   }
.jscx .cxfl ul li.z-on{background:#ff8b00;}
.jscx .cxfl ul li.z-on span em{color:#000000;}
.jscx .cxfl ul li.z-on span i{color:#000000;}
.jscx .zs{width:97.7%;height:27.0rem; background:url(../images/jst1.jpg) no-repeat center; background-size:100%; margin:0 auto; position: relative;}
.jscx .zs a{display: block; width:50%; height:14.5rem; position: absolute; bottom:2.4rem; left:0;z-index:100;}
.jscx .zs span{display: block;position: absolute; right:0; bottom:3.25rem;width: 46%;}
.jscx .zs span em{display: block; font-size:1.75rem; line-height: 1.75rem; color:#FF8B00; margin-bottom: 1.05rem; font-weight:bold; }
.jscx .zs span p{font-size: 1rem; color:#000000; height:4rem; font-family: "思源黑体 CN";}
.jscx .zs .con{height:27.0rem; position: relative; }
/**/
.jybj{height:40.6rem;background:#f8f8f8;}
.jy{padding:2.5rem 4% 0; position: relative;}
.jy h3{text-align: center; margin-bottom: 2rem; }
.jy h3 span{width:44%;display: block;margin:0 auto 0.8rem;font-size: 2.0rem; line-height: 2.0rem; color:#000000; font-weight: bold; padding:0 22%;  position: relative;}
.jy h3 span::before{width:13%; height:0.25rem; background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; top:0.8rem; left:0;background-size:100%;}
.jy h3 span::after{width:13%; height:0.25rem; background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; top:0.8rem; right:0;background-size:100%;}
.jy h3 i{display: block; text-align: center; font-size: 1.1rem; line-height: 1.1rem;color:#666666;}
.jy .gun{height:5rem;}
.jy .gun li{float:left;width:25%; padding-left:1.1rem; height:3rem; border-right:1px solid #e6e6e6; box-sizing: border-box;}
.jy .gun li:last-child{border-right:0;}
.jy .gun li span{display: block;height: 1.5rem; margin-bottom: 0.65rem;}
.jy .gun li span em{font-size: 1.7rem; color:#333333; font-family: "MRazorPRC";height: 1.5rem; display: block;float: left;line-height: 1.5rem;}
.jy .gun li span i{font-size: 0.9rem; color:#333333; font-family: "思源黑体 CN";}
.jy .gun li p{font-size: 1rem; color:#666666; line-height: 1rem;font-family: "思源黑体 CN";}
.jy .gun li:hover span em{color:#ff8b00;}
.jy .gun li:hover span i{color:#ff8b00;}
.jy .gun li:hover p{color:#ff8b00;}
.jy .jysm{height:27.0rem;}
.jy .jysm span{display: block;height:15.0rem; margin-bottom: 6rem;}
.jy .jysm span img{width:100%; height:100%;}
.jy .jysm p{font-size: 1rem; color:#282828;}
.jy .jyfl{position: absolute; bottom:8.25rem; left:4%;width:92%;}
.jy .jyfl ul{height:6rem;}
.jy .jyfl ul li{float:left; width:25%; height:6rem;}
.jy .jyfl ul li i{display: block; width:55%; height:4rem; margin:0 auto 0.5rem;}
.jy .jyfl ul li .jy1{background:url(../images/lb1.png) no-repeat center;    background-size: 100%;}
.jy .jyfl ul li .jy2{background:url(../images/lb2.png) no-repeat center;    background-size: 100%;}
.jy .jyfl ul li .jy3{background:url(../images/lb3.png) no-repeat center;    background-size: 100%;}
.jy .jyfl ul li .jy4{background:url(../images/lb4.png) no-repeat center;    background-size: 100%;}
.jy .jyfl ul li em{display: block; font-size: 1.4rem; color:#282828; font-weight: bold; text-align: center;}
.jy .jyfl ul li.z-on em{color:#ff8b00;}
/**/
.fwtx{height:27.45rem;}
.fw{padding-top:2.35rem; }
.fw h3{text-align: center; margin-bottom: 3.75rem; }
.fw h3 span{width:44%;display: block;margin:0 auto 0.8rem;font-size: 2.0rem; line-height: 2.0rem; color:#000000; font-weight: bold; padding:0 22%;  position: relative;}
.fw h3 span::before{width:13%; height:0.25rem; background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; top:0.8rem; left:0;background-size:100%;}
.fw h3 span::after{width:13%; height:0.25rem; background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; top:0.8rem; right:0;background-size:100%;}
.fw h3 i{display: block; text-align: center; font-size: 1.1rem; line-height: 1.1rem;color:#666666;}
.fw ul{height:7.1rem; margin-bottom: 2.2rem;}
.fw ul li{float:left; width:20%;height:7.1rem;}
.fw ul li i{display: block;height:4.4rem; margin-bottom: 1.45rem;}
.fw ul li .fw1{background:url(../images/fw1.png) no-repeat center;background-size: 68%;}
.fw ul li .fw2{background:url(../images/fw2.png) no-repeat center;background-size: 68%;}
.fw ul li .fw3{background:url(../images/fw3.png) no-repeat center;background-size: 68%;}
.fw ul li .fw4{background:url(../images/fw4.png) no-repeat center;background-size: 68%;}
.fw ul li .fw5{background:url(../images/fw5.png) no-repeat center;background-size: 68%;}
.fw ul li em{display: block; text-align: center; font-size: 1.2rem;color:#000000; line-height: 1.2rem;}
.fw ul li:hover .fw1{background:url(../images/fw1_h.png) no-repeat center;background-size: 68%;}
.fw ul li:hover .fw2{background:url(../images/fw2_h.png) no-repeat center;background-size: 68%;}
.fw ul li:hover .fw3{background:url(../images/fw3_h.png) no-repeat center;background-size: 68%;}
.fw ul li:hover .fw4{background:url(../images/fw4_h.png) no-repeat center;background-size: 68%;}
.fw ul li:hover .fw5{background:url(../images/fw5_h.png) no-repeat center;background-size: 68%;}
.fw .fw_sm{width:76.5%; margin:0 auto;}
.fw .fw_sm i{display: block;font-size: 1.2rem; color:#EB6300; text-align: center; line-height: 1.2rem; margin-bottom: 1.8rem;}
.fw .fw_sm span{display: block; padding-left:5%; width: 66%;float:left;}
.fw .fw_sm span em{display: block;padding-left:2.2rem; height:1.1rem; line-height: 1.1rem; margin-bottom: 0.8rem; font-size: 1rem; color:#252525; background:url(../images/phone.png) no-repeat left;    background-size: 12%;}
.fw .fw_sm span p{font-size: 1.65rem; color:#EB6300; line-height: 1.65rem; font-weight: bold;}
.fw .fw_sm a{display: block;float:left; width:27%; height:2.1rem; text-align: center; line-height: 2.1rem; background:#FF8B00;margin-top: 1.25rem; font-size: 1rem; color:#000000;}
/**/
.casebj{height:59.65rem; background:url(../images/casebj.jpg) no-repeat center; background-size:100%;}
.case{padding:2.1rem 4% 0;}
.case h3{text-align: center; margin-bottom: 2.3rem; }
.case h3 span{width:55%;display: block;margin:0 auto 0.8rem;font-size: 2.0rem; line-height: 2.0rem; color:#000000; font-weight: bold; padding:0 21%;  position: relative;}
.case h3 span::before{width:13%; height:0.25rem; background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; top:0.8rem; left:0;background-size:100%;}
.case h3 span::after{width:13%; height:0.25rem; background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; top:0.8rem; right:0;background-size:100%;}
.case h3 i{display: block; text-align: center; font-size: 1.1rem; line-height: 1.1rem;color:#666666;}
.case h3 i a{display: block; text-align: center; font-size: 1.1rem; line-height: 1.1rem;color:#666666;}
.case .cabt{height:6.3rem;}
.case .cabt li{float:left; width:31.61%; height:2.1rem; background:#ff8b00; margin-bottom: 0.45rem;  line-height: 2.1rem; padding-left:0.09%; margin-left: 0.65rem;}
.case .cabt li i{display: block;width:14%;height:1.1rem;float:left; margin:0.6rem 0.2rem 0 0.7rem;}
.case .cabt li em{display: block; float:left;font-size: 1.1rem;color:#FFF;}
.case .cabt li .ca1{background:url(../images/ca1.png) no-repeat center;background-size: 100%;}
.case .cabt li .ca2{background:url(../images/ca2.png) no-repeat center;background-size: 100%;}
.case .cabt li .ca3{background:url(../images/ca3.png) no-repeat center;background-size: 100%;}
.case .cabt li .ca4{background:url(../images/ca4.png) no-repeat center;background-size: 100%;}
.case .cabt li .ca5{background:url(../images/ca5.png) no-repeat center;background-size: 100%;}
.case .cabt li .ca6{background:url(../images/ca6.png) no-repeat center;background-size: 100%;}
.case .cabt li:first-child,.case ul li:nth-child(4){margin-left: 0;}
.case .ca_sm{height:24.0rem;}
.case .ca_sm span{display: block; height:16.25rem;}
.case .ca_sm span img{width:100%; height:100%;}
.case .ca_sm  p{font-size: 1.1rem; color:#666666; margin-top: 1.7rem;}
.case .loop li{float:left; width:31.6% !important;height: 14.5rem;margin-right: 0.6rem;}
.case .loop li em{display: block; height:auto;box-shadow:0 6px 8px  rgba(0,0,0,0.1);}
.case .loop li em img{width:100%; height:100%;}
.case .loop li em:last-child{margin-top: 1rem;}
/**/
.about{height:35.8rem;background:#F7F7F7;}
.ab{padding:2.6rem 4% 0;}
.ab h3{text-align: center; font-size: 2.0rem; color:#000000; line-height: 2.0rem;margin-bottom: 1.45rem; font-weight: bold;}
.ab h3 i{display:block; font-size: 0.8rem;line-height: 0.8rem; color:#333333; margin-top: 0.65rem; text-transform: uppercase; font-weight: normal;}
.ab dl dt{height:12.65rem; margin-bottom: 2.3rem;}
.ab dl dt img{width:100%; height:100%;}
.ab dl dd span{display: block; margin-bottom: 1.4rem;}
.ab dl dd span a{display: block;font-size: 1.1rem; text-align: center; color:#484848; line-height: 1.1rem;}
.ab dl dd p{font-size: 1rem;color:#484848; margin-bottom: 1.2rem;}
.ab dl dd em{display: block; height:3.3rem; text-align: center;background:#FF8B00; line-height: 3.3rem;}
.ab dl dd em a{display: block; font-size: 1.2rem; color:#FFF;}