.banner { width: 100%; height: 320px; background: #B0B0B1; } .banner img { width: 100%; height: 300px; } .wrap { margin-top: 40px; } .wrap .main1 .main1-l { float: left; width: 241px; } .wrap .main1 .main1-l .tit { width: 241px; border-bottom: 2px solid #E60012; padding: 10px 18px; } .wrap .main1 .main1-l .tit h2 { font-size: 14px; color: #E60012; } .wrap .main1 .main1-l .tit h2 i { display: inline-block; width: 15px; height: 16px; background: url("../images/tit-icon.png") no-repeat; margin: 0 15px -3px 0; } .wrap .main1 .main1-l .pic { width: 241px; height: 136px; background: #B5B5B6; } .wrap .main1 .main1-r { float: right; width: 709px; } .wrap .main1 .main1-r .tit { width: 709px; border-bottom: 2px solid #E60012; padding: 13px 0; } .wrap .main1 .main1-r .tit a { float: right; font-size: 12px; color: #E60012; } .wrap .main1 .main1-r .con { padding-top: 9px; } .wrap .main1 .main1-r .con .first { float: left; width: 340px; } .wrap .main1 .main1-r .con .first a { font-size: 14px; color: #E60012; } .wrap .main1 .main1-r .con .first span { display: block; font-size: 9px; color: #E60012; } .wrap .main1 .main1-r .con .first p { font-size: 9px; color: #231815; text-indent: 18px; } .wrap .main1 .main1-r .con ul { float: right; width: 310px; } .wrap .main1 .main1-r .con ul li a { font-size: 12px; color: #000; } .wrap .main1 .main1-r .con ul li:hover a { color: #E60012; font-weight: bold; } .wrap .main2 { margin-top: 40px; } .wrap .main2 .main2-l { float: left; width: 611px; } .wrap .main2 .main2-l .slideTxtBox .hd { width: 611px; height: 50px; border-bottom: 2px solid #E60012; } .wrap .main2 .main2-l .slideTxtBox .hd ul em { display: inline-block; width: 15px; height: 16px; background: url("../images/tit-icon.png") no-repeat; margin: 0 15px -3px 17px; } .wrap .main2 .main2-l .slideTxtBox .hd ul li { display: inline-block; margin-right: 10px; font-size: 14px; color: #F39800; line-height: 50px; cursor: pointer; } .wrap .main2 .main2-l .slideTxtBox .hd ul .on { color: #E60012; font-weight: bold; } .wrap .main2 .main2-l .slideTxtBox .bd { width: 611px; padding-top: 10px; position: relative; } .wrap .main2 .main2-l .slideTxtBox .bd ul li { padding: 7px 0; } .wrap .main2 .main2-l .slideTxtBox .bd ul li a { float: left; font-size: 12px; color: #000; } .wrap .main2 .main2-l .slideTxtBox .bd ul li .sj { float: right; font-size: 0; } .wrap .main2 .main2-l .slideTxtBox .bd ul li .sj span { display: inline-block; width: 46px; height: 15px; font-size: 9px; line-height: 15px; text-align: center; color: #fff; background: #E60012; } .wrap .main2 .main2-l .slideTxtBox .bd ul li .sj em { display: inline-block; width: 46px; height: 15px; font-size: 9px; line-height: 15px; text-align: center; color: #000; background: #DCDDDD; font-style: normal; } .wrap .main2 .main2-l .slideTxtBox .bd ul li:hover a { color: #E60012; font-weight: bold; } .wrap .main2 .main2-l .slideTxtBox .bd .more { font-size: 12px; color: #E60012; position: absolute; top: -32px; right: 9px; } .wrap .main2 .main2-r { float: right; width: 310px; } .wrap .main2 .main2-r .tit { width: 100%; height: 50px; border-bottom: 2px solid #E60012; } .wrap .main2 .main2-r .tit h3 { font-size: 14px; line-height: 50px; color: #E60012; text-align: center; } .wrap .main2 .main2-r .sp { width: 310px; height: 170px; background: #B5B5B6; } .wrap .main3 { margin-top: 40px; padding-bottom: 60px; border-bottom: 40px solid #DCDDDD; } .wrap .main3 .main3-1 { float: left; width: 283px; margin-right: 42px; } .wrap .main3 .main3-1 .tit { width: 100%; height: 50px; text-align: center; border-bottom: 2px solid #E60012; } .wrap .main3 .main3-1 .tit a { font-size: 14px; line-height: 50px; color: #E60012; } .wrap .main3 .main3-1 .con { padding-top: 6px; } .wrap .main3 .main3-1 .con ul li a { font-size: 12px; line-height: 26px; color: #000; } .wrap .main3 .main3-1 .con ul li:hover a { color: #E60012; font-weight: bold; } .wrap .main3 .main3-2 { float: left; width: 283px; } .wrap .main3 .main3-2 .tit { width: 100%; height: 50px; text-align: center; border-bottom: 2px solid #E60012; } .wrap .main3 .main3-2 .tit a { font-size: 14px; line-height: 50px; color: #E60012; } .wrap .main3 .main3-2 .con { padding-top: 6px; } .wrap .main3 .main3-2 .con ul li a { font-size: 12px; line-height: 26px; color: #000; } .wrap .main3 .main3-2 .con ul li:hover a { color: #E60012; font-weight: bold; } .wrap .main3 .main3-3 { float: right; width: 315px; padding-top: 18px; } .wrap .main3 .main3-3 ul li { display: inline-block; width: 145px; height: 68px; margin: 10px 5px; } .wrap .main3 .main3-3 ul li img { width: 100%; height: 100%; } .footer { height: 133px; background: #E60012; } .footer .foot { width: 1200px; margin: 0 auto; } .footer .foot .foot-l { float: left; padding-top: 35px; } .footer .foot .foot-l p { font-size: 10px; color: #fff; } .footer .foot .foot-r { float: right; padding-top: 49px; } .footer .foot .foot-r ul .qq { display: inline-block; margin-right: 20px; } .footer .foot .foot-r ul .qq p { float: left; font-size: 10px; color: #fff; margin-right: 13px; } .footer .foot .foot-r ul .qq p i { display: block; width: 16px; height: 18px; background: url("../img/qq.png") no-repeat; position: relative; top: 0; left: 24px; } .footer .foot .foot-r ul .qq img { float: left; width: 41px; height: 41px; } .footer .foot .foot-r ul .wx { display: inline-block; } .footer .foot .foot-r ul .wx p { float: left; font-size: 10px; color: #fff; margin-right: 13px; } .footer .foot .foot-r ul .wx p i { display: block; width: 31px; height: 20px; background: url("../img/wechat.png") no-repeat; position: relative; top: 0; left: 3px; } .footer .foot .foot-r ul .wx img { float: left; width: 41px; height: 41px; } .wrap .wrap-l { float: left; width: 242px; } .wrap .wrap-l .ejnav ul li { margin-bottom: 15px; } .wrap .wrap-l .ejnav ul li a { display: block; background: #E60012; font-size: 14px; line-height: 33px; color: #fff; } .wrap .wrap-l .ejnav ul li a i { display: inline-block; width: 16px; height: 16px; background: url(../images/dh-1.png) no-repeat; margin: 0 22px -2px 55px; } .wrap .wrap-l .ejnav ul li dl dd { background: #EFEFEF; margin-top: 2px; } .wrap .wrap-l .ejnav ul li dl dd a { background: none; color: #231815; } .wrap .wrap-l .ejnav ul li dl dd a i { background: url("../images/dh-2.png") no-repeat; } .wrap .wrap-l .ejnav ul li dl dd:hover a { color: #E60012; } .wrap .wrap-l .ejnav ul li .on a { color: #E60012; } .wrap .wrap-l .link-pic ul li { display: inline-block; width: 118px; height: 43px; } .wrap .wrap-l .link-pic ul li img { width: 100%; height: 100%; } .wrap .wrap-l .link ul li { margin-bottom: 2px; } .wrap .wrap-l .link ul li a { display: block; background: #E60012; font-size: 14px; line-height: 33px; color: #fff; } .wrap .wrap-l .link ul li a i { display: inline-block; width: 16px; height: 16px; background: url(../images/dh-3.png) no-repeat; margin: 0 22px -2px 55px; } .wrap .wrap-r { float: right; width: 691px; } .wrap .wrap-r .title { width: 100%; height: 30px; background: url("../images/title-bg.png") no-repeat; } .wrap .wrap-r .title h2 { display: block; font-size: 14px; line-height: 30px; color: #fff; } .wrap .wrap-r .title h2 i { display: inline-block; width: 16px; height: 16px; background: url(../images/dh-1.png) no-repeat; margin: 0 12px -2px 20px; } .wrap .wrap-r .con { padding: 10px 0; } .wrap .wrap-r .con ul li { padding: 7.4px 0; } .wrap .wrap-r .con ul li a { float: left; font-size: 12px; color: #231815; } .wrap .wrap-r .con ul li .sj { float: right; font-size: 0; } .wrap .wrap-r .con ul li .sj span { display: inline-block; width: 46px; height: 15px; font-size: 9px; line-height: 15px; text-align: center; color: #fff; background: #E60012; } .wrap .wrap-r .con ul li .sj em { display: inline-block; width: 46px; height: 15px; font-size: 9px; line-height: 15px; text-align: center; color: #000; background: #DCDDDD; font-style: normal; } .wrap .wrap-r .con ul li:hover a { color: #E60012; font-weight: bold; } .wrap .fy { float: left; width: 100%; height: 41px; background: #E7E8E8; text-align: center; padding-top: 8px; margin-top: 30px; } .wrap .fy span { display: inline-block; font-size: 14px; color: #000; margin-right: 5px; } .wrap .fy a { display: inline-block; font-size: 14px; color: #000; border: 1px solid #CCCCCD; padding: 2px 4px; } .wrap .fy input { width: 37px; height: 17px; border: 1px solid #CCCCCD; } .content { margin-top: 38px; } .content .explain { width: 100%; height: 34px; background: #E60012; } .content .explain span { font-size: 14px; line-height: 34px; color: #fff; } .content .explain span i { display: inline-block; width: 15px; height: 16px; background: url("../images/explain-icon.png") no-repeat; margin: 0 10px -3px 17px; } .content .con-main { min-height: 500px; background: #EDEDED; padding: 34px 0; } .content .con-main .title { text-align: center; padding-bottom: 18px; border-bottom: 2px solid #C7C8C8; } .content .con-main .title h3 { font-size: 14px; color: #000; } .content .con-main .title span { font-size: 10px; color: #000; } .content .con-main .con { padding: 10px 43px; } .content .con-main .con p { font-size: 12px; line-height: 22px; color: #000; text-indent: 24px; } .content .con-main .con .pic { width: 760px; height: 506px; margin: 0 auto; background: red; } .content .sx { padding: 20px 100px; } .content .sx .up span { font-size: 12px; color: #000; margin-right: 15px; } .content .sx .up a { font-size: 12px; color: #000; } .content .sx .up:hover a { color: #E60012; } .content .sx .down span { font-size: 12px; color: #000; margin-right: 15px; } .content .sx .down a { font-size: 12px; color: #000; } .content .sx .down:hover a { color: #E60012; }