html,body{width:100%;height:100%;font-family:'Times New Roman',Times,serif}
html{font-size:10px}

@media(min-width:320px){
    html{font-size:8.5333px !important}
}

@media(min-width:360px){
    html{font-size:9.6px !important}
}

@media(min-width:375px){
    html{font-size:10px !important}
}

@media(min-width:384px){
    html{font-size:10.24px !important}
}

@media(min-width:411px){
    html{font-size:10.96px !important}
}

@media(min-width:414px){
    html{font-size:11.04px !important}
}

@media(min-width:448px){
    html{font-size:11.9467px !important}
}

@media(min-width:480px){
    html{font-size:12.8px !important}
}

@media(min-width:512px){
    html{font-size:13.6533px !important}
}

@media(min-width:544px){
    html{font-size:14.5067px !important}
}

@media(min-width:576px){
    html{font-size:15.36px !important}
}

@media(min-width:608px){
    html{font-size:16.2133px !important}
}

@media(min-width:640px){
    html{font-size:17.0667px !important}
}

@media(min-width:750px){
    html{font-size:20px !important}
}



*{padding:0;margin:0}
span{display: inline-block;}
a{text-decoration:none;color:#444444}
img{border:none;max-width:100%;vertical-align:top}
ul{list-style:none}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.flex{display:flex !important;flex-wrap:wrap}
.hide{display:none}
.block{display:block}
.clearfix{*height:1%}
.clearfix:after{clear:both;content:'.';display:block;height:0;line-height:0;overflow:hidden}
.form-wrap{width: 97.3%;margin: 0 auto;background-color:#f5f5f5;padding: 40px 0%;}
.form-wrap .form_msg{width: 94%;margin: 0 auto;}
.form-wrap h3{text-align:center;font-size:2rem}
.form-wrap p{font-size:1rem;margin:20px 0}
.form-wrap p a{color:#eb6e3d}
.form-wrap form>div{margin-bottom:20px;display:flex;align-items:flex-start}
.form-wrap form div img{width:7%;color:#ff0000}
.form-wrap form div span{display:block;width:30%;color:#333;text-align:center;font-weight:bolder;margin-top:5px}
.form-wrap form input{display:inline-block;width:60%;line-height:36px;height:36px}
.form-wrap form textarea{width:60%;min-height:100px;padding-top:10px}
.form-wrap form p{background-color:#eb6e3d;text-align:center;color:#fff;border-bottom:2px solid #eb6e3d;line-height:36px;height:36px;margin:0 auto;font-size: 1.2rem;cursor: pointer;width: 94%;}
.contact-wrap{position:relative}
.contact-wrap .way{bottom:10px;width:88%;padding:20px 6%;background:url('../picture/pcb9.jpg')}
.contact-wrap .way li{align-items:center;color:#ffda3c;margin-top:6px;justify-content:center;font-size:1.2rem}
.contact-wrap .way li img{margin-right:2%;width:8%}
.contact-wrap .way li a{color:#ffda3c}
.btn-copy{border:unset;background:rgba(0,0,0,0);color:#3c3c3c}
.p1{text-align:center;color:#fff;margin-bottom:6px;margin-top:10px}
.logo{text-align:center}
.logo img{width:16%}
.logo p{text-align:center;color:#fff;border-bottom:1px solid #fff;font-size:1.1rem;margin:15px 0}
.p2{background-color:#ffda3c;color:#153368;border-radius:2px;text-align:center;margin-bottom:10px;padding:4px 0;font-size:1.2rem}
input,textarea{border:1px solid #ccc;padding-left:10px;font-family:Arial,Helvetica,sans-serif;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
input:focus,textarea:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.btn-wrap{height:20px}
.btn{width:49%;height:36px;line-height:36px}
.btn a{color:#fff;display:block;text-align:center}
.btn:first-child{border-right:1px solid #fff}
.btn-box{position:fixed;max-width:750px;box-sizing:border-box;padding:0 4%;bottom:0;width:100%;justify-content:space-between;background-color:#eb6e3d;z-index: 999999;}

@media (max-width:750px){
    .btn-box{position:fixed}
}

@media (min-width:750px){
    .wrap{width:750px;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;margin:0 auto}
    .contact-wrap .way{bottom:100px;font-size:18px}
    .btn-copy{font-size:18px}
    .contact-wrap .way li{font-size:30px}
    .contact-wrap .way li img{width:36px}
    .contact-wrap .way li{margin-bottom:16px}
    .p1{margin-bottom:50px}
}

@media (max-width:320px){
    .contact-wrap .way li{margin-bottom:0}
    .p2{margin-bottom:0}
}

.tel{width:90%;margin:auto;margin-top:10px}
.tel ul{border:5px solid #fb782e;border-radius:10px}
.tel ul li{margin:10px;align-items:center}
.tel ul li img{width:40px}
.tel ul li div{margin-left:10px;color:#fb782e;font-weight:bold;font-size:20px}
.tel ul li div a{color:#fb782e}

@media (max-width:374px){
    .tel ul li div{font-size:14px}
    .tel ul li img{width:30px}
}
@media (min-width:375px) and (max-width:413px){
    .tel ul li div{font-size:16px}
}
.about{background:url('../picture/bg1.jpg');padding-top:20px;color:#fff}
.about h2{text-align:center;font-size:2rem;font-weight:bold;text-transform:uppercase}
.about .about-wrap{width:90%;margin:0 auto}
.about .usimg{text-align:center;margin-top:20px}
.about .usword p{margin-top:15px;font-size:1.1rem;line-height:1.5rem}
.pro-box{width:92%;margin:0 auto}
.img-div{width:45%}
.word-div{width:52%;margin-left:3%;color:#747474}
.word-div h3{font-size:1.5rem}
.word-div p{font-size:1rem;margin:10px 0}
.word-div .more{background-color:#f1a113;border-radius:25px;font-size:0.8rem;padding:4px 8px;float:right;margin-top:30px}
.word-div .more a{color:#fff}
.pro-box ul{margin-top:20px}
.pro-box ul li{padding-bottom:20px;border-bottom:1px dotted #adadad;margin-bottom:20px}
.freequote p{text-align:center;font-size:1.6rem;padding-bottom:20px;padding:6px 0;background-color:#add5bc}
.freequote p a{color:#1e5a41}
.cable6 h3{font-size:2.2rem;text-align:center;background-color:#153368;color:#fff;font-weight:bold;text-transform:uppercase;padding:8px 0}
.videodown{background-color:#e7e7e7;font-size:1.2rem}
.videodown ul{width:90%;margin:0 auto;padding-top:10px}
.videodown ul li{padding-bottom:10px;display:flex;align-items:center}
.videodown ul li img{margin-right:6px}
.word1{background:url('../picture/word.jpg');background-size:100% 100%;padding:10px}
.word1 p{width:30%;font-size:1.2rem;display:flex;align-items:center;font-weight:bold}
.word1>img{max-width:50%}
.word1 .img{width:68%}
.word1 .flex{justify-content:space-between;padding:30px 0}
.word2{background:url('../picture/word2.jpg');background-size:100% 100%;padding:50px 10px}
.word2 p{width:44%;font-size:1.2rem;display:flex;align-items:center;margin-left:2%;font-weight:bold}
.word2>img{max-width:60%}
.word2 .img{width:54%}
.word2 .flex{justify-content:space-between}
.word3{background:url('../picture/word2.jpg');background-size:100% 100%;padding:40px 10px}
.word3>img{max-width:90%}
.word3 p{display:block;margin-top:10%}
.word3 p span{background-color:#5cae77;color:#ffffff}
.word4>img{max-width:80%}
.word4 ul{width:60%;margin-top:10%}
.word4 ul li{display:flex;margin-top:10px;margin-left:2rem;font-weight:bold}
.word4 ul li:before{content:'';display:block;width:0.6rem;height:0.6rem;border-radius:50%;background-color:#5bae76;margin-right:4px;margin-top:4px}
.word4 .img{width:40%}
.content6{background-color:#dcece4;padding-bottom:2rem}
.servicebox{justify-content:space-between;padding:0 10px;margin:1rem 0}
.serviceimg{width:52%}
.serviceword{width:47%;display:flex;align-items:center}
.serviceword li{margin-bottom:1rem;font-size:1.2rem}
.fixtop{position:fixed;height:3rem;line-height:3rem;width:100%;top:0;background-color:#fff;z-index:999;box-shadow:0 2px 2px #cecece;max-width:750px}
.fixtop ul li{margin-top:0;justify-content:center}
.fixtop ul li>div:nth-child(2){margin-right: 3rem;}
.fixtop ul li span{background-color:#eb6e3d;padding:0 8px;border-radius:10px;margin-left:14px;min-width:100px;height:2rem;line-height:2rem;display:inline-block}
.fixtop ul li span a{color:#fff}

@keyframes scale{
    0%{transform:scale(1)}
    12.5%{transform:scale(1.1)}
    25%{transform:scale(1)}
    37.5%{transform:scale(1.1)}
    50%{transform:scale(1)}
    100%{transform:scale(1)}
}

#lan{width:6rem;height:3rem;font-size:.7rem;font-weight:400;line-height:3rem;text-align:right;cursor:pointer;overflow:hidden;right:0;position:absolute;text-transform:capitalize}
#lan b{font-weight:400;font-size:.9rem;color:#333}
#lan:hover{color:#fe8429;overflow:visible !important}
#lan:hover svg path{fill:#fe8429 !important}
#lan svg{width:1rem;height:1rem;vertical-align:middle;color:#fe8429}
#lan_x{background-color:#fff}
#lan_x h3{font-weight:400;text-align:center;height:3rem}
#lan_x a{color:#333}
#lan_x h3:hover a{color:#fd6a2e;font-size:1rem}

.animation{animation:scale 4s linear infinite}
#wrap{background-color:#fff;margin:0 1%;padding-top: 1.5rem;}
#wrap>p{text-align:center;color:#eb6e3d;font-size:2.5rem;text-transform:uppercase;width:80%;border-bottom:2px solid #eb6e3d;margin:0 auto}
.jumpnum{color:#eb6e3d;padding:20px 30px;margin-top:10px}
.jumpnum .jumbo{font-size:3rem;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.jumpnum .wan{font-size:2rem;font-weight:bold}
.jumpnum li{width:33.33%;text-align:center;position:relative}
.jumpnum li .jia{position:absolute;top:0;right:-1%;font-weight:bold;font-size:2rem}
.jumpnum li .h{font-size:2rem;font-weight:bold}

.gotop{width:12vw;height:12vw;line-height:12vw;border-radius:50%;background-color:rgba(0,0,0,0.5);display:none}
.gotop{position:fixed;z-index:99;top:75%;right:10px;text-align:center}
.gotop img{width:50%;display:inline-block;vertical-align:middle}