@charset "utf-8";
html{min-width:1200px;}
body {
margin: 0;
padding: 0;
font-family: "microsoft yahei";
font-size: 14px;
min-width: 1100px;
background: #ffffff
}
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: #666666
}
a:hover {
text-decoration: none;
color: #1f71bf;
transition: all 0.6s
}
.fl {
float: left !important
}
.fr {
float: right !important
}
.clearboth {
clear: both;
border: 0;
padding: 0;
margin: 0
}
.w1200 {
width: 1200px;
height: auto;
margin: 0 auto
}
.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)
}
.top_line {
height: 34px;
line-height: 34px;
background: #003871;
color: #ffffff;
font-size: 12px
}
.top_line_left {
float: left;
width: 300px
}
.top_line_right {
float: right
}
.top_link a {
padding: 0 10px;
color: #ffffff
}
.header {
background: #0e4f8f;
height: 110px
}
.header .logo {
width: 700px;
float: left
}
.header .logo img {
margin: 11px 0 0 0;
}
.i-search {
width: 250px;
height: 34px;
overflow: hidden;
position: relative;
margin: 35px 0 0 18px;
float: right;
border: #ffffff 1px solid;
background: #ffffff;
border-radius: 8px
}
.i-search .search-txt {
width: 190px;
padding-left: 10px;
height: 34px;
line-height: 34px;
color: #666;
border: none;
background: none;
outline: none
}
.i-search .search-btn {
width: 46px;
height: 34px;
line-height: 34px;
font-size: 16px;
border: none;
background: url("../images/ico_search.png") center no-repeat;
cursor: pointer
}
.i-search .search-btn:hover {
cursor: pointer
}
.i-nav {
width: 100%;
background: #ffffff;
height: 52px
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.nav {
padding: 0 20px;
height: 52px;
line-height: 52px;
position: relative;
z-index: 1;
margin: 0 auto;
width: 1200px
}
.nav a {
color: #fff
}
.nav .nLi {
float: left;
position: relative;
display: inline
}
.nav .nLi h3 {
float: left
}
.nav .nLi h3 a {
display: block;
padding: 0px;
font-size: 18px;
font-weight: normal;
color: #000000;
width: 150px;
text-align: center
}
.nav .sub {
display: none;
width: 100%;
left: 0;
top: 52px;
position: absolute;
background: #000000;
line-height: 48px;
padding: 0;
opacity: 0.7;
}
.nav .sub li {
zoom: 1
}
.nav .sub a {
display: block;
padding: 0 15px;
text-align: center;
}
.nav .sub a:hover {
background: #0e4f8f;
color: #fff
}
.nav .on h3 a {
background: #ebebeb;
color: #000000
}
.ibanner {
width: 100%;
overflow: hidden;
position: relative
}
.ibanner .hd {
height: 15px;
overflow: hidden;
position: absolute;
right: 16.95%;
bottom: 30px;
z-index: 1;
}
.ibanner .hd ul {
overflow: hidden;
zoom: 1;
float: left
}
.ibanner .hd ul li {
float: left;
margin-right: 2px;
width: 15px;
height: 15px;
line-height: 14px;
text-align: center;
background: #fff;
cursor: pointer
}
.ibanner .hd ul li.on {
background: #f00;
color: #fff
}
.ibanner .bd {
position: relative;
height: 100%;
z-index: 0
}
.ibanner .bd li {
zoom: 1;
vertical-align: middle;
position: relative
}
.ibanner .bd li h1 {
position: absolute;
bottom: 40px;
left: 20%;
background: url("../images/tt_bg.png");
font-size: 24px;
color: #ffffff;
padding: 10px 20px
}
.ibanner .bd img {
width: 100%;
display: block
}
.ibanner .prev,
.ibanner .next {
position: absolute;
left: 3%;
top: 50%;
margin-top: -25px;
display: block;
width: 45px;
height: 80px;
background: url(../images/slider-arrow.png) -120px 5px no-repeat;
filter: alpha(opacity=50);
opacity: 0.5
}
.ibanner .next {
left: auto;
right: 3%;
background-position: -2px 5px;
width: 45px;
height: 80px
}
.ibanner .prev:hover,
.ibanner .next:hover {
filter: alpha(opacity=100);
opacity: 1
}
.ibanner .prevStop {
display: none
}
.ibanner .nextStop {
display: none
}
.i-main {
width: 100%;
height: auto;
overflow: hidden;
margin: 30px auto 0 auto
}
.i-m-p {
width: 100%;
height: auto;
overflow: hidden
}
.i-m-p-left {
float: left;
width: 385px;
overflow: hidden
}
.i-m-p-center {
float: left;
width: 385px;
margin-left: 22px;
overflow: hidden
}
.i-m-p-right {
float: right;
width: 385px;
overflow: hidden
}
.i-title {
height: 48px;
line-height: 48px;
background: #ededed;
width: 100%
}
.i-title h2 {
display: block;
margin: 0 10px;
width: 106px;
float: left
}
.i-title a {
font-size: 14px;
float: right;
padding: 0 10px
}
.ys_01 {
border-top: #ea6914 2px solid
}
.ys_01 span {
display: block;
background: url("../images/ico_tz.png") center no-repeat #ea6914;
float: left;
width: 48px;
height: 48px
}
.ys_01 h2 {
color: #ff6600
}
.ys_02 {
border-top: #1860a8 2px solid
}
.ys_02 span {
display: block;
background: url("../images/ico_xw.png") center no-repeat #1860a8;
float: left;
width: 48px;
height: 48px
}
.ys_02 h2 {
color: #1860a8
}
.ys_03 {
border-top: #0b8c36 2px solid
}
.ys_03 span {
display: block;
background: url("../images/ico_zc.png") center no-repeat #0b8c36;
float: left;
width: 48px;
height: 48px
}
.ys_03 h2 {
color: #0b8c36
}
.i-lbox {
border-bottom: #ededed 1px solid;
border-left: #ededed 1px solid;
border-right: #ededed 1px solid
}
.i-list {
margin: 0 auto;
height: auto;
overflow: hidden;
width: auto
}
.i-list ul {
padding: 15px
}
.i-list li {
height: 36px;
line-height: 36px;
font-size: 14px;
width: 100%;
margin: 0 auto;
color: #888888
}
.i-list li a {
background: url("../images/ico_002.png") left center no-repeat;
padding: 0 0 0 10px;
float: left
}
.i-list li span {
float: right
}
.i-list2 {
margin: 0 auto;
height: auto;
overflow: hidden;
width: auto
}
.i-list2 ul {
padding: 15px 0
}
.i-list2 li {
height: 36px;
line-height: 36px;
font-size: 14px;
width: 100%;
margin: 0 auto;
color: #888888
}
.i-list2 li a {
background: url("../images/ico_002.png") left center no-repeat;
padding: 0 0 0 10px;
float: left
}
.i-list2 li span {
float: right
}
.i-cgzh {
width: 100%;
height: 350px;
background: url("../images/bg_01.jpg") center;
background-size: cover;
margin: 25px auto;
padding: 15px 0 0 0
}
.cgzh_title {
background: url("../images/cgzh_tbg1.png") center no-repeat;
height: 60px;
line-height: 60px;
margin: 0 auto 0 auto
}
.cgzh_title h2 {
color: #0066cc;
font-size: 28px;
line-height: 60px;
height: 60px;
display: block;
margin: 0 auto;
text-align: center
}
.cgzh_zy {
color: #0066cc;
font-size: 14px;
line-height: 24px;
text-align: center
}
.cgzh_box {
width: 1200px;
overflow: hidden;
height: auto;
margin: 20px auto
}
.cgzh_box ul {
width: 1300px
}
.cgzh_box li {
width: 276px;
height: 200px;
float: left;
margin-right: 30px;
position: relative;
overflow: hidden
}
.cgzh_box li a {
height: auto;
overflow: hidden
}
.cgzh_box li img {
display: block;
width: 276px;
height: 200px
}
.cgzh_box li span {
display: block;
background: #0066cc;
height: 40px;
line-height: 40px;
text-align: center;
color: #ffffff;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
opacity: 0.8
}
.cgzh_box li:hover span {
background: #ea6914
}
.ico01 {
background: url(../images/ico_xmqy.png) center no-repeat
}
.ico02 {
background: url(../images/ico_xscy.png) center no-repeat
}
.ixscy {
height: auto;
overflow: hidden;
margin: 0 auto
}
.ixscy-left {
float: left;
width: 400px;
}
.ixscy-center {
float: left;
width: 400px;
margin-left: 26px;
}
.ixscy-right {
float: right;
width: 348px;
margin-left: 26px;
}
.ixscy-title1 {
height: 50px;
line-height: 50px;
background: url("../images/i-titlebg1.png") bottom left no-repeat;
width: 100%
}
.ixscy-title1 h2 {
display: block;
margin: 0 10px;
min-width: 100px;
float: left;
color: #0066cc
}
.ixscy-title1 a {
font-size: 14px;
float: right;
padding: 0 10px
}
.ixscy-title1 span {
display: block;
float: left;
width: 36px;
height: 48px
}
.ixscy_link li {
text-align: center;
color: #ffffff;
font-size: 20px;
width: 277px;
height: 70px;
line-height: 70px;
font-weight: bold;
border-radius: 6px
}
.ixscy_link li:hover {
opacity: 0.7
}
.ixscy_link a {
display: block;
width: 277px;
height: 70px;
margin: 15px auto 0 auto;
color: #ffffff
}
.ixscy_link .link_01 {
background: #11a0ac
}
.ixscy_link .link_02 {
background: #df9514
}
.ixscy_link .link_03 {
background: #1675d4
}
.ixscy_link .link_04 {
background: #cc1355
}
.yqfw {
width: 100%;
height: 220px;
padding: 15px 0 0 0;
margin: 10px auto 0 0;
background: #f4f4f4;
}
.i-gdzt {
width: 1200px;
position: relative;
margin: 0 auto;
padding: 15px 18px
}
.i-gdzt .hd {
height: 0;
position: relative
}
.i-gdzt .hd .prev {
display: block;
width: 40px;
height: 29px;
overflow: hidden;
cursor: pointer;
background: url("../images/arrow_right.png") center no-repeat;
z-index: 99999;
position: absolute;
right: -32px;
top: 35px;
}
.i-gdzt .hd .next {
display: block;
width: 40px;
height: 29px;
overflow: hidden;
cursor: pointer;
background: url("../images/arrow_left.png") center no-repeat;
z-index: 99999;
position: absolute;
left: -36px;
top: 35px;
}
.i-gdzt .hd ul {
float: right;
overflow: hidden;
zoom: 1;
margin-top: 10px;
zoom: 1
}
.i-gdzt .hd ul li.on {
background-position: 0 0
}
.i-gdzt .bd {
padding: 0
}
.i-gdzt .bd ul {
overflow: hidden;
zoom: 1
}
.i-gdzt .bd ul li {
margin: 0 22px 0 0;
float: left;
_display: inline;
overflow: hidden;
text-align: center
}
.i-gdzt .bd ul li .pic {
text-align: center
}
.i-gdzt .bd ul li .pic img {
width: 290px;
height: 100px;
display: block;
}
.i-gdzt .bd ul li .pic a:hover img {
border-color: #999
}
.i-gdzt .bd ul li .title {
line-height: 40px;
font-size: 16px
}
.list_banner {
width: 100%;
text-align: center
}
.icontent {
width: 1200px;
border: #e5e5e5 1px solid;
padding: 0 40px;
background: #fcfcfc;
overflow: hidden;
margin: 15px auto
}
.icontent .lm_name {
height: 70px;
line-height: 70px;
border-bottom: #e4e4e2 1px solid
}
.icontent .lm_name h2 {
float: left;
padding: 0 20px;
min-width: 100px;
text-align: center;
font-size: 24px;
color: #0066cc;
font-weight: bold;
border-bottom: #0066cc 3px solid
}
.icontent .lm_name span {
float: right;
color: #666666;
font-size: 12px
}
.icontent .lm_name span a {
color: #666666
}
.c-content {
height: auto;
overflow: hidden;
position: relative;
margin: 20px auto 20px auto;
padding: 0
}
.c-content .c-title {
font-size: 34px;
font-weight: bold;
color: #333333;
line-height: 60px;
text-align: center;
margin: 15px 0 20px 0
}
.c-content .other-s {
font-size: 14px;
line-height: 40px;
text-align: center;
color: #000000;
background: #ececec
}
.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;
font-family: "微软雅黑";
margin: 15px 0;
text-indent: 2em;
text-align: left
}
.i-sxt {
border-top: #d9d9d9 1px solid;
margin: 20px auto;
padding: 20px
}
.i-sxt p {
display: block;
width: 50%;
float: left
}
.i-sxt a {
color: #000000;
font-size: 14px;
line-height: 30px
}
.i-sxt a:hover {
color: #cc0010
}
.listmain {
overflow: hidden;
height: auto;
position: relative;
padding: 0 0 0 0;
width: 1200px;
margin: 12px auto
}
.lm-left {
width: 270px;
float: left;
background: #e9e9e9;
height: auto;
overflow: hidden
}
.lm-left .left-lmname {
background: #0e4f8f;
height: 100px;
padding: 0px;
overflow: hidden;
line-height: 100px;
}
.lm-left .left-lmname h1 {
color: #ffffff;
font-size: 28px;
line-height: 100px;
text-align: center;
}
.lm-left .left-lmname span {
color: #ffffff;
font-size: 16px;
line-height: 30px
}
.lm-left .list-sub {
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;
margin: 1px 0 0 0;
background: #ffffff
}
.lm-left .list-sub a:hover,
#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") 230px center no-repeat #3b71b1
}
.lm-right {
width: 870px;
float: right;
margin-right: 0;
border: #eaeaea 1px solid;
background: #ffffff;
padding: 0 20px;
min-height: 460px;
}
.this-name {
border-bottom: #bfbfbf 1px solid;
line-height: 40px;
height: 40px;
padding: 0;
margin: 20px 0 0 0
}
.this-name h1 {
color: #0066cc;
font-size: 20px;
font-weight: normal;
line-height: 39px;
height: 39px;
padding-left: 30px;
float: left;
background: url("../images/ico_wz.png") left center no-repeat;
border-bottom: #0066cc 3px solid
}
.this-name span {
float: right;
color: #666
}
.this-name span a {
color: #666
}
.lm-right .lm_list {
height: auto;
overflow: hidden;
margin: 0 auto;
padding: 40px 20px
}
.lm-right .lm_list li {
line-height: 40px;
font-size: 14px;
color: #999999;
padding: 0;
background: url("../images/dxhx.png") bottom repeat-x
}
.lm-right .lm_list li a {
color: #4a4a4a;
float: left;
padding-left: 15px;
background: url("../images/ico_001.png") left center no-repeat
}
.lm-right .lm_list li:hover {
background: #ececec;
color: #0066cc
}
.lm-right .lm_list li a:hover {
background: url("../images/ico_001.png") left center no-repeat #ececec;
color: #0066cc
}
.lm-right .list-fy {
text-align: center;
margin: 0 auto 40px auto;
min-height: 40px
}
.pic-list {
width: 916px;
overflow: hidden;
height: auto;
margin: 20px auto
}
.pic-list ul {
width: 1000px;
margin: 0 auto;
padding: 0
}
.pic-list li {
width: 250px;
margin-right: 34px;
float: left;
margin-bottom: 0
}
.pic-list li img {
width: 250px;
height: 170px;
border: #efefef 1px solid;
padding: 5px
}
.pic-list li img:hover {
border: #ccc 1px solid;
padding: 5px
}
.pic-list li a:hover {
color: #000
}
.pic-list li span {
text-align: center;
width: 100%;
line-height: 40px;
color: #666;
display: block
}
.c-content {
height: auto;
overflow: hidden;
position: relative;
margin: 20px auto 40px auto;
padding: 0 20px
}
.c-content .c-title {
font-size: 30px;
color: #cc3333;
line-height: 50px;
text-align: center
}
.c-content .other-s {
font-size: 14px;
line-height: 35px;
text-align: center;
color: #666666;
background: #f5f5f5;
margin: 15px auto 0 auto
}
.c-content .nr-info {
height: auto;
overflow: hidden;
position: relative;
text-align: left
}
.c-content .nr-info p {
font-size: 16px !important;
color: #666;
line-height: 34px !important;
margin: 5px 0;
text-indent: 2em;
text-align: left;
}
.footer {
background: #2e5d93;
width: 100%;
height: auto;
overflow: hidden;
}
.end_link {
color: #ffffff;
height: auto;
overflow: auto;
margin: 0 auto;
padding: 15px 0
}
.end_link a {
color: #ffffff;
display: block;
width: 152px;
text-align: left;
font-size: 14px;
float: left;
line-height: 53px
}
.end_link a:hover {
color: #ffcc00
}
.end_link_left {
width: 130px;
float: left;
font-size: 20px;
line-height: 50px
}
.end_link_right {
width: 1070px;
float: right
}
.copyright {
width: 1200px;
height: 70px;
background: #2e5d93;
text-align: center;
margin: 0 auto;
}
.copyright p {
text-align: center;
color: #ffffff;
line-height: 70px;
margin: 0;
padding: 0;
width: 100%;
float: left;
}