@charset "utf-8"; /* CSS Document*/ body { margin: 0; padding: 0; font-size: 14px; min-width: 1200px; background: #ffffff; font-family: "Microsoft Yahei", 宋体, sans-serif; } #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;filter:alpha(opacity=90);z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} ul, li { list-style-type: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal } img { border: 0; } a { text-decoration: none; color: #555555; } a:hover { text-decoration: none; color: #cc0000; transition: all 0.6s; } .fl { float: left !important; } .fr { float: right !important; } .clearboth { clear: both; border: 0; padding: 0; margin: 0; } .w1200 { width: 1300px; height: auto; margin: 0 auto; position: relative; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .relative { position: relative; } .imghover { cursor: pointer; transition: all 0.6s; } .imghover:hover { transform: scale(1.2); } /*header*/ .top_box{position: fixed; width: 100%; margin: 0; padding: 0 0 0 0; z-index: 9999999} .heitop{ width: 100%; height: 170px; overflow:hidden} .header { width: 100%; height: 139px; background: url("../img/Title.png") #ffffff no-repeat center; } .header .logo { padding: 48px 0 0 0; width: 540px; float: left; } .top_right { float: right; height: 139px; width: 550px; } .top_link { font-size: 14px; color: #ffffff; line-height: 40px; height: 40px; padding: 15px 0 0 0; text-align: right } .top_link a { color: #ffffff; padding: 0 10px } /*inav*/ .inavbox { background: #068358; width: 100%; height: 50px; } .inav { padding: 0; height: 50px; line-height: 50px; position: relative; z-index: 1; width: 1300px; float: left; margin: 0 auto; } .inav a { color: #ffffff; } .inav .nLi { float: left; position: relative; display: inline; width: 174px; text-align: center; } .inav .nLi h3 { } .inav .nLi h3 a { display: block; font-size: 16px; font-weight: normal; background: url("../images/nav_jgx.png") right center no-repeat; } .inav .sub { display: none; width: 174px; left: 0; top: 50px; position: absolute; background: #005f3e; line-height: 36px; padding: 0; font-size: 14px; text-align: center; } .inav .sub li { zoom: 1; } .inav .sub a { display: block; padding: 0 10px; } .inav .sub a:hover { background: #048d5e; color: #ffffff; } .inav .on h3 a { background: #005f3e; color: #ffffff; } .inav h3 a:hover { background: #005f3e; color: #ffffff; } /*search*/ .i-search { /* width: 180px; */ /* height:28px; */ overflow: hidden; position: relative; float: right; margin-top: 40px; background:none; border-radius: 20px; /* border:#ffffff 1px solid; */ } .i-search .search-txt { width: 125px; font-size: 12px; padding: 0 0 0 15px; height: 28px; line-height: 28px; _line-height: 28px; color: #9e9e9e; margin: 0; border: 0; outline: none;background: none; } .search{width:120px;height: 50px;font-family:Microsoft YaHei;border:none;color:#797c7c;position:relative;font-size:8px;text-indent:0.2em;top:-20px;background:url(../img/01.png);text-indent:2em;} .search_enter{width:49px;height:52px;} /*banner*/ .ibanner { width: 1300px; height: 489px; position: relative; /* margin: -62px auto; */ border: #ffffff 1px solid; } .ibanner .hd { height: 15px; overflow: hidden; position: absolute; right: 50%; bottom: 10px; z-index: 1; } .ibanner .hd ul { overflow: hidden; zoom: 1; float: left; } .ibanner .hd ul li { float: left; margin-right: 5px; width: 12px; height: 12px; line-height: 12px; border-radius: 50px; text-align: center; background: #cccccc; cursor: pointer; } .ibanner .hd ul li.on { background: #ffffff; color: #fff; } .ibanner .bd { position: relative; height: 489px; z-index: 0; overflow: hidden; } .ibanner .bd li { zoom: 1; vertical-align: middle; } .ibanner .bd img { width: 1300px; height: 489px; display: block; } .ibanner .prev, .ibanner .next { position: absolute; left: 2%; top: 50%; margin-top: -25px; display: block; width: 40px; height: 60px; background: url(../images/banner_jt.png) 0 0 no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .ibanner .next { left: auto; right: 2%; background-position: -105px 0; } .ibanner .prev:hover, .ibanner .next:hover { filter: alpha(opacity=100); opacity: 1; } .ibanner .prevStop { display: none; } .ibanner .nextStop { display: none; } /*imain*/ .imain { width: 1200px; margin: 0 auto; height: auto; overflow: hidden; } .i_box { width: 1300px; height: auto; overflow: hidden; margin: 30px auto 20px auto; } .i_box_left { float: left; width: 495px; padding: 0 40px 0 0; text-align: left; } .i_box_center { float: left; width: 482px; padding: 0 0 0 30px; text-align: left; } /*fast_box*/ .fast_box { width: 100%; height: auto; overflow: hidden; } .fast_box ul { width: 110%; height: auto; overflow: hidden; padding: 0 !important; } .fast_box .first { width: 100%; } .fast_box .first img { width: 381px; height: 54px; } .fast_box a { display: block; width: 188px; height: 55px; float: left; margin: 25px -10px 5px 0; } .fast_box a img { width: 160px; height: 52px; } .i_box_right { float: left; width: 180px; margin-left:60px; } .i-title { height: 42px; line-height: 42px; width: 100%; margin: 0 auto 0 auto; border-bottom: #cccccc 1px solid;position: relative; } .i-title h2 { font-size:18px; font-weight: bold; height: 40px; line-height: 42px; display: block; float: left; padding: 0 10px; border-top: 3px solid #068358; border-left: 1px solid #068358; border-right: 1px solid #068358; color: #068358; background: #ffffff; } .i-title h2 span { color: #cccccc; font-size: 24px; line-height: 34px; font-weight: normal; display: block; float: right; margin: 10px 0 0 15px; } .i-title a { display: block; font-size: 14px; float: right; color: #068358; font-weight: bold; } .i-title .i_more { right: 10px; background: url(../images/more_jt.png) right center no-repeat; padding: 0 15px 0 0; color: #d0bd5e; opacity: 0.8; transition: all 0.4s; font-weight: normal;position: absolute; } .i-title .i_more:hover { opacity: 1; right: 7px; } .i_more2 { display: block; width: 74px; height: 24px; overflow: hidden; color: #999999; line-height: 24px; margin: 15px 0 0 0; font-weight: normal; position: absolute; top: -55px; right: 0; } .mtkdy_box { width: 100%; margin: 0 auto; height: auto; overflow: hidden; } .mtkdy_box_left { width: 492px; height: 273px; overflow: hidden; position: relative; float: left; padding: 20px 0 0 0; } .mtkdy_box_left .hd { height: 15px; overflow: hidden; position: absolute; right: 10px; bottom: 12px; z-index: 1; } .mtkdy_box_left .hd ul { overflow: hidden; zoom: 1; float: left; } .mtkdy_box_left .hd ul li { float: left; margin-right: 4px; width: 10px; height: 10px; line-height: 10px; font-size: 0; text-align: center; background: #cccccc; cursor: pointer; border-radius: 50px; } .mtkdy_box_left .hd ul li.on { background: #a40001; color: #fff; } .mtkdy_box_left .bd { position: relative; height: 100%; z-index: 0; } .mtkdy_box_left .bd li { zoom: 1; vertical-align: middle; } .mtkdy_box_left .bd img { width: 492px; height: 272px; display: block; } .mtkdy_box_left .bd span { position: absolute; bottom: 0; background: url(../images/tt_bg.png); width: 100%; line-height: 46px; color: #fff; font-weight: bold; } .mtkdy_box_left .bd h1 { color: #fff; font-size: 16px; margin: 0; padding: 0 10px } /* 下面是前/后按钮代码,如果不需要删除即可 */ .mtkdy_box_left .prev, .mtkdy_box_left .next { position: absolute; left: 0; top: 45%; margin-top: -25px; display: block; width: 40px; height: 74px; background: url(../images/slider-arrow.png) -127px 0 no-repeat; filter: alpha(opacity=50); opacity: 0.4; } .mtkdy_box_left .next { left: auto; right: 0; background-position: -8px 0; } .mtkdy_box_left .prev:hover, .mtkdy_box_left .next:hover { filter: alpha(opacity=100); opacity: 1; } .mtkdy_box_left .prevStop { display: none; } .mtkdy_box_left .nextStop { display: none; } .hzrw_box { background: url("../images/c_bg.png") center no-repeat #f9f6ef; height: auto; overflow: hidden; } .hzrw_box .hzrw_title { font-size: 18px; font-weight: bold; line-height: 60px; height: 60px; color:#068358; position: relative } .xsdt_nr { width: 1200px; position: relative; margin: 20px auto 70px auto; } .xsdt_nr .hd { height: 0; position: relative; } .xsdt_nr .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; position: absolute; bottom: -290px; left: 47%; } .xsdt_nr .hd ul li { float: left; width: 11px; height: 11px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../images/icoCircle.png") 0 -11px no-repeat; } .xsdt_nr .hd ul li.on { background-position: 0 0; } .xsdt_nr .hd .prev { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; background: url("../images/arrow_right.png") no-repeat; position: absolute; right: -60px; top: 80px; opacity: 1 } .xsdt_nr .hd .prev:hover { opacity: 1 } .xsdt_nr .hd .next:hover { opacity: 1 } .xsdt_nr .hd .next { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; background: url("../images/arrow_left.png") no-repeat; position: absolute; left: -60px; top: 80px; opacity: 1 } .xsdt_nr .hd .prevStop { background-position: -60px 0; } .xsdt_nr .hd .nextStop { background-position: -60px -50px; } .xsdt_nr .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .xsdt_nr .hd ul li.on { background-position: 0 0; } .xsdt_nr .bd { padding: 0 0 0 0; width: 1200px; overflow: hidden; } .xsdt_nr .bd ul { overflow: hidden; zoom: 1; } .xsdt_nr .bd ul li { margin: 0 30px 0 0; float: left; _display: inline; overflow: hidden; text-align: center; position: relative; } .xsdt_nr .bd ul li .pic { text-align: center; width: 380px; height: 250px; overflow: hidden; position: relative; } .xsdt_nr .bd ul li .pic a { width: 380px; height: 250px; display: block; overflow: hidden; position: relative } .xsdt_nr .bd ul li .pic img { width: 380px; height: 250px; display: block; } .xsdt_nr .bd ul li .pic a { color: #ffffff; } .xsdt_nr .bd ul li span { display: block; background: url("../images/tt_bg.png"); position: absolute; width: 100%; height: 35px; line-height: 35px; font-size: 14px; z-index: 99; color: #ffffff; bottom: 0 } .mtkdy_box_right { width: 380px; float: right; margin: 0 0 0 0; } .i_btnlink { width: 342px; } .i_btnlink li { width: 330px; height: 145px;; border: #ffffff 6px solid; overflow: hidden } .i_btnlink li a { } .i_btnlink li img { display: block; width: 330px; height: 145px; margin: 0 auto; } .i_btnlxfs { height: 311px; padding: 5px 15px 10px 15px; background: url("../images/content_bg.png") bottom center no-repeat #ffffff; } .lxfs_nr { padding: 10px 15px } .lxfs_nr p { margin: 0 0; padding: 0; font-size: 14px; line-height: 24px; } /*news_boxs*/ .news_boxs { padding: 0 0 0 0; width: 1200px; margin: 20px auto 0 auto; overflow: hidden; background: #ffffff } .tzgg_box { width: 100%; text-align: left; } .tzgg_box .hd { height: 40px; line-height: 40px; background: #ffffff; padding: 0; border-bottom: 1px solid #dadada; position: relative; } .tzgg_box .hd ul { float: left; position: absolute; left: 0; top: -1px; height: 40px; } .tzgg_box .hd ul li { float: left; padding: 0 15px; cursor: pointer; font-size: 18px; color: #333333; font-weight: bold; border-top: 3px solid #ffffff; } .tzgg_box .hd ul li.on { height: 38px; border-bottom: 1px solid #ffffff; border-top: 3px solid #068358; border-left: 1px solid #068358; border-right: 1px solid #068358; color: #068358; font-weight: bold; } .tzgg_box .bd ul { padding: 0; zoom: 1; } /*hzjx_box*/ .hzjx_box{ width: 1200px; margin: 40px auto; height: auto; overflow: hidden;} .hzjx_box_l{width: 380px;height:260px;float: left; overflow: hidden; position: relative } .hzjx_box_l .hzsj_title{display: block;width: 180px;height:52px;float: left; overflow: hidden; margin: 0; padding: 0; background: url("../images/sjhz_title_bg.png") left center no-repeat; text-align: center; font-size: 18px; top:30px; color: #ffffff; font-weight: bold;line-height: 52px;position: absolute;} .hzjx_box_l .hzsj_bf{ display: block; height: 46px; width: 46px; position: absolute; bottom: 35px; right: 50px; z-index: 999; opacity: 0.7} .hzjx_box_l .hzsj_fmt{ width: 380px; height: 260px; overflow: hidden; display: block } .hzjx_box_l:hover .hzsj_bf{opacity: 1} .hzjx_box_r{width: 790px;float: right; height: auto; overflow: hidden} .hzjx_list{ width:790px; overflow:hidden; position:relative; } .hzjx_list .hd ul li.on{ background-position:0 0; } .hzjx_list .bd{ padding:20px 0 0 0; } .hzjx_list .bd ul{ overflow:hidden; zoom:1; } .hzjx_list .bd ul li{ margin:0 26px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; } .hzjx_list .bd ul li .pic{ text-align:center; } .hzjx_list .bd ul li .pic img{ width:250px; height:165px; display:block; } .hzjx_list .bd ul li .pic a:hover img{ border-color:#999; } .hzjx_list .bd ul li .title{ line-height:24px; margin: 9px 0 0 0 } /**/ .jiaowu_box { width: 100%; text-align: left; } .jiaowu_box .hd { height: 40px; line-height: 40px; background: #ffffff; padding: 0; border-bottom: 1px solid #dadada; position: relative; } .jiaowu_box .hd ul { float: left; position: absolute; left: 0; top: -1px; height: 40px; } .jiaowu_box .hd ul li { float: left; padding: 0 15px; cursor: pointer; font-size: 18px; color: #333333; font-weight: bold; border-top: 3px solid #ffffff; } .jiaowu_box .hd ul li.on { height: 38px; border-bottom: 1px solid #ffffff; border-top: 3px solid #068358; border-left: 1px solid #068358; border-right: 1px solid #068358; color: #068358; font-weight: bold; } .jiaowu_box .bd ul { padding: 15px 0 0 0; zoom: 1; position: relative } .jiaowu_box .bd li { height: 40px; line-height: 40px; overflow: hidden } .jiaowu_box .bd li a { height: 40px; line-height: 40px; overflow: hidden } .jiaowu_box .bd li span { color: #1d966d; padding: 0 10px 0 0 } /**/ .more { position: absolute; top: -50px; right: 10px; background: url("../images/more_jt.png") right center no-repeat; padding: 0 15px 0 0; color: #d0bd5e; opacity: 0.8; transition: all 0.4s; } .more a { color: #d0bd5e } .more:hover { opacity: 1; right: 7px; } .more a { opacity: 1 } .more2 { position: absolute; top: 24px; right: 10px; background: url("../images/more_jt.png") right center no-repeat; padding: 0 15px 0 0; color: #d0bd5e; opacity: 0.8; transition: all 0.4s; } .more2 a { color: #d0bd5e } .more2:hover { opacity: 1; right: 7px; } .more2 a { opacity: 1 } .date_list { height: 352px; padding: 6px 0 0 2px !important; position: relative; } .date_list li { width: 100%; height: 53px; display: block; border-bottom: #e4e4e4 1px solid; padding: 9px 0; } .date_list li a { font-size: 14px; color: #666666; line-height: 24px; } .date_list li a:hover { color: #cc3300; } .date_list li span { float: left; display: block; width: 55px; height: 50px; background: #ffffff; text-align: center; color: #666666; font-size: 12px; line-height: 20px; margin-right: 12px; border: #068358 1px solid; border-radius: 4px; } .date_list li span i { width: 100%; display: block; text-align: center; color: #ffffff; background: #068358; font-size: 20px; font-style: normal; line-height: 30px; } .date_list li:hover span i { background: #999966 } .date_list li:hover span { border: #999966 1px solid } .newslist { width: 100%; height: auto; overflow: hidden; } .newslist ul { height: auto; overflow: hidden; } .newslist li { width: 100%; font-size: 14px; color: #999999; line-height: 40px; height: 40px; } .newslist li a { background: url("../images/ico_001.png") left center no-repeat; padding-left: 15px; color: #555555; font-size: 14px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 560px; text-align: left; } .newslist li a:hover { color: #cc0000 } .newslist li span { float: right; color: #a9a9a9 } /*list*/ .list-banner { width: 100%; height: 175px; text-align: center; margin: 0; overflow: hidden; } .list-banner img { width: 100%; margin: 0 auto; } .listmain { overflow: hidden; height: auto; position: relative; padding: 0 0 0 0; width: 1202px; margin: 20px auto; background: url("../images/left_bg.png") repeat-y; } .lm-left { width: 222px; float: left; background: #ececec; height: 100%; } .lm-left .left-lmname { background: url("../images/listname_bg.png") right center no-repeat #048d5e; height: 70px; line-height: 50px; padding: 13px 10px 5px 20px; overflow: hidden; border-top: #023724 3px solid; } .lm-left .left-lmname h1 { color: #ffffff; font-size: 24px; line-height: 36px; } .lm-left .left-lmname span { color: #a4d6c5; font-size: 16px; line-height: 30px; } .lm-left .list-sub { background: #ffffff; height: auto; overflow: hidden; width: 100%; } .lm-left .list-sub a { display: block; line-height: 45px; height: 45px; font-size: 16px; padding-left: 30px; cursor: pointer; border-bottom: #d6d6d6 1px solid; background: url("../images/sub_bgh2.png") 190px center no-repeat #ececec } .lm-left .list-sub a:hover { display: block; line-height: 45px; height: 45px; font-size: 16px; padding-left: 30px; cursor: pointer; color: #048d5e; background: url("../images/sub_bgh3.png") 190px center no-repeat #ececec } .lm-left .list-sub #this-on { display: block; line-height: 45px; height: 45px; font-size: 16px; padding-left: 30px; cursor: pointer; color: #FFFFFF; background: url("../images/sub_bgh.png") 190px center no-repeat #048d5e } .lm-right { width: 960px; float: right; margin-right: 0; border-top: #17956a 2px solid; border-left: #e5e5e5 1px solid; border-right: #e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid; background: #ffffff } .this-name { border-bottom: #e6e6e6 1px solid; line-height: 30px; height: 30px; padding: 10px 0; margin: 5px 20px 0 20px } .this-name h1 { color: #046c48; font-size: 18px; font-weight: bold; line-height: 32px; height: 39px; padding: 0 10px; border-bottom: #046c48 3px solid; float: left; } .this-name span { float: right; color: #666; font-size: 14px; } .this-name span a { color: #666 } .lm-right .lm_list { height: auto; overflow: hidden; margin: 0 auto; padding: 20px 20px; } .lm-right .lm_list li { line-height: 40px; font-size: 15px; color: #999999; text-align: right; padding: 0 10px; } .lm-right .lm_list li a { color: #4a4a4a; float: left; padding-left: 15px; background: url("../images/ico_002.png") left center no-repeat; } .lm-right .lm_list li:hover { background: #ececec; color: #cc0000 } .lm-right .lm_list li a:hover { background: url("../images/ico_002.png") left center no-repeat #ececec; color: #cc0000 } .lm-right .list-fy { text-align: center; margin: 0 auto 20px auto; min-height: 40px; } .left_box { height: auto; overflow: hidden; background: #ffffff; margin: 0 auto 12px auto; } .left_box h1 { color: #ffffff; font-size: 16px; line-height: 42px; height: 42px; background: #048d5e; border-left: #005b3c 4px solid; padding-left: 15px; } .left_box_nr { height: auto; overflow: hidden; padding: 10px 15px 20px 0 } .left_box_nr li { height: 34px !important; background: url("../images/ico_002.png") left center no-repeat; padding-left: 10px; line-height: 34px !important; } /*content*/ .content-main { border: #dbdbdb 1px solid; overflow: hidden; margin: 20px auto; background: #ffffff; width: 1200px; } .c-content { height: auto; overflow: hidden; position: relative; margin: 40px auto 40px auto; padding: 0 40px; } .c-content .c-title { font-size: 30px; color: #222222; line-height: 50px; text-align: center } .c-content .other-s { font-size: 14px; height: 35px; line-height: 35px; text-align: center; color: #ff9933; background: #f5f5f5; margin: 15px auto 0 auto; position: relative; } .c-content .other-s .sjfx { position: absolute; right: 10px; top: 10px; } .c-content .nr-info { height: auto; overflow: hidden; position: relative; text-align: left } .c-content .nr-info p { font-size: 16px; color: #666; line-height: 34px; margin: 15px 0; text-indent: 2em; text-align: left } .wz_fj { } .wz_fj p { line-height: 36px; color: #0d8100; font-size: 16px; background: url("../images/ico_fj2.png") left center no-repeat; padding: 0 0 0 20px; margin: 0; } .wz_fj a { line-height: 36px; font-size: 16px; } .wzclose-relative { text-align: center; margin-top: 30px; } .wzclose-relative span { margin: 0 15px; } .i-sxt { border-top: #d9d9d9 1px solid; margin: 20px auto; padding: 20px 0; overflow: hidden; height: 70px } .i-sxt p { display: block; width: 100%; float: left; margin: 0; padding: 0; } .i-sxt a { color: #555555; font-size: 14px; line-height: 30px; } .i-sxt a:hover { color: #cc0010; } /*i_link*/ .i_link { width: 100%; margin: 0 auto; overflow: hidden; background: #f4f4f4; height: 50px; line-height: 50px; padding: 0; } .i_link h2 { width: 100px; font-size: 16px; line-height: 50px; text-align: center; font-weight: bold; float: left; color: #333333; } .i_link select { width: 255px; text-align: center; height: 30px; line-height: 30px; border-radius: 4px; border: #c4c4c4 1px solid; color: #6b6b6b; } /*footer*/ .foot { width: 100%; height: 130px; background: url(../images/footbg.jpg) #09855a; border-top: #056041 5px solid; background-size: cover; padding: 20px 0 0 0; } .footbox { width: 1200px; margin: 0 auto; padding: 15px 0; } .foot-left { float: left; width: 89px; height: 61px; margin-top: 10px; margin-right: 10px; } .ititle { height: 54px; margin: 0 auto 15px auto; border-bottom: #e5e5e5 4px solid; } .ititle h2 { width: auto; line-height: 54px; height: 54px; float: left; margin: 0; padding: 0; text-align: center; font-size: 25px; font-weight: bold; color: #068358; display: block; position: relative; /* border-bottom: #7d562d 1px solid; */ } .ititle h2:before { content: ""; position: absolute; bottom: -4px; left: -5px; width: 100px; height: 4px; border-left: 5px solid #fff; /* border-right: 5px solid #fff; */ overflow: hidden; background: #339966; } .ititle h2 span { color: #ff6600 } .ititle .entitle { color: #929292; font-size: 12px; line-height: 44px; font-style: normal; padding: 0 8px; margin: 2px 0 0 0; display: block; float: left; } .ititle a { float: right; font-size: 14px; color: #333333; padding-right: 0; line-height: 50px; height: 50px; margin-top: 4px; display: block; width: 50px; opacity: 0.8; } .bottom-div{width:100%;height:190px;background:#068358;margin-top:40px} .maxdiv{width:1300px;margin: 0 auto;margin-top: 60px;} .xb{width:320px;height:75px;background:url(../img/xb.png);margin:0 auto;position:relative;top:20px} .xxlist{width:650px;height:20px;margin:0 auto;} .xxlist li{margin:0 auto;float:left;display:inline;text-align:center;font-size:14px;color:rgba(255,255,255,0.7);height:20px;position:relative;top:20px} .xxlist li img{vertical-align:middle} .li{width:100px} .li2{width:240px} .footer{width:650px;font-size:14px;color:rgba(255,255,255,0.7);height:20px;margin:0 auto;margin-top:15px;position:relative;top:20px} .ititle a:hover { color: #068358; opacity: 1; } .foot-left img { width: 100%; height: auto; } .banquan { float: left; line-height: 27px; color: #fff; margin: 0 0 0 0; padding: 0 0 0 20px; } .banquan p { margin: 0; padding: 0 } .banquan a { color: #fff; } .foot-right { float: right; width: 80px; text-align: center; margin-top: 0; } .foot-right img { width: 100%; height: auto; } .foot-right span { text-align: center; font-size: 12px; line-height: 20px; color: #fff; }