* { margin:0; padding:0; } li { list-style:none; } a,img { text-decoration:none; border:0; } table { border-collapse:collapse; } input { outline:none; font-family:"Microsoft Yahei","微软雅黑"; } body { font-family:"Microsoft Yahei","微软雅黑"; } html,body { width:100%; overflow-y:auto; } /* start 公用轮播图*/ .commonLunBoPic { width:660px; height:440px; position:relative; } .commonLunBoPic .pic { width:100%; height:409px; overflow:hidden; position:absolute; top:0; left:0; filter:alpha(opacity=0); opacity:0; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; -ms-transition:0.6s; } .commonLunBoPic .pic img { width:100%; } .commonLunBoPic .pic.active { filter:alpha(opacity=100); opacity:1; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; -ms-transition:0.6s; } .commonLunBoPic .bar { overflow:hidden; width:100%; text-align:center; position:absolute; bottom:0; left:0; } .commonLunBoPic .bar li { display:inline-block; width:14px; height:14px; background-color:#c8c8c8; border-radius:50%; cursor:pointer; } .commonLunBoPic .bar li.active { background-color:#2089cd; } /* end 公用轮播图*/ .bg-content { width:100%; height:100%; overflow:hidden; position:absolute; left:0; bottom:0; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; } .bg-content .shadow { display:block; width:100%; height:100%; position:absolute; top:0; background-color:#2089cd; opacity:0; filter:alpha(opacity=0); transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } .bg-content .txt { display:block; width:100%; height:100%; position:absolute; z-index:2; font-style:normal; color:#fff; font-size:16px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } .bg-content .txt i { display:block; font-style:normal; } .bg-content .txt .i-1 { width:100%; padding:0 10px; position:absolute; bottom:0; background-color:#2089cd; height:35px; line-height:35px; box-sizing:border-box; opacity:0.9; filter:alpha(opacity=90); } .bg-content .txt .i-2 { text-align:center; width:100%; padding:0 20px; box-sizing:border-box; position:absolute; bottom:-100%; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } a:hover .bg-content .shadow { filter:alpha(opacity=90); opacity:0.9; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } a:hover .bg-content .txt { } a:hover .bg-content .txt .i-1 { display:none; } a:hover .bg-content .txt .i-2 { bottom:40%; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } /* start header顶部*/ .headerwrap { width:100%; background-color:#2087ca; background:url("/images/2901/top.jpg") no-repeat center top; } .headerwrap .header { width:1000px; height: 140px; margin:auto; } .headerwrap .header .logo { float:left; margin: 24px 0 0 0; } .headerwrap .header .right-box { float:right; } /* 武改加英文链接*/ .headerwrap .header .right-box .r1 { text-align:right; margin:30px 0 10px; } .headerwrap .header .right-box .r0 { text-align:right; margin:30px 0 10px; display: none; } .headerwrap .header .right-box .r0 a { font-size:14px; color:#FFFFFF; text-align:right; padding:40px 0 0 20px; } .headerwrap .header .right-box .r0 a:hover { font-size:14px; color:#feb100; text-align:right; padding:40px 0 0 20px; } /* 武改加英文链接结束*/ .headerwrap .header .right-box .r2 { overflow:hidden; } .headerwrap .header .right-box .r2 span { display:block; float:right; } .headerwrap .header .right-box .r2 span a { display:block; float:left; margin:0 0 0 15px; font-size:14px; } .headerwrap .header .right-box .r2 span a:hover { text-decoration:underline; } .headerwrap .header .right-box .r3 { margin:12px 0 0px; } .headerwrap .header .right-box .r3 .search-box { position:relative; overflow:hidden; } .headerwrap .header .right-box .r3 .search-box .input-text { width:240px; height:35px; padding:0 30px 0 10px; background-color:#0e6096; border:0; box-sizing:border-box; color:#fff; } .headerwrap .header .right-box .r3 .search-box .btn-search { width:26px; height:26px; position:absolute; right:4px; top:5px; border:0; background:url("/images/2901/icon-search.png") no-repeat 0px 0px; cursor:pointer; } .headerwrap .header .c0 { display:none; } .headerwrap .header .c1 { display:none; } .headerwrap .c2 { display:none; } .headerwrap .c3 { display:none; } /* end header顶部*/ /* start 导航*/ .nav20 { width:100%; background-color:#07578b; position:relative; } .nav20 .nav { width:1020px; height:50px; line-height:50px; margin:auto; background-color:#07578b; position:relative; } .nav20 .nav .line { display:none; width:44px; height:4px; background-color:#feb100; position:absolute; top:0; left:0; z-index:2; } .nav20 .nav li { float:left; margin-right:21px; border-top:solid 4px #07578b; } .nav20 .nav li a { display:block; font-size:16px; color:#fff; } .nav20 .nav li a.active { color:#feb100; border-top:solid 4px #feb100; margin-top:-4px; } .nav20 .nav li a:hover { color:#feb100; } .nav20 .nav li.home a { width:32px; height:24px; margin:15px 0 0 8px; background:url("/images/2901/"/images/2901/"/images/2901/icon-home.png""") no-repeat 0px 0px; } .nav20 .nav li:hover { border-top:solid 4px #feb100; } .nav20 .nav-btn { display: none; position:absolute; left:12px; top:10px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; border: solid 1px #fff; font-size: 20px; margin: 0; } .nav20 .nav-btn .fa { margin-top:4px; } /* end 导航*/ /* start 位置导航*/ .nowsite { width:100%; background-color:#f9f9f9; } .nowsite .site { width:1000px; margin:auto; height:15px; line-height:20px; padding:10px 0 15px; text-align:left; font-size:15px; color:#818181; } .nowsite .site a { color:#818181; } .nowsite .site a:hover { color:#feb100; } .contentnowsite { width:100%; background-color:#f9f9f9; } .contentnowsite .site { width:1000px; margin:auto; height:15px; line-height:20px; padding:10px 0 15px; text-align:right; font-size:15px; color:#818181; } .contentnowsite .site a { color:#818181; } .contentnowsite .site a:hover { color:#feb100; } /* end 位置导航*/ @media screen and (min-width:768px ) and (max-width:992px) { html,body { overflow-x:hidden; } /* start header顶部*/ a,img { text-decoration:none; color:#eee; border:0; } .banner { display:block; width:100%; box-sizing: border-box; overflow: hidden; position:relative; padding:0 10px; } .banner .list { width:100%; height:400px; position:relative; box-sizing:border-box; overflow: hidden; } .banner .list li { width:100%; height: 100%; position: absolute; top: 0; left: 100%; overflow: hidden; } .banner .list li img { width:100%; } .banner .list li a { display: block; width:100%; height: 100%; background: none; } .banner .list li a:hover { background: none; } .banner .list li a:active { background: none; } .banner .list li a:visited { background: none; } .banner .list li.active { left: 0; z-index: 1; } .banner .bar { width:100%; position: absolute; bottom: 0.8em; left: 0; text-align: center; box-sizing: border-box; overflow: hidden; z-index: 2; } .banner .bar li { display: inline-block; width: 0.8em; height: 0.8em; margin:0 0.2em; margin-bottom:5px; background-color: #6ebee8; border-radius: 50%; } .banner .bar li.active { background-color: #fff; } .nowsite { display:none; } .headerwrap { width:100%; background-color:#2087ca; padding:10px 0; } .headerwrap .header { width:100%; height:100px; margin:auto; } .headerwrap .header .logo { float:left; margin:0 0 0 15px; margin-top:20px; } .headerwrap .header .logo img { max-height:70px; } .headerwrap .header .right-box { display:none; } .headerwrap .header .c0 { display:block; float:left; margin:0px 0 0 8px; margin-top:25px; } .headerwrap .header .c0 img { max-height:52px; } .headerwrap .header .c1 { display:none; } .headerwrap .c2 { display:none; width:100%; padding:0 20px; box-sizing:border-box; } .headerwrap .c2 a { display:block; width:100%; line-height:40px; padding:0 10px; border-bottom:solid 1px #2e96d8; box-sizing:border-box; font-size:14px; } .headerwrap .c2 a:hover { background-color:#FFF; color:#2087ca; } .headerwrap .c3 { display:none; } .headerwrap .c3 .search-box { position:relative; overflow:hidden; } .headerwrap .c3 .search-box .input-text { width:80%; height:40px; float:left; padding:0 40px 0 10px; background-color:#fff; border:0; box-sizing:border-box; color:#005BCD; } .headerwrap .c3 .search-box .btn-search { width:20%; height:40px; float:left; border:0; background-color:#CDB400; color:#fff; cursor:pointer; font-size:16px; } .headerwrap.open .c2 { display:block; } /* end header顶部*/ /* start 导航*/ .nav20 { background-color:#2087ca; position:absolute; top:20px; right:0px; } .nav20 .nav-btn { display:block; font-size:25px; width:40px; height:40px; position:absolute; top:10px; right:2px; left:auto; border:0; } .nav20 .nav-btn .fa { margin-top:20px; } .nav20 .nav { display:none; width:160px; height:auto; line-height:auto; padding:0 0 20px; position:absolute; right:0; top:50px; z-index:9; } .nav20.open .nav { display:block; margin-top:50px; } .nav20 .nav .line { display:none; } .nav20 .nav li { float:none; padding:0; box-sizing:border-box; margin-right:0; } .nav20 .nav li a { line-height:30px; font-size:16px; padding:3px 20px; } .nav20 .nav li a:hover { background-color:#FFF; color:#2087ca; } .nav20 .nav li.home { overflow:hidden; } .nav20 .nav li.home a { width:26px; height:24px; background:url("/images/2901/"/images/2901/"/images/2901/icon-home.png""") no-repeat 10px 0px; } .nav20 .nav li.active { border-top:solid 4px #07578b; } /* end 导航*/ /* start footer底部*/ .footerwrap { width:100%; font-size:16px; margin-top:50px; background-color:#07578b; } .footerwrap .footer { width:100%; margin:auto; padding:15px 10px 10px; box-sizing:border-box; } .footerwrap .footer .u1 { padding-bottom:10px; text-align:center; } .footerwrap .footer .u1 li { display:inline-block; margin:0 20px; } .footerwrap .footer .u1 li:nth-child(4) { display:none; } .footerwrap .footer .u1 li a { font-size:18px; font-size:16px; } .footerwrap .footer .u2 { text-align:center; margin-top:10px; } .footerwrap .footer .u2 li { margin:8px 0px; color:#a2a4a7; } .footerwrap .footer .u2 li.jubao { display:none; } .footerwrap .footer .u2 li a { color:#a2a4a7; } .footerwrap .footer .u2 .w-1 { display:block; } .footerwrap .footer .u2 li:nth-child(2) { display:none; } .footerwrap .footer .u2 li:nth-child(3) { display:none; } .footerwrap .footer .u2 li:nth-child(4) { display:none; } /* end footer底部*/ /* start 位置导航*/ .nowsite { width:100%; background-color:#f9f9f9; padding:0 10px; box-sizing:border-box; } .nowsite .site { width:100%; margin:auto; height:20px; line-height:20px; padding:20px 0 5px; text-align:right; font-size:15px; color:#818181; } .contentnowsite { width:100%; background-color:#f9f9f9; } .contentnowsite .site { width:98%; border-bottom:dashed 1px #ccc; margin:auto; height:20px; line-height:20px; padding:10px 0 10px; text-align:right; font-size:15px; color:#818181; } /* end 位置导航*/ } @media screen and (max-width:767px) { html,body { overflow-x:hidden; } .nav20 .nav li a.active { color:#feb100; border-top:solid 2px #feb100; margin-top:-4px; } /* start header顶部*/ a,img { text-decoration:none; color:#eee; border:0; } .banner { display:block; width:100%; box-sizing: border-box; overflow: hidden; position:relative; } .banner .list { width:100%; height:400px; position:relative; box-sizing:border-box; overflow: hidden; } .banner .list li { width:100%; height: 100%; position: absolute; top: 0; left: 100%; overflow: hidden; } .banner .list li img { width:100%; } .banner .list li a { display: block; width:100%; height: 100%; background: none; } .banner .list li a:hover { background: none; } .banner .list li a:active { background: none; } .banner .list li a:visited { background: none; } .banner .list li.active { left: 0; z-index: 1; } .banner .bar { width:100%; position: absolute; bottom: 0.8em; left: 0; text-align: center; box-sizing: border-box; overflow: hidden; z-index: 2; } .banner .bar li { display: inline-block; width: 0.8em; height: 0.8em; margin:0 0.2em; margin-bottom:5px; background-color: #6ebee8; border-radius: 50%; } .banner .bar li.active { background-color: #fff; } .nowsite { display:none; } .headerwrap { width:100%; background-color:#2087ca; padding:10px 0; } .headerwrap .header { width:100%; height:80px; margin:auto; } .headerwrap .header .logo { float:left; margin:0 0 0 15px; margin-top:20px; } .headerwrap .header .logo img { max-height:45px; } .headerwrap .header .right-box { display:none; } .headerwrap .header .c0 { display:block; float:left; margin:0px 0 0 8px; margin-top:25px; } .headerwrap .header .c0 img { max-height:30px; } .headerwrap .header .c1 { display:none; } .headerwrap .c2 { display:none; width:100%; padding:0 20px; box-sizing:border-box; } .headerwrap .c2 a { display:block; width:100%; line-height:40px; padding:0 10px; border-bottom:solid 1px #2e96d8; box-sizing:border-box; font-size:14px; } .headerwrap .c2 a:hover { background-color:#FFF; color:#2087ca; } .headerwrap .c3 { display:none; } .headerwrap .c3 .search-box { position:relative; overflow:hidden; } .headerwrap .c3 .search-box .input-text { width:80%; height:40px; float:left; padding:0 40px 0 10px; background-color:#fff; border:0; box-sizing:border-box; color:#005BCD; } .headerwrap .c3 .search-box .btn-search { width:20%; height:40px; float:left; border:0; background-color:#CDB400; color:#fff; cursor:pointer; font-size:16px; } .headerwrap.open .c2 { display:block; } /* end header顶部*/ /* start 导航*/ .nav20 { background-color:#2087ca; position:absolute; top:20px; right:0px; } .nav20 .nav-btn { display:block; font-size:25px; position:absolute; top:8px; right:2px; left:auto; border:0; } .nav20 .nav-btn .fa { margin-top:12px; } .nav20 .nav { display:none; width:140px; height:auto; line-height:auto; padding:0 0 20px; position:absolute; right:0; top:50px; z-index:9; } .nav20.open .nav { display:block; margin-top:30px; z-index:9; } .nav20 .nav .line { display:none; } .nav20 .nav li { float:none; padding:0; box-sizing:border-box; margin-right:0; } .nav20 .nav li a { line-height:30px; font-size:16px; padding:2px 20px; } .nav20 .nav li a:hover { background-color:#0f6fae; color:#feb100; } .nav20 .nav li.home { overflow:hidden; } .nav20 .nav li.home a { width:24px; height:22px; background:url("/images/2901/"/images/2901/"/images/2901/icon-home.png""") no-repeat 11px 0px; } .nav20 .nav li.active { border-top:solid 4px #07578b; } /* end 导航*/ /* start footer底部*/ .footerwrap { width:100%; font-size:16px; margin-top:40px; background-color:#07578b; } .footerwrap .footer { width:100%; margin:auto; padding:15px 10px 10px; box-sizing:border-box; } .footerwrap .footer .u1 { padding-bottom:10px; text-align:center; } .footerwrap .footer .u1 li { display:inline-block; margin:0 20px; } .footerwrap .footer .u1 li:nth-child(4) { display:none; } .footerwrap .footer .u1 li a { font-size:18px; font-size:16px; } .footerwrap .footer .u2 { text-align:center; margin-top:10px; } .footerwrap .footer .u2 li { margin:8px 0px; color:#a2a4a7; } .footerwrap .footer .u2 li.jubao { display:none; } .footerwrap .footer .u2 li a { color:#a2a4a7; } .footerwrap .footer .u2 .w-1 { display:block; } .footerwrap .footer .u2 li:nth-child(2) { display:none; } .footerwrap .footer .u2 li:nth-child(3) { display:none; } .footerwrap .footer .u2 li:nth-child(4) { display:none; } /* end footer底部*/ /* start 位置导航*/ .nowsite { width:100%; background-color:#f9f9f9; padding:0 10px; box-sizing:border-box; } .nowsite .site { width:100%; margin:auto; height:20px; line-height:20px; padding:20px 0 5px; text-align:right; font-size:15px; color:#818181; } .contentnowsite { width:100%; background-color:#f9f9f9; } .contentnowsite .site { width:98%; border-bottom:dashed 1px #ccc; margin:auto; line-height:12px; padding:10px 0 10px; text-align:right; font-size:14px; color:#818181; } /* end 位置导航*/ } @media screen and (max-width:350px) { .headerwrap .header .logo img { max-height:35px; } .headerwrap .header .c0 img { max-height:20px; } }