body { margin: 0px; padding: 0; background-color: #F5F9FE; font-family: "microsoft yahei", Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; height: 100%; }
input, button, select, textarea { font-family: "microsoft yahei", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 12px; }
form, p, h1, h2, h3, h4, li, ul { margin: 0px; padding: 0px; }
li { line-height: 180%; list-style-type: none; }
a { text-decoration: none; color: #0188CC; }
a:hover { text-decoration: underline }
.link_lan a:link { color: #0188CC; text-decoration: none; }
.link_lan a:visited { text-decoration: none; color: #0188CC; }
.link_lan a:hover { text-decoration: underline; color: #009900; }
.link_lan a:active { text-decoration: none; color: #0188CC; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.clearfix:after { content: ""; display: block; clear: both; }
.main-body { width: 100%; height: 100%; background-image: linear-gradient(to right, #1678ff, #02adfc); }
.main { min-width: 1080px; height: 100%; background: url(../images/main-bg2.png) no-repeat; background-size: 100% 100%; }
.main .head { width: 100%; height: 65px; display: flex; align-items: center; justify-content: space-between; }
.main .head .logo { width: 130px; height: 25px; padding-left: 205px; }
.main .head .tag { font-size: 15px; color: #fff; padding-right: 190px; }
.tag span { border-right: 1px solid #fff; padding: 0 15px; }
.tag span:nth-child(3) { border: unset; }
.main .content { width: 898px; height: 698px; background: url(../images/main-bg.png) no-repeat center center; background-size: 100% 100%; position: relative; left: 50%; top: 50%; margin-left: -449px; margin-top: -414px; }
.main .content #video { width: 444px; height: 273px; display: block; position: absolute; left: 393px; top: 100px; }
.main .content .banner { width: 242px; height: 504px; overflow: hidden; position: absolute; left: 70.5px; top: 88px; border-radius: 0 0 30px 30px; }
.main .content .banner img { height: 100%; width: 100%; }
.main .foot { height: 85px; width: 100%; display: flex; flex-direction: column; justify-content: center; position: absolute; bottom: 0; }
.main .foot .tag { font-size: 13px; color: #fff; text-align: center; padding: 5px 0; }
.tag a { color: #fff; }
.about-box { min-height: 800px; margin: 80px auto 45px; background: #fff; border-radius: 10px; position: relative; padding: 50px 0 100px; }
.about-box .text { margin: 40px auto 0; width: 70%; }
.about-box .text h3 { font-size: 40px; text-align: center; margin-bottom: 50px; color: #1678ff; }
.about-box .text p { margin: 10px; line-height: 30px; font-size: 16px; }
.us-box { min-height: 800px; margin: 80px auto 45px; background: #fff; border-radius: 10px; position: relative; }
.us-box .text .banner-img { width: 100%; }
.contact-box { padding-bottom: 10px; }
.contact_us { height: auto; overflow: hidden; width: 100%; padding: 30px 30px; }
.contact_us li { width: 31.3%; float: left; display: inline; margin-top: 25px; margin-right: 3%; border: 1px solid #eae9e9; height: 255px; text-align: center; }
.contact_us li.last { margin-right: 0; }
.contact_us li .hd { line-height: 60px; margin: 0 70px; font-size: 18px; border-bottom: 1px solid #e5e3e3; color: #0d0c0c; }
.contact_us li:hover { border: 1px solid #fc4349; }
.contact_us li .hd span { width: 22px; height: 3px; background-color: #ff5a00; display: block; margin: 0 auto; position: relative; top: 1.5px; }
.contact_us li .hd .sp { background-color: #884AF0; }
.contact_us li .bd { padding-top: 15px; }
.contact_us li .bd p { font-size: 14px; color: #707070; padding: 8px 0; }
.contact_us li .bd a { width: 130px; height: 32px; background-color: #fc4349; text-align: center; color: #fff; display: inline-block; line-height: 32px; font-size: 14px; margin-top: 10px; }
.contact_us li:hover .bd a { background-color: #ed151c; }
.contact_us li .bd img { width: 145px; height: 145px; margin-top: 10px; }
#allmap { height: 500px; overflow: hidden; margin: 20px 30px; }
.footer-bottom { color: #ffffff !important; }
.footer-bottom .foot-item { display: flex; justify-content: center; text-align: center; }
.footer-bottom .foot-item .item-text { width: 100px; font-size: 15px; }
.footer-bottom .foot-item .item-text a { color: #ffffff; }