@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; } ul, ol { list-style:none; } img { border:0; } a { text-decoration:none; color:#333; outline:none; blr:expression(this.onFocus=this.blur()); } .clear { clear:both; } body { font-family:"微软雅黑"; font-size:14px; line-height:1.5em; color:#333; overflow:auto; overflow-x:hidden; *overflow:auto; *overflow-x:hidden; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } .inner { width:1140px; margin:auto; } .l { float:left; } .r { float:right; } /*header*/ #search { height:65px; background:#2c2c2c; color:white; border-bottom:1px #333 solid; padding-top:25px; font-family:"微软雅黑"; line-height:40px; font-size:16px; display:none; width:100%; } #search input, #search label { float:right; } #search input[type="text"] { width:440px; height:38px; border:1px #333 solid; margin:0 10px; } #search input[type="button"] { width:100px; height:40px; border:1px #007db2 solid; background:#009ddf; color:white; font-size:18px; font-family:"微软雅黑"; cursor:pointer; } #header { height:103px; overflow:hidden; } #header #header_top { height:36px; line-height:36px; background:#2c2c2c; overflow:hidden; /*font-family:"宋体";*/ } #header #header_top a { display:inline-block; height:36px; padding:0 20px; border-left:1px #3d3d3d solid; border-right:1px #212121 solid; line-height:36px; } #header #header_top a { *display:inline; } #header #header_top a:hover { background:#3b3b3b; } .top_r { width:250px; border-right:1px #3d3d3d solid; } .top_l { border-left:1px #212121 solid; border-right:1px #3d3d3d solid; } #header #header_top .top_r a.language { border-left:0; } #header #header_top a.home { background-image:url(../images/indextopicon-02.png); background-repeat:no-repeat; background-position:center center; width:16px; } #header #header_top a.search { background-image:url(../images/indextopicon.png); background-repeat:no-repeat; background-position:center center; width:14px; } #header #header_bottom { height:67px; line-height:67px; background:url(../images/headerbg.png); } #header #header_bottom li { font-size:16px; line-height:67px; margin-left:75px; } #header #header_bottom li a:hover { color:#a3d3f2; } #header li { float:left; } #header .top_r li { float:right; } #header a { color:#fff; } /* 本例子css */ .slideTxtBox { width:415px; text-align:left; } .slideTxtBox .hd { height:45px; line-height:43px; background:#f4f4f4; position:relative; z-index:1; border-radius:5px; overflow:hidden; } .slideTxtBox .hd ul li { float:left; width:205px; text-align:center; cursor:pointer; border:1px solid #c8c8c8; color:#656565; font-size:16px; } .slideTxtBox .hd ul li.on { height:43px; background:#ffa20f; border:1px solid #f49b0f; color:#fff; } /* .slideTxtBox .bd li { font-size:16px; width:185px; float:left; line-height:30px; padding-top:20px; margin:0 10px; border-bottom:1px #e9e9e9 solid; } */ /*******添加start**/ .slideTxtBox .bd li { font-size:24px; width:185px; float:left; line-height:34px; padding-top:20px; margin:0 10px; border-bottom:1px #e9e9e9 solid; overflow:hidden; height:34px; } /***********END*****/ .slideTxtBox .bd li a { color:#ffa20f; padding:0 10px; } .slideTxtBox .bd li .date { float:right; color:#999; } /*main*/ #main { /*background:url(../images/mainbg.png) no-repeat center top;*/ } #main .main_1 { height:485px; position:relative; width:100%; overflow-x:hidden; } #main .main_1 .inner { height:485px; } #main .main_1 #banner { height:485px; width:1080px; position:absolute; top:0; left:50%; margin-left:-130px; } .focusBox { position: relative; width:1081px; height: 485px; overflow: hidden; text-align: left; background: white; } .focusBox .pic img { width: 1081px; height: 485px; display: block; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 110px; width:425px; background: #333; filter: alpha(opacity=30); opacity: 0.3; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height:110px; width:425px; overflow: hidden; } .focusBox .txt li { height:75px; line-height:36px; position:absolute; bottom:0px; } .focusBox .txt li a { display: block; color: white; padding: 0 45px; font-size:26px; text-decoration: none; font-family:"微软雅黑"; } .focusBox .num { position: absolute; z-index: 3; bottom:84px; left:340px; } .focusBox .num li { float: left; position: relative; width: 10px; height: 10px; border-radius:5px; line-height: 10px; overflow: hidden; text-align: center; margin-right:7px; cursor: pointer; } .focusBox .num li a, .focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .focusBox .num li span { z-index: 1; background: white; } .focusBox .num li.on a, .focusBox .num a:hover { background:#ffa20f; } .main_1_left { width:448px; height:485px; } .main_1_left h3 { font-size:26px; color:#b3b3b3; text-transform:uppercase; padding:50px 0 27px 14px; } #main .main_2 { width:100%; height:502px; } #main .main_2 .div { width:284px; margin-top:60px; } #main .main_2 .div .h { font-size:18px; text-transform:uppercase; } #main .main_2 .div .h span { font-family:"Times New Roman", Times, serif; color:#a4a4a4; } #main .main_2 .div h4 { font-weight:500; display:inline; color:#676767; } #main .main_2 .div .img { width:284px; height:160px; border:1px #ececec solid; margin:20px 0 0; } #main .main_2 .div .text { background:#fff; height:154px; border:1px #ececec solid; padding-top:25px; color:#767676; padding:20px 15px 0; line-height:26px; } #main .main_2 .div .text h5 { font-size:14px; color:#545454; } #main .main_2 .div .text a { color:#767676; } #main .main_2 .div .text a:hover { color:#333; } .picScroll-news { width:284px; overflow:hidden; position:relative; height:337px; background:#fff; margin-top:20px; border-bottom:1px #ececec solid; } .picScroll-news .hd { overflow:hidden; height:33px; position:absolute; bottom:0; left:20px; } .picScroll-news .hd ul { overflow:hidden; zoom:1; } .picScroll-news .hd ul li { float:left; width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/newspageicon-02.png) no-repeat center top; } .picScroll-news .hd ul li.on { background:url(../images/newspageicon.png) no-repeat center top; } .picScroll-news .bd ul { overflow:hidden; zoom:1; } .picScroll-news .bd ul li { float:left; _display:inline; overflow:hidden; } #main .main_2 .picScroll-news .bd .img { margin:0; } .picScroll-left { width:284px; overflow:hidden; position:relative; height:337px; background:#fff; margin-top:20px; border-bottom:1px #ececec solid; } .picScroll-left .hd { overflow:hidden; height:33px; position:absolute; bottom:0; right:0; width:61px; } .picScroll-left .hd .prev, .picScroll-left .hd .next { display:block; width:18px; height:18px; float:right; margin-right:8px; cursor:pointer; } .picScroll-left .hd .prev { background:url(../images/prev.png) no-repeat center center; } .picScroll-left .hd .next { background:url(../images/next.png) no-repeat center center; } .picScroll-left .bd ul { overflow:hidden; zoom:1; } .picScroll-left .bd ul li { float:left; _display:inline; overflow:hidden; } #main .main_2 .picScroll-left .bd .img { margin:0; } #main .main_2 .div.div .time { display:inline-block; padding-right:23px; background:url(../images/timeicon.png) no-repeat right center; } #main .main_2 .div.div .time { *display:inline; } #main .main_2 .div.div3 li { height:26px; } #main .main_2 .div.div3 li a { display:block; height:26px; padding-left:16px; background:url(../images/liststyle-02.png) no-repeat left center; line-height:26px; width:220px; margin:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #main .main_2 .div.div3 li.first a, #main .main_2 .div.div3 li a:hover { background:url(../images/liststyle.png) no-repeat left center; color:#f08800; } #main .main_3 { width:100%; height:336px; background:#00a4e8; color:#fff; line-height:30px; margin-top:100px; } #main .main_3 .div1 ul { width:255px; float:left; } #main .main_3 a { color:#fff; } #main .main_3 a:hover { color:#a3d3f2; } #main .main_3 .div3 { width:260px; } #main .main_3 .h { margin:40px 0 20px; font-size:16px; } #main .main_3 .h h4 { font-weight:bold; } #main .main_3 .div3 .logo { margin:80px 0 20px 10px; } #main .main_3 .div3 .gp { margin:0px 15px 0px 0px; } /*page*/ #page { text-align:right; } #page li { margin:0 3px; display:inline-block; } #page li { *display:inline; *margin:0 5px; } #page li a { display:block; width:28px; height:28px; background:#666; text-align:center; line-height:28px; color:white; } #page li a.on { background:#009ddf; } /*footer*/ #footer { height:33px; background:#006dca; line-height:33px; color:#fff; font-family:"宋体"; font-size:12px; } #footer a { color:#fff; } #footer a:hover { color:#a3d3f2; } /*add后来更改添加的样式*/ #products .fa1{ width:840px; height:203px; margin-bottom:97px;} #products .fa1 .fa1_img{ width:359px;} #products .fa1 .fa1_img img{ width:359px; height:203px;} #products .fa1 .fa1_text{ width:445px;} #products .fa1 .fa1_text .fa1_text_bt{ font-size:20px; color:#009ddf; height:55px; line-height:55px;}