* { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal; outline: none; } html, body { color: #333; font-size: 16px; font-family: "微软雅黑"; margin-left: auto !important; margin-right: auto !important; text-align: left; max-width: 1920px; min-width: 1618px; } .Section0{margin-left: 100px;} button { border: none; background: none; outline: none; cursor: pointer; } a { text-decoration: none; display: block; cursor: pointer; color: #000; } img { transition: all 1s; } .index a:hover img { transform: scale(1.1); } p { margin: auto; } li { list-style: none; } .clear { clear: both; } .px1400 { max-width: 1400px; margin: 0 auto; } img, input { border: 0; outline: none; } .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .pic { display: block; padding-top: 75%; position: relative; overflow: hidden; } .wap { display: none; } /* head */ .head { background-color: #231e60; left: 0; right: 0; padding-top: 26px; padding-bottom: 28px; } .search { float: right; } .search a { display: inline-block; font-size: 14px; line-height: 40px; height: 40px; color: #ffffff; } .logo { position: relative; float: left; } .logo img { display: block; } .nav { float: right; } .nav>ul { font-size: 0; text-align: center; } .nav>ul>li { position: relative; transition: all 0.3s; box-sizing: border-box; float: left; margin-left: 55px; } .nav>ul>li:first-child { margin-left: 0; } .nav>ul>li>a { font-size: 18px; color: #ffffff; position: relative; display: block; line-height: 66px; } .nav>ul>li>.first { font-weight: bold; } .nav>ul>li:hover>a { font-weight: bold; } .nav>ul>li:hover ul { transition: all 1s; display: block; border-top: 1px solid #fff; } .nav>ul>li ul li:hover a { color: #890303; } .nav>ul>li ul { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; padding: 0; width: 162px; overflow: hidden; transition: all 0.1s; z-index: 99; display: none; } .nav>ul>li ul li { background: #fff; padding: 5px 10px; text-align: center; } .nav>ul>li ul li a { font-size: 14px; color: #000; padding: 10px 0; } .nav>ul>li ul li:hover { background: #231e60; } .nav>ul>li ul li:hover a { color: #fff; } /* banner */ .banner img { width: 100%; } .banner .slick-prev { background: url(../images/banner-prev.png) no-repeat center; width: 62px; height: 62px; z-index: 1; left: 20px; } .banner .slick-next { background: url(../images/banner-next.png) no-repeat center; width: 62px; height: 62px; z-index: 1; right: 20px; } .banner .slick-dots { bottom: 30px; text-align: center; } .banner .slick-dots li { width: 8px; height: 8px; background-color: #ffffff; opacity: 0.4; border-radius: 50%; margin-left: 10px; transition: all 0.3s; position: relative; } .banner .slick-dots li.slick-active { opacity: 1; } /* footer */ .footer { background: url(../images/footer-bg.png) no-repeat center; padding-top: 40px; background-size: cover; } .footer .px1400 { margin-bottom: 29px; } .fot-l { float: left; width: 22.42%; color: #fff; } .fot-l h2 { font-size: 24px; font-weight: bold; line-height: 36px; color: #ffffff; background: url(../images/f-l-bg.png) no-repeat left; padding-left: 20px; } .fot-l span { display: block; font-size: 14px; line-height: 36px; color: #ffffff; } .fot-r { float: right; /* width: 20%; */ } .fot-r .gz { margin-right: 30px; } .fot-r .test { float: left; } .fot-r span { display: block; font-size: 14px; line-height: 36px; color: #ffffff; text-align: center; } .bq { background-color: #231e60; } .bq p { font-size: 16px; line-height: 60px; color: #ffffff; text-align: center; } .bq p a{ color:#fff; display: inline-block; }