body { /* height: 10000px; */ } .box { width: 100%; height: 475px; } .header { width: 100%; height: auto; } .header img { width: 100%; height: auto; } .nav { height: 70px; background: #b42124; } .nav ul { height: 70px; width: 1100px; margin: 0 auto; } .box p a img { width: 350px; margin-top: 20px; } .nav ul li { width: 200px; height: 70px; line-height: 70px; float: left; margin: 0px 10px; text-align: center; } .nav ul li a { font-size: 24px; } .tout { height: 120px; } .tout a h1 { font-size: 38px; color: #b42124; font-weight: 600; text-align: center; margin-top: 40px; } .tout a p { margin-top: 10px; font-size: 18px; color: #999999; text-align: center; } .main_box1 { height: 380px; margin-top: 20px; } .main_box1_l { width: 585px; height: 380px; float: left; } /*图片新闻css开始*/ .slideBox2 { width: 585px; height: 380px; overflow: hidden; position: relative; } .slideBox2 .hd { height: 18px; overflow: hidden; position: absolute; right: 20px; bottom: 15px; z-index: 2; font-family: "宋体", sumsin; font-size: 15px; } .slideBox2 .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox2 .hd ul li { float: left; margin-left: 1px; width: 21px; height: 18px; line-height: 18px; text-align: center; background: url("icon2.png") no-repeat left top; cursor: pointer; color: #fff; } .slideBox2 .hd ul li.on { background: url("icon1.png") no-repeat left top; } .slideBox2 .bd { width: 585px; height: 380px; float: left; position: relative; z-index: 0; } .slideBox2 .bd li { width: 585px; height: 380px; float: left; zoom: 1; vertical-align: middle; } .slideBox2 .bd img { width: 585px; height: 380px; float: left; display: block; } .slideBox2 .txt-bg { position: absolute; bottom: 0; z-index: 1; overflow: hidden; width: 100%; height: 50px; background: #000; opacity: 0.6; filter: alpha(opacity=60); left: 0 } .slideBox2 .txt { position: absolute; bottom: 0; z-index: 2; overflow: hidden; width: 100%; height: 50px; left: 0 } .slideBox2 .txt li { position: absolute; bottom: -50px; height: 50px; line-height: 50px; } .slideBox2 .txt li a { display: block; padding: 0 0 0 20px; color: #fff; text-decoration: none; font-size: 16px; } .main_box1_r { width: 595px; float: left; margin-left: 20px; } .tab_box1 { width: 100%; float: left; } .tab_box1 .hd { width: 100%; float: left; height: 50px; border-bottom: 2px solid #cb0000; } .tab_box1 .hd_l { float: left; line-height: 1; } .tab_box1 .hd_l a { float: left; display: inline-block; line-height: 40px; position: relative; z-index: 2; color: #646464; font-size: 20px; font-weight: bold; margin-right: 10px; padding: 5px 40px; } .tab_box1 .hd_l a.on { color: #fff; background: url(11.jpg) no-repeat; } .tab_box1 .hd_l a:hover { /* height: 30px; */ color: #fff; } .tab_box1 .hd_l span { float: left; width: 30px; height: 32px; *height: 31px; display: inline-block; } .tab_box1 .hd_r { float: right; color: #999; font-size: 15px; line-height: 50px; } .tab_box1 .hd_r a { float: left; color: #999; display: none; } .tab_box1 .hd_r a.on { display: inline-block; } .tab_box1 .hd_r a:hover { color: #2373c8; } .tab_box1 .bd { float: left; margin-top: 10px; padding: 0px 10px 15px 10px; /* border: 1px solid #dcdcde; */ width: 100%; box-sizing: border-box; } .tab_box1 .bd div { width: 100% } .tab_box1 .bd ul { width: 100%; float: left; padding-top: 18px } .tab_box1 .bd ul li { width: 100%; height: 32px; float: left; line-height: 32px; font-size: 16px; color: #333; } .tab_box1 .bd ul li a { float: left; color: #333; } .tab_box1 .bd ul li span { float: right; color: #999; } .tab_box1 .bd ul li:hover a { color: #2373c8; } .tab_box1 .bd ul li:hover span { color: #2373c8; } .main_news { border-bottom: 1px solid #707070; padding-bottom: 15px; margin-top: 10px; } .tab_box1 .bd .main_news:nth-child(3){ border-bottom: 0px solid #707070; } .main_news h3 { line-height: 24px; font-size: 20px; color: #014e9e; margin-bottom: 10px } .wtupian{ width: 100%; height: 40px; } .wtupian a { display: block; width: 30%; height: 57px; float: left; margin-right: 3%; } .wtupian a img{ width: 100%; height: 50px; } .main_news p { line-height: 26px; font-size: 14px; color: #646464 } /*页面主体第二行区域开始*/ .main_box2 { width: 100%; margin-top: 20px; } .main_box2_l { width: 585px; float: left; } .main_box2_r { width: 595px; float: left; margin-left: 20px; } .main_box2 .tab_box1 .bd ul { width: 100%; float: left; padding-top: 0 } .main_news h3 a { color: #333333; } .xxzlbt{ height: 155px; margin-top: 40px; margin-bottom: 40px; } .xxzlbt img{ width: 100%; height: auto; } .xxzl2{ margin-top: 60px; /* width: 100%; */ height: 592px; } .xxzl21{ width: 100%; height: 610px; } .xxzl-zuo{ width: 659px; float: left; height:100%; } .xxzl-zuo1{ width: 100%; height: 190px; background: url(53.jpg) no-repeat; background-size: 100% 100%; margin-bottom: 20px; } .xxzl-zuo11{ width: 264px; height: 190px; float: left; } .xxzl-zuo11 img{ width: 90%; margin-top: 10px; margin-left: 15px; height: 90%; } .xxzl-zuo12{ height: 100%; width:387px; float: left; } .xxzl-zuo12 p{ width:90%; height:auto; margin-top: 40px; margin-left: 25px; margin-bottom: 10px; } .xxzl-zuo12 p a{ font-size: 20px; color: #000000; } .xxzl-zuo12 span{ height: 60px; display: block; margin-left: 20px; width: 92%; } .xxzl-zuo12 span a{ font-size: 16px; color: #333333; } .xxzl-zuo2{ width: 100%; height: 190px; background: url(1_39.jpg) no-repeat; background-size: 100% 100%; } .xxzl-you{ width: 521px; height: 100%; background: url(54.jpg) no-repeat; background-size: 100% 100%; float: right; } .xxzl-you ul{ width: 85%; margin: 0 auto; padding-top: 70px; } .xxzl-you ul li { width: 100%; margin-top: 10px; height: 110px; border-bottom: 1px dashed #d5d3d2; } .xxzl-you ul li p{ height: 50px; width: 100%; } .xxzl-you ul li a{ color: #333333; font-size: 20px; } .xxzl-you ul li span{ font-size: 16px; color: #333333; } .xxzl-you ul li span a{ font-size: 16px; color: #d60f1b; } .xiangq{ width: 100px; height: 35px; border-radius: 50px; line-height: 35px; background: #cb0000; text-align: center; float: right; margin-right: 20px; } .xiangq a{ color: #fff; font-size: 14px; } .beij{ background: url(jujiaoshandong20024.jpg) no-repeat; background-size: 100% auto; /* width: 100%; */ height:530px; padding-bottom: 40px; padding-top: 6%; } .guanzuo { width: 100%; height: auto; /* float: none; */ overflow: hidden; } .guanlieb { width: 80%; margin: 0 auto; } .guanlieb li { height: 80px; line-height: 30px; width: 43%; float: left; margin-bottom: 20px; /* border-bottom: 1px dashed #999999; */ } .guanlieb li:nth-child(even) { float: right; } .guanlieb li a { color: #333333; font-size: 18px; } .guanlieb li a img { margin-right: 10px; } .tygengduo{ width: 1050px; height: 40px; margin: 0 auto; line-height: 40px; } .tygengduo a{ float: right; margin-right: 10px; font-size: 16px; color: #a8221a; } .footer { height: 120px; width: 100%; background: #c40316; } .footer p { width: 100%; line-height: 120px; text-align: center; color: #fff; font-size: 18px; }