@charset "utf-8";

	*{ margin: 0 auto; font-family: Arial, Helvetica, sans-serif;}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:block; max-width:100%;margin: auto;}
	
	/*头部样式*/
	.max{ max-width:1400px;margin: 0px auto;}
	.header{padding:12px 0px 18px 0px;background:rgba(0,0,0,0.4); position:absolute; top:0px; z-index:10; width:100%;}
	.logo{ float:left; margin-left:0px;}
	.logo img{ display:block;}
	
	.tel{ margin-right:0px;}
	.tel .title{ font-size:14px; color:#333; background:url(../images/01.png) no-repeat left center; padding-left:30px;}
	.tel span p{ text-align:left;font-size:30px; letter-spacing:3px; margin-left:125px; color:#e4791f;}

	/*导航样式*/
	nav {max-width: 1100px; width: 100%; float: left;margin-left: 50px;  padding-top: 7px;}
   .nav {overflow: visible;  float: left; width: 100%;}
   .nav > li {position: relative;    max-width: calc(100% / 7);    width: 100%;  float: left; text-align: center;   padding: 18px 0px;  z-index: 99;}
   .nav > li > a {font-size: 18px;color: #fff;border-bottom: 3px solid transparent; padding-bottom: 2px;    font-weight: bold;    display: inline-block;}
   .nav ol {background: rgba(0, 0, 0, 0.60); position: absolute; top: 100%; left: -40px; width: 240px;opacity: 0; visibility: hidden; 
    transform: translateY(10px);    transition: all 0.25s ease;    z-index: 999; margin-top:19px;}
   .nav ol li {float: left;width: 100%; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
   .nav ol li a { padding: 20px;width: 100%;float: left; line-height: normal; box-sizing: border-box; color: #fff;font-size: 14px; font-weight:bold;}
   .nav > li > a:hover {color: #6abe0a;  border-bottom: 3px solid #6abe0a;}
   .nav > li:hover ol {opacity: 1; visibility: visible; transform: translateY(0);}
   .nav ol li a:hover {background-color: rgba(106, 190, 10, 0.7);}
   .nav .ejdh a{color: #fff !important;}
	
	
	.lans{ float:right; line-height:26px; padding-top:14px;}
	.lans a{ color:#FFF; font-size:16px; font-weight:bold;}
	.lans a:hover{color:#6abe0a;}
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; background:none; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:800px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid rgba(4,20,106,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:756px; width:100%; object-fit:cover;}
	
	.ban_ny .banner li img{height:556px;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span{ opacity:0.5; cursor:pointer;top:calc(50% - 50px); position:absolute;  z-index:2; font-size:50px;text-align:center; color:rgba(4,20,106,1.00);}
	.lef_rig span:first-child{ transform:rotate(180deg);left:1%; }
	.lef_rig span:nth-child(2){right:1%;}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:rgba(4,20,106,1.00); border:2px solid rgba(4,20,106,1.00); opacity:1;}
	
	.often{ text-align:center; overflow:hidden; padding:70px 0px 56px 0px;}
	.often .title{ color:#001c6d; font-size:46px; font-weight:bold; text-transform:uppercase;}
	.often .text{ color:#111; font-size:30px; margin-top:6px;}
	
	
	
	section.search{ background:#fff; padding:16px 0px; overflow:hidden;}	
	.search .max{ overflow:visible;}	
	.search .hotword{ float:left; width:65%; line-height:44px; height:44px;}	
	.search .hotword span{font-size:16px; color:#001c6d; font-weight:bold;}	
	.search .hotword a{ color:#333; font-size:14px; font-weight:normal; display:inline-block; margin-right:1%;}	
	.search .find{ float:right; max-width:30%; width:100%; box-shadow:0px 3px 3px rgba(0,0,0,0.15); border-top-left-radius:44px; border-bottom-left-radius:44px;}	
	.search .find input[type=text]{ width:calc(100% - 53px); height:44px; float:left; border:0px; box-sizing:border-box; outline:none; padding-left:2%; box-sizing:border-box;}	
		
	.search .find input[type=submit]{ cursor:pointer; width:53px; height:44px; float:left; border:0px; background:#0b133e; color:#fff; font-size:26px;}
	
	section.products{ background:url(../images/pro_01.jpg) no-repeat center; background-size:100% 100%; overflow:hidden; padding-bottom:60px;}
	.pro_l{ width:100%;margin-bottom: 43px; overflow:hidden;}
	.pro_l ul{}
	.pro_l li{ width:100% !important; float:left; overflow:hidden; background:#dddddd;  padding:19px 0px; max-width:241px !important; text-align:center; margin-right:15px !important; margin-bottom:0px !important;}
	.pro_l li .number{ font-size:60px; color:#a9a8a8; float:left; max-width:90px; width:100%; text-align:center;}
	.pro_l li .content{ }
	.pro_l li .title{ font-size:16px; color:#001c6d;  font-weight:bold;line-height: normal !important; background: none !important;}
	.pro_l li .title a{color:#001c6d;}
	#pro_l .title{ color:#FFF;}
	.pro_l li .text{ font-size:12px; color:#a9a8a8; float:left; width:100%; margin-top:8px;}
	.pro_l .contact{ background:#b67a24; overflow:hidden; float:left; width:100%; color:#fff; padding:20px 0px; font-size:20px; font-weight:bold; box-sizing:border-box; line-height:35px;}
	.pro_l .contact .picture{float:left; width:100%;max-width:70px;}
	.pro_l .contact .text{ float:left; max-width:calc(100% - 70px); margin-left:2px;}
	.pro_l .contact .text p{ font-size:24px; letter-spacing:1px;}
	.pro_l .contact .text p:nth-of-type(2){ letter-spacing:0px;}
	.pro_l li:hover{background:#6abe0a;}
	.pro_l li:hover .title,.pro_l li:hover .title a{color:#fff;}
	.pro_l li:hover .number{color:#fff;}
	#pro_l{background:#6abe0a;}
	#pro_l .text{color:#fae6ca;}
	#pro_l .number{color:#fff;}
	
	.pro_r {    width: 100%;    overflow: hidden;    position: relative;}
    .pro_scroll_wrap {    width: 100%;    overflow: hidden;    margin-top: 21px;}
    .pro_scroll_list {    display: flex;    gap: 20px;    flex-wrap: nowrap;    will-change: transform;    transition: transform 0.5s ease-in-out;}
    .pro_scroll_list > li {    flex: 0 0 calc((100% - 60px) / 4);    box-sizing: border-box;    background: #fff;}
    .pro_scroll_list li .picture {height: 238px; width: 100%; border: 5px solid #fff; overflow: hidden ; box-sizing: border-box; display: block;}
    .pro_scroll_list li .picture img {    height: 235px;    width: 100%;    object-fit: cover;    display: block;}
    .pro_scroll_list li .hide {    display: none !important;}
    .pro_scroll_list li:hover .picture {    border: 5px solid #6abe0a;}
    .pro_r .pro_show {    width: 100%;    border: 8px solid #6abe0a;    box-sizing: border-box;    padding: 16px 17px;    background: #fff;    overflow: hidden;}
    .pro_r .pro_show .picture {    width: 100%;    max-width: 280px;    float: left;overflow: hidden;}
    .pro_r .pro_show .picture img {    width: 100%;    height: 200px;    object-fit: cover;transition: transform 0.3s ease;     transform: scale(1);}
    .pro_r .pro_show .picture:hover img {    transform: scale(1.08);}
    .pro_r .pro_show .content {    max-width: calc(100% - 320px);    float: right;    width: 100%;}
    .pro_r .pro_show .content .title {    font-size: 18px;    font-weight: bold;    color: #111;    padding-top: 10px;}
    .pro_r .pro_show .content .text {    font-size: 14px;    line-height: 24px;    min-height: 48px;    height: 48px;    overflow: hidden;    color: #444444;
    margin-top: 26px;}
    .pro_r .pro_show .content .tel {    font-size: 18px;    color: #111;    font-weight: bold;    margin-top: 16px;}
    .pro_r .pro_show .content .tel font {    font-size: 24px;    color: #b67a24;    font-weight: bold;}
    .pro_r .pro_show .content a {    float: left;    width: 127px;    line-height: 35px;    border: 1px solid #e3e3e3;    text-align: center;    font-size: 14px;    color: #666;    margin: 26px 10px 0px 0px;    height: 35px;    box-sizing: border-box;}
    .pro_r .pro_show .content a:hover {    background: #6abe0a;    color: #fff;    border: 1px solid #6abe0a;}
    #pro_show .picture {    border: 5px solid #6abe0a;}
    .pro_r ul {    margin: 0;    padding: 0;    list-style: none;}
    .pro_r ul:nth-of-type(n+2) {    display: none;}
    #nav_select a {    color: #6abe0a;}
	
	
	section.honor{ padding-bottom:63px; overflow:hidden;}
	.hon_b{ overflow:hidden;}
	.hon_b ul{ overflow:hidden; position:relative; width:9999px;}
	.hon_b li{ width:335px; float:left; background:#f4f4f4; margin-right:20px;  border-bottom:4px solid #e9e9e9;}
	.hon_b li .picture{width:100%; display:block;}
	.hon_b li .picture img{ height:256px; width:100%; object-fit:cover;}
	.hon_b li .title{ font-size:16px; color:#111111; text-align:center; float:left; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:pre; padding:22px 2% 16px 2%; box-sizing:border-box;}
	.hon_b li:hover{border-bottom:4px solid #6abe0a;}
	.hon_b li:hover .title{ color:#6abe0a;}

	section.about{ background:url(../images/ab_01.jpg) no-repeat center; padding-bottom:76px; box-sizing:border-box; overflow:hidden;}
	.about .often{padding:64px 0px;}
	.about .often .text{ color:#fff;}
	.about_b{ background:rgba(255,255,255,0.95); padding:12px 26px 12px 12px; box-sizing:border-box; overflow:hidden;}
	
	.about_l{ float:left; max-width:664px; width:100%;}
	.about_l img{ float:left; height:443px; object-fit:cover; width:100%;}
	.about_r{ float:right; max-width:calc(100% - 700px); line-height:24px; width:100%; text-align:left;}
	.about_r .title{font-size:24px; font-weight:bold; color:#04146a; margin-top:14px; text-transform:uppercase;}
	.about_r .content{ margin-top:18px;}
	.about_r .content p{ text-indent:28px; color:#111111; font-size:16px; line-height:27px;}
	.about_r .slogan{ font-size:18px; font-weight:bold; color:#b67a24; margin-top:10px;}
	.about_r a,.more{background:#001c6d; color:#fff;width:140px; margin-right:10px; display:inline-block;text-align:center; line-height:40px; font-size:14px; margin-top:20px;}
	.more{ margin:60px auto 10px auto; display:block;}
	.more:hover{ background:#6abe0a;}
	

	section.news{ padding-bottom:58px; overflow:hidden;}
	.news_b{ display:block;width:100%;overflow:hidden;}
    .news_b ul.news-ul{display: flex;transition: transform 0.6s ease;}
    .news_b li{flex-shrink:0;width:446px;margin-right:31px;overflow:hidden;}
    .news_b li .content{background:#f5f5f5;overflow:hidden;display:block;width:100%;padding:0px 6.5%;box-sizing:border-box;padding-bottom:26px;}
    .news_b li .content .title{ font-size:16px;font-weight:bold;color:#333;margin-top:20px;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap; transition:all linear 0.25s;}
    .news_b li .content .text{ font-size:14px; line-height:24px;   color:#666;    margin-top:18px;    overflow:hidden;}
    .news_b li .content .more{float:left; width:100%; line-height:21px; margin-top:25px;background:none;}
    .news_b li .content .more time{font-size:12px; color:#999; float:left; max-width:50%;}
    .news_b li .content .more .icon{float:right; height:21px; width:21px; border:1px solid #696969; text-align:center; line-height:21px; border-radius:100%; box-sizing:border-box; font-size:12px;color:#666;}
    .news_b li .picture{display:block;width:100%;overflow:hidden; }
    .news_b li .picture img{height:307px;width:100%;object-fit:cover;transition:all linear 0.25s;}
    .news_b li:hover .content .title{color:#6abe0a;padding-left:10px;}
    .news_b li:hover .content .more .icon{color:#6abe0a;border-color:#6abe0a;}
    .news_b li:hover .picture img{ transform:scale(1.1);}
	
	
	.news_l{ max-width:600px; width:100%; float:left; background:#f2f2f2; overflow:hidden; margin-top:20px;}
	.news_l .picture{float:left; overflow:hidden; width:100%;}
	.news_l .picture img{width:100%; height:366px; object-fit:cover; transition:all linear 0.2s;}
	.news_l .content{float:left; width:100%; padding:26px; box-sizing:border-box;}
	.news_l time{ overflow:hidden; display:block; font-size:16px; line-height:20px;}
	.news_l time font{ float:left; color:#0048b5; margin-right:7px;}
	.news_l time p{ float:left; color:#0048b5; padding-left:1%; font-size:14px;}
	.news_l .title{background:url(../images/ne_01.png) no-repeat right center; margin-top:30px; overflow:hidden; display:block; margin-bottom:10px;}
	.news_l .title p{ font-size:24px; color:#0048b5; float:left; max-width:80%; width:100%; overflow:hidden; white-space:pre; text-overflow:ellipsis;}
	
	.news_r{ max-width:780px; float:right;margin-top:20px;}
	.news_r li{background:#f2f2f2; float:left; max-width:100%; width:100%; margin-bottom:12px; overflow:hidden; padding:13px 0px;}
	.news_r li:last-child{margin-bottom:0px;}
	.news_r li{ display:flex; align-items:center;}
	.news_r li::after{ content:">"; font-size:20px; color:#666; margin-left:auto; margin-right:32px;}
	.news_r li a{margin:0px;}
	.news_r li time{ max-width:97px;  width:100%;display:inline-block; margin:0px;text-align:center; border-right:1px solid #666; box-sizing:border-box; padding:8px 20px;}
	.news_r li time .date{ font-size:24px;color:#0048b5}
	.news_r li time .year{ font-size:14px; color:#0048b5;}
	.news_r li .content{ padding-left:20px; float:left;width:78%; box-sizing:border-box; margin:0px;}
	.news_r li .content .title{white-space:pre; font-size:16px; overflow:hidden; text-overflow:ellipsis;color:#111111;}
	.news_r li .content .text{ font-size:14px; line-height:36px; color:#666; max-height:36px; overflow:hidden; float:left; max-width:100%; margin-top:4px;}
	.news_r li:hover{ background:#0048b5;}
	.news_r li:hover .content *{ color:#fff;}
	.news_r li:hover time{ border-color:#fff;}
	.news_r li:hover time *{ color:#fff;}
	.news_r li:hover::after{ content:"→"; color:#fff;}
	
	.news_l:hover .picture img{ transform:scale(1.2);}
	.news_l:hover .content{ background:#0048b5;}
	.news_l:hover .title p{ color:#fff;}
	.news_l:hover time font{ color:#fff;}
	.news_l:hover time p{ color:#fff; border-color:#fff;}
	.news .more a:hover{ background:#c5ac6e; color:#fff;}
	
	
	
	section.case{ background:url(../images/pro_01.jpg) no-repeat center; background-size:100% 100%; overflow:hidden; padding-bottom:60px;}
	.case_z{ overflow:hidden;}
	.case_l{ max-width:685px; width:100%; float:left; overflow:hidden;position: relative; }
	.case_l img{    width:100%; display:block; height:522px;object-fit: cover;}
	.case_l .title{ position: absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center;transform: translateY(100%);  transition: all 0.3s ease; }
	.case_l .title p{    color:#fff;    font-size:18px;    margin:0;}
    .case_l:hover .title{transform: translateY(0);}
	
	.case_r{ max-width:685px; float:right;}
	.case_r ul{display: flex;flex-wrap: wrap;gap:30px;padding:0;margin:0;}
	.case_r ul li{width: calc((100% - 30px) / 2);position: relative;overflow: hidden;}
	.case_r ul li a{    display:block;    width:100%;}
    .case_r ul li img{    width:100%;    display:block;height:246px;object-fit: cover;}
	.case_r .title{position: absolute;left:0;bottom:0;width:100%; height:100%;background: rgba(0,0,0,0.6);display:flex; align-items:center; justify-content:center;transform: translateY(100%);transition: all 0.3s ease;}
	.case_r .title p{ color:#fff;   font-size:18px; margin:0;}
    .case_r li:hover .title{transform: translateY(0);}
	.case .more{ clear:both; margin-top:60px;} 
	
	
	
	
	section.rongyu{     background:url(../images/pro_01.jpg) no-repeat center;    background-size:100% 100%;     overflow:hidden;     padding-bottom:60px;}
    .rong_b {    width: 100%;    overflow: hidden; margin-bottom:20px;}
    .scroll-wrap {    width: 100%;    overflow: hidden;}
    .scroll-list {    display: flex;    gap: 30px;    transition: transform 0.4s ease-out;    padding: 0;    margin: 0;    list-style: none;}
    .scroll-list > li {    flex: 0 0 calc((100% - 90px) / 4);    position: relative;}
    .scroll-list li a {    display: block;    position: relative;    overflow: hidden;}
    .scroll-list li img {    width: 100%;    height: 465px;    display: block;}
    .mask-box { position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0;transition: opacity 0.3s ease; display: flex; align-items: center;justify-content: center;}
    .mask-text {    color: #fff;    font-size: 16px; font-weight:bold;   transform: translateY(30px);    transition: transform 0.3s ease;    white-space: nowrap;}
    .scroll-list li:hover .mask-box {    opacity: 1;}
    .scroll-list li:hover .mask-text {    transform: translateY(0);}
	
	
	

	
	footer.footer{overflow:hidden; width:100%; background:#001c6d;}
	.footer_b{ padding:58px 0px 42px 0px; overflow:hidden;}
	.footer_b .pros,.footer_b .code{width:20%;float:left;}
	.footer_b .address{ width:25%;float:left;}
	.footer_b .contact{width:25%;float:left;}
	.footer_b .contact .shem{ float:left; display:flex; width:43%; margin:14px 0px 0px 44px;}
	.footer_b .contact .shem a {    display: inline-block;    position: relative;    width: 30px;    height: 30px;    overflow: hidden;}
    .footer_b .contact .shem a img:first-child {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    opacity: 1;    transition: opacity 0.3s linear;    pointer-events: none;}
    .footer_b .contact .shem a img:last-child {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    opacity: 0;    transition: opacity 0.3s linear;    pointer-events: none;}
    .footer_b .contact .shem a:hover img:first-child {    opacity: 0;}
    .footer_b .contact .shem a:hover img:last-child {    opacity: 1;}
	.footer_b .contact .logo{ margin-top:10px;}
	
	
	
	.footer_b .address .records{ font-size:14px; color:#fff; margin-top:14px;}
	.footer_b .address .records a{ color:#FFF;}
	.footer_b .address .tel{ font-size:14px; margin-top:12px; font-weight:bold; color:#cbceda; display:flex; align-items:center;}
	.footer_b .address .tel a{color:#cbceda;}
	.footer_b .address .tel a:hover{ color:#6abe0a;}
	.footer_b .address .tel *{ margin:0px;}
	.footer_b .address .tel img{ margin-right:10px;}
	.footer_b .code{ }
	.footer_b .code .title,.footer_b .pros .title,.footer_b .address .title{ font-size:16px; color:#FFF; font-weight:bold; margin-bottom:15px;}
	.footer_b .code .navdh a{ width:calc((100% - 50px) / 2); display:block; float:left; color:#cbceda; font-size:14px; font-weight:bold; line-height:30px;}
	.footer_b .code .navdh a:hover,.footer_b .pros .navdh a:hover{color:#6abe0a;}
	.footer_b .pros .navdh a{ width:100%; display:block; float:left; color:#cbceda; font-size:14px; font-weight:bold; line-height:30px;}
	.footer_b .erwm{ text-align:right; float:right;}
	.footer_b .erwm div{ display:inline-block; text-align:center;}
	.footer_b .erwm div img{ height:122px; width:122px; object-fit:cover;}
	.footer_b .erwm div p{ font-size:14px; color:#fff; margin-top:12px;}
	.footer .url{background:#010e33; padding:28px 0px; overflow:hidden;}
	.footer .url *{ color:#cccccf; font-size:14px;}
	.footer .url a{ margin-right:1%;}

	
	/*新闻页面*/
	.page_address{ background:#f5f5f5; padding:20px 0px; margin-bottom:40px; font-size:14px;}
	.page{padding:2px 2px 20px 2px; box-sizing:border-box; overflow:hidden;}	
	.page_contact{float:left; margin-top:20px; width:100%;}
	.page_contact div:nth-of-type(2){ background:#fff;float:left; width:100%;padding:10px 5%; box-sizing:border-box;}
	.page_contact div:nth-of-type(2) p{ line-height:30px; font-size:14px; color:#333;}
	
	.column_list{overflow:hidden; padding-top:10px;}
	.column_list ul li{ float:left; color:#333;}
	.column_list ul li a{ color:#333; padding:10px 15px; float:left;}
	.column_list ul li a:hover{ color:#e41f27;}
	
	
	
	.list_l{ max-width:280px; width:100%;overflow:hidden; float:left;}
	
	.pro_center{ border:1px solid #0e3585;}
	.pro_center .title{ background:#0e3585; padding:10px 15px; font-size:22px; color:#fff; display:flex; align-items:center; }
	.pro_center .iconall-fill:before{ font-size:34px; margin-right:10px;}
	.pro_center ul li{ padding:0px 8px; box-sizing:border-box;}
	.pro_center ul li a{border-bottom:1px solid #ddd; padding:15px 5%; display:block; width:100%; box-sizing:border-box; overflow:hidden;white-space:pre; text-overflow:ellipsis; overflow:hidden; color:#111;}
	.pro_center ul li:hover{ background:#0e3585;}
	.pro_center ul li:hover a{color:#fff; border-color:#0048b5;}
	#fl_select{ background:#6abe0a;}
	#fl_select a{color:#fff; border-color:#0048b5;}
	
	
	.iconright-circle:before{ margin-right:10px;}
	.pro_center ul li:last-child a{ border:0px;}
	.pro_center ul li .text{ max-width:calc(100% - 25px); width:100%; float:left; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.pro_center ul li .picture{ max-width:16px; width:100%; float:right;}


	.list_l .contact{ margin-top:22px; border:1px solid #0e3585;}
	.contact .title{ background:#0e3585; text-align:center; box-sizing:border-box; font-size:22px; color:#fff; line-height:47px;}
	.cont_b{ padding:0px 3%; box-sizing:border-box;}
	.cont_b .picture{margin-top:5px;}
	.cont_b .picture img{ width:100%;}
	.cont_b p{ font-size:14px; color:#333; margin:8px auto;line-height: 22px;}

	
	.page_r{ width:100%;}
	
	.news_list .page_r li{ width:calc(100% - 10px); float:left; background:rgba(255,253,255,0.60); padding:20px 1.5%; box-sizing:border-box; margin-bottom:30px; box-shadow:0px 0px 5px #ccc;}
	.news_list .page_r li .picture{ max-width:20%; float:left;}
	.news_list .page_r li .picture img{ height:160px;float:left; object-fit:cover; width:100%;}
	.news_list .page_r li .content{ max-width:78%; width:100%; float:right;}
	.news_list .page_r li .content .title{ font-size:17px; font-weight:bold; color:#111; text-overflow:ellipsis; white-space:pre; display:block; width:100%; overflow:hidden;}
	.news_list .page_r li .content time{ font-size:12px; color:#888; margin-top:10px; display:block;width:100%; overflow:hidden;}
	.news_list .page_r li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
	.news_list .page_r li .content .more{ font-size:14px; color:#333; line-height:30px; border:1px solid #ddd; text-align:center; float:left; text-align:center; width:140px; margin-top:15px; background:none;}
	.news_list .page_r li:hover .content .more{background:#6abe0a; color:#fff; border-color:#6abe0a;}
	
	.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:0px 0px 5px #6abe0a;}
	
	.pro_list .page_r li{ max-width:calc( 100% / 4 - 23px); float:left; margin-right:30px; margin-bottom:30px; width:100%; box-shadow:0px 0px 5px #ddd;}
	.pro_list .page_r li:nth-of-type(4n){ margin-right:0px;}
	.pro_list .page_r li .picture{width:100%; display:block;}
	.pro_list .page_r li .picture img{ height:240px; width:100%; object-fit:cover; display:block;}
	.pro_list .page_r li .title{line-height:60px; background:rgba(255,255,255,0.50); float:left; width:100%; text-overflow:ellipsis; white-space:pre; text-align:center;overflow: hidden;}
	.pro_list .page_r li:hover{ box-shadow:0px 0px 5px #6abe0a;}
	.pro_list .page_r li:hover p{ background:rgba(255,255,255,1.00);}
	.pro_list .page_r li:hover .title{ color:#6abe0a;}
	
	
	.page_odd{ overflow:visible;}
	.page_odd .page_r{}
	.page_odd_title{ width:100%; text-align:center; margin-bottom:1%; font-size:46px; color:#001c6d; font-weight:bold; margin:60px 0px 40px 0px; text-transform:uppercase;}
	.newstit{ font-size:24px; color:#111;}
	.page_odd_time{ width:100%; text-align:center; display:block; margin-bottom:1%; padding:10px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#333; font-size:12px;}
	.page_odd_img{ text-align:center; margin-bottom:1%;}
	.page_odd_content{margin-bottom:1%;}
	.page_odd_content p{ line-height:28px; font-size:16px;}
	.page_odd_content img{ display:inline-block;}
	
	.page_odd .page_intro{ margin:30px auto; overflow:hidden; float:left; width:100%;}
	.page_odd .page_intro .picture{ float:left; max-width:62%; width:100%; overflow:hidden;}
	.page_odd .page_intro .picture img{ width:100%; height:380px; object-fit:cover; overflow:hidden; max-height:400px;}
	.page_odd .page_intro .intro{ float:right; width:100%; max-width:35%;overflow:hidden;}
	.page_odd .page_intro .intro div{ float:left; margin:8px 0px; width:100%; overflow:hidden;}
	.page_odd .page_intro .intro div .inTitlebt{ float:left; font-size:24px; font-weight:bold;}
	.page_odd .page_intro .intro div .inimg img{ display:inline-block; margin:15px 0px 10px 40px;}
	.page_odd .page_intro .intro div .inimgtb{width: 100%; max-width:30px; overflow:hidden; float:left;}
	.page_odd .page_intro .intro div .inimgtb img{ display:inline-block; float:left;}
	.page_odd .page_intro .intro div .inTitle{ float:left; font-size:18px; color:#001c6d; font-weight:bold;}
	.page_odd .page_intro .intro div .introText{ float:left; font-size:14px; color:#333; width:93%;}
	.page_odd .page_intro .piclunbo{ float:left; max-width:62%; width:100%; overflow:hidden;}
	.page_odd .page_odd_content .content_column{ width:100%; font-size:24px; color:#001c6d; border-bottom:1px solid #e9e9e9; padding-bottom:10px; margin-bottom:20px; font-weight:bold;margin-top:30px;}
	.page_odd .page_intro .intro .inimg{ color:#666; line-height:20px; font-size:14px;}
	
	.nrshem {    display: flex;    gap: 10px;    align-items: center;    padding: 10px 0; max-width: 30%;margin: 0px;}
    .nrshem a {    display: block;    transition: transform 0.3s ease;}
    .nrshem a:hover {    transform: translateY(-6px);}
    .nrshem img {    width: 30px;    height: auto;    display: block;}
	
	
	
	.page_odd_next {    display: flex;    justify-content: space-between;    align-items: center;    gap: 20px; font-size:14px;}
    .page_odd_next .prev-link {    text-align: left;}
    .page_odd_next .next-link {    text-align: right;}
    .page_odd_next span {    width: 50%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
    .page_odd_next a { font-size:14px; color:#333;}
    .page_odd_next a:hover { color:#6abe0a;}
	
	.page_odd_list{ margin:1% 0;}
	.page_odd_list span{ float:left; width:100%; color:#333; line-height:24px;}
	.page_odd_list span a{ color:#666;}
	
	.page_list{ float:right; max-width:100%; width:100%; text-align:center; overflow:hidden; margin:32px auto;}
	.page_list a:first-child{ display:none;}
	.page_list *{font-size:12px; color:#333; display:inline-block; margin:0px 4px; border:1px solid #001c6d; padding:5px 10px;}
	.page_list a:hover,.page_list b{border-color:#6abe0a; background:#6abe0a; color:#fff;}
	
	.lxwm_ny{width:43%; float:left;}
    .con_ny{ width:55%; float:right;}
	.con_ny .title{ font-size:26px;color: #001c6d;    text-transform: uppercase;    margin: 20px auto;    font-weight: 500;}
	.con_ny .form{width:100%; overflow:hidden;}
	
	
    .page_odd .page_odd_content .sub-item a{ color:#000; font-size:12px;text-transform: uppercase;}
    .page_odd .page_odd_content .sub-item a:hover{color:#f58423;}
    .page_odd .page_odd_content input,.page_odd .page_odd_content textarea{width:97%;border:1px solid #888;margin:10px auto;height:36px;line-height:36px;text-indent:10px}
    .con_ny input,.con_ny textarea{width:100%;border:1px solid #888;margin:10px auto;height:36px;line-height:36px;text-indent:10px}
    .page_odd .page_odd_content textarea,.con_ny textarea{height:auto}
    .page_odd .page_odd_content input::placeholder,.page_odd .page_odd_content textarea::placeholder{font-size:14px;color:#888}
    .page_odd .page_odd_content input:focus,.page_odd .page_odd_content textarea:focus{outline:none}
    .page_odd .page_odd_content button,.con_ny button{width:210px;height:40px;font-size:14px;font-weight:bold;color:#fff;background:#001c6d;border-radius:20px;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer; margin:5px 0px;}
    .page_odd .page_odd_content button img,.con_ny button img{width:20px;height:16px;margin-right:5px;max-width: 100%; object-fit: inherit; margin:0px;}
    .page_odd .page_odd_content .con_ny img{ display:inline-block;}
	.con_ny button:hover{ background:#6abe0a;}
	
	

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:5%; background:rgba(0,28,109,0.80); right:1%; font-size:60px; display:none;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(106,190,10,1.00);}
	.top:hover::before{color:rgba(255,255,255,1);}
	
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:999;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333;}
	.sj_footer img{ max-width:20%;}

	@font-face{
	}