@import url("/material/2024/css/nav.css");


body{font-family:"微软雅黑"!important;font:16px 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: #0d7ae0;}
.hide{display: none;}
.show{display: block;}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
img{ transition: all .5s ease-in-out; display: block; max-width: 100%;}
section{ display: none;}
.show-con img{margin:auto;}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ color: #0d7ae0;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ color: #0d7ae0;}

.wrap{ position: relative; width: 1500px; margin: 0 auto;}
.top{ background: url("../images/top_bg.png") no-repeat top right; height: 150px;}
.top .top_logo{ float: left; margin-top: 40px;}
.top .search{ float: right; height: 45px; width: 380px; margin-top: 52px;}
.top .search input{ height: 43px; border-radius: 10px 0 0 10px; float: left; width: 293px; padding: 0 20px; color: #999; border: 1px solid #e6e7e7;}
.top .search a{ display: block; float: right;}

/* .menu{ clear: both; height: 60px; background: url("../images/nav_bg.png") no-repeat center;}
.menu a{ line-height: 60px; color: #fff; display: block; float: left; font-size: 18px; text-align: center; width: 8.33%;}
.menu a:hover,.menu a.hover{ background-color: #254a99;} */

.topBanner{width: 100%; max-height: 100%; overflow: hidden; position: relative;}
.topBanner img{  width: 100%;}
.swiper-pagination-bullet{ background: #fff !important; }


.main{ clear: both; margin-top: 820px;}
.news{ clear: both; overflow: hidden; background-color: #f5f5f5; padding: 50px 0; }
.news_left{ width: 770px; float: left;}
.title{ clear: both; overflow: hidden; margin-bottom: 20px;}
.title p{ float: left; height: 50px;}
.title a{ display: block; background: url("../images/more_bg.jpg") no-repeat left center; height: 50px; float: right; width: 100px; text-align: right; line-height: 50px; color: red;}
.news_box{ background-color: #fff; padding: 30px; clear: both; height: 550px;}
.news_top{ height: 205px; margin-bottom: 10px;}
.news_img{ width: 285px; float: left;}
.news_text{ float: right; width: 400px;}
.news_text a{ color: #0d7ae0; font-weight: bold; font-size: 18px; margin-bottom: 25px; display: block;}
.news_text p{ font-size: 14px; color: #666; line-height: 24px; margin-bottom: 30px;}
.news_text span{ color: #0d7ae0;}

.news_list{ padding: 18px 0; border-bottom: 1px solid #f1f2f6; clear: both; overflow: hidden; }
.news_list:last-child{ border-bottom: none;}
.list_date{ width: 80px; height: 80px; float: left; background-color: #f1f2f6; margin-right: 20px; text-align: center;}
.list_date p{ font-weight: bold; font-size: 30px; padding-top: 6px;}
.list_date span{ font-size: 14px; color: #444;}
.list_text{ }
.list_text a{ font-weight: bold; color: #333; font-size: 18px; line-height: 36px;}
.list_text p{ font-size: 14px; color: #666;}

.news_right{ width: 680px; float: right;}
.right_box{ background-color: #fff; padding: 10px 30px; clear: both; height: 590px;}
.news_list:hover{ background-color: #f1f2f6; cursor: pointer;}
.news_list:hover .list_date{ background-color: #0d7ae0; color: #fff;}
.news_list:hover .list_date span{ color: #fff;}
.news_list:hover .list_text a{ color: #0d7ae0;}

.sc_box{ margin: 50px auto; clear: both; overflow: hidden;}
.sc_con{ background-color: #f5f5f5; padding: 30px; height: 520px; overflow: hidden;}
.sc_title{ border-bottom: 1px solid #ccc; margin-bottom: 30px; overflow: hidden; height: 50px;}
.sc_title a{ font-size: 24px; display: block; float: left;}
.sc_title a:active, .sc_title a.active{ border-bottom: 5px solid #0d7ae0; font-weight: bold; height: 45px; cursor: pointer; color: #0d7ae0;}
.sc_title a:first-child{ background: url("../images/title_line.png") no-repeat right 5px; padding-right: 20px; margin-right: 20px;}
.sc_top{ margin-bottom: 20px; overflow: hidden;}
.sc_top:hover{cursor: pointer; color: #fff;}
.right_top{ margin-bottom: 10px;}
.right_top img{ height: 230px; width: 100%;}
.sc_img{ width: 195px; float: left;}
.sc_text{ float: right; width: 490px;}
.sc_text a{ color: #0d7ae0; font-weight: bold; font-size: 18px; margin-bottom: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sc_text p{ font-size: 14px; color: #666; line-height: 24px; margin-bottom: 20px; height: 50px; overflow: hidden;}
.sc_text span{ color: #0d7ae0;}


.sc_list{ clear: both;}
.sc_list ul li{ line-height: 55px; border-bottom: 1px solid #ccc; clear: both; overflow: hidden;}
.sc_list ul li:last-child{ border-bottom: none;}
.sc_list ul li a{ float: left; width: 75%; background: url("../images/list_icon.png") no-repeat left center; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sc_list ul li span{ float: right; width: 20%; text-align: right; color: #999;}

.mgc_con{ width: 100%; overflow: hidden; display: flex;}
.mgc_con a{ transition: all .5s ease-in-out; display: flex; height: 250px; font-size: 26px; font-weight: bold; justify-content: center; line-height: 250px; color: #fff; overflow: hidden;}
.mgc_con a:hover{ transform: scale(1.2);}
.mgc_con .mgc_1{ width: 384px;}
.mgc_con .mgc_2{ width: 414px;}
.mgc_con .mgc_3{ width: 354px;}
.mgc_con .mgc_4{ width: 354px;}
.mgc_con .mgc_5{ width: 414px;}
.mgc_con .mgc_6{ width: 334px;}
.mgc_con .mgc_7{ width: 404px;}
.mgc_con .mgc_8{ width: 324px;}
.mgc_con .mgc_9{ width: 324px;}
.mgc_con .mgc_10{ width: 534px;}

.js_box{ margin: 50px auto; overflow: hidden;}
.js_list{ background-color: #f5f5f5; padding: 30px; height: 550px; width: 665px;}
.js_title{ border-bottom: 1px solid #ccc; margin-bottom: 30px; overflow: hidden; height: 50px;}
.js_title a{ font-size: 24px; display: block; float: left;}
.js_title a.on{ border-bottom: 5px solid #0d7ae0; font-weight: bold; height: 45px;}
.js_text{ float: right; width: 450px;}
.js_text a{ font-weight: bold; font-size: 18px; margin-bottom: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.js_text p{ font-size: 14px; color: #666; line-height: 24px; margin-bottom: 20px; height: 50px; overflow: hidden;}
.js_text span{ color: #0d7ae0;}

/* .sc_top:hover .js_text a{ color: #fff; }
.sc_top:hover .js_text p{color: #fff; }
.sc_top:hover .js_text span{ color: #fff;} */

.lt_box{ background: url("../images/lt_bg.png") repeat; padding: 50px 0; overflow: hidden;}
.lt_list{ width: 470px; float: left; position: relative; margin-right: 45px;}
.lt_list:last-child{margin-right: 0;}
.lt_list h2{ background: url("../images/lt_title_bg.png") no-repeat; text-align: center; line-height: 55px; color: #fff; background-size: 100%;}
.lt_list_box{ background: url("../images/lt_con_bg.png") repeat-y; padding: 20px; overflow: hidden; background-size: 100%;}
.lt_title{ text-align: center; border-bottom: 1px solid #0d7ae0;}
.lt_title img{ display: inline-block; border-radius: 100%; width: 200px; height: 200px;}
.lt_title p{ font-size: 24px; padding: 20px 0;}
.lt_title span{ font-size: 30px; font-weight: bold; padding: 0 20px;}
.lt_text{ padding-top: 20px; overflow: hidden; padding-bottom: 80px;}
.lt_text ul li{ font-size: 18px; line-height: 36px; min-height: 36px; clear: both;}
.lt_01{ background: url("../images/lt_01.png") no-repeat left center; padding-left: 30px;}
.lt_02{ background: url("../images/lt_02.png") no-repeat left center; padding-left: 30px;}
.lt_03{ background: url("../images/lt_03.png") no-repeat left center; padding-left: 30px;}
.lt_text ul li span{ width: 15%; float: left;}
.lt_text ul li p{ width: 85%; float: left; color: #444;}
.lt_topic{ position: absolute; bottom: 0; left: 0; width: 98%; height: 80px; background-color: #0d7ae0; margin: 0 4px; box-sizing: border-box;}
.lt_topic a{ display: block; color: #fff; font-weight: bold; font-size: 24px; line-height: 80px; text-align: center;}

.honor{ background: url("../images/xyry_bg.png") no-repeat top center; min-height: 730px;}
.honor_title{ margin: 0 auto; text-align: center; height: 210px; width: 321px;}
.honor_title img{ padding-top: 55px;}
.honor_box{padding-top: 120px;}
.honor_box a{ display: block; float: left; width: 25%; text-align: center; margin-bottom: 20px;}
.honor_box a img{ display: inline-block; width: 300px;height:200px;}

.bottom{ background-color: #013e86; padding: 30px 0; color: #fff; clear: both; overflow: hidden; width: 100%;}
.ship{ border-bottom: 1px solid #4e78ab; overflow: hidden; line-height: 30px; padding-bottom: 15px;}
.ship p{ font-size: 20px; font-weight: bold; float: left;}
.ship a{ float: left; margin-left: 50px; color: #fff;}

.contact{ padding-top: 35px;}
.contact .address{ line-height: 26px; float: left;}
.contact .address p{ margin-top: 15px;}

.code{ float: right; margin-top: 10px;}
.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; padding-top: 5px;}


/* 二级页面 */
.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;}

.position{ height: 60px; line-height: 60px; font-size: 16px; border-bottom: 1px solid #ccc;margin-top:60px;}
.position a.hover{color: #b20802;}
.position p a{ display:inline;}

.sub_title{ width: 300px; float: left; background-color: #f2f5f9; min-height: 1000px;}
.sub_title h2{ height: 120px; background: url("../images/sub_title_bg.png") no-repeat; 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 #0d7ae0; background-color: #fff; font-weight: bold; color: #0d7ae0;}
.list_content{ width: 1100px; margin: 0 auto; background-color: #fff; min-height: 500px; margin-bottom: 50px; padding: 30px 50px;}
.title_sub{ background: url("../images/title_sub.png") no-repeat bottom right; height: 45px; overflow: hidden; margin-bottom: 30px;}
.title_sub p{ font-size: 32px; font-weight: bold; line-height: 45px;}
.list_content ul{ clear: both; overflow: hidden; margin-top: 15px;}
.list_content ul li{ background: url("../images/list_icon.png") 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;}

.show-top{ padding-top: 10px; text-align: center; border-bottom: 1px solid #dcdcdc; padding-bottom: 30px;}
.show-top h2{ padding-bottom: 20px; font-weight: bold; font-size: 36px;}
.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;
}

.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-top: 50px;}
.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;}

			
@media screen and (max-width: 960px){
	body{ overflow-x: hidden;}
	.wrap{ width: 100%;}
	.top .top_logo{ margin-top: 15px; margin-bottom: 15px;}
	.top .search{ clear: both; float: none;}
	.top .search{ margin: 0 auto;}
	.menu{ display: none;}
	.menu a{ width: 25%; font-size: 1rem; line-height: 2rem;}
	
	.topBanner img{ height: 167px;}
	
	.news{ padding: 1rem 0;}
	.title{ margin-bottom: 10px;}
	.title p{ height: auto; margin-left: 1rem; }
	.title p img{ max-width: 60%;}
	.title a{ font-size: .8rem; height: 30px; line-height: 30px; width: 90px; margin-right: 1rem;}
	
	.news_top{ height: auto; overflow: hidden;}
	.news_box{ height: auto; padding: 1rem;}
	.news_left{ width: 100%; float: none; margin-bottom: 1rem;}
	.news_img{ width: 30%;}
	.news_text{ width: 65%;}
	.news_text a{ font-size: 1rem; margin-bottom: 15px;}
	.news_text p{ display: none;}
	.news_text span{ color: #666; font-size: .8rem;}
	
	.news_list{ padding: 10px 0;}
	.list_date{ width: 16%; height: 60px; margin-right: 10px;}
	.list_date p{ font-size: 1.2rem;}
	.list_date span{ font-size: .5rem;}
	.right_box{ padding: 1rem; height: auto;}
	.sc_box{ margin: 1rem auto;}
	.sc_con{ padding: 1rem; height: auto;}
	.sc_img{ width: 30%;}
	.sc_text{ width: 65%;}
	.sc_top{ margin-bottom: 10px;}
	.sc_text a{ font-size: 1rem; margin-bottom: 5px; white-space: normal; height: 2.5rem;}
	.sc_text p{ display: none;}
	.sc_text span{ color: #666; font-size: .8rem;}
	.sc_list ul li a{ padding-left: 15px;}
	.sc_list ul li span{ font-size: .6rem;}
	.sc_list ul li{ line-height: 2.5rem;}
	.sc_title{ height: 40px; margin-bottom: 15px;}
	.sc_title a{ font-size: 1.2rem;}
	.sc_title a:active, .sc_title a.active{ height: 2.2rem;}
	
	.list_text{ width: 80%; float: right;}
	.list_text a{ font-size: 1rem; line-height: 1.2rem; padding-top: 10px; display: block; font-weight: normal;}
	.list_text p{ display: none;}
	
	.news_right{ clear: both; width: 100%; float: none;}
	
	.mgc_con a{ font-size: .8rem; line-height: 1.5rem; height: 80px; text-align: center; padding-top: 30px;}
	.js_box{ margin: 1rem 0 0 0;}
	.js_list{ width: 94%; padding: 1rem; height: auto; float: none;}
	.js_title a{ font-size: 1rem;}
	.js_title{ height: 40px; margin-bottom: 20px;}
	.js_title a.on{ height: 35px;}
	.js_text{ width: 65%;}
	.js_text a{ white-space: normal; font-size: 1rem; height: 2.8rem; font-weight: normal;}
	.js_text p{ display: none;}
	.js_text span{ font-size: .8rem;}
	
	.lt_box{ padding: 1rem 0;}
	.lt_list{ width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
	.lt_list h2{ line-height: 46px;}
	.lt_list_box{ padding: 1rem;}

	

	.lt_title p{ font-size: 1.2rem; padding: 10px 0;}
	.lt_title span{ font-size: 1.5rem;}
	.lt_title img{ width: 100px; height: 100px;}
	.lt_text ul li{ font-size: 1rem; line-height: 1.8rem; min-height: 1.8rem;}
	.lt_topic{ height: 40px;}
	.lt_topic a{ line-height: 40px; font-size: 1.2rem;}
	.lt_text{ padding-bottom: 40px;}
	
	.honor{ background: none; min-height: auto; overflow: hidden; background-color: #f5f5f5; padding: 10px 0;}
	.honor_title{ width: 100%; height: auto; }
	.honor_title img{ padding-top: 0; display: inline-block; width: 30%;}
	.honor_box{padding-top: 0px;}
	.honor_box a{ width: 28%; margin: 10px;}
	.honor_box a img{ max-width: 100%; width: 100%; height:80px;}
	
	.mgc_title p{ width: 50%; float: left;}
	.mgc_title p img{ width: 100%; max-width: 100%;}
	
	.bottom{ padding: 10px 0 20px 0;}
	.ship{ display: none;}
	.contact .address{ width: 100%; text-align: center; font-size: 14px; line-height: 24px;}
	.code{ text-align: center; width: 100%;}
	.code ul li{ display: inline-block; float: none;}
	
	.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; min-height: auto;}
	.sub_title h2{ height: 60px; line-height: 60px; font-size: 1.2rem; background: url("../images/sub_title_bg.png") repeat-x;}
	.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: 1.2rem;}
	.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{ margin-top: 20px;}
	.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;}
	
	.contact{ padding-top: 15px;}
}

.m_menu{ clear: both; overflow: hidden;  background-color: #013e86; padding: 10px 0;}
.m_menu a{ line-height: 30px; color: #fff; display: block; float: left; font-size: 16px; text-align: center; width: 25%;}
.m_menu a:hover,.m_menu a.hover{ background-color: #0099ff; }

@media screen and (min-width: 960px){
	.m_menu{ display: none;}
}