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

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%; font-family: "微软雅黑"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; }
.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}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.blank40{height:40px; line-height: 40px; 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;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
header{width: 100%;height: 100px;background: #fff; overflow: hidden;}
.logo{float: left;margin-top: 20px;}
.logo img{margin-right: 10px;}
.search{float: right;height: 45px;line-height: 45px;position: relative;margin-top:25px;border: #a1a1a1 2px solid;width: 220px;border-radius:30px}
.search input[type=text]{position: relative;text-indent: 2em;border: 0;height: 40px;line-height: 40px;margin-left: 20px;}
.search input[type=submit]{position: absolute;left: 10px;top: 10px;background: url(../images/search_ico.png) center center no-repeat;width:24px;height: 24px;border: 0;cursor: pointer;-webkit-appearance : none ;}
nav{width: 100%;height:40px;line-height: 40px;text-align: center;background: #01518e;}
nav ul{width: 1200px;margin: 0 auto;}
nav ul li{width: 12.5%;text-align: center;height: 40px;line-height: 40px;float: left;position: relative;}
nav ul li a{display: block;height: 40px;line-height: 40px;color: #fff;}
nav ul li:hover{background: #fff;cursor: pointer}
nav ul li:hover a{color: #0d5d9b;font-weight: bold;}
nav ul li.active{background: #fff;}
nav ul li.active a{color: #0d5d9b;font-weight: bold;}
#nav-menu li { position: relative;}
nav ul li:after{width: 2px;content: "";position: absolute;right:0;top:10px;height:20px;background: #0e609f; }
nav ul li:last-child:after{display: none}
nav ul li:hover:after{display: none}
nav ul li ul li{width: 100%;}
nav ul li ul li:after{display: none}
#nav-menu li ul{
  position: absolute;
  left:0;
  top:40px;
  background: #fff;
  display: none;
  z-index: 99;
width: 100%;
}
#nav-menu li ul li, #nav-menu li ul li a{
height:40px;
line-height:40px;
font-size: 14px;
color: #777;
}

#nav-menu li ul li{
  border-top: 1px solid #cbcbcb;
}
#nav-menu li:hover ul{
  display: block;
}
#nav-menu li ul li:hover{background: #0d5d9b;color: #fff;border-top: #fff 1px solid;}
#nav-menu li ul li:hover a{color: #fff;}
nav ul li.menu_a a:after{content: "";background: url(../images/xl_ico.png)center center no-repeat;width: 12px;height: 7px;margin-left: 5px;display: inline-block;position: absolute;right: 15px;top: 18px;}
nav ul li.menu_a li a:after{content:"";display:none;}
.device {
width: 100%;
float: left;
margin:0 auto;
position: relative;
}
 .swiper-container { width: 100%;height: 100%;}
.pagination {
      display: block;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 50px !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;
	display: none;
	
}
.swiper-slide img{width:100%;height:100%}
.swiper-slide a{display:block;width:100%;height:100%}
.swiper-pagination-bullet-active{  background: #00518e;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
{background-image:url(../images/arrow_l.png);width:32px;height:60px;left:0;top:50%;background-size: 100% 100%;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/arrow_r.png);width: 32px;height: 60px;left: auto;right:0;top:50%;background-size: 100% 100%;}
.part01{width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding: 0}
.part01_l{width: 30%;float: left;}
.part01_l img{width:100%;}
.part01_l a:nth-child(2) img{margin-top: 20px;}
.part01_r{width: 68%;float: right;}
.index_title{width: 100%;height: 45px;overflow: hidden;margin: 0 auto;position: relative}
.index_title h2{font-size: 22px;color: #111;width: 110px;float: left;}
.index_title span:before{width:calc(100% - 260px);border-top: #e8e8e8 1px solid;height: 1px;display: inline-block; content: "";position: absolute;left:110px;top:15px}
.index_title span{display:inline-block;border:#e8e8e8 1px solid;float:right;width: 130px;height: 30px;line-height: 30px;text-align: center;color: #999; border-radius:20px;margin-top: 0;}
.index_title span:hover{background:#01518e;color: #fff}
.part01_r_pic{float: left;width: 300px;height: 154px;}
.part01_r_z{width: calc(100% - 320px);float: right;}
.part01_r_z p{line-height: 26px;color: #444;text-indent: 2em;}
.part02{width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding: 0}
.part02_l{width: 65%;float: left;height:auto;overflow: hidden}
.part02_l_l{width: 45%;float: left;border-right: #e8e8e8 1px solid;padding-right: 2%;height: auto;overflow: hidden}
.part02_l_r{width: 45%;float: right;margin-right: 5%;height: auto;overflow: hidden}
.part02_l ul{clear: both;margin-top:5px;}
.part02_l ul li{margin-bottom: 20px;height:48px;overflow: hidden;width: 100%;}
.part02_l .idate{width: 48px;height: 48px;background: #01518e;float: left;color: #fff;text-align: center;line-height: 24px}
.part02_l .idate b{background: #ebebeb;color: #01518e;width: 100%;height: 24px;display: block;}
.part02_l .part02_z{width: calc(100% - 58px);float: right;}
.part02_l .part02_z h2{color: #111;font-weight: bold;}
.part02_l .part02_z p{color: #999;margin-top:6px;}
.part02_l ul li:hover .part02_z h2{color:#01518e;}
.part02_l ul li:hover .part02_z p{color:#01518e;}
.part02_r{width: 33%;float: right;height:auto;overflow: hidden}
.part02_r ul li{width:187px;height: 140px;float:left;position: relative;margin:10px auto 15px auto;}
.part02_r ul li:nth-child(even){float: right;}
.part02_r ul li .part02_r_z{position: relative;width: 187px;height: 100px;}
.part02_r ul li .part02_r_z img{width: 100%;height: 100%;position: absolute;left:0;right: 0;}
.part02_r ul li span{position: absolute;left: 5px;bottom: 8px;width: 90px;height: 24px;display: block;color: #fff;text-align: center;line-height: 24px;background:rgba(1,81,142,0.8); }
.part02_r ul li h2{color: #fff;background: #282828;height: 40px;line-height: 40px;text-align:left;text-indent: 1em;font-size: 14px;}
.part02_r ul li:hover h2{background:#01518e;}
.part_hd{background: #01518e;width: 100%;height: auto;overflow:hidden;}
.part_hd .wrapper{padding: 20px 0}
.part_hd .index_title h2{color: #fff;}
.part_hd .index_title span{color: #fff;}
.list_dt_pic{margin-top: 20px;width: 100%;height: auto;overflow: hidden;position: relative;}
.list_dt_pic .mask{position: relative;width: 100%;height: auto;overflow: hidden;}
.list_dt_pic .mask ul{position: relative;overflow: hidden;}
.list_dt_pic ul li{width:285px;height:214px;position: relative;float: left;text-align: center;margin-right: 20px;overflow: hidden;}
.list_dt_pic ul li:last-child{margin-right:0}
.list_dt_pic ul li img{transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; -moz-transition-duration: .3s;}
.list_dt_pic ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.list_dt_z{background: linear-gradient(180deg,transparent,rgba(0,0,0,.85) 80%);position: absolute;bottom: 0;left: 0;width: 100%;height:auto;}
.list_dt_z h2{color: #fff;text-align: left;width: 90%;margin: 5px auto 15px auto;font-size:16px;}
.list_dt_z p{color: #fff;text-align: left;width: 90%;margin: 0 auto;}
.list_dt{width: 97%;margin:20px auto;height: auto;overflow: hidden}
.list_dt ul li{margin-right: 19px;margin-bottom: 25px;margin-left:15px;}
.list_dt ul li:nth-child(3n){margin-right: 0;}
.list_dt ul li:hover .list_dt_z{background: linear-gradient(180deg,transparent,rgba(1,81,142,.85) 80%);}
.links{padding: 20px 0;width: 100%;height:auto;overflow: hidden;}
.links_l{width: 100%;margin: 20px auto;position: relative;height:auto;overflow: hidden;}
.links_l .mask{width: 90%;margin: 0 auto;position: relative;height: auto;overflow: hidden;}
.links_l .mask ul{position: relative;overflow: hidden;}
.links_l .mask ul li{float: left;margin-right: 10px;width: 205px;text-align: center}
.links_l .mask ul li a{color: #777;font-size: 18px;}
.links_l .next,.links_l .preview{background: url(../images/arrow3_l.png) center center no-repeat;width: 13px;height: 20px;position:absolute;left: 0;top: 15%;cursor: pointer;}
.links_l .next{background: url(../images/arrow3_r.png) center center no-repeat;right: 0;left: auto;}
.links_l .mask ul li:hover a{color: #00528e;font-weight: bold;}
.links_l .next:hover,.links_l .preview:hover{background: url(../images/arrow3b_l.png) center center no-repeat;}
.links_l .next:hover{background: url(../images/arrow3b_r.png) center center no-repeat;}
footer{background: #333;height: 230px;width: 100%;overflow: hidden;}
.foot_l{margin-top: 90px;float: left;}
.foot_l a{margin-right: 15px;}
.foot_r{float: right;width: 66%;}
.foot_lx{float: right;margin-right: 10px;margin-top: 20px;}
.foot_lx ul li{color: #fff;margin-top: 20px;}
.foot_lx ul li:before{width: 5px;height: 5px;background: #282828;border-radius: 50%;display: inline-block;content:"";margin-right: 10px;}
.foot_r_qr{float: right;text-align: center;color: #fff;margin-top: 40px;margin-right:10px}
.foot_r_qr img{border: #7aadd3 5px solid;}
.foot_r_qr p{margin-top: 5px;}
.ny_banner{width: 100%;height:100px;position: relative;}
.ny_banner img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ny_banner h1{width: 1200px;position: absolute;margin: 0 auto;bottom: 20px;left: 0;right: 0; color: #fff;font-weight: bold;font-size:24px;}
.list_l{width: 180px;height: auto;margin: 0 auto;float: left;background: #fafafa;}
.list_r{float: right;width: calc(100% - 215px);background: #fafafa;}
.list_l .sub_nav_bt{background: #e2eff9;height: 50px;line-height: 50px;border-top: #9fc6e5 8px solid;text-align: center;color: #003d6b;font-size:18px;font-weight: 600}
.list_l ul li{text-align: center;height: 45px;line-height: 45px;border-bottom: #f2f2f2 2px solid;}
.list_l ul li a{color: #444;font-size: 16px;display: block;width: 100%;height: 45px;}
.list_l ul li a:before{content: "";background: url(../images/sub_ico.png) left center no-repeat;width: 5px;height: 11px;display:none;margin-right: 10px;}
.list_l ul li:hover a{color: #01518e;font-weight: bold;}
.list_l ul li:hover a:before{display: inline-block;}
.list_l ul li.active a{color: #01518e;font-weight: bold;}
.list_l ul li.active a:before{display: inline-block;}
.mbx{height: 50px;line-height: 50px;border-bottom: #f2f2f2 1px solid;width: 100%;}
.mbx img{display: inline-block;vertical-align: middle;margin: 0 10px 0 20px;}
.mbx a{display: inline-block;color: #777;margin: 0 8px}
.mbx a:hover{color: #01518e;font-weight: bold;}
.fck_title h1{font-size: 20px;color: #333;text-align: center;width: 100%;margin: 40px auto 0 auto;font-weight: 600;}
.fck_title h2{text-align:center;font-size:16px;color:#444;margin-top:10px;}
.fck_title p{    font-size: 14px;    color: #999;    text-align: center;    margin: 10px auto 30px auto;}
.list_r_title{font-size: 20px;color: #01518e;text-align: center;width: 100%;margin: 40px auto;font-weight: 600;}
.fck{line-height: 28px;font-size: 14px;color: #555;width: 90%;margin: 0 auto 70px auto;height: auto;overflow: hidden}
.fck p,.fck div{line-height: 28px;}
.list_lhh{width: 94.4%;margin: 20px auto;height: auto;overflow: hidden;}
.list_lhh ul li{float: left;text-align: center;width: 290px;height: auto;margin-bottom: 25px;margin-right: 29px;overflow:hidden;}
.list_lhh ul li:nth-child(3n){margin-right: 0;}
.list_lhh ul li img{width: 100%;height: 200px;transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; -moz-transition-duration: .3s;}
.list_lhh ul li h2{outline: #dfdfdf 3px solid;outline-offset: -3px;   color: #444;padding: 20px 5%;text-align: left; width: 90%;line-height: 26px;height:50px;}
.list_lhh ul li span{width: 100px;height: 30px;color: #fff;line-height: 30px;text-align: center;background: #2b73aa;margin: 20px auto;display: block}
.list_lhh ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.list_lhh ul li:hover h2{background: #2b73aa;outline: #2b73aa 3px solid;color: #fff;}
.list_news{width: 100%;margin: 20px auto;height: auto;overflow: hidden;}
.list_news ul li{width: 100%;height: auto;overflow: hidden;}
.list_news ul li .list_news_z{width: 94%;height: auto;overflow: hidden;padding: 15px 0;margin: 0 auto;color: #444;border-bottom: #f1f1f1 1px solid;}
.list_news ul li:hover{background: #d7e3ed;}
.list_news ul li:hover .list_news_z{border-bottom: #d7e3ed 1px solid;}
.list_news ul li .list_news_z h2{float: left;width:83%;}
.list_news ul li .list_news_z h2:before{width: 6px;height: 6px;background: #c2c2c2;display: inline-block;margin-right: 10px;content: "";border-radius: 50%;vertical-align: middle;}
.list_news ul li .list_news_z span{float: right;width: 15%;text-align:right}
.list_news ul li:hover .list_news_z h2{color: #111;font-weight: bold;}
.list_news ul li:hover .list_news_z p{color: #111;font-weight: bold;}
.list_news ul li .list_news_z p img{width: 36px;height: 36px;}
.list_down ul li .list_news_z{padding: 10px 0}
.list_down ul li .list_news_z span{text-align: center;}
.list_down ul li .list_news_z h2{margin-top: 10px;}
.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; }
.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; }
.my-map { margin: 0 auto; width:94%; height: 460px;border:#86b6db 3px 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%;}
.list_lx{width:94%;margin: 40px auto;}
.list_lx ul li{color: #777;margin-top: 20px;}
.list_lx ul li:before{width: 5px;height: 5px;background: #01518e;border-radius: 50%;display: inline-block;content:"";margin-right: 10px;}
.fck table tr,.fck table td{border:#111 1px solid !important;}
.list_dt_pic ul li img{width: 100%;height: 100%;}
.mspf{position:fixed;right:0;bottom:250px;width:200px;height:150px;z-index:99999;text-align:right}
.list_news_search span{float:none !important;}
@media screen and (max-width:1024px){
.mspf{display:none;}
	.wrapper{width: 96%;}
	nav ul{width: 100%;}
	nav ul li.menu_a a:after{right: 17px}
	.part01_l{width: 100%;float: none;text-align: center}
	.part01_r{width: 100%;float: none;margin-top: 30px;}
	.part01_l img{width: auto;}
	.part01_l a:nth-child(2) img{margin-top: 0;}
	.part02_l{float: none;width: 100%;}
	.ny_banner h1{width: 96%;}
	.list_lhh ul li{margin:0 36.25px 25px 36.25px; }
	.list_lhh ul li:nth-child(3n){margin-right: 36.25px;}
/*	.part02_l_l{float: none;border-right: 0;padding: 0;width: 100%;}
	.part02_l_r{float: none;width: 100%;margin-right: 0;}*/
	.part02_r{width: 100%;float: none;}
	.part02_r ul li:nth-child(even){float: left;}
	.part02_r ul li{margin: 10px 25px 15px 25px}
	.list_dt_pic ul li{margin-right: 30px;}
	.list_dt_pic .mask{text-align: center;width: 94%;margin: 0 auto}
	.list_dt_pic ul li{margin: 0 42px 25px 42px;}
	.list_dt_pic ul li:nth-child(3n){margin-right: 42px;}
}
@media screen and (max-width:800px){
	nav ul li.menu_a a:after{display: none;}
	.part02_r ul li{width: 150px;height: 112px;}
	.part02_r ul li .part02_r_z{width: 150px;height: 80px;}
	.part02_r ul li {margin: 10px 15px 15px 15px}
	.list_dt_pic .mask{width: 84%;}
	footer{height: auto}
	.foot_l{margin:30px auto;float: none;width: 100%;}
	.foot_r{float: none;width: 100%;}
	.foot_r_qr{float: none;margin-top:0;display: inline-block}
	.foot_lx{float: none;margin-right: 0;width: 100%;text-align: left;margin-bottom: 10px;}
	.list_r{width: 100%;float: none;}
	.list_l{width: 100%;float: none;}
	.list_lhh{width: 100%;}
	.list_l img{display: none}
	.list_dt_pic ul li{margin: 0 35px 25px 35px;}
	.list_dt_pic ul li:nth-child(3n){margin-right:35px;}


}
@media screen and (max-width:640px){
	.part01_r_pic{float: none;margin: 0 auto}
	.part01_r_z{float: none;width: 100%;}
	.part02_l_l{float: none;width: 100%;margin: 0 auto}
	.part02_l_r{float: none;width: 100%;margin: 0 auto}
	.part02_r ul li{width: 187px;height: 140px;}
	.part02_r ul li .part02_r_z{width:187px;height: 100px;}
	.part02_r ul{margin: 0 auto;width: 80%;}
	.list_dt_pic .mask{width: 100%;}
	.part01_l a:nth-child(2) img{margin-top: 20px;}
	.list_lhh ul li{margin:0 7px 25px 7px}
	.list_lhh ul li:nth-child(3n){margin-right: 7px;}
		.list_dt_pic ul li{margin: 0 6px 25px 6px;}
	.list_dt_pic ul li:nth-child(3n){margin-right:6px;}
	.fck img{width: 100%;height: 100%;}
        .fck table{width:100%}
}
@media screen and (max-width:480px){
	.part02_r ul li{width: 150px;height: 112px;}
	.part02_r ul li .part02_r_z{width: 150px;height: 80px;}
	.part02_r ul{width: 100%;}
	.list_dt_pic .mask{width: 75%;}
	nav{display: none}
	.logo a:nth-of-type(2) img{display: none;}
	header button{background: url(../images/btn_menu.png) center center no-repeat;width: 50px;height: 50px;position: absolute;right:10px;top:30px}
	header .search_btn{background: url(../images/btn_search.png) center center no-repeat;width: 50px;height: 50px;position: absolute;right:65px;top:30px}
	.search{float: none;display:none;width:98%;margin-top: 100px;}
	header{height: auto;margin-bottom: 20px;}
	nav ul li{width: 100%;float:none;border-bottom: #fff 1px solid;}
	nav ul li:last-child{border-bottom: 0;}
	nav{height: auto}
	.list_lhh ul li{float: none;margin: 0 auto 25px auto;}
	.list_lhh ul li:nth-child(3n){margin: 0 auto 25px auto}
		.list_dt_pic ul li{margin: 0 auto 25px auto;float: none;}
	.list_dt_pic ul li:nth-child(3n){margin: 0 auto 25px auto;float: none;}
	.list_dt_pic ul li:last-child{margin: 0 auto 25px auto}
	.list_news ul li .list_news_z span{display: none}
	.list_news ul li .list_news_z h2{float: none;width: 100%;}
        .fck table{width:100% !important}


}
@media screen and (max-width:375px){
	
	.list_dt_pic .mask{width: 80%;}
	.foot_l a:nth-of-type(2){display: none}
	
	
}
@media screen and (max-width:360px){
	
	.part02_r ul li{margin:10px 10px 15px 10px}
	
}
@media screen and (max-width:320px){
		.device {height:100px;}

	
}