﻿@charset "utf-8";
/* CSS Document */
html{ margin:0px; padding:0px; }
body{
	margin: 0px;
	padding: 0px;
	width:100%;
	line-height:200%;
	font-family:"微软雅黑","Arial","宋体";
	font-size:1rem;
	color:#555; 
	/*background:url(../images/bg.jpg) repeat-y center top;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;*/
	display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;
	
}

ul,li{ margin:0px; padding:0px; list-style:none; }

div,p{ margin:0px; padding:0px; font-size:1rem; line-height:200%; }
td{ font-size:1rem; line-height:200%; }

a{ color:#555; text-decoration:none; outline: none; }
a:hover{ color:#555; text-decoration:none; outline: none; }

form{ margin:0px; padding:0px; }
img{ border:none; vertical-align:top; }
input,select,textarea{ outline:none; font-family:"微软雅黑","Arial","宋体"; }

.clear{ clear:both; }
.lazy{ background:url(../images/none.gif);}

.ease{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }

.wbg{ background:#f9f9f9; }

#container{ margin:0; padding:0px; width:100%; max-width:1000px; overflow:hidden; }

/*
取消手机点击屏幕时出现的灰块
-webkit-tap-highlight-color:transparent;
*/

/*-----------------header---------------------------*/
#ts_loadering{ position:fixed; z-index:150; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.60); display:none; overflow:hidden; }
#ts_loadering span{ margin:150px 0 0 0; padding:35px 10px 0 10px; min-width:70px; height:25px; line-height:20px; font-size:12px; color:#ccc; text-align:center; background:#3f3f3f url(../images/loader.gif) no-repeat center 10px; background-size:auto 20px; border-radius:8px; vertical-align:top; display:inline-block; }


/*
#win_con_box1{ position:fixed; z-index:50; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; background-color:rgba(0,0,0,0.60); display:none; overflow:hidden; }
#win_con_box1 .mainbox{ position:absolute; z-index:51; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:auto; background:#fff; overflow:hidden; }

#win_con_box1 .mainbox .h_close{ margin:0 0 0 3%; width:93%; height:36px; float:left; }
#win_con_box1 .mainbox .h_close span{ margin:0px; width:36px; height:36px; background:url(../images/close1.jpg) no-repeat center center; background-size:26px; float:right; display:block; }

#win_con_box1 .mainbox .h_conbox{ margin:10px 0 0 0; width:100%; height:auto; float:left; overflow-y:auto; }
#win_con_box1 .mainbox .h_conbox .h_imgcon{ margin:0 0 0 3%; width:94%; text-align:center; float:left; }
#win_con_box1 .mainbox .h_conbox .h_imgcon img{ width:100%; }
#win_con_box1 .mainbox .h_conbox .h_title{ margin:15px 0 0 3%; width:94%; line-height:25px; font-size:18px; color:#a33327; text-align:left; float:left; }
#win_con_box1 .mainbox .h_conbox .h_con{ margin:15px 0 0 3%; padding-bottom:15px; width:94%; line-height:24px; font-size:14px; color:#666; float:left; overflow:hidden; overflow-x:auto; }
#win_con_box1 .mainbox .h_conbox .h_con img{ width:100%; height:auto; }
*/




.topcon_box{ position:fixed; z-index:10; top:0px; left:50%; margin:0 0 0 -50%; padding:0px; width:100%; height:3.2rem; background:#fff; border-bottom:#004098 1px solid; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }

.topcon_box .h_logo{ margin-left:3%; padding:0px; width:auto; height:1.8rem; -webkit-tap-highlight-color:transparent; }
.topcon_box .h_logo img{ height:100%; }

.topcon_box .h_btncon{ margin-right:5%; padding:0px; width:auto; height:100%; text-align:center; cursor:pointer; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -webkit-tap-highlight-color:transparent; }

.topcon_box .h_btncon .icon{ margin:0 0.9rem 0 0; padding:0px; width:auto; font-size:1.7rem; color:#505050; text-align:center; cursor:pointer; }
.topcon_box .h_btncon .icon span{ display:block; }

.topcon_box .h_btncon .icon.wx .wxbox{ position: absolute; z-index:20; top:3.2rem; left: 0px; padding:0.8em 4%; width:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; display:none; }
.topcon_box .h_btncon .icon.wx .wxbox .qrcode{ margin:0px; width:25%; float:left; }
.topcon_box .h_btncon .icon.wx .wxbox .qrcode img{ width:100%; }
.topcon_box .h_btncon .icon.wx .wxbox .textcon{ margin:0px; width:70%; color:#fff; float:right; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.topcon_box .h_btncon .icon.wx .wxbox .textcon h3{ margin:1.1rem 0 0 0; width:100%; line-height:1.5rem; font-size:1.2rem; }
.topcon_box .h_btncon .icon.wx .wxbox .textcon p{ margin:1.1rem 0 0 0; width:100%; line-height:1.3rem; font-size:1rem; }


.topcon_box .h_btncon .icon.xl a{ color:#505050; }
.topcon_box .h_btncon .icon.xl a:hover{ color:#505050; }

.topcon_box .h_btncon .mbtn{ margin:0 0 0 0.5rem; padding:0px; width:auto; text-align:center; cursor:pointer; }
.topcon_box .h_btncon .mbtn i{ margin:0px; padding:0px; width:auto; font-size:1.7rem; color:#004098; }

.topcon_box .h_btncon .close{ transform:rotate(0deg);-webkit-transform:rotate(0deg); }
.topcon_box .h_btncon .open{ transform:rotate(90deg);-webkit-transform:rotate(90deg); }
.topcon_box .h_btncon .open i{ color:#004098; }





.topcon_box .h_menucon{ position:absolute; z-index:60; top:3.2rem; left:0px; margin:0px; padding:0px; width:100%; height:auto; background-color:rgba(255,255,255,0.95); display:none; overflow-y:auto; }
.topcon_box .h_menucon .h_conbox{ margin:0 0 0 5%;; padding:0.5rem 0 1rem 0; width:90%; float:left; }

.topcon_box .h_menucon .h_conbox dl{ margin:0.8rem 0 0 0; padding:0px; width:100%; float:left; }
.topcon_box .h_menucon .h_conbox dl dt{ margin:0px; width:100%; height:2.6rem; line-height:2.6rem; font-size:1.1rem; border-radius:0.2rem; float:left; overflow:hidden; }
.topcon_box .h_menucon .h_conbox dl dt a{ padding:0 0 0 5%; width:95%; height:auto; color:#fff; background:#666; border-radius:5px; display:block; }
.topcon_box .h_menucon .h_conbox dl dt a:after{ margin:0 5% 0 0; content:"»"; font-size:1.1rem; float:right; }
.topcon_box .h_menucon .h_conbox dl dt a:hover{ color:#fff;}
.topcon_box .h_menucon .h_conbox dl dt a.on{ color:#fff; background:#004098; }
.topcon_box .h_menucon .h_conbox dl dt a.on:hover{ color:#fff; }

.topcon_box .h_menucon .h_conbox dl dd{ margin:0px; padding:0.8rem 0 0.3rem 0; width:100%; float:left;  }
.topcon_box .h_menucon .h_conbox dl dd span{ margin:0 0 0 5%; width:auto; line-height:2rem; font-size:0.85rem; white-space:nowrap; float:left; }
.topcon_box .h_menucon .h_conbox dl dd span a{ color:#555; }
.topcon_box .h_menucon .h_conbox dl dd span a:hover{ color:#555; }
.topcon_box .h_menucon .h_conbox dl dd span a.on{ color:#dd231f; }

.topcon_box .h_menucon .h_conbox .search{ position:relative; margin:1rem 0 0.4rem 0; width:100%; height:2.6rem; background:#fff; border:#da353a 1px solid; border-radius:0.2rem; box-sizing:border-box; float:left; overflow:hidden;  }
.topcon_box .h_menucon .h_conbox .search .s_text{ margin:0px; padding:0 3.7rem 0 1rem; width:100%; height:2.6rem; line-height:2.6rem; font-size:1rem; color:#505050; background:#eee; border:none; box-sizing:border-box; float:left; }
.topcon_box .h_menucon .h_conbox .search .s_text::-webkit-input-placeholder{ color:#9f9f9f; }
.topcon_box .h_menucon .h_conbox .search .s_sub{ position:absolute; z-index:2; right:0px; top:0px; margin:0px; padding:0px; width:3rem; height:100%; line-height:100%; text-align:center; font-size:1.3rem; font-weight:bold; color:#fff; font-family:'Hui-iconfont'; background:#da353a; border:none; cursor:pointer; float:right; }




.topcon_hline{ margin:1px 0 0 0; width:100%; height:3.2rem; text-align:center; float:left; overflow:hidden; }



/*------------------Home------------------------------*/
.h_ad_box{ margin:0; width:100%; text-align:center; float:left; overflow:hidden; }
.h_ad_box .swiper-container, .h_ad_box .swiper-container .swiper-wrapper{ width:100%; }
.h_ad_box .swiper-slide{ width:100%; }
.h_ad_box .swiper-slide a{ width:100%; overflow: hidden; opacity:1; z-index:2; display:flex; text-decoration:none; justify-content: center; align-items: center;}
.h_ad_box .swiper-slide a img{ width: 100%; height: auto;}
.h_ad_box .swiper-pagination{ bottom:0.2rem !important }
.h_ad_box .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #ddd; margin: 0 0.2rem !important; opacity: 0.8; border: 0; cursor: pointer; display: inline-block; }
.h_ad_box .swiper-pagination-bullet-active { opacity: 1; background: #004098; }

.h_ad_box .swiper-button-next{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E");}
.h_ad_box .swiper-button-next:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230d2c71'%2F%3E%3C%2Fsvg%3E");}
.h_ad_box .swiper-button-prev{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E")}
.h_ad_box .swiper-button-prev:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230d2c71'%2F%3E%3C%2Fsvg%3E")}

.h_ad_box.yige img{ width:100%; vertical-align:top; }







.h_mid_box1{ position:relative; margin:0px; padding:1.5rem 0; width:100%; float:left; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }

.h_mid_box1 .swiper-container{ margin:0px; padding:0px; width:88%; height:100%; overflow:hidden; }
.h_mid_box1 .swiper-wrapper{ width:100%; }

.h_mid_box1 .swiper-slide dl{ margin:0px; padding:0.7rem 0.3rem; width:100%; color:#333; text-align:center; background-color: #dcdcdc; box-sizing: border-box; display:block; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box1 .swiper-slide dl dt{ margin:0px; padding:0px; width:100%; height:4.5rem; background-size:auto 100%; background-repeat: no-repeat; background-position: center; font-style:normal; display:block;}
.h_mid_box1 .swiper-slide dl dd{ margin:0.8rem 0 0 0; padding:0px; width:100%; height:1.1rem; line-height: 1.1rem; font-size: 0.9rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.h_mid_box1 .swiper-slide dl.item1 dt{ background-image:url('../../images/tese1.png'); }
.h_mid_box1 .swiper-slide dl.item2 dt{ background-image:url('../../images/tese2.png'); }
.h_mid_box1 .swiper-slide dl.item3 dt{ background-image:url('../../images/tese3.png'); }
.h_mid_box1 .swiper-slide dl.item4 dt{ background-image:url('../../images/tese4.png'); }
.h_mid_box1 .swiper-slide dl.item5 dt{ background-image:url('../../images/tese5.png'); }
.h_mid_box1 .swiper-slide a{ display:block; }

.h_mid_box1 .swiper-button-next:after, .h_mid_box1 .swiper-button-prev:after { font-size:1.5rem !important; }
.h_mid_box1 .swiper-button-prev{ z-index:2; left: 0rem !important; outline: none; }
.h_mid_box1 .swiper-button-next{ z-index:2; right: 0rem !important; outline: none;}






.h_mid_box2{ margin:0px; padding:0 0 1.5rem 0; width:100%; background:#eee; float:left; overflow:hidden; }
.h_mid_box2 .h_mainbox{ position:relative; margin:0 auto; width:100%; }
.h_mid_box2 .h_mainbox .h_typename{ margin:1.5rem 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box2 .h_mainbox .h_typename .con{ padding:0 1rem; width:auto; background:#eee; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box2 .h_mainbox .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box2 .h_mainbox .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box2 .h_mainbox .h_typecon{ margin:0.7rem 0 0 2%; width:96%; text-align:center; cursor:pointer; float:left; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:center; -webkit-tap-highlight-color:transparent; }
.h_mid_box2 .h_mainbox .h_typecon span{ margin:0.4rem 0.2rem 0 0.16rem; padding:0 0.5rem; width:auto; height:2.2rem; line-height:2.2rem; font-size:0.9rem; color:#000; border:#ccc 1px solid; }
.h_mid_box2 .h_mainbox .h_typecon span.active{ color:#fff; background:#004098; border:#004098 1px solid; }


.h_mid_box2 .h_mainbox .h_conbox{ margin:0.7rem 0 0 0; width:100%; display:none; float:left; }
.h_mid_box2 .h_mainbox .h_conbox.active{ display:inline; }

.h_mid_box2 .h_mainbox .h_conbox .listcon{ margin:0 0 0 2%; width:96%; float:left; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:space-between; }
.h_mid_box2 .h_mainbox .h_conbox .listcon a{ margin:0.8rem 0 0 0; width:48.5%; display:block; }
.h_mid_box2 .h_mainbox .h_conbox .listcon a dl{ margin:0; padding:0px; width:100%; text-align:center; background:#fff; float:left; }
.h_mid_box2 .h_mainbox .h_conbox .listcon a dl dt{ margin:0px; padding-bottom:0.2rem; width:100%; text-align:center; float:left; overflow:hidden; }
.h_mid_box2 .h_mainbox .h_conbox .listcon a dl dt img{ width:100%; height:100%; object-fit:scale-down; }
.h_mid_box2 .h_mainbox .h_conbox .listcon a dl dd{ position:relative; margin:0px; padding:0 0.2rem; width:100%; height:2.4rem; border:1px solid #b41e23; border-top:none; box-sizing:border-box; float:left; }
.h_mid_box2 .h_mainbox .h_conbox .listcon a dl dd span{ margin:-0.2rem 0 0 0; padding:0 0.5rem; width:100%; height:2.4rem; line-height:2.4rem; font-size:0.85rem; color:#fff; background:#004098; box-sizing:border-box; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }


.h_mid_box2 .h_mainbox .h_conbox .morebtn{ margin:1.5rem 0 0 0; width:100%; text-align:center; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:center; }
.h_mid_box2 .h_mainbox .h_conbox .morebtn a{ padding:0 1rem; width:auto; height:2.2rem; line-height:2.2rem; letter-spacing:1px; color:#fff; font-size:0.9rem; background:#004098; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:center; }
.h_mid_box2 .h_mainbox .h_conbox .morebtn a:hover{ color:#fff; background:#da353a; }
.h_mid_box2 .h_mainbox .h_conbox .morebtn img{ height:0.8rem; }








.h_mid_box3{ position:relative; margin:2rem 0 0 0;  width:100%; float:left; }
.h_mid_box3 .h_typename{ margin:0 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box3 .h_typename .con{ padding:0 1rem; width:auto; background:#fff; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box3 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box3 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box3 .h_conbox{ position:relative; margin:1.2rem 0 0 0; width:100%; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box3 .h_conbox .swiper-container{ margin:0px; padding:0px; width:80%; border:#dfdfdf 2px solid; }
.h_mid_box3 .h_conbox .swiper-wrapper{ width:100%; }

.h_mid_box3 .h_conbox .swiper-slide dl{ margin:0px; width:100%; background:#fff; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box3 .h_conbox .swiper-slide dl dt{ margin:0px; width:100%; text-align:center; overflow:hidden; }
.h_mid_box3 .h_conbox .swiper-slide dl dt img{ width:100%; height:100%; }
.h_mid_box3 .h_conbox .swiper-slide dl dd{ margin:0px; padding-bottom:0.7rem; width:100%; }
.h_mid_box3 .h_conbox .swiper-slide dl dd h2{ margin:0px; padding: 0.8rem 0.5rem 0 1rem; width:100%; line-height: 1.8rem; font-size: 1.2rem; font-weight: bold; color: #004098; box-sizing: border-box; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.h_mid_box3 .h_conbox .swiper-slide dl dd p{ margin:0px; padding: 0.7rem 0.5rem 0 1rem; width:100%; height:9.6rem; line-height: 1.6rem; font-size: 0.9rem; color: #777; box-sizing: border-box; float:left; overflow:hidden; }

.h_mid_box3 .h_conbox .swiper-button-next:after, .h_mid_box3 .h_conbox .swiper-button-prev:after { font-size:1.5rem !important; }
.h_mid_box3 .h_conbox .swiper-button-prev{ z-index:2; left: 0rem !important; outline: none; }
.h_mid_box3 .h_conbox .swiper-button-next{ z-index:2; right: 0rem !important; outline: none;}







.h_mid_box4{ margin:2rem 0 0 0; width:100%; float:left; }
.h_mid_box4 dl{ margin:0px; width:100%; background:#f0f1f1; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between; }
.h_mid_box4 dl dt{ margin:0px; width:100%; }
.h_mid_box4 dl dt img{ width:100%; }
.h_mid_box4 dl dd{ margin:0px; padding:0 3%; width:100%; box-sizing:border-box;  }

.h_mid_box4 dl dd .h_conbox{ margin:0px; width:100%; overflow:hidden; }
.h_mid_box4 dl dd .h_conbox .title{ margin:1.4rem 0 0 0; width:100%; float:left; }
.h_mid_box4 dl dd .h_conbox .title h2{ margin: 0px; width:100%; line-height: 1.8rem; font-size: 1.6rem; font-weight:bold; color: #004098; float:left }
.h_mid_box4 dl dd .h_conbox .title span{ margin: 0.4rem 0 0 0; width:100%; line-height: 1.4rem; color: #333; font-size: 1.2rem; float:left }

.h_mid_box4 dl dd .h_conbox .conlist{ margin:0px; padding:1.4rem 0; width:100%; border-bottom:#ccc 1px solid; float:left; }
.h_mid_box4 dl dd .h_conbox .conlist .con{ margin:0px; width:100%; float:left; }
.h_mid_box4 dl dd .h_conbox .conlist .con i{ padding:0px; width:15%; min-height:7rem; line-height:4rem; font-size:2.2rem; color: #fff; text-align: center; background:url(../images/num_bg.png) no-repeat center top; background-size:100% auto; float:left; display:block; }
.h_mid_box4 dl dd .h_conbox .conlist .con h4 { margin:0px; padding-bottom:0.5rem; width:80%; line-height:1.3rem; font-size: 1.1rem; font-weight: bold; color: #333; vertical-align:top; float:right; }
.h_mid_box4 dl dd .h_conbox .conlist .con p { padding:0.2rem 0 0.2rem 4%; width:76%; line-height: 1.4rem; font-size: 0.95rem; color: #666; background: url(../images/icon_item.png) no-repeat left 0.55rem; background-size:0.6rem; float:right; }
.h_mid_box4 dl dd .h_conbox .conlist.endtd{ border:none; }

.h_mid_box4 dl.item1{ background:#f0f1f1; }
.h_mid_box4 dl.item0{ background:#fff; }







.h_mid_box5{ position:relative; margin:2rem 0 0 0;  width:100%; float:left; }
.h_mid_box5 .h_typename{ margin:0 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box5 .h_typename .con{ padding:0 1rem; width:auto; background:#fff; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box5 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box5 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box5 .h_conbox{ margin:1.2rem 0 0 0; width:100%; float:left; display: flex; flex-wrap: wrap; flex-direction:column; }

.h_mid_box5 .h_conbox dl{ margin:0px; width:100%; background:#F7F7F7; border-bottom:#C4C4C4 1px dashed; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.h_mid_box5 .h_conbox dl dt{ margin:0 0 0 2%; width:35%; text-align:center; }
.h_mid_box5 .h_conbox dl dt img{ width:100%; }

.h_mid_box5 .h_conbox dl dd{ margin:0 2% 0 0; padding:0.8rem 0; width:57%; box-sizing:border-box; overflow:hidden; }
.h_mid_box5 .h_conbox dl dd h1{ margin:0px; width:100%; line-height:1.3rem; font-size:1.1rem; color:#004098; float:left; }
.h_mid_box5 .h_conbox dl dd h1 i{ font-style:normal; color:#505050; font-weight:normal; }
.h_mid_box5 .h_conbox dl dd p{ margin:0.5rem 0 0 0; width:100%; line-height:1.2rem; font-size:0.8rem; color:#333; float:left; overflow: hidden; }

.h_mid_box5 .h_conbox dl.item1{ background:#F7F7F7;}
.h_mid_box5 .h_conbox dl.item0{ background:#fff;}






.h_mid_box6{ position:relative; margin:2rem 0 0 0;  width:100%; float:left; overflow:hidden; }
.h_mid_box6 .h_typename{ margin:0 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box6 .h_typename .con{ padding:0 1rem; width:auto; background:#fff; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box6 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box6 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box6 .h_conbox{ margin:0.2rem 0 0 2%; width:96%; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }

.h_mid_box6 .h_conbox dl{ margin:1rem 0 0 0; width:20%; text-align:center; cursor:pointer; overflow:hidden; }
.h_mid_box6 .h_conbox dl dt{ margin:0px; width:100%; background:#767676; border:#DCDCDC 2px solid; border-radius:50%; box-sizing:border-box; display: flex; flex-wrap: wrap; flex-direction:row; align-items:center; justify-content:center;  }
.h_mid_box6 .h_conbox dl dt img{ width:60%; }
.h_mid_box6 .h_conbox dl dd{ margin:0px; width:100%; }
.h_mid_box6 .h_conbox dl dd em{ margin:0.5rem 0 0 0; width:100%; line-height:1.5rem; font-size:1.2rem; color:#3E3E3E; font-weight:bold; float:left; }
.h_mid_box6 .h_conbox dl dd span{ margin:0.3rem 0 0 0; width:100%; line-height:1.3rem; font-size:1rem; color:#333; float:left; }
.h_mid_box6 .h_conbox dl:hover dt{ background-color:#003b98; border-color: #003b98; }
.h_mid_box6 .h_conbox dl:hover dd em, .h_mid_box6 .h_conbox dl:hover dd span{ color:#003b98; }
.h_mid_box6 .h_conbox i{ margin:3.5rem 0 0 0; width:5%; height:1.5rem; font-style:normal; background:url(../../images/lc_bg1.png) no-repeat center top; background-size:100% auto; display:block; }






.h_mid_box7{ margin:2rem 0 0 0; padding:0 0 1.5rem 0; width:100%; background:#eee; float:left; overflow:hidden; }
.h_mid_box7 .h_typename{ margin:1.5rem 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box7 .h_typename .con{ padding:0 1rem; width:auto; background:#eee; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box7 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box7 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }


.h_mid_box7 .h_conbox{ position:relative; margin:1.2rem 0 0 0; width:100%; text-align:center; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box7 .h_conbox .swiper-container{ margin:0px; padding:0px; width:80%; border:#dfdfdf 1px solid; }
.h_mid_box7 .h_conbox .swiper-wrapper{ width:100%; }

.h_mid_box7 .h_conbox .swiper-slide dl{ margin:0px; width:100%; background:#fff; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box7 .h_conbox .swiper-slide dl dt{ margin:0px; width:100%; text-align:center; overflow:hidden; }
.h_mid_box7 .h_conbox .swiper-slide dl dt img{ width:100%; height:100%; }
.h_mid_box7 .h_conbox .swiper-slide dl dd{ margin:0px; width:100%; height:2.6rem; line-height:2.6rem; color:#fff; font-size:1.1rem; font-weight:bold; background:#003b98; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.h_mid_box7 .h_conbox .swiper-button-next:after, .h_mid_box7 .h_conbox .swiper-button-prev:after { font-size:1.5rem !important; }
.h_mid_box7 .h_conbox .swiper-button-prev{ z-index:2; left: 0rem !important; outline: none; }
.h_mid_box7 .h_conbox .swiper-button-next{ z-index:2; right: 0rem !important; outline: none;}






.h_mid_box8{ position:relative; margin:2rem 0 0 0;  width:100%; float:left; overflow:hidden; }
.h_mid_box8 .h_typename{ margin:0 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box8 .h_typename .con{ padding:0 1rem; width:auto; background:#fff; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box8 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box8 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box8 .h_conbox{ margin:0.2rem 0 0 2%; width:96%; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.h_mid_box8 .h_conbox a{ margin:1rem 0 0 0; width:48.5%;  }
.h_mid_box8 .h_conbox a dl{ margin:0px; width:100%;  }
.h_mid_box8 .h_conbox a dl dt{ margin:0px; width:100%; text-align:center; float:left; overflow:hidden; }
.h_mid_box8 .h_conbox a dl dt img{ width:100%; height:100%; }
.h_mid_box8 .h_conbox a dl dd{ margin:0px; width:100%; float:left; }
.h_mid_box8 .h_conbox a dl dd h2{ margin:0.6rem 0 0 0; width:100%; line-height:1.3rem; font-size:1rem; font-weight:bold; color:#004098; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.h_mid_box8 .h_conbox a dl dd p{ margin:0.6rem 0 0 0; width:100%; height:4.2rem; line-height:1.4rem; font-size:0.85rem; color:#999; float:left;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}







.h_mid_box9{ margin:2rem 0 0 0; padding:0 0 1.5rem 0; width:100%; background:#004098; float:left; overflow:hidden; }
.h_mid_box9 .h_typename{ margin:1.5rem 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box9 .h_typename .con{ padding:0 1rem; width:auto; background:#004098; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box9 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.5rem; color:#fff; }
.h_mid_box9 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#fcfcfc; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box9 .h_conbox{ margin:0.4rem 0 0 5%; width:90%; text-align:center; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }

.h_mid_box9 .h_conbox .f_text{ margin:1rem 0 0 0; padding:0 1rem 0 3rem; width:100%; height:2.8rem; line-height:2.8rem; font-size:1.1rem; color:#505050; box-sizing:border-box; background-color:#fff; border:none; border-radius:0.3rem; overflow:hidden; }
.h_mid_box9 .h_conbox .f_sel{ margin:1rem 0 0 0; padding:0 0 0 2.75rem; width:100%; height:2.8rem; line-height:2.8rem; font-size:1.1rem; color:#505050; box-sizing:border-box; background-color:#fff; border:none; border-radius:6px; overflow:hidden; }
.h_mid_box9 .h_conbox input::-webkit-input-placeholder{ color:#9f9f9f; }
.h_mid_box9 .h_conbox .uname_tb{ background:#fff url(../images/form1.png) no-repeat 0.8rem center; }
.h_mid_box9 .h_conbox .mobile_tb{ background:#fff url(../images/form2.png) no-repeat 0.8rem center; }
.h_mid_box9 .h_conbox .area_tb{ background:#fff url(../images/form3.png) no-repeat 0.8rem center; }
.h_mid_box9 .h_conbox .f_sub{ margin:1rem 0 0 0; padding:0px; width:100%; height:3rem; line-height:3rem; font-size:1.3rem; color:#fff; text-align:center; background-color:#da353a; border:none; border-radius:0.3rem; cursor:pointer; overflow:hidden; }








.h_mid_box10{ position:relative; margin:2rem 0 0 0;  width:100%; float:left; overflow:hidden; }
.h_mid_box10 .h_typename{ margin:0 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box10 .h_typename .con{ padding:0 1rem; width:auto; background:#fff; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box10 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box10 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box10 .h_conbox{ margin:0.8rem 0 0 2%; width:96%; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.h_mid_box10 .h_conbox a{ margin:0.3rem 0 0 0; width:100%;  }
.h_mid_box10 .h_conbox a dl{ margin:0px; width:100%; background:#000; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.h_mid_box10 .h_conbox a dl dt{ margin:0px; width:40%; text-align:center; overflow:hidden; }
.h_mid_box10 .h_conbox a dl dt img{ width:100%; height:100%; }

.h_mid_box10 .h_conbox a dl dd{ margin:0px; padding:0.5rem 4%; width:60%; box-sizing:border-box; }
.h_mid_box10 .h_conbox a dl dd h2{ margin:0px; width:100%; line-height:1.25rem; font-size:1rem; font-weight:bold; color:#fff; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.h_mid_box10 .h_conbox a dl dd i{ margin:0.3rem 0 0 0; width:100%; line-height:1rem; font-size:0.8rem; color:#ccc; font-style:normal; float:left; }
.h_mid_box10 .h_conbox a dl dd p{ margin:0.4rem 0 0 0; width:100%; height:3.75rem; line-height:1.25rem; font-size:0.85rem; color:#eee; float:left;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.h_mid_box10 .h_conbox a dl.item1{ }
.h_mid_box10 .h_conbox a dl.item0{ flex-direction:row-reverse; }

.h_mid_box10 .morebtn{ margin:1.5rem 0 0 0; width:100%; text-align:center; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:center; }
.h_mid_box10 .morebtn a{ padding:0 1rem; width:auto; height:2.2rem; line-height:2.2rem; letter-spacing:1px; color:#fff; font-size:0.9rem; background:#004098; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:center; }
.h_mid_box10 .morebtn a:hover{ color:#fff; background:#da353a; }
.h_mid_box10 .morebtn img{ height:0.8rem; }





.h_mid_box11{ margin:2rem 0 0 0; padding:0 0 1.5rem 0; width:100%; background:#eee; float:left; overflow:hidden; }
.h_mid_box11 .h_typename{ margin:1.5rem 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box11 .h_typename .con{ padding:0 1rem; width:auto; background:#eee; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box11 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box11 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box11 .h_conbox{ position:relative; margin:0 0 0 2%; padding:1.5rem 0 0 0; width:96%; float:left; }
.h_mid_box11 .h_conbox .swiper-container, .h_mid_box11 .h_conbox .swiper-wrapper{ width:100%; }
.h_mid_box11 .h_conbox .home-case{ margin-top: 0px;}
.h_mid_box11 .h_conbox .home-case .swiper-slide{ width:60%; position: relative; }
.h_mid_box11 .h_conbox .home-case .swiper-slide a{ width:100%; opacity:1; z-index:9; text-decoration:none; background-color: #d2d2d2;}
.h_mid_box11 .h_conbox .home-case .swiper-slide a img{ width:100%; height:350px;}
.h_mid_box11 .h_conbox .home-casetit{ width:100%; height:1.6rem !important; line-height:1.6rem; font-size: 0.9rem; color:#000; text-align:center; box-sizing: border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.h_mid_box11 .morebtn{ margin:1.5rem 0 0 0; width:100%; text-align:center; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:center; }
.h_mid_box11 .morebtn a{ padding:0 1rem; width:auto; height:2.2rem; line-height:2.2rem; letter-spacing:1px; color:#fff; font-size:0.9rem; background:#004098; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:center; }
.h_mid_box11 .morebtn a:hover{ color:#fff; background:#da353a; }
.h_mid_box11 .morebtn img{ height:0.8rem; }







.h_mid_box12{ position:relative; margin:2rem 0 0 0;  width:100%; float:left; overflow:hidden; }
.h_mid_box12 .h_typename{ margin:0 0 2.5rem 0; width:100%; height:1rem; box-sizing:border-box; border-bottom:#99b3d6 1px solid; float:left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box12 .h_typename .con{ padding:0 1rem; width:auto; background:#fff; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.h_mid_box12 .h_typename .con h1{ margin:0px; width:auto; line-height:1.8rem; font-size:1.6rem; color:#004098; }
.h_mid_box12 .h_typename .con p{ margin:0.3rem 0 0 0;  width:auto; line-height:1.2rem; letter-spacing:1px; font-size:0.8rem; color:#4e4e4e; text-transform:uppercase; font-family: ""arial, helvetica, sans-serif""; }

.h_mid_box12 .h_conbox{ margin:1.2rem 0 0 3%; width:94%; line-height:170%; float:left; overflow-x:auto;}
.h_mid_box12 .h_conbox img{ width:100%; height:auto; }







/*------------------Neiye------------------------------*/

.ny_ad_box{ margin:0px; width:100%; height:auto; text-align:center; float:left; overflow:hidden; }
.ny_ad_box img{ width:100%; vertical-align:top; }



.ny_location_box{ margin:0.8rem 0 0 2%; padding:0px; width:96%; line-height:1.4rem; float:left; }
.ny_location_box span{ margin:0px; padding-left:1.15rem; width:auto; line-height:1.4rem; font-size:1.1rem; color:#999; background:url(../images/tb03.png) no-repeat left center; background-size:0.9rem; float:left; display:inline; }
.ny_location_box span a{ color:#555; }
.ny_location_box span a:hover{ color:#555; }



.ny_typename_box{ margin:1.5rem 0 0 3%; width:94%; line-height:1.7rem; font-size:1.49rem; font-weight:bold; color:#1d1d1d; float:left; }



.ny_typecon_box{ position:relative; margin:0px; padding:0 2rem 0 0.3rem; width:100%; height:3.6rem; text-align:center; background:#004998; box-sizing:border-box; float:left; overflow:hidden; }
.ny_typecon_box p{ position:absolute; z-index:3; top:0px; right:0px; margin:0px; width:2rem; height:100%; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:center; }
.ny_typecon_box p i{ width:0.7rem; height:0.7rem; font-style:normal; border-top:#fff 0.15rem solid; border-right:#fff 0.15rem solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.ny_typecon_box ul{ width:100%; height:100%; overflow-x:auto; -webkit-overflow-scrolling: touch; display: flex; flex-wrap: nowrap; flex-direction:row; justify-content:flex-start; }
.ny_typecon_box ul li{ margin:0 0.2rem; width:auto; font-size:1.1rem; white-space:nowrap; display: flex; flex-wrap: nowrap; flex-direction:row; align-items: center; }
.ny_typecon_box ul li a{ padding:0 0.6rem; height:2.2rem; line-height:2.2rem; color:#fff; background:none; display:block; }
.ny_typecon_box ul li a:hover{ color:#fff; background:none; border-radius:0.2rem; display:block; }
.ny_typecon_box ul li a.on{ color:#fff; background:#da353a; border-radius:0.2rem; display:block; }
.ny_typecon_box ul li a.on:hover{ color:#fff; background:#da353a; }





.ny_content_box{ margin:1.5rem 0 0 3%; width:94%; min-height:17rem; float:left; overflow-x:auto; }
.ny_content_box img{ width:100%; height:auto; }


.ny_map_box{ margin:1.5rem 0 0 0; padding:0px; width:100%; border-bottom:#ddd 1px solid; float:left; overflow:hidden; }






.ny_about_box{ margin:0.3rem 0 0 0; width:100%; min-height:17.7rem; float:left; overflow:hidden; }
.ny_about_box .h_mainbox{ margin:0 auto; padding:1.6rem 0; width:100%; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content:center; }
.ny_about_box .h_mainbox .h_typename{ margin:0px; width:96%; text-align:center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.ny_about_box .h_mainbox .h_typename span{ margin:0px; padding:0px; width:100%; line-height:1.4rem; font-size:1.2rem; color:#004098; text-transform: uppercase; font-family: 'Arial, Helvetica, sans-serif'; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_about_box .h_mainbox .h_typename i{ margin:0.4rem 0 0 0; padding-top:0.6rem; width:auto; line-height:1.5rem; font-size:1.2rem; color:#000; border-top:#ccc 1px solid; font-style:normal; }

.ny_about_box .h_mainbox .h_content{ margin:1.4rem 0 0 0; width:94%; overflow-x:auto; }
.ny_about_box .h_mainbox .h_content img{ width:100%; height:auto; }
.ny_about_box .h_mainbox.item1{}
.ny_about_box .h_mainbox.item0{ background:#eee; }





.ny_product_box{ margin:0 0 0 2%; width:96%; min-height:14.4rem; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.ny_product_box a{ margin:1rem 0 0 0; width:49%; display:block; }
.ny_product_box a dl{ margin:0; padding:0px; width:100%; text-align:center; background:#fff; float:left; }
.ny_product_box a dl dt{ margin:0px; padding-bottom:0.2rem; width:100%; text-align:center; float:left; overflow:hidden; }
.ny_product_box a dl dt img{ width:100%; height:100%; object-fit:scale-down; }
.ny_product_box a dl dd{ position:relative; margin:0px; padding:0 0.2rem; width:100%; height:2.4rem; border:1px solid #b41e23; border-top:none; box-sizing:border-box; float:left; }
.ny_product_box a dl dd span{ margin:-0.2rem 0 0 0; padding:0 0.5rem; width:100%; height:2.4rem; line-height:2.4rem; font-size:0.85rem; color:#fff; background:#004098; box-sizing:border-box; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_product_box .no_content{ margin:0px; padding:5rem 0; width:100%; text-align:center; float:left; }







.ny_product_xx_box{ margin:0px; width:100%; float:left; }

.ny_product_xx_box .h_imgbbox{ position:relative; margin:0px; padding:1.7rem 0 2.5rem 0; width:100%; float:left; overflow:hidden; }
.ny_product_xx_box .h_imgbbox .swiper-container{ width:88%; height:auto; }
.ny_product_xx_box .h_imgbbox .swiper-wrapper{ width: 100%; }
.ny_product_xx_box .h_imgbbox .swiper-slide{ width:100%; height:100%; background:#eee; }
.ny_product_xx_box .h_imgbbox .swiper-slide img{ width:100%; height:100%; object-fit:scale-down; }

.ny_product_xx_box .h_typename{ margin:0px; padding:0 3%; width:100%; height:2.8rem; line-height:2.8rem; font-size:1.2rem; color:#fff; background:#004998; box-sizing:border-box; float:left; }

.ny_product_xx_box .h_title{ margin:1.3rem 0 0 3%; width:94%; line-height:1.6rem; font-size:1.3rem; color:#000; font-weight:bold; float:left; overflow:hidden; }
.ny_product_xx_box .h_catename{ position:relative; margin:1.2rem 0 0 3%; padding:0 0 0 5.5rem; width:94%; min-height:1.4rem; line-height:1.4rem; font-size:1rem; color:#666; float:left; }
.ny_product_xx_box .h_catename i{ position:absolute; top:0px; left:0px; margin:0px; width:auto; line-height:1.4rem; font-size:1rem; color:#505050; font-style:normal; }

.ny_product_xx_box .h_scon{ position:relative; margin:0.8rem 0 1.3rem 3%; padding:0 0 0 5.5rem; width:94%; min-height:1.5rem; line-height:1.5rem; font-size:1rem; color:#666; box-sizing:border-box; float:left; overflow:hidden;  }
.ny_product_xx_box .h_scon i{ position:absolute; top:0px; left:0px; margin:0px; width:auto; line-height:1.5rem; font-size:1rem; color:#505050; font-style:normal; }

.ny_product_xx_box .h_content{ margin:1.2rem 0 0 3%; padding:0px; width:94%; float:left; overflow-x:auto; }
.ny_product_xx_box .h_content img{ width:100%; height:auto; }








.ny_news_box{ margin:0.5rem 0 0 2%; width:96%; min-height:14rem; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }

.ny_news_box a{ margin:0.3rem 0 0 0; width:100%;  }
.ny_news_box a dl{ margin:0px; width:100%; background:#000; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.ny_news_box a dl dt{ margin:0px; width:40%; text-align:center; overflow:hidden; }
.ny_news_box a dl dt img{ width:100%; height:100%; }

.ny_news_box a dl dd{ margin:0px; padding:0.5rem 4%; width:60%; box-sizing:border-box; }
.ny_news_box a dl dd h2{ margin:0px; width:100%; line-height:1.25rem; font-size:1rem; font-weight:bold; color:#fff; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_news_box a dl dd i{ margin:0.3rem 0 0 0; width:100%; line-height:1rem; font-size:0.8rem; color:#ccc; font-style:normal; float:left; }
.ny_news_box a dl dd p{ margin:0.4rem 0 0 0; width:100%; height:3.75rem; line-height:1.25rem; font-size:0.85rem; color:#eee; float:left;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.ny_news_box a dl.item1{ }
.ny_news_box a dl.item0{ flex-direction:row-reverse; }

.ny_news_box .no_content{ margin:0px; padding:5rem 0; width:100%; text-align:center; float:left; }




.ny_news_xx_box{ margin:0px; width:100%; min-height:14.4rem; float:left; }
.ny_news_xx_box .h_title{ margin:2rem 0 0 3%; width:94%; line-height:1.75rem; font-size:1.4rem; color:#000; text-align:center; float:left; }
.ny_news_xx_box .h_datecon{ margin:1.2rem 0 0 3%; padding:0 0 1rem 0; width:94%; line-height:1.2rem; font-size:0.85rem; color:#b0b0b0; text-align:center; border-bottom:#ccc 1px dashed; float:left; }
.ny_news_xx_box .h_datecon.nsj{ padding:0px; border-bottom:#ddd 1px dashed; }
.ny_news_xx_box .h_content{ margin:1rem 0 0 3%; padding:0px; width:94%; float:left; overflow-x:auto; }
.ny_news_xx_box .h_content img{ width:100%; height:auto; }






.ny_case_box{ margin:0 0 0 2%; width:96%; min-height:14.1rem; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.ny_case_box a{ margin:1rem 0 0 0; width:49%; display:block; }
.ny_case_box a dl{ margin:0; padding:0px; width:100%; text-align:center; background:#fff; float:left; }
.ny_case_box a dl dt{ margin:0px; width:100%; text-align:center; float:left; overflow:hidden; }
.ny_case_box a dl dt img{ width:100%; }
.ny_case_box a dl dd{ margin:1px 0 0 0; padding:0 0.4rem; width:100%; height:2.4rem; line-height:2.4rem; font-size:0.85rem; color:#fff; background:#004098; box-sizing:border-box; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_case_box .no_content{ margin:0px; padding:5rem 0; width:100%; text-align:center; float:left; }





.ny_video_box{ margin:0 0 0 2%; width:96%; min-height:18rem; float:left; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.ny_video_box a{ margin:1rem 0 0 0; width:49%; display:block; }
.ny_video_box a dl{ position:relative; margin:0px; padding:0px; width:100%; text-align:center; background:#fff; float:left; }
.ny_video_box a dl dt{ margin:0px; width:100%; text-align:center; float:left; overflow:hidden; }
.ny_video_box a dl dt img{ width:100%; height:100%; }
.ny_video_box a dl dd{ position:absolute; z-index:2; left:0px; bottom:0px; margin:0px; padding:0 0.4rem; width:100%; height:2.2rem; line-height:2.2rem; font-size:0.85rem; color:#fff; background-color: rgba(6,57,104,.7); box-sizing:border-box; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.ny_video_box a dl .videotb{ position:absolute; z-index:5; left:0px; top:0px; margin:0px; width:100%; height:100%; background-image:url(../images/video-icon.png); background-repeat:no-repeat; background-position:center center; background-size:20% auto; display:block; }


.ny_video_box .no_content{ margin:0px; padding:5rem 0; width:100%; text-align:center; float:left; }







.ny_parnext_box{ margin:0.8rem 0 0 3%; padding:0.8rem 0 0 0; width:94%; border-top:#ddd 1px solid; float:left; }
.ny_parnext_box span{ margin:0px; padding:0px; width:100%; line-height:190%; font-size:1rem; color:#8c8c8c; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_parnext_box span a{ color:#555; }
.ny_parnext_box span a:hover{ color:#555; }

/*------------页码0----------*/
.page_box{ margin:2rem 0 0 0;  width:100%; font-size:0.85rem; text-align:center; float:left; overflow:hidden; }
.page_box i{ margin:0 0.2rem; padding:0px 0.6rem; height:2rem; line-height:2rem; background:#004998; color:#fff; font-style:normal; border-radius:0.3rem; vertical-align:top; display:inline-block; }
.page_box span{ margin:0 0.2rem; padding:0px 0.6rem; height:2rem; line-height:2rem; background:#004998; color:#fff; border-radius:0.3rem; vertical-align:top; display:inline-block; }
.page_box a{ margin:0 0.2rem; padding:0px 0.6rem; height:2rem; line-height:2rem; background:#004998; color:#fff; border-radius:0.3rem; vertical-align:top; display:inline-block; }
.page_box a:hover{ color:#fff; background:#004998; vertical-align:top; display:inline-block; }
/*------------页码1----------*/



.f_padheght{ margin:0px; width:100%; height:1.5rem; float:left; overflow:hidden; }
/*------------------footer------------------------------*/


.bottomcon_box{ margin:0px; width:100%; background:#e0e0e0; float:left; overflow:hidden; }
.bottomcon_box .conbox{ margin:0 0 0 3%; padding:1.3rem 0 0.8rem 0; width:94%; text-align:center; float:left; }
.bottomcon_box .conbox .h_conbox1{ margin:0px; padding-bottom:1rem; width:100%; border-bottom:#cfcfcf 1px solid; float:left; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:center; }
.bottomcon_box .conbox .h_conbox1 i{ padding:0.5rem; width:0.9rem; height:0.9rem; text-align:center; font-size:1rem; color:#fff; background:#004998; border-radius:50%; vertical-align:top; }
.bottomcon_box .conbox .h_conbox1 span{ margin:0 0 0 0.6rem; width:auto; line-height:2rem; font-size:1.7rem; color:#004998; }

.bottomcon_box .conbox .h_conbox2{ margin:0px; padding:1rem 0; width:100%; border-bottom:#cfcfcf 1px solid; float:left; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:center; }

.bottomcon_box .conbox .h_conbox2 dl{ margin:0 0.4rem; width:40%; text-align:center; }
.bottomcon_box .conbox .h_conbox2 dl dt{ margin:0px; width:100%; float:left; }
.bottomcon_box .conbox .h_conbox2 dl dt img{ width:70%; }
.bottomcon_box .conbox .h_conbox2 dl dd{ margin:0.5rem 0 0 0; width:100%; line-height:1.3rem; font-size:0.9rem; color:#333; float:left; }


.bottomcon_box .conbox .h_conbox3{ margin:0.8rem 0 0 0; width:100%; line-height:1.1rem; font-size:0.75rem; color:#909090; float:left; }
.bottomcon_box .conbox .h_conbox3 a{ color:#909090; }
.bottomcon_box .conbox .h_conbox3 a:hover{ color:#909090; }



.bottommenu_box{ margin:1px 0 0 0; width:100%; height:3.4rem; float:left; }
.bottommenu_box .conbox{ position:fixed; z-index:8; bottom:0px; left:50%; margin:0 0 0 -50%; width:100%; height:3.4rem; background:#fefefe; border-top:#ddd 1px solid; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content:space-between; }
.bottommenu_box .conbox a{ margin:0px; padding:0px; width:33.33%; height:100%; text-align:center; color:#303030; display:block; }
.bottommenu_box .conbox a:hover{ color:#303030; }
.bottommenu_box .conbox a.on{ color:#fff; background:#004098;  }

.bottommenu_box .conbox a dl{ margin:0px; width:100%; height:100%; display: flex; flex-wrap: wrap; flex-direction:column; align-items: center; justify-content:center; }
.bottommenu_box .conbox a dl dt{ margin:0px; width:100%; line-height:1.6rem; font-size:1.4rem; }
.bottommenu_box .conbox a dl dd{ margin:0.1rem 0 0 0; width:100%; line-height:1.2rem; font-size:1rem; }


.bottommenu_box .conbox .h_ewm{ position:absolute; z-index:10; left:0px; bottom:3.5rem; margin:0px; width:100%; text-align:center; font-size:1.1rem; color:#fff; background-color:rgba(0,0,0,0.80); display:none; }
.bottommenu_box .conbox .h_ewm i{ margin:1.5rem 0 0 30%; width:40%; font-style:normal; float:left; }
.bottommenu_box .conbox .h_ewm i img{ width:100%; }
.bottommenu_box .conbox .h_ewm span{ margin:0.6rem 0 0 0; padding:0 0 2.8rem 0; width:100%; line-height:1.3rem; font-size:1.1rem; float:left; }


