/* *3547669 */
body { width: 100%;	color: #000;font-family: "PingFang SC", "Microsoft YaHei"}
a {text-decoration: none;transition: all .1s linear;}
a:hover{text-decoration: none;}
button:focus, a:focus { outline: none;}
p{ font-size: 1.25rem;}

.header{background: rgba(255, 255, 255, 1);}
.header .navbar{ padding: 0;}
.header .logo{ margin-right: 20px;}
.header .navbar-nav .nav-link {height: 100px;line-height: 100px; color: #fff; font-size: 27px; color: #1570cb; font-weight: 600; padding:10px 30px 0;}
.header .navbar-nav .nav-item .nav-link:hover{ color: #003399;}
.header .navbar-nav .active > .nav-link{ background: #1570cb; font-weight: 600; color: #fff!important;}
.product .header, .contact .header{background: rgba(255, 255, 255, 1);}
.index .header{ position: absolute;top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0);}

/* index */
.about{ position: relative; padding: 170px 0 100px 0;}
.about img{ position: absolute; top: -74px; left: 0;}
.about-body{ margin-left: auto; width: 858px; height: 585px; color: #fff; padding: 60px 30px; background: #1570cb;}
.about-info{ padding-left:340px; }
.about .title{ height: 90px; margin-bottom: 40px; font-size: 42px; font-weight: 600; position: relative;}
.about .title::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 255px; height: 1px; background: #fff;}
.title-son{font-size: 30px; font-weight: 600; margin-bottom: 12px;}
.about p{ font-size: 22px; line-height: 1.9;}


/* product */
.product-body{ padding: 100px 0;text-align: center;}
.product .title, .contact .title{ position: relative; font-size: 46px; font-weight: 600;}
.product .title::after{ content: ""; position: absolute;position: absolute; bottom: 0; left: 50%; margin-left: -84px; width: 167px; height: 2px; background: #000;}
.product .title-son, .contact .title-son{ font-size: 26px; color: #929292; margin-bottom: 100px;}
.li-title{ position: relative; font-size: 32px; font-weight: 600; margin-bottom: 36px;}
.li-title::after{ content: ""; position: absolute;position: absolute; bottom: 0; left: 50%; margin-left: -34px; width: 68px; height: 1px; background: #000;}
.product-body ul{ margin-left: 60px; text-align: left; color: #515151;}
.product-body ul li{ font-size: 18px;}

/* contact */
.contact-body{ padding: 60px 0 160px;text-align: center;}
.mapform{ position: absolute; margin-top: -40px; left: 120px; width: 313px; height: 491px; padding: 26px; background: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, .3);}
.maptitle{ position: relative; font-size: 28px; padding-bottom: 8px; text-align: left;}
.maptitle::after{ content: ""; position: absolute;position: absolute; bottom: 0; left: 0; width: 45px; height: 1px; background: #000;}
.btn-warning{ padding: 6px 30px; color: #fff; border-radius: 20px; background: #ffaa1f;}
.mapcontact{ position: absolute; bottom: -60px; right: 80px; text-align: left; width: 270px; height: 275px; color: #fff; padding: 26px; background: #484848;}
.mapcontact .maptitle::after{ content: ""; position: absolute;position: absolute; bottom: 0; left: 0; width: 45px; height: 1px; background: #fff;}

/* footer */
.pop{ width: 100%; height: 209px; color: #fff; background: url(../img/footer-bg.jpg) center no-repeat; box-sizing: 100% auto;}
.footer{background: #454b50; color: #fff;}
.footer p{ margin-bottom: 0;font-size: 1rem;}
.footer .beian{ color: #fff;}