@charset "utf-8";/* CSS Document*/
body{margin: 0;padding: 0;font-family: "microsoft yahei";font-size: 14px;min-width: 1200px;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:#003856; 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);}

/*topline*/
.top_line{ height: 34px; line-height: 34px; background: #003856; color: #ffffff; font-size: 12px;border-bottom:1px solid rgba(255,255,255,.2);}
.top_line_left{ float: left;width: 300px;}
.top_line_right{ float: right}
.top_link a{ padding: 0 10px; color: #ffffff;  }
.header{ background:#003856; height: 110px;}
.header .logo {width: 700px; float: left;}
.header .logo img{margin:15px 0 0;height:80px;}
.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: #ffffff;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;}

/*nav*/
.i-nav{ width: 100%; background: #ffffff; height: 48px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:48px; line-height:48px;   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:16px;font-weight:normal;color: #000000;text-align: center;width:133px;}
.nav .sub{ display:none; width:170px; left:0; top:48px;  position:absolute; background:#000000;  line-height:40px; padding:0; opacity: 0.7;text-align:center; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 15px; }
.nav .sub a:hover{ background:#003856; color:#fff;  }
.nav .on h3 a{ background:#ebebeb; color:#000000;   }


/*banner*/
.ibanner{ width:100%;min-width: 1200px;  overflow:hidden; position:relative; height:457px; }
.ibanner .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; 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:#003856; 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%;min-width: 1200px;  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*/
.i-main{ width: 100%; height: auto; overflow: hidden; margin: 30px auto 0px;}
.i-m-p{width: 100%; height: auto; overflow: hidden;}
.i-m-p-left{ float: left; width: 385px;  overflow: hidden;height:370px;}
.i-m-p-center{ float: left; width: 385px;margin-left: 22px;overflow: hidden;height:370px;}
.i-m-p-right{ float: right; width: 385px;overflow: hidden;height:370px;}
.i-title{ height: 48px; line-height: 48px; background: #ededed; width: 100%;}
.i-title h2{ display: block; margin: 0 10px; width: 100px; 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-lbox2{ }
.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*/
.i-cgzh{ width: 100%; height:300px; background: url("") center; background-size: cover; margin: 25px auto; padding: 15px 0 0 0  }
.cgzh_title{ background: url("../images/cgzh_tbg.png") center no-repeat; height: 60px; line-height: 60px; margin: 0 auto 0 auto; }
.cgzh_title h2{ color: #003856; font-size: 28px; line-height: 60px; height: 60px; display: block; margin: 0 auto; text-align:center}
.cgzh_zy{ color: #003856; font-size: 14px; line-height: 24px;  text-align: center}
.cgzh_box{ width: 1200px; height: 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: #003856; 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}

/*ixscy*/
.ico01{background: url(../images/ico_xmqy.png) center no-repeat;}
.ico02{background: url(../images/ico_xscy.png) center no-repeat;}
.ixscy{ height: auto;  margin: 20px auto;}
.ixscy-left{ float: left; width: 436px;}
.ixscy-center{float: left; width: 436px; margin-left: 25px;}
.ixscy-right{float:right;width:277px;margin-top:32px;}
.ixscy-title1{height: 50px;line-height: 50px;background: url("../images/i-titlebg.png") bottom left no-repeat;width: 100%; }
.ixscy-title1 h2{ display: block; margin: 0 10px; width: 100px; float: left; color: #003856}
.ixscy-title1 a{ font-size: 14px;float:right; padding:0 10px;}
.ixscy-title1 span{display: block;float: left;width: 36px; height: 48px;}
.ixscy_link{}
.ixscy_link li{ text-align: center; color: #ffffff; font-size: 20px; width: 277px; height: 70px; line-height: 70px; font-weight: bold; border-radius: 6px;  box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.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*/
.yqfw{ width: 100%; height:320px; padding: 15px 0 0 0;  margin: 10px auto 0 0; background:#f4f4f4 }
.i-gdzt{width: 1200px;position:relative;margin: 0 auto;padding:15px 2px;}
.i-gdzt .hd{height:0;position:relative;}
.i-gdzt .hd .prev{display:block;width:70px;height:40px;overflow:hidden;cursor:pointer;background:url("../images/arrow_right.png") center no-repeat;z-index: 99999 ;position: absolute;right: -65px;top: 70px;}
.i-gdzt .hd .next{display:block;width:70px;height:40px;overflow:hidden;cursor:pointer;background:url("../images/arrow_left.png") center no-repeat;z-index: 99999;position: absolute;left: -65px;top: 70px;}
.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;position:relative;height:180px;}
.i-gdzt .bd ul li .pic{text-align:center;}
.i-gdzt .bd ul li .pic img{width:290px;height:180px;display:block;object-fit:cover;}
.i-gdzt .bd ul li .pic a:hover img{border-color:#999;}
.i-gdzt .bd ul li .title{line-height:40px; font-size: 16px;position:absolute;bottom:0;left:0;text-align:center;height:40px;background:rgba(0,56,86,.8);color:#ffffff;width:100%;margin:0;cursor:pointer;}

/*list_banner*/
.list_banner{ width: 100%; text-align: center;height:300px;overflow:hidden;}
.list_banner img{ width: 100%;}
/*content*/

.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: #003856; font-weight: bold;border-bottom: #003856 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;_overflow: visible;min-height: 300px;height: auto!important; height: 300px;

    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: #000;
    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; }

/*list*/
.listmain {
    overflow: hidden;
    height: auto;
    position: relative;
    padding: 0 0 0 0 ;
    width: 1200px;
    margin: 12px auto;
}
.lm-left {
    width: 270px;
    height:100px;
    float: left;
     background: #e9e9e9; height: auto;overflow: hidden;
}
.lm-left .left-lmname {
    width:100%;
    background:  #003856;
}
.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 #003856;
}

.lm-right {
    width: 870px;
    float: right;
    margin-right:0;
    border: #eaeaea 1px solid;
    background: #ffffff; padding:0 20px ;
}
.this-name {
    border-bottom: #bfbfbf 1px solid;
    line-height: 40px;
    height: 40px;
    padding: 0;
    margin: 20px 0 0 0;
}
.this-name h1 {
    color: #003856;
    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: #003856 3px solid;
}
.this-name span {
    float: right;
    color: #666
}
.this-name span a {
    color: #666
}
.lm-right .lm_list {
  height: auto;
    overflow: hidden;_overflow: visible;min-height: 300px;height: auto!important; height: 300px;
    margin: 0 auto;
    padding: 20px 20px;
}
.lm-right .lm_list li {
    line-height: 40px;
    font-size: 14px;
    color: #999999;
    text-align: right;
    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: #003856
}
.lm-right .lm_list li a:hover {
    background:url("../images/ico_001.png") left center no-repeat #ececec;
    color: #003856
}
.lm-right .list-fy {
    text-align: center;
    margin:20px auto;
    min-height: 40px;
}

/*piclist*/
.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{}
.pic-list li a:hover{color: #000}
.pic-list li span{ text-align: center; width: 100%;line-height: 40px; color: #666; display: block}
/*content*/
/*c-content*/
.c-content {
    height: auto;
    overflow:hidden;
    position: relative;
    margin: 20px auto 40px auto;
    padding: 0 20px;
}
.c-content .c-title {
    font-size: 30px;
    color: #003856;
    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;
    color: #000;
    line-height: 34px;
    margin: 15px 0;
    text-indent: 2em;
    text-align: left
}

/*end*/
.footer{ background: #003856; width: 100%;  height: auto; overflow: hidden;}
.foot_left{color:white;font-size:14px;}
.end_link{ color: #ffffff; height: auto; overflow: auto; margin: 0 auto; padding: 15px 0}
.end_link a{ color: #ffffff; display: block; text-align: left; font-size: 14px; float: left; line-height: 50px;margin-right:36px;}
.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: 100%; height: 70px; background: #003856; text-align:center; padding:30px 0px 20px;border-top:1px solid rgba(255,255,255,.2); }
.copyright p{ text-align: center; color: #ffffff; line-height: 35px; margin: 0 ; padding: 0}
.copyright p a,.copyright p a:hover{color:#ffffff;}
.copyright p a.police::before{content:url(../images/police.png);position:relative;top:4px;margin-right:4px;}


/*ie8*/
#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;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}