@charset "utf-8"; /* CSS Document */ /*==========鍏叡鏍峰紡========*/ body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; font-size: 14px; max-height: 1920px; min-height: 1200px; } h1, h2, h3, h4, h5, h6, p, span, ul, li, dl, dt, dd, img { border: 0; margin: 0; padding: 0; list-style: none; font-weight: normal; } a { text-decoration: none; color: #666666; transition: all 0.5s; } ol, ul { list-style: none } :focus { outline: none; } .clr { clear: both; } * { margin: 0; padding: 0; } /*鍏叡鏍峰紡*/ .clear:after { content: ""; display: block; clear: both; } .fl { float: left; } .fr { float: right; } .cl { clear: both; } .w1100 { width: 1200px; margin: 0 auto; } .indexCen { width: 1200px; margin: 0 auto; } .index_Cen { width: 1200px; margin: 0 auto; position: relative; } .clearfix:after { content: '.'; clear: both; display: block; height: 0; visibility: hidden; line-height: 0px; } .clearfix { zoom: 1 } /*缃戦〉澶撮儴*/ .hed { width: 100%; height: 35px; background: #f3f3f3; } .hed_box { width: 1200px; height: 35px; } .hed_box p { width: 500px; color: #777777; line-height: 35px; font-size: 15px; } .hed_box ul { float: right; } .hed_box ul li { float: left; line-height: 35px; } .hed_box ul li a { width: auto; height: 35px; text-align: left; display: inline-block; font-size: 15px; padding: 0 14px; color: #777777; background: url(../images/top01.jpg) right 12px no-repeat; } .hed_box ul li a:hover { color: #e60212; } .hed_box ul li.none a{ background: unset; } /*logo*/ .top { width: 100%; height: 150px; } .top_box { width: 1200px; height: 150px; } .top_box h1 { width: 90px; height: 150px; float: left; } .top_box h1 img { margin-top: 31px; } .topter { width: 830px; height: 150px; float: left; } .topter h2 { margin-top: 36px; width: 466px; height: 80px; } .topter h2 img{ width: 466px; height: 80px; } .topter h3 { width: 466px; text-align: center; font-size: 18px; color: #777777; margin-top: 7px; height: 24px; } .top_box ul { float: left; } .top_box ul li { background: url(../images/top03.png) no-repeat center top; float: left; margin-right: 20px; height: 80px; margin-top: 50px; position: relative; z-index: 11100; cursor: pointer; } .top_box ul li p { text-align: center; margin-top: 30px; line-height: 30px; font-size: 15px; color: #777777; } .top_box ul li img { display: none; position: absolute; width: 145px; height: 145px; top: 67px; left: -40px; } .top_box ul li:hover img { display: block; } .top_box ul li:hover { background: url(../images/top04.png) no-repeat center top; } .top_box ul li:hover P { color: #e60212; } .toprt { background: url(../images/top05.png) no-repeat 26px 20px; width: 220px; height: 150px; float: right; } .toprt p { font-size: 18px; color: #2b2b2b; font-weight: bold; text-indent: 61px; letter-spacing: 4px; margin-top: 22px; } .toprt dl { width: 218px; height: 68px; border: 1px solid #e60212; margin-top: 8px; } .toprt dl dt { text-align: center; line-height: 33px; font-size: 24px; color: #e60212; font-weight: bold; } .toprt dl dd { text-align: center; line-height: 35px; background: #e60212; color: #fff; font-weight: bold; font-size: 24px; } /*瀵艰埅*/ .nav { width: 100%; height: 50px; background: #2b2b2b; } .nav2 { width: 1200px; height: 50px; } .nav2 ul { width: 1250px; float: left; height: 50px; } .nav2 ul li { float: left; } .nav2 ul li a { display: block; float: left; height: 50px; line-height: 50px; color: #ffffff; font-size: 17px; padding: 0 32px; } .nav2 ul li a:hover { background: #e60212; } .nav2 ul li a.on { background: #e60212!important; } /*棣栭〉 banner*/ .fullSlide { width: 100%; position: relative; height: 550px; background: #000; overflow: hidden; } .fullSlide .bd { margin: 0 auto; z-index: 0; overflow: hidden; width: 1920px; position: absolute; left: 50%; margin-left: -960px; } .fullSlide .bd ul { width: 100% !important; } .fullSlide .bd li { width: 100% !important; height: 550px; overflow: hidden; text-align: center; } .fullSlide .bd li a { display: block; height: 550px; } .fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; } .fullSlide .hd ul { text-align: center; } .fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 12px; height: 12px; overflow: hidden; background: #fff; filter: alpha(opacity=80); opacity: 1; line-height: 999px; margin-left: 15px; } .fullSlide .hd ul .on { background: #e60212; width: 10px; height: 10px; border: 1px solid #fff; } .fullSlide .prev, .fullSlide .next { position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 15%; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; } .fullSlide .next { left: auto; right: 15%; background-position: -6px -137px; } /*鍐呴〉 banner*/ .fullSlide2 { width: 100%; position: relative; height: 400px; background: #000; overflow: hidden; } .fullSlide2 .bd { margin: 0 auto; z-index: 0; overflow: hidden; width: 1920px; position: absolute; left: 50%; margin-left: -960px; } .fullSlide2 .bd ul { width: 100% !important; } .fullSlide2 .bd li { width: 100% !important; height: 400px; overflow: hidden; text-align: center; } .fullSlide2 .bd li a { display: block; height: 400px; } .fullSlide2 .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; } .fullSlide2 .hd ul { text-align: center; } .fullSlide2 .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 12px; height: 12px; overflow: hidden; background: #fff; filter: alpha(opacity=80); opacity: 1; line-height: 999px; margin-left: 15px; } .fullSlide2 .hd ul .on { background: #0f84da; width: 10px; height: 10px; border: 1px solid #fff; } .fullSlide2 .prev, .fullSlide2 .next { position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 15%; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; } .fullSlide2 .next { left: auto; right: 15%; background-position: -6px -137px; } /*鐑悳鍏抽敭瀛?/ .search_div { width: 100%; height: 60px; border-bottom: 1px dashed #d9d9d9; } .ser { width: 1200px; height: 60px; } .search { float: right; width: 310px; height: 40px; margin-top: 10px; background: #f3f3f3; border-radius: 5px; } .search_tow { border: none; width: 240px; color: #777777; font-size: 13px; padding-left: 10px; height: 40px; background: none; } .search_button { background: url(../images/btn.png) no-repeat center center; cursor: pointer; width: 50px; height: 40px; position: absolute; right: 0px; border: none; } #SearchType { width: 60px; height: 30px; line-height: 30px; border: none; color: #ffffff; text-indent: 8px; background: #e60212; border-radius: 5px; margin: 5px 0 0 6px; } #typeid { width: 82px; height: 30px; line-height: 30px; border: none; color: #ffffff; text-indent: 8px; background: #e60212; border-radius: 5px; margin: 5px 0 0 6px; } .search { position: relative; } .sea_key { float: left; width: 800px; height: 60px; line-height: 60px; overflow: hidden; background: url(../images/ser01.png) no-repeat left center; } .sea_key a { color: #777777; margin: 0 5px; } .sea_key a:hover { color: #e60212; } .sea_key span { color: #2b2b2b; margin-left: 20px; } /*******浜у搧灞曠ず******/ .cp { width: 100%; height: 1040px; background-color: #f3f3f3; } .cp .cp_box { width: 1200px; height: 920px; } .cptop { width: 1200px; height: 151px; float: left; } .cptop p { text-align: center; margin-top: 60px; } .cptop span { display: block; text-align: center; font-size: 16px; color: #2b2b2b; letter-spacing: 5px; margin-top: 3px; } .cpter { width: 1200px; height: 120px; float: left; } .cpterft { background: url(../images/cp02.png) no-repeat center center; width: 280px; height: 100px; float: left; } .cpterft P { font-size: 24px; color: #ffffff; font-weight: bold; text-indent: 98px; margin-top: 25px; } .cpterft span { display: block; font-size: 12px; color: #f3a4a7; text-indent: 98px; } .cpter ul { float: left; width: 920px; } .cpter ul li { float: left; margin-left: 10px; position: relative; margin-bottom: 10px; } .cpter ul li>a { display: block; width: 174px; height: 45px; background: #2b2b2b; text-align: center; line-height: 45px; font-size: 15px; color: #fff; } .cpter ul li>a:hover { background: #e60212; } .cpter ul li>div { display: none; width: 174px; background: url(../images/cp03.png) no-repeat center 5px; position: absolute; top: 45px; left: 0; z-index: 1000; } .cpter ul li>div>a { background: url(../images/cp04.jpg) no-repeat center center; display: block; width: 174px; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 15px; border-bottom: 1px solid #fff; } .cpter ul li>div>a:nth-child(1) { margin-top: 10px; } .cpter ul li:hover div { display: block; } .cpter ul li>div>a:hover { background: url(../images/cp05.png) no-repeat center center; } .cpter ul li.cpp1 a { background: url(../images/cp06.jpg) no-repeat center center; } .cpbt { width: 1235px; height: 550px; float: left; } .cpbt li { width: 380px; height: auto; float: left; margin-right: 30px; position: relative; overflow: hidden; padding-bottom: 15px; margin-bottom: 25px; background: #fff; } .cpbt li img { width: 380px; height: auto; } .cpbt li p { width: 50%; height: auto; color: #2b2b2b; line-height: 28px; float: left; text-align: left; font-size: 18px; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cpbt li span { width: auto; height: auto; color: #e60212; line-height: 28px; float: right; text-align: left; font-size: 18px; padding: 0 20px; } /*璧勮鐑嚎:*/ .tage { width: 100%; height: 250px; background: url(../images/tageck.jpg) no-repeat center center; } .tage_box { width: 1200px; height: 250px; } .tage_box>span { width: 1200px; display: block; text-align: center; margin-top: 51px; float: left; } .tage_box p { text-align: center; font-size: 16px; color: #ffffff; } .tage_box span { font-size: 18px; color: #fff; font-weight: bold; } .tage_box div { padding-left: 515px; margin-top: 22px; } .tage_box div a { display: block; width: 170px; height: 40px; background: #e60212; text-align: center; line-height: 40px; font-size: 15px; color: #fff; } .tage_box div a:hover { text-decoration: underline; } /*瀹氬埗娴佺▼*/ .dz { width: 100%; height: 502px; } .dz_box { width: 1200px; height: 502px; } .dztop { width: 1200px; height: 183px; } .dztop p { text-align: center; margin-top: 60px; } .dztop span { display: block; text-align: center; letter-spacing: 5px; font-size: 16px; color: #2b2b2b; } .dzter { width: 1200px; height: 300px; background: url(../images/dz02.png) no-repeat 237px 44px; } .dzter li { width: 240px; height: 100px; float: left; margin-bottom: 46px; } .dzter li p { text-align: center; line-height: 35px; font-size: 15px; color: #2b2b2b; margin-top: 65px; } .dzter li.dz1 { background: url(../images/dz1.png) no-repeat center top; } .dzter li.dz1:hover { background: url(../images/dz11.png) no-repeat center top; } .dzter li.dz2 { background: url(../images/dz2.png) no-repeat center top; } .dzter li.dz2:hover { background: url(../images/dz22.png) no-repeat center top; } .dzter li.dz3 { background: url(../images/dz3.png) no-repeat center top; } .dzter li.dz3:hover { background: url(../images/dz33.png) no-repeat center top; } .dzter li.dz4 { background: url(../images/dz4.png) no-repeat center top; } .dzter li.dz4:hover { background: url(../images/dz44.png) no-repeat center top; } .dzter li.dz5 { background: url(../images/dz5.png) no-repeat center top; } .dzter li.dz5:hover { background: url(../images/dz55.png) no-repeat center top; } .dzter li.dz6 { background: url(../images/dz10.png) no-repeat center top; } .dzter li.dz6:hover { background: url(../images/dz100.png) no-repeat center top; } .dzter li.dz7 { background: url(../images/dz9.png) no-repeat center top; } .dzter li.dz7:hover { background: url(../images/dz99.png) no-repeat center top; } .dzter li.dz8 { background: url(../images/dz8.png) no-repeat center top; } .dzter li.dz8:hover { background: url(../images/dz88.png) no-repeat center top; } .dzter li.dz9 { background: url(../images/dz7.png) no-repeat center top; } .dzter li.dz9:hover { background: url(../images/dz77.png) no-repeat center top; } .dzter li.dz10 { background: url(../images/dz6.png) no-repeat center top; } .dzter li.dz10:hover { background: url(../images/dz66.png) no-repeat center top; } /*閫夋嫨鎴戜滑*/ .choo { width: 100%; height: 1372px; background: #f3f3f3; } .choo_box { width: 1200px; height: 1372px; } .chootop { width: 1200px; height: 166px; float: left; } .chootop p { text-align: center; margin-top: 60px; } .chootop span { display: block; text-align: center; font-size: 16px; color: #2b2b2b; letter-spacing: 5px; margin-top: 3px; } .ys1 { width: 1200px; height: 250px; float: left; margin-bottom: 30px; } .ys1 img { width: 560px; height: 250px; float: right; } .ys1 dl { background: url(../images/ys01.png) no-repeat left 58px; width: 560px; height: 250px; float: left; } .ys1 dl dt { padding-left: 74px; font-size: 24px; color: #2b2b2b; font-weight: bold; margin-top: 58px; } .ys1 dl dd { padding-left: 74px; margin-top: 25px; height: 90px; color: #777777; line-height: 30px; } .ys1 dl dd span { color: #ec1b24; font-weight: bold; } .ys2 { width: 1200px; height: 250px; float: left; margin-bottom: 30px; } .ys2 img { width: 560px; height: 250px; float: left; } .ys2 dl { background: url(../images/ys02.png) no-repeat left 58px; width: 560px; height: 250px; float: right; } .ys2 dl dt { padding-left: 74px; font-size: 24px; color: #2b2b2b; font-weight: bold; margin-top: 58px; } .ys2 dl dd { padding-left: 74px; margin-top: 25px; height: 90px; color: #777777; line-height: 30px; } .ys2 dl dd span { color: #ec1b24; font-weight: bold; } .ys3 { width: 1200px; height: 250px; float: left; margin-bottom: 30px; } .ys3 img { width: 560px; height: 250px; float: right; } .ys3 dl { background: url(../images/ys03.png) no-repeat left 58px; width: 560px; height: 250px; float: left; } .ys3 dl dt { padding-left: 74px; font-size: 24px; color: #2b2b2b; font-weight: bold; margin-top: 58px; } .ys3 dl dd { padding-left: 74px; margin-top: 25px; height: 90px; color: #777777; line-height: 30px; } .ys3 dl dd span { color: #ec1b24; font-weight: bold; } .ys4 { width: 1200px; height: 250px; float: left; margin-bottom: 30px; } .ys4 img { width: 560px; height: 250px; float: left; } .ys4 dl { background: url(../images/ys04.png) no-repeat left 58px; width: 560px; height: 250px; float: right; } .ys4 dl dt { padding-left: 74px; font-size: 24px; color: #2b2b2b; font-weight: bold; margin-top: 58px; } .ys4 dl dd { padding-left: 74px; margin-top: 25px; height: 90px; color: #777777; line-height: 30px; } .ys4 dl dd span { color: #ec1b24; font-weight: bold; } /*鍏徃绠€浠?/ .gs { width: 100%; height: 799px; background: url(../images/gsck.jpg) no-repeat center top; border-bottom: 1px dashed #c9c9c9; } .gs_box { width: 1200px; height: 799px; } .gstop { width: 1200px; height: 161px; float: left; } .gstop p { text-align: center; margin-top: 60px; } .gstop span { text-align: center; display: block; font-size: 16px; color: #2b2b2b; margin-top: 3px; letter-spacing: 5px; } .gster { width: 1200px; height: 360px; float: left; } .gsft { width: 577px; height: 360px; float: left; } .gsft span { font-size: 24px; display: block; color: #2b2b2b; letter-spacing: 3px; margin-top: 30px; } .gsft p { width: 577px; height: 170px; color: #818181; line-height: 24px; text-indent: 2em; margin-top: 12px; font-size: 15px; letter-spacing: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .gsft p a { color: #0f84da; } .gsft ul { width: 570px; height: 40px; margin-top: 50px; } .gsft ul li { width: 140px; height: 40px; float: left; margin-right: 20px; } .gsft ul li a { display: block; width: 140px; height: 40px; border: 1px solid #2b2b2b; text-align: center; line-height: 40px; color: #2b2b2b; font-size: 15px; } .gsft ul li a:hover { color: #fff; background: #e60212; border: 1px solid #e60212; } .gsrt { width: 590px; height: 360px; float: right; } .gsrt img { width: 590px; height: 360px; } .mrmr2 { width: 1200px; float: left; height: 178px; position: relative; margin-top: 40px; } .mr_BtnL2 { background: url(../images/left.png) no-repeat center center; width: 25px; height: 46px; cursor: pointer; display: inline; position: absolute; top: 65px; left: -45px; } .mr_mr2 { float: left; width: 1200px; overflow: hidden; height: 178px; } .mr_BtnR2 { background: url(../images/right.png) no-repeat center center; width: 25px; height: 46px; cursor: pointer; position: absolute; top: 65px; right: -45px; } .mr_mr2 ul li { float: left; width: 285px; height: 178px; margin-right: 20px; position: relative; overflow: hidden; } .mr_mr2 ul li img { width: 285px; height: 178px; float: left; } .mr_mr2 ul li p { background: url(../images/xc01.png) no-repeat center center; width: 285px; height: 178px; position: absolute; top: 178px; left: 0; } .mr_mr2 ul li:hover p { top: 0; } /*------------鏂伴椈璧勮-------------*/ .news { width: 100%; height: 405px; } .news_box { width: 1200px; height: 405px; } .newstop { width: 575px; float: left; overflow: hidden; margin-top: 50px; } .newstop div { height: 39px; line-height: 39px; overflow: hidden; background: url(../images/news02.png) no-repeat bottom center; } .newstop div p { float: left; padding-left: 15px; background: url(../images/news01.png) no-repeat left center; font-size: 16px; color: #434343; } .newstop div p span { font-weight: bold; } .news .title span a { display: inline-block; float: right; width: 48px; height: 15px; border-radius: 5px; border: 1px solid #434343; font-size: 12px; color: #434343; text-align: center; line-height: 13px; margin-top: 12px; } .news .title span a:hover { background: #e60212; color: #fff; border: 1px solid #e60212; } .newstop ul { margin-top: 1px; } .newstop ul li { width: 575px; height: 81px; overflow: hidden; border-bottom: 1px dashed #dbdbdb; } .newstop ul li span { padding-left: 30px; background: url(../images/wen.png) no-repeat left center; margin-top: 16px; display: block; } .newstop ul li span a { font-size: 16px; font-weight: bold; color: #434343; width: 400px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newstop ul li p { font-size: 14px; color: #707070; width: 545px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 30px; background: url(../images/da.png) no-repeat left center; margin-top: 5px; } .newstop ul li span a:hover { color: #e60212; } .news-r { width: 575px; float: right; overflow: hidden; margin-top: 50px; } .news-r .title { height: 39px; line-height: 39px; overflow: hidden; background: url(../images/news02.png) no-repeat bottom center; } .news-r .title p { float: left; padding-left: 15px; background: url(../images/news01.png) no-repeat left center; font-size: 16px; color: #434343; } .news-r .title p span { font-weight: bold; } .news-r1 ul li { height: 40px; line-height: 40px; width: 575px; overflow: hidden; border-bottom: 1px dashed #dbdbdb; } .news-r1 ul li a { display: inline-block; height: 40px; line-height: 40px; width: 575px; overflow: hidden; } .news-r1 ul li .s1 { float: right; font-size: 12px; color: #c5c5c5; } .news-r1 ul li .s2 { float: left; font-size: 15px; color: #343434; padding-left: 15px; background: url(../images/news03.png) no-repeat left center; width: 416px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news-r1 ul li:hover .s1 { color: #e60212; } .news-r1 ul li:hover .s2 { color: #e60212; background: url(../images/news04.png) no-repeat left center; } /*******鍙嬫儏閾炬帴*******/ .box { width: 100%; } .box_tt { width: 1200px; background: #e60212; } .box ul { width: 1200px; overflow: hidden; background: url(../images/link.png) no-repeat 38px 18px; } .box li { float: left; } .box li p { color: #0f84da; width: 106px; height: 64px; } .box li a { color: #e9a4a6; line-height: 64px; margin-left: 20px; font-size: 15px; } .box li a:hover { color: #fff; } /*搴曢儴*/ .foot { width: 100%; height: 309px; background: #1d1d1d; } .foot .foot_con { width: 1200px; height: 308px; margin: 0 auto; border-bottom: 1px solid #000; } .ter4 { width: 260px; height: 308px; float: left; } .ter4 img { margin-top: 42px; } .ter3 { background: url(../images/ter01.jpg) no-repeat left 87px; width: 300px; height: 308px; float: left; } .ter3 span { display: block; font-size: 18px; color: #ffffff; font-weight: bold; margin-top: 55px; } .ter3 img { width: 140px; height: 140px; margin-top: 40px; } .ter2 { width: 350px; height: 308px; float: left; background: url(../images/ter01.jpg) no-repeat left 87px; } .ter2 span { width: 350px; font-size: 18px; color: #ffffff; margin-top: 55px; display: block; font-weight: bold; } .ter2 p { color: #a8a8a8; float: left; margin-top: 36px; line-height: 25px; } .ter2 p a { color: #a8a8a8; } .ter2 p a:hover { color: #d2030f; } .ter1 { width: 230px; height: 308px; float: right; background: url(../images/ter01.jpg) no-repeat left 87px; } .ter1 p { width: 230px; font-size: 18px; color: #ffffff; margin-top: 55px; font-weight: bold; } .ter1 ul { width: 230px; height: 175px; margin-top: 36px; } .ter1 ul li { width: 115px; float: left; } .ter1 ul li a { color: #a8a8a8; line-height: 25px; } .ter1 ul li a:hover { color: #d2030f; } .copy { width: 100%; height: 71px; background: #1d1d1d; } .copy_box { width: 1200px; height: 70px; margin: 0 auto; border-top: 1px solid #363636; } .copy_box p.copy1 { font-size: 15px; color: #ffffff; line-height: 70px; float: left; } .copy_box p.copy2 { font-size: 15px; color: #ffffff; line-height: 70px; float: right; } .copy_box p.copy2 a { font-size: 15px; color: #ffffff; } .copy_box p.copy2 a:hover { color: #d2030f; }