/* 重置样式 */
section, body, div, p, span, h1, h2, h3, h4, h5, h6, form, input, a, ul, li, dt, dd, dl, ol, header, nav, footer {margin: 0;padding: 0;box-sizing: border-box;}
a {text-decoration: none;}
li {list-style: none;}
input {border: none;outline: none;background-color: transparent;}
textarea {border: none;outline: none;background-color: transparent;}

/* 通用样式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}

/* 头部 */
header {height: 110px;}
.header {position: absolute;top: 0;left: 0;width: 1920px;height: 134px;background-image: url(../images/header-bg.png);background-repeat: no-repeat;z-index: 999;}
.header-box1 {height: 100%;}

.header-log {width: 260px;height: 100%;display: flex;align-items: center;}

.header-box {width: 940px;height: 110px;}

.header-top {width: 100%;height: 50px;}

.header-link {font-size: 14px;color: #fff;}
.header-link a {font-size: 14px;color: #fff;}

.header-tel {padding-left: 27px;background-image: url(../images/header-tel.png);background-repeat: no-repeat;background-position: left center;height: 100%;}
.header-tel p {font-size: 14px;color: #fff;line-height: 50px;}
.header-tel p a {font-size: 14px;color: #fff;}

/* 导航栏 */
.nav1 {height: 60px;padding-right: 34px;}
.nav-li {position: relative;height: 60px;z-index: 999;}
.nav-a {display: block;padding: 0 14px;height: 60px;line-height: 60px;font-size: 14px;color: #333;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 50%;top: 60px;background-color: #fff;z-index: 999;width: 120px;transform: translateX(-50%);}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;height: 38px;line-height: 38px;text-align: center;display: block;color: #333;}

.nav-li:hover .nav-a {color: #3290df;}
.nav-ul li a:hover {color: #3290df;}

/* 分类导航 */
.s1 {height: 370px;position: relative;}
.s1-box {width: 100%;height: 360px;position: absolute;left: 0;top: -51px;background-color: #fafafa;z-index: 999;display: flex;}
.s1-box li {width: 25%;height: 100%;}
.s1-box li a {display: block;width: 100%;height: 100%;padding-top: 23px;}

.s1-img-box {display: block;width: 100%;height: 101px;position: relative;margin-bottom: 23px;}
.s1-img-box img {position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.s1-img-box img:last-child {display: none;}

.s1-name {width: 100%;text-align: center;font-size: 23px;color: #333;margin-bottom: 20px;}

.s1-wire {width: 250px;margin: 0 auto;border-bottom: 1px dashed #727272;margin-bottom: 18px;}

.s1-summary {text-align: center;font-size: 12px;color: #666;line-height: 20px;}

.s1-btn {display: block;width: 100%;height: 27px;margin-top: 16px;position: relative;}
.s1-btn img {position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.s1-btn img:last-child {display: none;}

.s1-box li a:hover {background-color: #3290df;}
.s1-box li a:hover p {color: #fff;}
.s1-box li a:hover div {border-bottom-color: #fff;}
.s1-box li a:hover h3 {color: #fff;}
.s1-box li a:hover p img {display: block;}
.s1-box li a:hover p img:first-child {display: none;}

/* 产品 */
.s2 {padding-top: 85px;padding-bottom: 71px;background-color: #f4f4f4;margin-bottom: 5px;}
.s2-box {padding: 0 25px;background-color: #fff;padding-bottom: 21px;}

.s2a {width: 100%;height: 102px;margin-bottom: 13px;}

.s2a-name {display: flex;align-items: center;}
.s2a-name p:first-child {color: #3290df;font-size: 24px;}
.s2a-name div {width: 5px;height: 5px;background-color: #3290df;margin: 0 8px;}
.s2a-name p:last-child {font-weight: bold;font-size: 16px;color: #333;text-transform: uppercase;}
.s2a-form {width: 300px;height: 28px;border: 2px solid #3290df;}
.s2a-form input {height: 100%;}
.s2a-form input#keyword {color: #666;font-size: 12px;padding-left: 5px;width: 246px;}
.s2a-form input#keyword::-webkit-input-placeholder {color: #666;}
.s2a-form input#keyword::-moz-placeholder {color: #666;}
.s2a-form input#keyword::-moz-placeholder {color: #666;}
.s2a-form input#keyword::-ms-input-placeholder {color: #666;}
.s2a-form input#s_btn {width: 50px;background-color: #3290df;font-size: 14px;color: #fff;}

.s2b {width: 100%;}
.s2b .hd {width: 100%;}
.s2b .hd ul {display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.s2b .hd ul li {width: 200px;height: 40px;}
.s2b .hd ul li+li {margin-left: 16px;}
.s2b .hd ul li a {display: block;background-color: #dedede;width: 100%;height: 100%;border-radius: 4px;font-size: 16px;color: #333;text-align: center;line-height: 40px;}

.s2b .bd {width: 100%;}
.s2b .bd ul {flex-wrap: wrap;}
.s2b .bd ul li {width: 363px;height: 276px;box-shadow: 5px 5px 5px #d6d6d6;margin-bottom: 29px;}
.s2b .bd ul li a {display: block;width: 100%;height: 100%;position: relative;border: 1px solid #f9f9f9;border-right: none;border-bottom: none;}
.s2b .bd ul li a img {width: 100%;height: 100%;}
.s2b .bd ul li a p {width: 100%;height: 40px;background-color: rgba(51, 51, 51, .5);font-size: 16px;color: #fff;line-height: 40px;text-align: center;position: absolute;left: 0;bottom: 0;}

.s2b .bd ul li a:hover {border-left: 1px solid #dedede;}
.s2b .bd ul li a:hover p {background-color: rgba(50, 144, 223, .5);}

/* 关于我们 */
.s3 {height: 648px;background-image: url(../images/s3-bg.jpg);background-repeat: no-repeat;}
.s3-box {width: 1026px;padding-top: 77px;}

.s3a {display: flex;align-items: center;justify-content: center;margin-bottom: 50px;}
.s3a p:first-child {font-size: 24px;color: #fff;}
.s3a p:last-child {font-size: 16px;color: #fff;font-weight: bold;text-transform: uppercase;}
.s3a div {width: 5px;height: 5px;background-color: #fff;margin: 0 8px;}

.s3b {width: 100%;height: 420px;position: relative;}
.s3b-img {width: 500px;height: 368px;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 9;box-shadow: 5px 5px 5px #d6d6d6;}
.s3b-img img {max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.s3b-title {width: 589px;height: 370px;background-color: #fff;position: absolute;right: 0;bottom: 0;box-shadow: 5px 5px 5px #d6d6d6;padding-left: 94px;padding-top: 30px;padding-right: 20px;}
.s3b-title h1 {font-size: 22px;color: #3290df;margin-bottom: 20px;}
.s3b-title div p {font-size: 14px;color: #666;line-height: 20px;}
.s3b-title a {font-size: 16px;color: #3290df;position: absolute;right: 20px;bottom: 20px;}

/* 新闻中心 */
.s4-box {padding-top: 80px;padding-bottom: 60px;}

.s4a {display: flex;align-items: center;justify-content: center;margin-bottom: 50px;}
.s4a p:first-child {font-size: 24px;color: #3290df;}
.s4a p:last-child {font-size: 16px;color: #333;font-weight: bold;text-transform: uppercase;}
.s4a div {width: 5px;height: 5px;background-color: #3290df;margin: 0 8px;}

.s4b {display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.s4b li {width: 150px;height: 40px;}
.s4b li+li {margin-left: 102px;}
.s4b li a {display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;background-color: #e7e6e6;font-size: 16px;color: #333;border-radius: 5px;}

.s4c {width: 100%;position: relative;margin-bottom: 40px;}
.s4c .hd {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.s4c .hd a {font-family: '宋体';font-size: 60px;color: #9a9a9a;font-weight: bold;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.s4c .hd .next {left: -50px;}
.s4c .hd .prev {right: -50px;}

.s4c .bd {width: 100%;}
.s4c .bd .tempWrap {width: 100%;overflow: hidden;position: relative;}
.s4c .bd .tempWrap .picList li {width: 280px;margin-right: 26px;}
.s4c .bd .tempWrap .picList li a {display: block;width: 100%;}

.s4c-title {font-size: 18px;color: #333;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 25px;}
.s4c-summary {font-size: 14px;color: #666;margin-bottom: 25px;}
.s4c-timeline {font-size: 14px;color: #666;margin-bottom: 5px;}
.s4c-img {transform: translateX(-1px);}

.s4d {display: block;width: 200px;height: 40px;background-color: #e7e6e6;font-size: 14px;color: #666;text-align: center;line-height: 40px;border-radius: 8px;margin: 0 auto;}

/* 底部联系 */
.s5 {height: 309px;background-image: url(../images/s5-bg.png);background-repeat: no-repeat;}
.s5-box {padding-top: 20px;}

.s5a {padding-top: 45px;width: 230px;}
.s5a-logo {margin-bottom: 20px;}
.s5a-title {margin-bottom: 20px;}
.s5a-title p {color: #fff;font-size: 12px;line-height: 1.5;}
.s5a-btn {width: 100%}
.s5a-btn div {width: 100%}
.s5a-btn div a {display: block;width: 22px;height: 18px;background-repeat: no-repeat;background-position: center center !important;padding: 0;margin: 0;}
.s5a-btn div a+a {margin-left: 25px;}
.s5a-btn div a:nth-child(1) {background-image: url(../images/footer-btn1.png);}
.s5a-btn div a:nth-child(2) {background-image: url(../images/footer-btn2.png);}
.s5a-btn div a:nth-child(3) {background-image: url(../images/footer-btn3.png);}
.s5a-btn div a:nth-child(4) {background-image: url(../images/footer-btn4.png);}

.s5b {margin-left: 160px;padding-top: 70px;}
.s5b h2 {font-size: 20px;color: #fff;margin-bottom: 20px;}
.s5b p {padding-left: 27px;line-height: 36px;color: #fff;font-size: 12px;background-repeat: no-repeat;background-position: left center;}
.s5b p:nth-child(2) {background-image: url(../images/footer-bg1.png);}
.s5b p:nth-child(3) {background-image: url(../images/footer-bg2.png);}
.s5b p:nth-child(4) {background-image: url(../images/footer-bg3.png);}
.s5b p:nth-child(5) {background-image: url(../images/footer-bg4.png);}

.s5c {margin-right: 10px;width: 385px;}
.s5c h2 {padding-left: 35px;color: #fff;font-size: 20px;margin-bottom: 18px;}
.s5c form {width: 100%;}
.mesage {display: flex;margin-bottom: 8px;}
.mesage p {width: 35px;line-height: 28px;color: #fff;font-size: 12px;}
.mesage input {width: 350px;height: 28px;border: 2px dashed #fff;}
.mesage textarea {width: 350px;height: 80px;border: 2px dashed #fff;}

.mesage-code {display: flex;margin-bottom: 8px;}
.mesage-code p {width: 35px;line-height: 28px;color: #fff;font-size: 12px;}
.mesage-code div {display: flex;align-items: center;}
.mesage-code div input {width: 111px;height: 23px;border: 1px solid #dedede;background-color: #fff;margin-right: 4px;}
.mesage-code div a {font-size: 12px;color: #fff;cursor: pointer;margin-left: 4px;}

.mesage-submit {width: 100%;padding-left: 35px;height: 32px;}
.mesage-submit input {width: 100%;height: 32px;background-color: #1a1a1a;color: #fff;font-size: 16px;}

/* 底部 */
footer {background-color: #242424;text-align: center;color: #fff;font-size: 12px;line-height: 1.5;padding: 5px 0;}
footer a {background-color: #242424;text-align: center;color: #fff;font-size: 12px;line-height: 1.5;}