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;}}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:12px}
}@media screen and (min-width:376px) and (max-width:414px){html{font-size:13px}
}@media screen and (min-width:415px) and (max-width:639px){html{font-size:14px}
}@media screen and (min-width:640px){html{font-size:20px}
}
*{ padding: 0; margin: 0; transition: all .3s ease}
*::before, *::after{transition: all .3s;}
a{text-decoration:none;color:#444444}
img { border: none; max-width: 100%; vertical-align: top; display: block; }
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{padding:40px 4%;background-color:#fffdf6}
.form-wrap>h3{text-align:center;font-size:1.5rem;margin:0 0 20px 0}
.form-wrap>p{font-size:1rem;margin:20px 0}
.form-wrap>p a{color:#fe8c10}
.form-wrap>form{background:#f4ead8;padding:5% 3%;border-radius:0 3rem 0 3rem;box-shadow:1px 1px 3px #999;margin:2rem 0 1rem 0;position: relative;}
.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:8rem;min-width:8rem;color:#333;text-align:center;font-weight:bolder;font-size:1rem;line-height:1.5rem}
.form-wrap>form input{display:inline-block;width:100%;height:1.8rem}
.form-wrap>form textarea{width:60%;min-height:100px;padding-top:10px}
.form-wrap>form p{background-color:#fe8c10;text-align:center;color:#fff;border-bottom:2px solid #fe8c10;line-height:36px;height:36px;margin:0 auto;transition:all .4s}
.form-wrap>form p:hover{cursor:pointer;box-shadow:2px 2px 2px #ababab}
.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-box{padding:0 4%;bottom:0;width:92%;justify-content:space-between;background-color:#fe8c10}
.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}
@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:60px;line-height:60px;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 span{background-color:#fe8c10;padding:0 8px;border-radius:10px;margin-left:14px;min-width:100px;height:36px;line-height:36px;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)}
}.animation{animation:scale 4s linear infinite}
#wrap{background-color:#eee}
#wrap>p{text-align:center;color:#f7772e;font-size:2.5rem;text-transform:uppercase;width:70%;border-bottom:2px solid #f7772e;margin:0 auto}
.jumpnum{color:#f7772e;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}
.header{box-sizing:border-box;padding:1rem 0rem;justify-content:space-evenly;background-image:linear-gradient(90deg,#ff8100 0%,#ff8100 100%);width:100%;max-width:750px;z-index:999}
.header>img{height:3.1rem}
.header_tag{width:31rem}
.header_tag h1{font-size:1.2rem;text-align:center;color:#fff;text-transform:uppercase;line-height:1;width:100%}
.header_tag h2{font-size:1.1rem;text-align:center;color:#333;font-weight:400;width:100%;line-height:1.5}