* { 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:1200px; } button { border: none; background: none; outline: none; cursor: pointer; } a { text-decoration: none; display: block; cursor: pointer; } 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; } .fl{ float:left; } .fr{ float:right; } 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: #1b65b9 url(../images/top_bg.png) no-repeat; left: 0; right: 0; /* padding-top: 49px; */ background-size: cover; } .header-top{width:100%;padding: 40px 0 15px 0;} .head-dec{float:left;margin-right:30px;} .head-dec img{margin-top: 18px;height:24px;} .search{position: relative;float:right;margin-top:15px;width: 160px;} .search .searchbox{width: 100%;height: 30px;background: none;line-height: 30px;padding:0 46px 0 10px;box-sizing: border-box;color: #ffffff;border-radius: 20px;border: 1px solid #ffffff;} .search .searchbutton{width: 46px;height: 40px;position: absolute;right:0;top:0;z-index: 2;cursor: pointer;background: none;} .search .button{width: 46px;height: 30px;background: url(../images/search.png) no-repeat center center;background-size: 18px 18px;position: absolute;right:0;top:0;z-index: 1;} .toplink{padding-left: 25px;background: url(../images/home.svg) no-repeat left center;background-size: auto 18px; margin-left:30px; margin-top:20px;} .toplink a{font-size:14px; color:#fff;} .logo { position: relative; float: left; width: 50%; } .logo img { display: block; /* height:60px; */ width: 92%; } .nav { width:100%; } .nav>ul { font-size: 0; text-align: center; display:flex; justify-content:space-between; } .nav>ul>li { position: relative; transition: all 0.3s; box-sizing: border-box; } .nav>ul>li:first-child { margin-left: 0; } .nav>ul>li>a { font-size: 18px; color: #ffffff; position: relative; display: block; line-height: 66px; padding:0 30px; } .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: #1b65b9; } .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: 16px; color: #000; padding: 10px 0; } .nav>ul>li ul li:hover { background: #1b65b9; } .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; margin-top:40px; } .footer .px1400 { margin-bottom: 29px; } .fot-l { float: left; width: 22.42%; } .fot-l h2 { font-size: 20px; 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 img{ height:165px; display:block; margin:0 auto; } .fot-r .test { float: left; } .fot-r span { display: block; font-size: 14px; line-height: 36px; color: #ffffff; text-align: center; } .bq { background-color: #1b65b9; } .bq p { font-size: 16px; line-height: 60px; color: #ffffff; text-align: center; } .bq p a{ color:#fff; display: inline-block; }