body{font-family:"微软雅黑"!important;font:16px Microsoft YaHei!important;line-height: 24px;background: #f0f0f0;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.left{float: left;}.right{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #333;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none!important; color: #00489a;cursor: pointer;}
.hide{display: none;}
.show{display: block;}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}


.wrap{ width: 1400px; margin: 0 auto;}
/* .top{ height: 125px; position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 9999; background: url("../images/top_bg.png") repeat-x top center; padding-top: 30px;}
.nav{ float: right; width: 50%; margin-top: 10px;}
.nav a{ display: inline-block; width: 12%; margin: 0 10px; text-align: center; color: #fff; line-height: 45px; font-weight: bold; font-size: 18px;}
.nav a:hover{ border-bottom: 3px solid #fff;}
.logo{ display: block; float: left;} */


/* .center{ clear: both; position: relative;}
.banner{ height: 100%; overflow: hidden; position: relative; text-align: center; top: 0; z-index: 99; width: 100%;}
.banner .mySwiper img{ width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;} */
.banner{ position: relative;}
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
	  min-height: 100%;
	  transition: 1s linear 2s;
	  transform: scale(1.1,1.1);
	  height: auto;
    }
	.swiper-slide-active img, .swiper-slide-duplicate-active img{ transition: 6s linear; transform: scale(1,1); max-height: 100%;}

