@charset "utf-8"; .div { width: 100%; min-width: 1200px; font-size: 0; } /* 头部区域 */ .header { width: 100%; background: #006070; /* padding: 10px 0; */ z-index: 10; } .header .web a { z-index: 10; } /* 搜索框 */ .seaBox { width: 324px; height: 44px; background: #fff; border-radius: 22px; margin-top: 53px; position: relative; z-index: 10; } .searchbox { width: 304px; height: 38px; border-radius: 22px; line-height: 38px; position: absolute; top: 0px; left: 20px; border: 3px solid #fff; background: #fff; } .text { float: left; width: 244px; height: 38px; border: none; outline: none; line-height: 38px; color: #acc7d2; font-size: 18px; } input::-webkit-input-placeholder { color: #acc7d2; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #acc7d2; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #acc7d2; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #acc7d2; } .searchbox input[type=submit] { float: left; width: 58px; height: 38px; border-radius: 0 19px 19px 0; background: #006070 url(../img/search1.png) no-repeat; background-position: center; } /* 语言下拉 */ .CnEn { height: 44px; margin-top: 53px; background: url(../img/list.png) no-repeat; background-position: left center; margin-left: 40px; padding-left: 50px; line-height: 44px; z-index: 10; } .CnEn>ul>li { position: relative; } .CnEn>ul>li>a { color: #fff; font-size: 18px; } .CnEn>ul>li ul { display: none; position: absolute; top: 36px; z-index: 100; } .CnEn>ul>li ul a { width: 70px; height: 28px; padding: 0 8px; line-height: 28px; font-size: 15px; display: block; color: #fff; } .CnEn>ul>li ul a:hover { background: #428ddc; color: #fff; } /* banner区域 */ .banner { width: 100%; height: 809px; overflow: hidden; position: relative; } .banner>.slideBox { width: 100%; height: 809px; } .banner>.slideBox .bd ul li { width: 100%; height: 809px; position: relative; z-index: -100; } .banner>.slideBox img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -100; } .banner>.slideBox .ttxtt { width: 1200px; z-index: 5; position: absolute; top: -350px; left: 50%; margin-left: -600px; } .banner>.slideBox .ttxtt h1 { width: 1000px; display: inline-block; color: #fff; font-size: 74px; font-weight: normal; line-height: 100px; margin-bottom: 30px; margin-top: 480px; } .banner>.slideBox .ttxtt p { color: #fff; font-size: 32px; line-height: 45px; } .banner .navbar { width: 1400px; z-index: 10; position: absolute; bottom: 60px; left: 50%; margin-left: -700px; } .banner .navbar ul li { display: inline-block; float: left; padding: 0 44px; } .banner .navbar ul li a { display: block; color: #fff; line-height: 50px; text-align: center; font-size: 22px; } .banner .navbar ul li.hover a { border-bottom: 5px solid #fff; } .banner .slideBox .prev, .banner .slideBox .next { position: absolute; left: 5%; top: 50%; margin-top: -25px; display: block; width: 62px; height: 62px; filter: alpha(opacity=50); opacity: 0.5; border: 1px solid #fff; border-radius: 100%; } .banner .slideBox .next { background: url(../img/btnRight.png) center no-repeat; } .banner .slideBox .prev { background: url(../img/btnLeft.png) center no-repeat; } .banner .slideBox .next { left: auto; right: 5%; } .banner .slideBox .prev:hover, .banner .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } /* 新闻区 */ .new { width: 100%; background: #e8e8e8; margin: 50px 0; } .left, .right { width: 595px; padding: 0 40px 50px; } .new .web h2 { width: 595px; padding: 20px 0; line-height: 30px; font-size: 24px; font-weight: normal; color: #004054; float: left; } .new .web h2 a { display: block; float: right; margin-top: 10px; line-height: 18px; font-size: 16px; color: #004054; } .new .web h2 a:hover { color: #04c6fc; } .jg { width: 50px; height: 256px; background: #fff; } .list { width: 595px; } ul.list li { line-height: 34px; text-align:left; } ul.list li a { font-size: 18px; width: 495px; color: #00374c; float: left; } ul.list li a:hover { color: #04c6fc; } ul.list li span { font-size: 14px; color: #004b5d; float: left; font-weight: bold; width: 100px; } .footer { width: 100%; background: #006070; padding: 30px 0; } .footer .banQ h2 { color: #fff; font-size: 24px; line-height: 50px; display: block; text-shadow: 2px 2px 6px #000; } .footer .banQ p { color: #fff; font-size: 18px; line-height: 35px; } .footer a { display: block; margin: 50px 0; }