@charset "utf-8";
/* CSS Document */

/*--------------- 
鎬讳綋 
---------------*/

body{ position:relative; width:100%; font-family: "榛戜綋"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; }
body.index{background:#f8f8f8;}
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank30{height:30px; line-height: 30px; clear: both; overflow: hidden}
.wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper3{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
.itop{background: #01518e;height: 30px;line-height: 30px;}
.itop_h{width: 100%; overflow: hidden;background: url(../images/top_bg.jpg) center center no-repeat;height: 160px;}
.itop .itop_l{width: 55%;float: left;}
.itop .itop_l a{width:auto;padding: 0 20px; display: inline-block;font-size: 14px;color: #fff;height: 30px;text-align: center;}
.itop .itop_l a:hover{background: #065ea1;}
header .itop_r{margin-right: 30px;margin-top:10px;float: right;}
.itop .itop_tr{width: 37%;float: right;text-align: center;}
.itop .itop_tr a{color: #69b0e5;width:auto;padding: 0 0 0 10px; display: inline-block;font-size: 14px;height: 30px;text-align: center;}
.itop .itop_tr a:after{content: "|";display: inline-block;margin-left: 15px;}
.itop .itop_tr a:last-child:after{display: none}
.logo{float: left;padding: 25px 0;}
.logo2{margin-left: 10px;}
.logo3{margin-left: 20px;}
nav{width: 100%;background: #053576;position: relative;height: 45px;line-height: 45px;}
nav ul{width: 78%;float: left;font-size: 0}
nav ul li{float: left;height:45px;line-height: 45px;text-align: center;position: relative;width: 11.1%;display: inline-block;}
nav ul li a{width: 100%;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff; display: block;}
nav ul li.menu_a:after{content: "";background: url(../images/menu_ico.png)center center no-repeat;width: 10px;height: 6px;margin-left: 5px;display: inline-block;position: absolute;right: 5px;top: 18px;}
nav ul li.menu_a:hover:after{background:none;}
nav ul li ul{display: none;position: absolute;top:45px;left:0;z-index: 99999;color: #333;padding:0;width: 100%;}
nav ul li:hover{background: #3f7cce;font-weight: bold;}
nav ul li:hover ul{display:block}
nav ul li a.active{background: #3f7cce;font-weight: bold;}
nav ul li ul li{height:auto;overflow:hidden;line-height:36px;text-align:center;padding:0;width: 100%;background: #fff;}
nav ul li ul li a{color: #333;height:36px;line-height:36px;color: #777}
nav ul li ul li:hover a{color: #053576}
nav ul li ul li:hover{background: #fff;}
nav ul li:last-child{display:none}
nav ul li ul li:last-child{display:block}
nav ul li:nth-child(2) ul {left:-23%}
nav ul li:nth-child(2) ul li{width:145%}
header button { position:absolute; right:10px; top:60px; width:45px; height:24px;  line-height:10px;display: none; }
header button span{    display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #00518e}
.isearch{width: 200px;height: 30px;margin-top: 6px;line-height: 30px;border:#fff 1px solid;float: right;position: relative;border-radius:20px;}
.isearch .itext{background:none;border: 0;width: 80%;text-indent: 1.5em;height: 28px;color: #fff;}
.isearch .submit{background: url(../images/search_ico.png) center center no-repeat;width: 20px;height: 20px;border: 0;cursor:pointer;position: absolute;right: 10px;top: 6px}

.device {

width: 1200px;


  margin:0 auto;
  position: relative;

}


 .swiper-container { width: 100%;height: 100%;}
.swiper-container img{width: 100%;height: 100%}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.pagination {
      display: block;
    position: absolute;
    left: 0;
    text-align: center;
    bottom:30px !important;
    width: 100%;
	z-index: 999
}
.swiper-pagination-bullet{
	  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  margin: 0 5px;
  cursor: pointer;
opacity:1
	
}
.swiper-pagination-bullet-active{  background: #00518e;}
.pagination2 {
      display: block;
    position: absolute;
	left: auto !important;
    right: 10px;
    text-align:right;
    bottom: 15px !important;
    width: 100%;
	z-index: 999
}
.pagination3 {
          display: block;
    position: absolute;
	left: auto !important;
    right: 10px;
    text-align:right;
    bottom: 15px !important;
    width: 100%;
	z-index: 999
}
.part01{background: #f3f3f3;width: 100%;padding-top: 30px;height: auto;overflow: hidden}
.part02{background:url(../images/news_bg.jpg) center center no-repeat;width: 100%;height:444px;}
.part03{background: #f3f3f3;width: 100%;padding: 30px 0;height: auto;overflow: hidden}
.part04{background: #ffffff;width: 100%;padding: 30px 0;height: auto;overflow: hidden}

.index_exit li{background: url(../images/link_01.jpg) center center no-repeat;width: 580px;height: 80px;color: #fff;float: left;margin-bottom: 30px;}
.index_exit li a{color: #fff;font-size: 18px;padding: 15px 0 15px 50px ;display: block;line-height: 26px;}
.index_exit li:nth-child(even){float: right;}
.index_exit li:nth-child(1) a{padding-top: 30px;}
.index_exit li:nth-child(2){background: url(../images/link_02.jpg) center center no-repeat;}
.index_exit li:nth-child(3){background: url(../images/link_03.jpg) center center no-repeat;}
.index_exit li:nth-child(4){background: url(../images/link_04.jpg) center center no-repeat;}
.index_exit li:nth-child(4) a{padding-top: 30px;}
.title{width: 100%;height: 35px;line-height: 35px;background: #ddd;clear: both}
.title h2{width: 180px;float: left;background: #053576;font-size: 18px;color: #fff;text-align: center}
.title span{width: 120px;float: right;display: inline-block;background: #d3d3d3;color:#777;font-size: 14px;text-align: center;}
.index_notice{margin: 20px auto;width: 100%;height: auto;overflow: hidden;font-size: 0;}
.index_notice ul li{width: 48%;margin-right: 4%;display: inline-block;padding: 15px 0;border-bottom: #e9e9e9 1px solid;}
.index_notice ul li:nth-child(2n){margin-right: 0;}
.index_notice ul li .notice_time{width: 60px;height: 50px;border: #01518e 1px solid;float: left;font-size: 18px;color: #01518e;text-align: center;line-height: 25px;margin-left: 10px;}
.index_notice ul li .notice_time strong{color: #fff;background: #01518e;text-align: center;display: block;height: 25px;}
.index_notice ul li .notice_z{width: calc(100% - 90px);float: right;color: #444;font-size: 18px;line-height: 26px}
.index_notice ul li:hover{background: #e8e8e8;}
.title2{width: 100%;height: 35px;line-height: 35px;background: #015595;clear: both;margin-top:30px;}
.title2 h2{width: 180px;float: left;background: #fff;font-size: 18px;color: #004478;text-align: center}
.title2 span{width: 120px;float: right;display: inline-block;background: #005da4;color:#fff;font-size: 14px;text-align: center;}
.index_news{width: 100%;height:320px;overflow: hidden;position: relative;margin: 30px auto}
.index_news .mask{position: relative;width: 96%;margin: 0 auto;text-align: center;height: auto;overflow: hidden;}
.index_news .mask ul{position: relative;overflow: hidden;}
.index_news .mask ul li{float: left;width: 260px;height: 320px;background: #fff;margin-right: 35px;text-align: center;overflow: hidden}
.index_news .preview,.index_news .next{background: url(../images/arrow_l_w.png) center center no-repeat;left: 0;top: 50%;position: absolute;width:9px;height:16px; cursor: pointer}
.index_news .next{right: 0;left: auto;background: url(../images/arrow_r_w.png) center center no-repeat;}
.index_news .mask ul li .news_z{padding: 20px 5%;width:90%;margin: 0 auto;}
.index_news .mask ul li .news_z h2{color: #444;font-size: 18px;text-align: left;line-height: 28px}
.index_news .mask ul li .news_z p{text-align: left;margin-top: 20px;color: #999999}
.index_news .mask ul li .news_z span{color: #01518e;display: inline-block;margin-left: 15px;}
.index_news_l{width: 48.5%;margin-right: 3%;float: left;}
.index_news2 .fr{float: right;margin-right: 0;}
.index_news_l ul{background: #fff;width: 90%;padding: 20px 5% 0 5%;margin: 0 auto;height:auto;overflow: hidden;}
.index_news_l ul li{width: 100%;border-bottom: #f3f3f3 1px solid;padding-bottom: 12px;margin-bottom:12px;height: auto;line-height: 26px;overflow:hidden}
.index_news_l ul li h2:before{content: "";background: #e9e9e9;width: 6px;height: 6px;display: inline-block;border-radius: 50%;margin-right: 10px;}
.index_news_l ul li h2{color: #333;float: left;text-align: left;width: 83%;}
.index_news_l ul li span{float: right;width: 15%;text-align: center;display: inline-block;color: #777}
.index_news_l ul li:last-child{border-bottom: 0;}
.index_news ul li img{width:260px;height:160px;}
.links-pic{float: left;width:36%;margin-top:20px;}
.links-pic img{display: inline-block;}
.part04 .title{width:63%;float:right;clear:none;}
.index_link{height: 80px;background: #f3f3f3;width:63%;float: right;position: relative;overflow: hidden;}
.index_link .mask{width:79%;margin: 0 auto;text-align: center;height: auto;overflow: hidden;position: relative;}
.index_link .mask ul {position: relative;overflow: hidden}
.index_link .mask ul li{width: 160px;float: left;text-align: center;height:80px;line-height: 80px;margin-right:60px;}
.index_link .mask ul li a{display: block;height: 80px;width: 100%;font-size: 14px;color:#444 ;}
.index_link .mask ul li:hover{background: url(../images/link_bg.jpg) center center no-repeat;cursor: pointer}
.index_link .mask ul li:hover a{color: #fff;}
.index_link .preview,.index_link .next{background: url(../images/arrow_l_b.png) center center no-repeat;left:20px;top: 40%;position: absolute;width:13px;height:20px; cursor: pointer}
.index_link .next{right: 20px;left: auto;background: url(../images/arrow_r_b.png) center center no-repeat;}
footer{background: #01518e;height: 240px;width: 100%;overflow: hidden}
.flogo{margin-top: 60px;float: left;}
.address {margin-top: 40px;float: left;margin-left: 100px;}
.address p{margin-top:5px;line-height: 24px;color: #fff;}
.address p a{color: #fff;}
.foot_wx{float: right;margin-top: 40px;}
.list_l{float: left; width:180px; height: auto; overflow: hidden; margin: 30px auto;}
.list_r{float: right; width:calc(100% - 210px); background: #fafafa; height: auto; overflow: hidden;margin: 30px auto 0 auto;padding-bottom: 50px}
.list_nav{background: #f3f3f3;width: 100%;height: auto;overflow: hidden;}
.list_nav .list_l_t{background: #01518e;height: 40px;line-height: 40px;font-size: 18px;color: #fff;text-align: center;}
.list_nav ul li{height: 40px;line-height: 40px;text-align: center;width: 100%;}
.list_nav ul li a{height: 40px;display: block;color: #01518e;}
.list_nav ul li:hover{background: #e1e1e1;}
.list_nav ul li:hover a{font-weight: bold;}
.list_nav ul li.active{background: #e1e1e1;}
.list_nav ul li.active a{font-weight: bold;}
.list_l_td{width: 100%;height: auto;overflow: hidden}
.list_l_td ul li{width: 100%;height: 50px;line-height: 50px;background:url(../images/list_link_01.jpg) center center no-repeat;margin-top: 10px;}
.list_l_td ul li a{color: #fff;font-size: 14px;padding-left:20px;}
.list_l_td ul li:nth-child(2){line-height: 20px;background:url(../images/list_link_02.jpg) center center no-repeat;}
.list_l_td ul li:nth-child(2) a {padding-top:6px;display: block}
.list_l_td ul li:nth-child(3){line-height: 20px;background:url(../images/list_link_03.jpg) center center no-repeat;}
.list_l_td ul li:nth-child(3) a {padding-top:6px;display: block}
.list_l_td ul li:nth-child(4){background:url(../images/list_link_04.jpg) center center no-repeat;}
.mbx{height: 40px; line-height: 40px; width: 100%;}
.mbx img{margin: 0 10px 0 20px;}
.mbx a{color: #333;margin: 0 5px}

.list_title{font-size: 20px;color: #01518e;text-align: center;margin: 50px auto 0 auto;height: auto;overflow: hidden;}
.list_news{width: 100%;height: auto;overflow: hidden;margin-bottom: 50px;}
.list_news ul li{width: 100%;height:40px;line-height: 40px; overflow: hidden;border-bottom: #ededed 1px solid;}
.list_news ul li:hover{background: #ededed;}
.list_news ul li h2{color: #333;float:left;width: 83%;padding: 0}
.list_news ul li p{float: right;width: 15%;color: #777;text-align:center;padding: 0}
.list_news ul li h2:before{width: 6px;height: 6px;background: #777;border-radius: 50%;margin:0 10px 0 20px;display: inline-block;content:""}
.list_news ul li:last-child{border-bottom: 0}

.pro_yg { text-align:center; width:88%; margin:0 auto; height:auto !important; overflow:hidden; }
.proTag_yg{position:relative;}
.proBox_big img{width: 800px;height: 600px;}
.proNav_yg { position:relative; margin:0 auto; width:100%; }
.proNav_yg .mask { margin:20px auto; width:90%; overflow:hidden;position:relative; }
.proNav_yg li{ width:190px; margin-right:10px; height:143px; float:left }
.proNav_yg li:last-child{ margin-right:0}
.pro_yg_ico{ width:110px; height:110px; background:#fff; border:#999 1px solid;}
.proNav_yg li p{ font-size:16px; color:#777; padding-top:5px;}
.proNav_yg li:hover p{ padding-top:5px; color:#2ea8e5;}
.proNav_yg li.active .ico{ background-position: center bottom;margin:10px auto;}
.proNav_yg li.active .pro_ico{ background:#2ea8e5; border:#fff 1px solid; cursor:pointer}
.proNav_yg li.active p{ padding-top:5px; color:#2ea8e5;}
.pro_yg .preview, .pro_yg .next { top:40%; color:#ccc; position:absolute;width: 18px;height: 40px;background:url(../images/index_cp_lg_arrow.jpg) center center no-repeat;cursor: pointer}
.pro_yg .preview{ font-size:30px; color:#999; left:0;}
.pro_yg .next{ left:auto; right:0; font-size:30px; color:#999;background:url(../images/index_cp_rg_arrow.jpg) center center no-repeat;}

.fck{line-height: 26px;color: #555;margin:20px auto 40px auto;height: auto;overflow: hidden;width:94%;font-size:16px !important}
.fck div,.fck p{line-height: 26px;color: #555;font-size:16px}
.fck span{font-size:16px !important}
.fck2{line-height: 26px;color: #555;margin: 20px auto;height: auto;overflow: hidden}
.art_title{width: 100%;margin:0 auto;padding: 0;text-align: center}
.art_title h1{width: 80%;margin: 0 auto;text-align:center;font-size: 22px;color: #333;font-weight: bold;line-height: 30px}
.art_title p{font-size: 14px;color: #999;text-align: center;margin: 10px auto 30px auto;}
 .page{text-align:center;width: 100%;clear: both;height: auto;overflow: hidden;padding: 50px 0}
.page table{width: 100%;text-align: center;margin:0 auto;display:inline;}
.page td{font-size: 16px !important}
.page td .PrevDisabled{font-size: 16px !important;border:0 !important; background: #00528c;color: #333 !important;}
.page td span{ margin: 0 5px !important;padding: 8px 12px !important;background: #eee !important;    color: #333 !important;font-size: 16px !important;border:0 !important;}
.page td a{ margin: 0 5px !important;padding: 8px 12px !important;background: #ddd !important;color: #333 !important;font-size: 16px !important;border:0 !important;}
.page td a:link{background: #eee !important; border:0 !important; font-size: 16px !important;}
.page td a:visited{ background: #eee !important; border:0 !important; font-size: 16px !important;}
.page td a:hover{background: #00528c !important; border:0 !important;    font-size: 16px !important;}
.page td a:active{background: #00528c !important; border:0 !important;font-size: 16px !important;}
.page .this-page{background: #00528c !important;color:#fff !important;}

.page{text-align:center;width: 100%;clear: both;height: auto;overflow: hidden;padding: 50px 0}
.page table{width: 100%;text-align: center;margin:0 auto;display:inline;}
.page td{font-size: 16px !important}
.page td .PrevDisabled{font-size: 16px !important;border:0 !important; background: #00528c;color: #333 !important;}
.page td span{ margin: 0 5px !important;padding: 8px 12px !important;background: #eee !important;    color: #333 !important;font-size: 16px !important;border:0 !important;}
.page td a{ margin: 0 5px !important;padding: 8px 12px !important;background: #ddd !important;color: #333 !important;font-size: 16px !important;border:0 !important;}
.page td a:link{background: #eee !important; border:0 !important; font-size: 16px !important;}
.page td a:visited{ background: #eee !important; border:0 !important; font-size: 16px !important;}
.page td a:hover{background: #00528c !important; border:0 !important;    font-size: 16px !important;}
.page td a:active{background: #00528c !important; border:0 !important;font-size: 16px !important;}
.page .this-page{background: #00528c !important;color:#fff !important;}
.p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#00518e; color:#fff  !important; }
.page span{display:inline-block;}
.p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d  a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d:hover{ background:#00518e; color:#fff; }
.p_fun_d a:hover,.p_fun_d.thisclass a { background:#00518e; color:#fff; }
.fck table {margin:0 auto;}
.fck table tr,.fck table td{vertical-align:middle}
.fck table p{margin:0 auto !important}
#vsb_content_2 P{line-height:30px !important}
	.my-map { margin:50px auto; width:94%; height: 250px;border:#ddd 1px solid }
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}
.isearch{margin-right: 10px;}
#vsb_content_2 TABLE TD{vertical-align:middle;}
@media screen and (max-width:1024px){
	.wrapper{width: 96%;}
	.wrapper2{width: 100%;}
	.device{width:100%;}
	.itop .itop_tr{width: 40%;}
	.index_exit li{width: 48%;}
	.index_news .mask{width: 87%;}
	.index_news_l ul li span{width: 17%;}
	.index_link .mask{width: 69%;}
	footer{height: auto;}
	.flogo{width: 60%;margin-top: 30px;}
	.address{width: 60%;margin-left: 0;margin:20px auto;}
	.foot_wx{margin-top: 0;}
	.itop_r{display: none}
.links-pic{float: none;width:44%;margin:0 auto 20px auto}
.part04 .title{width:100%;float:none;clear:none;}
.index_link{width: 100%;}
}


@media screen and (max-width:800px){

	.itop{display: none}
	nav{display: none}
.index_exit li:nth-child(1){background: url(../images/link_01.jpg) left center no-repeat;}
.index_exit li:nth-child(2){background: url(../images/link_02.jpg) left center no-repeat;}
.index_exit li:nth-child(3){background: url(../images/link_03.jpg) left center no-repeat;}
.index_exit li:nth-child(4){background: url(../images/link_04.jpg) left center no-repeat;}
.index_exit li a{padding: 15px 0;text-align: center}
.index_news .mask{width: 76%;}
.index_news_l{float: none;width: 100%;margin:0 auto 20px auto;}
.flogo{width: 100%;}
header button{display: block}
	nav ul{width: 100%;float: none;height: auto;overflow: hidden}
	nav ul li{width: 100%;border-bottom: #fff 1px solid}
	nav{height: auto;overflow: hidden}
	nav ul li:last-child{display: block}
	nav ul li.menu_a:after{right: 43%}
	.isearch{margin: 20px auto;width: 96%;float: none;}
	.logo2{display: none}
	.list_r{width: 100%;float: none;}
	.list_l{float: none;}
	.pro_yg{width: 100%;}
	.proBox_big img{width: 100%;height:100%;}
.fck img{width:100%;height:100%}
.fck table{width:100% !important}
.links-pic{width:60%}
nav ul li:nth-child(2) ul {left:0}
nav ul li:nth-child(2) ul li{width:100%}
}

@media screen and (max-width:640px){
	.index_notice ul li{width: 100%;margin: 0 auto}
	.index_news .mask{width: 42%;}
	.itop_h{height:auto}
.links-pic{width:70%}	
}

@media screen and (max-width:480px){
	.index_news .mask{width: 66%;}
	.index_news_l ul li h2{float: none;width: 100%;}
	.index_news_l ul li span{display: none}
	.index_link .mask{width: 40%;}
	.flogo{float: none;text-align: center;}
	.flogo a:nth-child(2) img{display: none}
	.flogo a:nth-child(3) img{margin-left: 10px;}
	.address{width: 100%;float: none;}
	.foot_wx{float: none;text-align: center;margin-bottom: 10px;}
	.logo a:nth-child(1) img{width: 20%;}
	.logo .logo3{width: 50%;margin-left: 10px;}
	.logo{padding: 15px 0}
	header button{top: 30px}
	.list_news ul li p{display: none}
.links-pic{width:100%;text-align:center}
.links-pic img{display:block;text-align:center;margin:0 auto}
.part04{padding锛?0px 0}
}

@media screen and (max-width:375px){
	.part01{padding-top: 10px;}
	.index_exit li{margin-bottom: 10px;}
	.title h2{width: 120px;}
	.title2 h2{width: 120px;}
	.index_news .mask{width: 74%;}
	.part03{padding:20px 0 0 0}
	.index_link .mask{width: 44%;}
	
}

@media screen and (max-width:360px){
	
	.index_news .mask{width: 76%;}
	.index_notice ul li .notice_z{font-size: 16px;}
	.index_exit li a{font-size: 16px;}
}

@media screen and (max-width:320px){
	.index_news .mask{width: 86%;}
	.title span{display: none}
	.title2 span{display: none}
	.flogo a:nth-child(3) img{margin-left: 0;margin-top: 20px;}
	
}