* { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*font-weight: normal;*/ outline: none; } h1,h2,h3,h4,h5,h6,h7{font-weight: normal;} strong{font-weight:bold !important;} html, body { color: #333; font-size: 16px; font-family: "微软雅黑"; margin-left: auto !important; margin-right: auto !important; text-align: left; max-width: 1920px; } 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; } 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: #52a0e2; 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 { } .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: 18px; */ width: 11.111%; } .nav>ul>li:first-child { margin-left: 0; } .nav>ul>li>a { font-size: 18px; color: #222; position: relative; display: block; line-height: 60px; } .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: #0c71c0; } .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: #2b2b2b; padding-top: 40px; background-size: cover; } .footer .px1400 { margin-bottom: 29px; } .fot-l { float: left; /* width: 19%; */ /* margin-right: 5%; */ } .fot-l h2 { font-size: 24px; line-height: 36px; color: #808080; margin-bottom:40px; position:relative; } .fot-l h2:before{ content:""; position:absolute; bottom:-25px; width:30px; height:2px; background:#808080} .fot-l span { display: block; font-size: 14px; line-height: 36px; color: #808080; } .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: #191919; } .bq p { font-size: 14px; line-height: 60px; color: #808080; text-align: center; } .bq p a{ color:#808080; display: inline-block; } .px49{} .tz-left-ne{float:left;} .tz-right-ne{float:right;} .fot-01{ margin-right: 2%; margin-left: 12%; }