body{font-family:"微软雅黑"!important;font:18px Microsoft YaHei!important;line-height: 24px;background: #fff;}
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: #1a4f93;}
.hide{display: none;}
.show{display: block;}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
section{ display: none;}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ color: #809ec2;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ color: #809ec2;}

.wrap{ position: relative; width: 1400px; margin: 0 auto;}
.top{  background: url("../images/top_bg.png") repeat-x top center; height: 140px; }
.logo{ float: left;}
.logo a{ display: block; box-shadow: 0 10px 20px rgba(0,0,0,.3); height: 140px;}
.top_right{ float: right;}
.top_right p{ height: 65px; text-align: right; line-height: 65px; color: #fff; font-size: 14px;}
.top_right p a{ color: #fff;}
.search{ height: 40px; border: 1px solid #c5c5c5; width: 370px; float:right; border-radius: 5px; margin-top: 35px;}
.search input{ background-color: #f6f6f6;border-radius: 5px; width: 270px; float: left; line-height: 40px; padding: 0 10px; color: #ccc;}
.search a{ background-color: #013e86; width: 80px; float: right; text-align: center;  line-height: 40px; color: #fff; font-size: 18px;}

.menu{ clear: both; margin: 15px 0 10px 0; width: 100%;}
.menu ul.menu_ul{
	display: flex;
	justify-content: space-between;
}
.menu ul.menu_ul>li{ text-align: center; line-height: 60px; font-size: 18px; padding: 0 24px; position: relative;}

.menu ul.menu_ul>li:hover{
	background-color: #f1f5ff; color: #013e86;
}
.menu ul.menu_ul>li:hover a{
	color: #013e86;
}
.menu ul.menu_ul>li.hover{background-color: #f1f5ff; color: #013e86;}
.menu ul.menu_ul>li.hover a{
	 color: #013e86;
}
.menu ul.menu_ul>li>ul.sub{
		position: absolute;
	    width: 120px;
	    z-index: 99;
	    text-align: center;
	    left:50%;
		margin-left: -60px;
	    padding: 10px 0;
	    background: #1f3089;
	    display: none;
}
.menu ul.menu_ul>li.menuyl>ul.sub{
		position: absolute;
	    width: 138px;
	    z-index: 99;
	    text-align: center;
	    left:50%;
		margin-left: -69px;
	    padding: 10px 0;
	    background: #1f3089;
	    display: none;
}


.menu ul.menu_ul>li>ul.sub li{
	height: 48px;
	line-height: 48px;
}
.menu ul.menu_ul>li>ul.sub li:hover{
	background-color: #3750a0;
}

.menu ul.menu_ul>li>ul.sub li a{
	color: #fff;
}
.topBanner{height: 570px;overflow: hidden;clear: both;max-width: 1920px;margin: 0 auto;margin-bottom: 50px;position: relative;}

.news{ margin-bottom: 30px; overflow: hidden;}
.news_left{ width: 920px; float: left;}
.title{ border-bottom: 1px solid #ddd; height: 60px; margin-bottom: 30px;}
.title p{ float: left; font-size: 30px; border-bottom: 3px solid #013e86; height: 60px;}
.title a{ float: right; color: #666; font-size: 16px; padding-top: 15px;}

.title2{ border-bottom: 1px solid #ddd; margin-bottom: 30px; overflow: hidden;}
.title2 span{ float: left; font-size: 30px; background: url("../images/title_line.png") no-repeat right center; padding-right: 30px; margin-right: 30px; }
.title2 a{ float: right; color: #666; font-size: 16px; padding-top: 15px;}
.title2 span:active,.title2 span.active{ font-weight: bold; color: #013e86; cursor: pointer; border-bottom: 3px solid #013e86; height: 60px;}



.news_img{ width: 920px; overflow: hidden;}
.img_left{ width: 545px; float: left; margin-bottom: 20px; overflow: hidden; position: relative;}
.slide_img{ height: 345px; overflow: hidden;}
.slide_text{ height: 120px; border: 1px solid #ddd;}
.slide_text p{ line-height: 30px; color: #666; padding: 30px 25px;}

.img_right{ width: 350px; float: right;}
.img_right ul li{ position: relative; margin-bottom: 16px;}
.img_right ul li:last-child{ margin-bottom: 0;}
.img_right ul li img{ max-width: 100%;}
.img_right p{ background: url("../images/p_bg.png") repeat-x bottom center; position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px 20px; line-height: 24px;}

.news_list{ clear: both; overflow: hidden;}
.news_list ul li{ float: left; width: 440px; line-height: 45px; background: url("../images/li.jpg") no-repeat left center; margin-right: 40px;}
.news_list ul li:nth-child(2n){ margin-right: 0;}
.news_list ul li a{ width: 70%; margin-left: 20px; float: left; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list ul li span{ text-align: right; float: right; font-size: 16px; color: #999; width: 25%;}

.news_right{ width: 430px; float: right;}
.tz_box{}
.tz_box ul li{ border-bottom: 1px solid #ddd; padding-bottom: 30px; clear: both; overflow: hidden; margin-bottom: 30px;}
.tz_box ul li:last-child{ margin-bottom: 0;}
.tz_box ul li h2{ border-right: 1px solid #ddd; width: 75px; float: left;}
.tz_box ul li h2 span{ display: block; font-size: 30px; line-height: 30px; font-weight: bold; text-align: center; color: #d70022;}
.tz_box ul li h2 label{ font-size: 16px; color: #999;}
.tz_box ul li p{ float: right; width: 330px; line-height: 30px; color: #666; padding-top: 5px;}

.zt{ margin-bottom: 50px; overflow: hidden;}

.ky_box{ background-color: #ebf0f5; padding: 50px 0; overflow: hidden; margin-bottom: 50px;}
.ky_news{ width: 920px; float: left;}

.ky_news_img{ margin-bottom: 30px; overflow: hidden;}
.ky_top{ width: 440px;}
.ky_top .ky_img{ width: 220px; float: left; margin-right: 20px;}
.ky_top ul{ float: left; width: 200px;}
.ky_top ul li p{ line-height: 24px; margin-bottom: 20px;}
.ky_top ul li span{ color: #013e86; font-size: 16px; background: url("../images/time.png") no-repeat left center; padding-left: 25px; display: block; margin-bottom: 10px;}

.ky_news_list{ background-color: #f5f8fa; height: 310px; clear: both; padding: 20px 30px;}
.ky_news_list ul li{background: url("../images/li.jpg") no-repeat left center; padding-left: 20px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ky_news_list ul li:last-child{ border-bottom: 0;}
.ky_news_list ul li a{ width: 75%;  float: left; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ky_news_list ul li span{ text-align: right; float: right; font-size: 16px; color: #999; width: 20%;}

.tx_news_box{background-color: #f5f8fa; overflow: hidden;}
.tx_left{ width: 440px; float: left; background-color: #f5f8fa;}
.tx_left img{ display: block;}
.tx_left ul{ height: 115px; background-color: #fff; padding: 30px;}
.tx_left ul li span{ display: block; background: url("../images/time.png") no-repeat left center; padding-left: 30px; margin-bottom: 20px;}
.tx_left ul li p{ line-height: 30px;}
.tx_right{ width: 420px; float: right; padding: 30px;}
.tx_right ul li{background: url("../images/li.jpg") no-repeat left center; padding-left: 20px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tx_right ul li:last-child{ border-bottom: 0;}
.tx_right ul li a{ width: 75%;  float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tx_right ul li span{ text-align: right; float: right; font-size: 16px; color: #999; width: 22%;}

.bt_list{ float: left; margin-right: 40px; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px;}
.bt_list:nth-child(2n){ margin-right: 0;}


.zp_right{ width: 430px; float: right;}
.zp_news img{ display: block;}
.zp_news ul{ background-color: #f5f8fa; padding: 20px; height: 310px;}
.zp_news ul li{background: url("../images/li.jpg") no-repeat left center; padding-left: 20px; line-height: 50px; border-bottom: 1px solid #ddd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zp_news ul li:last-child{ border-bottom: 0;}

.report{ margin-bottom: 50px; overflow: hidden;}
.report_box{ overflow: hidden;}
.report_list{ float: left; width: 425px; height: 580px; margin-left: 20px; margin-right: 20px; position: relative;}
.report_list:last-child{ margin-right: 0;}
.report_list .report_tx{ width: 200px; height: 230px; display: block; text-align: center; position: absolute; top: 0; left: 50%; margin-left: -100px; z-index: 99;}
.report_text{ width: 100%; height: 420px; position: absolute; top: 115px; border: 1px solid #ddd; box-shadow: 0 10px 20px rgba(0,0,0,.3);}
.report_text:hover{ background-color: #ebf0f5;}
.report_text h3{ text-align: center; padding-top: 130px; padding-bottom: 25px; border-bottom: 1px solid #ddd; font-size: 24px; margin: 0 40px;}
.report_text h3 span{ color: #b20802; font-weight: normal;}
.report_text ul{ margin: 30px 40px;}
.report_text ul li{ margin-bottom: 10px;}
.report_text ul li label{ display: block; background: url("../images/time.png") no-repeat left center; padding-left: 30px;}
.report_text ul li p{ display: block; background: url("../images/dz_icon.png") no-repeat left center; padding-left: 30px;}
.report_title{ display: block; background-color: #013e86; height: 75px; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 30px; color: #fff; line-height: 75px;}
.report_title:hover{ color: #b20802;}

.style{ background-color: #ebf0f5; padding: 50px 0; overflow: hidden; margin-bottom: 50px;}
.style_list{ float: left; margin-right: 1px; width: 465px;}
.style_list img{ display: block;}
.style_title{ background-color: #5e8dcb; height: 250px;}
.style_title p{ color: #fff; padding-top: 60px; text-align: center; font-size: 36px; margin-bottom: 20px;}
.style_title a{ display: block; margin: 0 auto; width: 130px; height: 40px; border: 1px solid #fff; color: #fff; border-radius: 25px; text-align: center; line-height: 40px;}

.info{ margin-bottom: 50px; clear: both; overflow: hidden;}
.info_box{ width: 438px; height: 100px; float: left; border: 1px solid #ddd; background: url("../images/info_sy.png") no-repeat right center; margin-right: 40px; margin-bottom: 30px; padding: 45px 0;}
.info_box:nth-child(3n){ margin-right: 0;}
.info_line{ background: url("../images/info_line.png") no-repeat left bottom;}
.info_box h4{ width: 150px; float: left; border-right: 1px solid #ddd; text-align: center;}
.info_box ul{ float: left; margin-left: 50px; width: 200px;}
.info_box ul li p{ font-size: 48px; line-height: 60px; font-weight: bold;}
.info_box ul li span{ font-size: 16px; color: #666;}
.info_box ul li sup,.info_box ul li sub{  font-size: 24px;}

/* .ship{ background-color: #f7f8fc; height: 80px; overflow: hidden; clear: both;}
.ship p{ float: left; line-height: 80px; width: 10%; color: #013e86; font-weight: bold;}
.ship ul{ float: left; width: 85%;}
.ship ul li a{ float: left; color: #333; float: left; line-height: 80px;  color: #013e86; margin-left: 50px; font-size: 16px;} */

.ship{ background-color: #f7f8fc; /* height: 80px; */ overflow: hidden; clear: both;}
.ship p{ float: left; line-height: 42px; width: 10%; color: #013e86; font-weight: bold;}
.ship ul{ float: left; width: 85%;}
.ship ul li a{ float: left; color: #333; float: left; line-height: 42px;color: #013e86; margin-left: 42px; font-size: 16px;}

.bottom{ background-color: #013e86; padding: 30px 0; color: #fff; clear: both; overflow: hidden; width: 100%;}
.b_logo{ float: left; margin-top: 35px; margin-right: 100px;}
.contact{ padding-top: 20px;}
.contact .address{ line-height: 36px; float: left; font-size: 16px;}
.code{ float: right;}
.code ul li{ text-align: center; float: right; width: 100px; margin-left: 20px;}
.code ul li p{ font-size: 14px; text-align: center !important; display: block; }


/* 二级页面 */
.sub_top{ background-color: #013e86; height: 130px; position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
.sub_banner{ margin-top: 130px;}
.sub_banner img{ transition: none;}
.sub_banner img:hover{ transform: none;}
.list_content{ margin-bottom: 60px; overflow: hidden;}

.sub_main{ border-top: 1px solid #ddd;}
.position{ height: 45px; line-height: 45px; font-size: 16px; float: right;}
.position a.hover{color: #b20802;}

.sub_title{ width: 300px; float: left; background-color: #f2f5f9; padding-bottom: 100px;}
.sub_title h2{ height: 120px; background-color: #013e86; text-align: center; line-height: 120px; color: #fff; font-size: 32px;}
.sub_title ul li{ border-left: 5px solid #f2f5f9; line-height: 75px; text-align: center; font-size: 20px; border-bottom: 1px solid #f0f0f0;}
.sub_title ul li:hover,.sub_title ul li.hover{ border-left: 5px solid #013e86; background-color: #fff; font-weight: bold; color: #013e86;}
.list_content{ width: 1050px; float: right; background-color: #fff; min-height: 500px; margin-bottom: 50px; padding: 30px 0;}
.title_sub{ background: url("../images/title_sub.png") no-repeat bottom right; height: 45px; overflow: hidden; margin-bottom: 30px;}
.title_sub .title_left{ font-size: 32px; font-weight: bold; line-height: 45px; float: left;}
.list_content ul{ clear: both; overflow: hidden; margin-top: 15px;}
.list_content ul li{ background: url("../images/li.jpg") no-repeat left center; height: 50px;line-height: 50px; padding-left: 30px; clear: both; overflow: hidden; border-bottom: 1px dashed #ccc;}
.list_content ul li a{ float: left; display: block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.list_content ul li span{ float: right; width: 15%; line-height: 50px; color: #999; text-align: right; font-size: 16px;}

.show-top{ padding: 20px 0; text-align: center; border-bottom: 1px solid #dcdcdc;}
.show-top h2{ padding-bottom: 10px; font-weight: bold; font-size: 24px; color: #444;}
.show-top p{ color: #666;}
.show-con{ padding: 50px 0;}
.show-con p{ color: #444; line-height: 36px; font-size: 16px;}

.article-fj {
    border: 1px solid #ddd;
    padding: 10px 20px;
    line-height: 32px;
    background: #f9f9f9;
	clear: both;
	overflow: hidden;
	font-size: 16px;
}

.article-fj a {
    display: block;
	float: left;
}

.article-fj b {
    float: left;
    font-weight: normal;
	padding-right: 20px;
}

.page{ text-align: center; clear: both; overflow: hidden; margin: 30px 0;}
.page a{ display: inline-block; padding: 5px 10px; margin: 5px; border: 1px solid #ebebeb; background-color: #fff;}
.page a.hover{ background-color: #013e86; color: #fff;}

.m_menu{ clear: both; width: 100%; background-color: #013e86; padding-top: 0;}
.m_menu a{ width: 25%; text-align: center; line-height: 40px; font-size: 16px;}
			

		.title p{
			 float: left; font-size: 30px; height: 60px; border-bottom: 0;
			 margin-right: 20px;
			 cursor: pointer;
		}	
		.title p.active{
			 border-bottom: 3px solid #013e86;
		}
		.tab_more a{
			display: none;
		}			
			.more a{
				display: none;
			}
			
@media screen and (max-width: 960px){
	body{ overflow-x: hidden;}
	.wrap{ width: 100%;}
	.top_right p{ display: none;}
	.search{ margin-top: 10px; margin-bottom: 10px; width: 100%;}
	.menu{ margin: 0; border-bottom: 1px solid #ddd;}
	.menu a{ width: 25%; float: left; font-size: 15px; line-height: 36px;}
	.topBanner{ height: 110px; margin-bottom: 0;}
	.topBanner img{ width: 100%;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display: none;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ display: none;}
	.news_left{width: 100%;}
	.title{ height: 36px;  margin: 10px;}
	.title p{ height: 36px; font-size: 18px; font-weight: bold;}
	.title a{ font-size: 14px; padding-top: 5px;}
	.news_img{ width: auto; margin: 0 10px;}
	.slide_img{ height: 225px;}
	.slide_img img{ width: 100%; }
	.img_left,.img_right,.news_right{ width: 100%; float: none; clear: both;}
	.slide_text{ height: auto; padding-bottom: 10px;}
	.slide_text p{ padding: 15px; font-size: 15px; line-height: 24px;}
	.news_list{ margin: 10px;}
	.news_list ul li{ font-size: 15px; line-height: 36px; width: 100%;}
	.news_list ul li span{ font-size: 12px; width: 22%;}
	.tz_box{ clear: both; margin: 0 10px;}
	.tz_box ul li{ padding-bottom: 10px; margin-bottom: 10px;}
	.tz_box ul li h2{ width: 20%;}
	.tz_box ul li p{ font-size: 15px; line-height: 30px; width: 75%; padding-top: 0; line-height: 24px;}
	.tz_box ul li h2 span{ font-size: 18px; line-height: 18px;}
	.tz_box ul li h2 label{ font-size: 14px; line-height: 14px;}
	.zt{ display: none;}
	.ky_box{ padding: 20px 0px;}
	.ky_news{ width: 100%; margin-bottom: 20px;}
	.title2{ margin-bottom: 20px; margin-left: 10px; margin-right: 10px;}
	.title2 span{ font-size: 18px; height: 36px; line-height: 36px; padding-right: 5px; margin-right: 5px;}
	.title2 span:active, .title2 span.active{ height: 36px; line-height: 36px;}
	.title2 a{ font-size: 14px; padding-top: 10px;}
	#con{ margin: 0 10px;}
	.ky_news_img{ margin-bottom: 0;}
	.ky_top{ width: 100%; margin-bottom: 10px;}
	.ky_top .ky_img{ width: 50%; margin-right: 10px;}
	.ky_top ul{ width: 46%;}
	.ky_top ul li p{ font-size: 15px; height: 45px; overflow: hidden; line-height: 24px; margin-bottom: 10px;}
	.ky_top ul li span{ margin-bottom: 5px; font-size: 14px;}
	.ky_news_list{ padding: 10px; height: auto;}
	.ky_news_list ul li{ line-height: 30px; font-size: 15px;}
	.ky_news_list ul li span{font-size: 12px; width: 22%;}
	.zp_right{ width: 100%; float: none; clear: both;}
	.zp_news img{ width: 100%;}
	.zp_news{ margin: 0 10px;}
	.zp_news ul{ padding: 10px; height: auto;}
	.zp_news ul li{ font-size: 15px; line-height: 36px;}
	.report{ margin-bottom: 20px;}
	.report_list{ width: 80%; float: none; padding: 10px; height: 320px;}
	.report_list .report_tx{ width: 100px; height: auto; margin-left: -40px;}
	.report_text{ top: 50px; height: 270px;}
	.report_text h3{ padding-top: 70px; margin: 0 20px; font-size: 18px; padding-bottom: 10px;}
	.report_text ul{ margin: 20px;}
	.report_text ul li{ font-size: 15px;}
	.report_title{ height: 45px; line-height: 45px; padding: 0; font-size: 15px;}
	.style{ display: none;}
	.info{ display: none;}
	
	.tx_left{ width: 100%; float: none;}
	.tx_left img{ width: 100%;}
	.tx_left ul{ height: auto; padding: 10px;}
	.tx_left ul li span{ font-size: 14px; margin-bottom: 10px;}
	.tx_left ul li p{ font-size: 15px; line-height: 24px;}
	.tx_right{ width: 100%; float: none; padding: 0;}
	.tx_right ul{ padding: 10px;}
	.tx_right ul li{ line-height: 36px;}
	.tx_right ul li a{ font-size: 15px;}
	.tx_right ul li span{ font-size: 12px;}
	
	.ship{display: none;}
	.bottom{ padding: 0;}
	.b_logo{ float: none; margin-top: 0; margin-right: 0; text-align: center; padding: 10px 0;}
	.b_logo img{ width: 60%;}
	.contact .address{ float: none; line-height: 24px; font-size: 14px; padding: 0 10px;}
	.contact{ margin: 0 10px; padding-top: 0;}
	.code{ float: none; clear: both; overflow: hidden; text-align: center; width: 250px; margin: 10px auto;}
	
	.sub_top{ position: relative; height: 60px; overflow: hidden; border-bottom: 1px solid #4e78ab;}
	.m_sub{ margin-top: 0 !important;}
	.position{ margin-top: 0 !important; margin-left: 1rem; font-size: 14px; line-height: 36px; height: 36px;}
	.sub_title{ width: 100%; padding-bottom: 0;}
	.sub_title h2{ height: 60px; line-height: 60px; font-size: 1.2rem;}
	.sub_title ul li{ width: 25%; float: left; font-size: 1rem; border-left:none; line-height: 50px;}
	.sub_title ul li:hover, .sub_title ul li.hover{ border-bottom: 5px solid #013e86; border-left:none;}
	
	.list_content{ width: 92%; margin-bottom: 20px; padding: 1rem;}
	.title_sub p{ font-size: 14px;}
	.title_sub{ margin-bottom: 0; height: auto;}
	.list_content ul{ margin-top: 0;}
	.list_content ul li{ padding-left: 20px; line-height: 36px; height: 36px;}
	.list_content ul li a{ font-size: 14px; width: 75%;}
	.list_content ul li span{ width: 22%; font-size: 12px; line-height: 36px; height: 36px;}
	
	.page a{ font-size: 14px;}
	
	.show-top h2{ font-size: 20px;}
	.show-top p{ font-size: 14px;}
	.show-con{ padding: 20px 0;}
	.show-con p{ font-size: 14px; line-height: 30px;}
	
	.article-fj{ font-size: 14px; line-height: 30px;}
	.article-fj a{ line-height: 24px;}
	
	.title_sub .title_left{ font-size: 18px; line-height: 30px;}
}




@media screen and (min-width: 960px){
	.m_menu{ display: none;}
}