.top_link{ position: absolute; bottom: 30px; height: 155px; background: rgba(255, 255, 255, 1); z-index: 100; width: 1400px; left: 50%; margin-left: -700px;}
.top_link a{ width: 233px; text-align: center; display: block; float: left; height: 150px; border-top: 5px solid #00489a; font-size: 20px; font-weight: bold; color: #00489a;}
.top_link a img{ width: 50px; height: 50px;}
.top_link a p{ padding-top: 90px;}
.top_link a:hover{ color: #fff;}
.top_01{ border-top: 5px solid #00489a; background: url("../images/top_01.png") no-repeat center 30px;}
.top_01:hover{  background: url("../images/top_01_hover.png") no-repeat center 30px #00489a;}
.top_02{ border-top: 5px solid #0088ed; background: url("../images/top_02.png") no-repeat center 30px;}
.top_02:hover{  background: url("../images/top_02_hover.png") no-repeat center 30px #0088ed;}
.top_03{ border-top: 5px solid #33ad96; background: url("../images/top_03.png") no-repeat center 30px;}
.top_03:hover{  background: url("../images/top_03_hover.png") no-repeat center 30px #33ad96;}
.top_04{ border-top: 5px solid #faa603; background: url("../images/top_04.png") no-repeat center 30px;}
.top_04:hover{  background: url("../images/top_04_hover.png") no-repeat center 30px #faa603;}
.top_05{ border-top: 5px solid #84e43b; background: url("../images/top_05.png") no-repeat center 30px;}
.top_05:hover{  background: url("../images/top_05_hover.png") no-repeat center 30px #84e43b;}
.top_06{ border-top: 5px solid #fac640; background: url("../images/top_06.png") no-repeat center 30px;}
.top_06:hover{  background: url("../images/top_06_hover.png") no-repeat center 30px #fac640;}
.top_07{ border-top: 5px solid #33ad96; background: url("../images/top_07.png") no-repeat center 30px;}
.top_07:hover{  background: url("../images/top_07_hover.png") no-repeat center 30px #33ad96;}

.news{ margin-top: 120px; overflow: hidden; margin-bottom: 50px;}
.news_left{ width: 680px; float: left;}
.title{ position: relative; height: 55px; margin-bottom: 20px;}
.title span{ display: block; position: absolute; color: #e0e3e8; font-style: italic; font-size: 52px; font-weight: bold; left: 0; bottom: 0; z-index: 111; text-transform: uppercase;}
.title p{  position: absolute; color: #00489a; z-index: 120; left: 5px; bottom: 10px; font-size: 24px; font-weight: bold;}
.title a{ position: absolute; display: block; color: #fac640; text-transform: uppercase; right: 0; bottom: 10px;}
.left_con{ background-color: #fff; padding: 0 25px;}
.left_con ul li{ border-bottom: 1px solid #eee; clear: both; overflow: hidden; padding: 20px 0;}
.left_con ul li:last-child{ border-bottom: none;}
.left_con ul li .left_date{ padding-right: 20px; margin-right: 20px; border-right: 1px solid #eee; height: px; float: left; color: #00489a;}
.left_con ul li .left_date p{ font-weight: bold; font-size: 24px; text-align: center;}
.left_con ul li .left_date span{ font-size: 14px;}
.left_con ul li a{ display: block; float: left; width: 82%; line-height: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_right{ width: 680px; float: right;}
.right_con{ clear: both;}
.right_top{ display: block; position: relative; width: 100%; height: 150px;}
.right_top p{ position: absolute; height: 40px; background: rgba(0, 0, 0, .7); bottom: 0; width: 100%; text-align: center; line-height: 40px; color: #fff;}
.right_list{}
.right_list ul li{ width: 290px; float: left; margin-right: 20px; margin-top: 20px; background-color: #fff; height: 50px; padding:17px 20px;}
.right_list ul li:nth-child(2n){ margin-right: 0;}
.right_list ul li .left_date{ padding-right: 15px; margin-right: 15px; border-right: 1px solid #eee; height: px; float: left; color: #00489a;}
.right_list ul li .left_date p{ font-weight: bold; font-size: 24px; text-align: center;}
.right_list ul li .left_date span{ font-size: 14px;}
.right_list ul li a{ display: block; float: left; width: 70%; line-height: 26px; height: 50px; overflow: hidden; text-overflow: ellipsis;}

.special_zs{ background: url("../images/ts_bg.png") repeat-x top center; width: 100%; min-height: 275px;}
.zs_title{ height: 140px; text-align: center; position: relative; background: url("../images/ts_title.png") no-repeat center;}
.zs_title p{ background: url("../images/ts_title_line.png") no-repeat bottom center; font-size: 24px; font-weight: bold; color: #fff; padding-bottom: 20px; padding-top: 60px;}
.zs_title2{ height: 140px; text-align: center; position: relative; background: url("../images/ts_title2.png") no-repeat center;}
.zs_title2 p{ background: url("../images/ts_title_line2.png") no-repeat bottom center; font-size: 24px; font-weight: bold; color: #00489a; padding-bottom: 20px; padding-top: 60px;}
.zs_title2 a{ display: block; position: absolute; right: 0; top: 70px; color: #fac640; text-transform: uppercase;}

.zs_list{ width: 1400px; background-color: #fff; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.zs_list a{ display: block; width: 16.66%; float: left; text-align: center; padding-top: 110px;}
.ts_01{ background: url("../images/ts_01.png") no-repeat top center;}
.ts_01:hover{ background: url("../images/ts_01_hover.png") no-repeat top center;}
.ts_02{ background: url("../images/ts_02.png") no-repeat top center;}
.ts_02:hover{ background: url("../images/ts_02_hover.png") no-repeat top center;}
.ts_03{ background: url("../images/ts_03.png") no-repeat top center;}
.ts_03:hover{ background: url("../images/ts_03_hover.png") no-repeat top center;}
.ts_04{ background: url("../images/ts_04.png") no-repeat top center;}
.ts_04:hover{ background: url("../images/ts_04_hover.png") no-repeat top center;}
.ts_05{ background: url("../images/ts_05.png") no-repeat top center;}
.ts_05:hover{ background: url("../images/ts_05_hover.png") no-repeat top center;}
.ts_06{ background: url("../images/ts_06.png") no-repeat top center;}
.ts_06:hover{ background: url("../images/ts_06_hover.png") no-repeat top center;}

.yx_con{ overflow: hidden;}
.yx_left{ width: 760px; float: left; position: relative; height: 505px;}
.yx_img{  position: relative;}
.blank_bg{ background: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%;} 
.yx_img img{ width: 100%;}
.yx_btn{ position: absolute; left: 50%; margin-left: -23px; top: 50%; margin-top: -23px; display: block; z-index: 22;}
.yx_btn img{ width: 100%;}
.yx_left p{ position: absolute; width: 100%; left: 0; bottom: 0; height: 60px; text-align: center; line-height: 60px; color: #fff; font-size: 18px; z-index: 99;}

.yx_right{ width: 600px; float: right;}
.yx_right ul li{ position: relative; width: 100%; height: 240px; margin-bottom: 25px; clear: both; overflow: hidden;}
.yx_right ul li p{ position: absolute; width: 100%; left: 0; bottom: 0; height: 60px; text-align: center; line-height: 60px; color: #fff; font-size: 18px; z-index: 99;}

.lg_video{ clear: both; overflow: hidden;}
.yx_bottom{ margin-top: 30px; clear: both; margin-bottom: 100px; }
.yx_bottom ul li{ width: 420px; float: left; margin-right: 70px; height: 260px; position: relative;}
.yx_bottom ul li:last-child{ margin-right: 0;}
.yx_bottom ul li p{ position: absolute; top: -30px; left: 0; width: 160px; height: 60px; color: #fff; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold;}
.yx_title01{ background-color: #00489a;}
.yx_title02{ background-color: #0088ed;}
.yx_title03{ background-color: #33ad96;}

.bottom{ background-color: #00489a; padding: 20px 0; clear: both; margin-top: 50px; overflow: hidden;}
.bottom_con{ width: 1400px; margin: 0 auto; font-size: 14px;}
.bottom_con .bottom_logo{ float: left; margin-top: 20px; width: 25%;}
.bottom_con .bottom_logo img{ max-width: 100%;}
.bottom_con .bottom_text{ float: left; width: 25%;}
.bottom_con .bottom_text h2{ font-size: 18px; color: #fff; padding-bottom: 10px; padding-top: 25px;}
.bottom_con .bottom_text p{ line-height: 26px; color: #fff;}
.bottom_con .bottom_text ul li a{ color: #fff; line-height: 26px;}
.bottom_code{ float: right; width: 25%; margin-top: 40px;}
.bottom_code ul li{ float: right; margin-left: 50px; color: #fff; text-align: center;}
.bottom_code img{ width: 100px;}


/* 二级页面 */
.sub_banner{ height: 400px; overflow: hidden; position: relative; text-align: center; top: 0; z-index: 1; width: 100%; overflow: hidden;}
.sub_banner img{ width: 100%;}

.main{ position: relative; z-index: 3; margin-top: -5px;}
.sub_title{ width: 300px; float: left; position: absolute; top: -100px; z-index: 2;}
.sub_title h2{ background: #17519a; height: 100px; font-size: 30px; color: #fff; text-align: center; line-height: 100px; font-weight: bold; border-radius: 15px 15px 0 0;}
.sub_title ul{ background-color: #f6fafe; border-radius: 0 0 0 15px; padding: 20px 0;}
.sub_title ul li{ line-height: 80px; font-size: 20px; border-bottom: 1px dashed #eee;}
.sub_title ul li:last-child{ border-bottom: none;}
.sub_title ul li a{ display: block; /*background: url("../images/title_on.png") no-repeat 200px center;*/ padding: 0 50px; border-bottom: 1px dashed #eee;}
.sub_title ul li a:hover,.sub_title ul li a.hover{ background: url("../images/title_hover.png") no-repeat 200px center #fff; border-left: 5px solid #00489a; font-weight: bold; color: #17519a;}
.sub_title ul li a:last-child{ border-bottom: none;}

.right_content{ float: right; width: 1000px; background-color: #fff; padding: 30px 50px;}
.position{ overflow: hidden;}
.position p{background: url("../images/title_bg.png") repeat-x bottom; font-size: 24px; color: #17519a; font-weight: bold; width: 100%;}
.pos_nav{ background: url("../images/home_icon.png") no-repeat left center; padding-left: 30px; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px;  line-height: 50px;}
.pos_nav a.hover{ color: #17519a; font-weight: bold;}

.list_content{ padding: 20px 0; }
.list_content ul li{ line-height: 50px; border-bottom: 1px dashed #e7e7e7; clear: both; overflow: hidden; font-size: 16px;}
.list_content ul li a{ float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%;}
.list_content ul li span{ float: right; width: 20%; text-align: right; font-size: 14px;}

.img_content{ padding: 50px 0; overflow: hidden;}
.img_list{ width: 300px; float: left; margin-right: 50px; margin-bottom: 30px;}
.img_list:nth-child(3n){ margin-right: 0;}
.img_con{ position: relative; height: 200px; width: 300px;}
.video_img{ width: 100%; position: absolute; height: 200px; border-radius: 15px;}
.video_btn{ display: block; width: 46px; height: 46px; position: absolute; top: 50%; margin-top: -23px; left: 50%; margin-left: -23px;}
.img_list p{ text-align: center; line-height: 36px;}

.page{ text-align: center; clear: both; overflow: hidden; padding: 30px 0;}
.page a{ display: inline-block; padding: 5px 10px; margin: 5px; border: 1px solid #ebebeb; background-color: #fff;}
.page a.hover{ background-color:#17519a; color: #fff;}

.right_title{ text-align: center; border-bottom: 1px solid #e7e7e7; margin: 0 30px 30px 30px; padding-bottom: 30px;}
.right_title h3{ font-size: 24px; line-height: 48px;}
.right_title p{color: #666;}
.right_title a{ color: #17519a;}

.content_text{ margin-bottom: 30px; padding: 0 30px;}
.content_text p{ font-size: 16px; line-height: 36px;}
.link{ padding: 0 30px;}
.link a{ display: block; line-height: 30px; font-size: 16px;}


.m-menu{ position: absolute; top: 14px; right: 10px; z-index: 100; width: 30px; height: 30px;}
.m-menu .m-icon{ display: block; background: url("../images/nav_icon.png") no-repeat; height: 30px;}
.m-menu .x-icon{ display: block; background: url("../images/x_icon.png") no-repeat; height: 30px;}
.m-menu-con{ display: none; background-color: #00489a; position: absolute; top: 0px; left: 0; width: 100%; border-top: 2px solid #0088ed; padding-top: 100px; text-align: center; padding-bottom: 20px;}
.m-menu-con ul li a{ color: #fff; font-size: 14px; line-height: 36px;}

@media screen and (min-width: 960px){
	.m-menu{ display: none;}
}
@media screen and (max-width: 960px){
	.nav .logo{ position: absolute; width: 100%; z-index: 99;}
	.nav .logo img{ width: 92%; margin: 0 1rem;}
	.nav .menu{ display: none;}
	.wrap{ width: 100%; box-sizing: border-box;}
	.top{ height: 50px;}
	.top a img{ display: block; width: 50%; text-align: center; margin: 0 auto;}
	.top_link{ position: relative; width: 100%; margin-left: 0; left: 0; overflow: hidden; height: auto; bottom:0;}
	.top_link a{ width: 33.33%; float: left; border-top: none; height: auto; padding-bottom: 10px; background-size: 25%; background-position: 50% 10px; font-size: 1rem;}
	.top_link a p{ padding-top: 50px;}
	
	.news{ margin-top: 0px; margin-bottom: 20px;}
	.title p{ font-size: 18px;}
	.title span{ font-size: 36px;}
	.title{ margin-bottom: 0; margin-left: 1rem; margin-right: 1rem;}
	.news_left{ width: 100%;}
	.left_con ul li .left_date{ padding-right: 10px; margin-right: 10px;}
	.left_con ul li .left_date p{ font-size: 18px;}
	.left_con ul li .left_date span{ font-size: 12px;}
	.left_con ul li a{ font-size: 14px; width: 80%;}
	.left_con ul li{ padding: 5px 0;}
	.news_right{ clear: both; width: 100%; float: none;}
	.right_list ul li{ width: 100%; padding: 10px; margin-right: 0; margin-top: 5px;}
	.right_list ul li .left_date p{ font-size: 18px;}
	.right_list ul li .left_date span{ font-size: 12px;}
	.right_top p{ overflow: hidden;}
	.right_list ul li a{ padding-right: 10px; width: 79%; font-size: 14px; line-height: 24px;}
	.right_list ul li .left_date{ margin-right: 10px; padding-right: 10px;}
	.zs_title p{ font-size: 18px; padding-top: 20px;}
	.zs_title{ height: 70px; background-size: 50%;}
	.zs_list a{ background-size: 40%; width: 33.33%; padding-top: 60px; font-size: 14px; margin-top: 10px;}
	.zs_list{ width: 100%; padding: 10px 0;}
	.special_zs{ min-height: auto; margin-bottom: 0;}
	.yx_left{ width: 100%; height: auto;}
	.yx_right{ width: 100%;}
	.yx_img img{ display: block;}
	.yx_right ul li{ height: auto; margin-bottom: 0; margin-top: 10px;}
	.yx_bottom ul li{ height: auto; width: 49%; margin-right: 2%; margin-top: 10px; margin-bottom: 30px;}
	.yx_bottom ul li img{ width: 100%;}
	.yx_bottom ul li:nth-child(2n){ margin-right: 0;}
	
	.bottom{ margin-top: 0; padding: 1rem;}
	.bottom_con{ width: 100%;}
	.bottom_con .bottom_logo{ width: 100%; text-align: center;}
	.bottom_con .bottom_logo img{ display: block; max-width: 35%; text-align: center; margin: 0 auto;}
	.bottom_con .bottom_text{ width: 100%; clear: both;}
	.bottom_code{ width: 100%; margin-top: 10px;}
	.bottom_code ul li{ float: left; margin-left: 0; margin-right: 20px; margin-left: 0;}
	.bottom_code ul li:nth-child(2n){ margin-right: 0;}
	.bottom_code ul{ width: 220px; margin: 0 auto;}
	.bottom_con .bottom_text ul li{ width: 50%; float: left;}
	
	.sub_banner{ top: 0px; height: auto;}
	.main{}
	.sub_title{ position: relative; top: 0; width: 100%; background-color: #f6fafe;}
	.sub_title h2{ width: 100px; height: 50px; line-height: 50px; font-size: 18px; margin-top: 10px;}
	.sub_title ul{ padding: 0;}
	.sub_title ul li{ width: 25%; float: left; font-size: 16px; line-height: normal; height: 30px; border-bottom: 1px solid #eee; padding-top: 10px;}
	.sub_title ul li a{ padding: 0; text-align: center; }
	.sub_title ul li a:hover,.sub_title ul li a.hover,.sub_title ul li a.click{ background: none; border-bottom: 3px solid #00489a; border-left: none; padding-bottom: 10px;}
	.right_content{ width: 92%; padding: 0 1rem; clear: both; float: none;}
	.list_content ul li span{ width: 25%;}
	.list_content ul li a{ width: 75%; font-size: 14px;}
	.position p{ font-size: 18px;}
	.pos_nav{ margin-bottom: 15px; font-size: 14px; padding-left: 20px;}
	
	.right_title h3{ font-size: 18px; line-height: 30px; padding-bottom: 10px;}
	.content_text{ padding: 0;}
	.link{ padding: 0 0 30px 0; }
	.right_title{ padding-bottom: 15px; margin: 0 0 15px 0;}
	.right_title p{ font-size: 14px;}
	
	.img_content{ padding: 20px 0;}
	.img_list{ width: 49%; overflow: hidden; margin-right: 2%; margin-bottom: 20px;}
	.img_list:nth-child(2n){ margin-right: 0;}
	.img_list:nth-child(3n){ margin-right: 2%;}
	.img_con{ width: 100%; height: 135px;}
	.video_img{ height: auto;}
	.img_list p{ font-size: 14px;}
	.page{ padding: 0 0 30px 0 ;}
}