/* CSS Document */
body { font-family: 'Poppins', sans-serif; font-size: 14px; line-height:30px; color: #000000; }
h1, h2, h3, h4, h5 { font-family: 'Poppins', sans-serif; font-weight:normal; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
.fr { float:right; }
.fl { float:left; }
img { padding:0; margin:0; border:0; }
img a { padding:0; margin:0; border:0; }
.clear { clear: both; }
.clearfix { *zoom: 1;}
.clearfix { clear: both; }
ul, ul li { list-style:none; }
body, div, span, small, p, em, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, textarea { padding: 0; margin: 0; }
ul, li { list-style: none; }
html a { text-decoration: none; color: #000; }
html a:hover { text-decoration: none;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; }
html::-webkit-scrollbar {
width:7px;
height:7px;
background-color:#ececec;
}
html::-webkit-scrollbar-track {
border-radius:0;
background-color:#ececec;
}
html::-webkit-scrollbar-thumb {
border-radius:0;
width:17px;
height:17px;
background-color:rgb(7,55,103);
}
::-moz-selection {
background: rgb(7,55,103);
color: #fff;
text-shadow: none;
}
::selection {
background: rgb(7,55,103);
color: #fff;
text-shadow: none;
}
a { text-decoration: none;}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
b, strong, h1, h2, h3, h4, h5, h6 { font-weight: 100; }
i, em { font-style: normal; }
img { border: none; }
html { font-family: 'Poppins', sans-serif; font-size: 14px; }
body { font-family: 'Poppins', sans-serif; transition: all .3s;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 -o-transition: all .3s;
}
.banner-nei img { display:block; width:100%; height:auto }
.navbar { position: relative; margin-bottom: 0px; }
.navbar-inverse { background:#fff; }
.navbar-brand { margin-top:0px; padding:0px; }
.navbar-nav > li > a { padding-top:10px; padding-bottom: 10px; line-height:100px; font-size:16px; color:#686868; border-right:#e8e8e8 1px solid; text-transform:uppercase; }
.nav { border-left:#e8e8e8 1px solid; margin-left:10px; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a.focus { color: #b70005; }
.navbar-inverse .navbar-nav > li > a { color:#686868; }
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: #b70005; border: 1px solid transparent; border-radius: 4px; }
.w1360 { width:100%; height:auto; margin:0px auto; max-width:1200px;}
/**/
#headerx { height:100px; width:100%; background:#fff; position:relative; z-index:1000; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);}

.pclogo{width:15.666666%; height:100px; overflow:hidden; float:left; display:flex; align-items:center; transition:.3s; }
.pclogo a img{max-width:80%; height:auto; transition:.3s;}


.navx { height:100px; float:left; margin-left:50px; transition:.3s;}
.navx ul { }
.navx li { float:left; z-index:13; text-align:center; position:relative; }
.navx li h2 a { color:#333; font-size:18px; height:100px; line-height:100px; display:block; text-align:center; padding:0px 20px;font-weight:400;}
.navx li h2 a:hover { color:rgb(7,55,103);}
.navx li h2 a.focus { color:rgb(7,55,103);}
.navx ul li {
    position: relative; /* 确保子元素绝对定位相对于此 */
}
.navx ul li .option {
    position: absolute;
    top: 100%;          /* 紧贴父级底部 */
    left: 0;
	border-radius: 0 0 10px 10px;
    z-index: 999;       /* 确保覆盖其他内容 */
    /* 可选：设置宽度，避免内容撑开 */
    width: 460px;       /* 或 auto，但最好固定 */
    background: #fff;   /* 背景色，避免透明 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 视觉效果 */
    display: none;      /* 初始隐藏（由 JS 控制） */
}
.option { display:none; left:0px; position:absolute; top:100%; z-index:12; width:160px; height:auto; background:#fff; text-align:center; padding:10px 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.option a { color:#444; display:block; line-height:40px; height:40px; font-size:16px; width:100%; text-align:left; float:left;}
.option a:hover { color:rgb(7,55,103); }

.pclang{width:90px; height:30px; line-height:30px; font-size:16px; color:#555; background:url(larr.png) no-repeat right center; float:right; margin-top:35px; position:relative; padding-left:10px;}
.pclang a{color:#888;}
.pclabox{display:none; left:0px; position:absolute; top:100%; z-index:12;  background:#fff;  width:100px; padding:10px 0px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.pclabox  a{ color:#555; display:block;line-height:24px; height:35px; font-size:14px; text-align:left; padding-left:10px;}
.pclabox  a:hover{ color:#000;}

/*.search{position:relative;width:62px;height: 60px;cursor:pointer;margin-top:20px;z-index:9999;}*/

/* 改为限定在头部容器内 */
#headerx .search,
.header .search,
.nav .search {
    position: relative;
    width: 62px;
    height: 40px;
    cursor: pointer;
    margin-top: 30px;
    z-index: 9999;
}

.search .search-btn {
    padding-top: 39px;
    padding-left: 24px;
    width: 38px;
    height: 30px;
    background: url(bg_sign02.png) no-repeat -85px center;
}
.search .search-btn.open {
    background-position: -8px center;
}
.search .search-box {
    position: absolute;
    right: 63px;
    top: 0;
    width: 0;
    height: 40px;
    background: #ededed;
    overflow: hidden;
    z-index: 9999;
    border-radius: 12px;
    display: flex;
    align-items: center;
}
.search .search-box form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
}
.search .search-box input {
    background: none;
    border: none;
    box-sizing: border-box; /* 关键：使 padding 包含在高度内 */
    height: 100%;
    width: 100%;
}
.search .search-box input.txt {
    width: 180px;
    padding: 0 21px;        /* 只保留左右内边距 */
    line-height: 45px;      /* 与父容器高度一致，保证文字垂直居中 */
    font-size: 14px;
    color: #666;
    outline: none;          /* 移除默认黑圈 */
    border: 1px solid transparent; /* 占位，避免布局跳动 */
}
.search .search-box input.txt:focus {
    border-color: rgb(237,237,237); /* 用主题色边框代替 */
    /*box-shadow: 0 0 4px rgba(19, 181, 180, 0.3);*/
}
.search .search-box input.sub {
	width: 49px;          /* 输入框宽度 */
    height: 30px;         /* 建议显式设定高度，避免背景变形 */
    cursor: pointer;
    background: url(search_bg01.jpg) no-repeat center;
    background-size: 26px 26px;
	
}

@media screen and (max-width:1260px) {
.w1360 { width:100%; padding:0px 20px;}
}

/**/

.m_hide { display: none; }
/*pc不显示手机显示*/
.pc_hide { display: block; }
.m_header { width: 100%; position: fixed; left: 0; top:38px; z-index:1000; }
.m_body {z-index:1000; position:fixed; top:0; left:0; /*width:100%;*/ height:100%; background:#525252; display:none;}
.m_header .logo { width: 30%; float: left; padding-left:0; }
.m_header .logo a, .m_header .logo img { display: block; width:auto;height:60px; }
.mlang { height:60px; padding:0px 10px; line-height:60px; text-align:center; font-size:18px; color:#4e4e4e; float:right; font-family: 'Poppins', sans-serif; }
.m_header .collapse { background-color: transparent; border-radius: 4px; float: right; cursor: pointer; position: relative; /*width: 35px; */ height: 30px; background-image: none; margin-top:15px; }
.m_header .collapse .icon-bar { border-radius: 1px; display: block; height: 3px; width: 28px; background: rgb(7,55,103); position: absolute; top: 45%; transition: all ease 0.3s; }

.mlangx{width:18px; height:60px; line-height:18px; font-size:16px; color:#b3b3b3; float:right; position:relative; margin-top:0px; margin-right:5px;}
.mlangx a{color:#888; }
.mlangx a img{margin-top:21px;}
.mlabox{display:none; right:-60px; position:absolute; top:60px; z-index:12;  background:url(msub.png) repeat; width:100px;}
.mlabox .h10{height:5px;}
.mlabox  a{ color:#fff; display:block;line-height:24px; height:24px; font-size:14px; text-align:right; padding-right:30px;}
.mlabox  a:hover{ color:#fff;}

/*必须定位哦*/

.m_header .collapse span:nth-child(1) {
 -moz-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 -o-transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 .m_header .collapse span:nth-child(3) {
 transform: translateY(10px);
 -transform: translateY(10px);
 -ms-transform: translateY(10px);
 -o-transform: translateY(10px);
 -webkit-transform: translateY(10px);
}
 .m_header .collapse.active span:nth-child(1) {
 transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
}
 .m_header .collapse.active span:nth-child(2) {
 display: none
}
 .m_header .collapse.active span:nth-child(3) {
 transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}
.m_header .drop_menu { line-height: 40px; display: none; /*position: fixed;*/ float: right; width: 40%; /*background: #f3f3f3;*/border-radius: 0 10px; }
.m_header .drop_menu li { width: 100%; padding:0px 0px; background:#f3f3f3; height: auto; border-bottom: 1px solid #dadada; }
.m_header .drop_menu li a { display: block; width: 100%; color: rgb(7,55,103); text-align:center; }
.m_header .drop_menu li>a { font-size: 16px; }
.m_header .drop_menu dd a { font-size: 14px; color: #666 }
.m_header .in_header { height: 60px; background:#fff;}
.banner { width:100%; margin-right: auto; margin-left: auto;}


 @media (max-width:960px) {
.m_hide {display: block;}
.pc_hide {display: none;}
/*导航*/
.m_header {width:100%; /*background: #fff;*/ position: fixed; left: 0; top:0px;z-index:1000;}
.banner {margin-top:65px;}




}

#ban-in { background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; padding:150px 0px;  color: #fff; position: relative; margin-top:105px;}
#mban-in{height:auto; overflow:hidden; margin-top:60px; margin-bottom:20px;}

.nimg{text-align:right;}
.nimg img{max-width:100%;}

@media screen and (max-width:860px){
#ban-in{padding:100px 0; margin-top:60px;}
}
.kq1 { -webkit-animation-delay: 1s; }
.kq2 { -webkit-animation-delay: 2s; -webkit-animation-duration: 2s; }
.kq3 { -webkit-animation-delay: 3s; -webkit-animation-duration: 3s; }
.top { width:100%; background-color:#0152a4; }
.kuanping { width:1200px; margin-right: auto; margin-left: auto; }
.yuyan { height:34px; padding-top:24px; }
.guding { position:fixed; top:0px; }
.ttp { margin-top:24px; }
.abtit { background:url(../images/abtit.jpg) center; background-repeat:no-repeat; height:90px; }
.txx { margin-top:36px; }
.nw-tt { padding:20px; height:auto; overflow:hidden; background-color:#0e6bab; color:#FFFFFF; }
.nw-tt h2 { font-size:20px; margin-top:0px; margin-bottom:10px; font-family: 'Poppins', sans-serif; }
.nw-hang { background-color:#eaeaeb; height:127px; margin-bottom:10px; }
.nw-hang-zuo { width:20%; float:left; text-align:center; line-height:127px; background-color:#0e6bab; color:#FFFFFF; }
.nw-hang-you { width:80%; padding:20px; float:right; color:#848484; }
.nw-hang-you h2 { font-size:20px; margin-top:0px; margin-bottom:10px; color:#000000; font-family: 'Poppins', sans-serif; }
.abtt { margin-top:60px; }
.xhui { background-color:#eaeaeb; margin-top:50px; }
.abbj { background:url(../images/about.jpg) center; }
#elevator_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; -webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 60px; height: 50px; background: url(icon_top.png) center center no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6); border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; margin-bottom: 10px }
#elevator:hover { background-color: rgba(0, 0, 0, .7) }
#elevator:active { background-color: rgba(0, 0, 0, .75) }
#elevator_item .qr { display: block; width: 60px; height: 40px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; background: url(icon_code.png) center center no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6) }
#elevator_item .qr:hover { background-color: rgba(0, 0, 0, .7) }
#elevator_item .qr:active { background-color: rgba(0, 0, 0, .75) }
#elevator_item .qr-popup { width: 170px; height: 200px; background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, .1); position: absolute; left: -180px; bottom: 0; border-radius: 2px; display: none; text-align: center }
#elevator_item .qr-popup .code-link { display: block; margin: 10px; color: #777 }
#elevator_item .qr-popup .code { display: block; margin-bottom: 10px }
#elevator_item .qr-popup .arr { width: 6px; height: 11px; background: url(code_arrow.png) 0 0 no-repeat; position: absolute; right: -6px; bottom: 14px }
.hy_load { position: absolute; right: 0; color: #333 !important; background: url(hy_load_03.png) no-repeat center right !important; padding-right: 24px; }
.hy_loadx { position: absolute; right: 0; color: #333 !important; padding-right: 24px; }
.arc_link { margin:15px 0; border-top:1px dotted #ccc; padding:8px 0; }
.arc_link span { padding:0 8px; }
.content_ct2 { margin:0 auto; }
.content_ct2 .arc_title { padding:8px 0; text-align:center; font-size:36px; font-weight:bold }
.content_ct2 .add_info {padding:5px 0; /*background:#fefefe;*/ font-size:22px; color:#777; text-align:center; }
.turn { width: 100%; border-top: 1px dotted #ccc; padding-top: 25px; margin-top: 30px; line-height:32px; position: relative; font-size:14px; }
.turn p { float: left; line-height:32px; margin-bottom: 7px; }
.turn .line { width: 100%; height: 0; line-height: 0; clear: both; }
.turn a.name { display: inline-block; float: left; line-height: 32px; margin-bottom: 7px; }
.turn a.back { display: inline-block; line-height: 32px; padding: 0 28px; background: #ececec; float: right; }
.jiathis_style { float: right; margin-top:15px; clear:both; }
.jiathis_style span.t { display: inline-block; line-height: 16px; float: left; }



.piclistxx ul li { width:204px; height:auto; margin-right:20px; float:left; }
.piclistxx ul li a { display:block; width:204px; height:auto; }
.piclistxx ul li a:hover img { border:2px solid rgb(7,55,103); }
.piclistxx ul li a img { width:200px; height:200px; border:2px solid #ddd; }
.piclistxx ul li .infoxx { height:25px; line-height:25px; width:200px; margin:0 auto; display:block; text-align:center; color:#333; }
#demo1 { float: left; }
#demo2 { float: left; }
#demox1 { float: left; }
#demox2 { float: left; }
.inquiry { line-height:32px; border:none; margin-top:6px; width:112px; height:32px; float:left; margin-right:20px; }
.inquiry a { background:url("xunjia.gif") center center no-repeat; display:block; display:block; color:#FFF; font-size:14px; padding-left:35px; font-family: 'Poppins', sans-serif; }
.inquiry a:hover { background-image:url("xunjia_hover.gif"); display:block; color:#FFF; }
.title_t { font-size: 16px; COLOR: #fff; font-weight:bold; font-family: 'Poppins', sans-serif; }
/*留言本*/
.book_contain { width:760px; border:1px solid #ccc; }
.book_contain h2 { height:25px; font-size:12px; padding-left:8px; line-height:25px; background:#ccc }
.book_head { height:25px; line-height:25px; padding-left:15px; }
.book_head span.time { padding-left:25px; }
.book_head span.title { font-weight:bold }
.book { border-bottom:1px dotted #ccc; margin:8px; }
.book_content, .book_reply { padding-left:15px; line-height:24px; }
.book_reply { color:red; }
.book_form { float:left; }
.book_form p { padding:5px; height:auto; line-height:35px; float:left; }
.book_form label { display:block; float:left; width:80px; text-align:right; padding-right:10px; }
.book_form input { height:35px; line-height:35px; padding:2px; border:1px solid #eeeeee; color:#000; vertical-align:middle; }
.book_form textarea { padding:2px; border:1px solid #eeeeee; color:#000; margin-bottom:10px; width:500px; }
.book_form .mf_s { height:35px; width:87px; font-size:14px; text-align:center; color:#FFF; border:0px; cursor:pointer; }
.book_form #mf_btn { background:#555555; margin:0 15px 0 80px; }
/*表单*/
.order_body { margin:8px auto; padding:8px; width:630px; overflow:hidden; line-height:200%; font-size:14px; }
.order_form { }
.order_form tr, .order_form td { padding:5px 0; }
.order_form p { height:32px; line-height:32px; text-align:center; font-weight:bold }
.order_form input { height:35px; line-height:35px; padding:2px; border:1px solid #eeeeee; color:#000; }
.order_form textarea { height:100px; width:70%; padding:2px; border:1px solid #eeeeee; color:#000; }
.order_form .w1 { text-align:right }
.order_form #w30 { width:30%; padding-right:20px; }
.order_form #w70 { width:70% }
.order_form #refresh_code { font-style:normal; text-decoration:underline; cursor:pointer }
.order_form .pt_go, .order_form .pt_reset { width:100px; height:35px; text-align:center; color:#FFF; margin:0 5px; background:#555555; }
.order_formx { }
.order_formx tr, .order_form td { padding:5px 0; }
.order_formx p { height:32px; line-height:32px; text-align:center; font-weight:bold }
.order_formx input { height:20px; line-height:20px; width:30px; padding-left:1px; vertical-align:middle; }
.order_formx textarea { height:100px; width:100%; border:1px solid #E3E3E3; padding-left:1px; }
.order_formx .w1 { text-align:left; border-bottom:#ddd 1px dotted; line-height:35px; padding:0px 10px; }
/*.order_formx #w30{width:30%}*/
.order_formx #w70 { width:70% }
.order_formx #refresh_code { font-style:normal; text-decoration:underline; cursor:pointer }
.order_formx .pt_go, .order_form .pt_resetx { width:80px; height:35px; margin:0 5px; }
/*-------------------------------------------------------在线留言-----------------------------------------------------------------*/
.message_content { padding:519px 0 0 0; }
.message_bg { background:#FFF; position:relative; top:-4px; }
.message_c { width:1200px; margin:0 auto; }
#message_left { float:left; width:800px; padding:0 0 30px 0; position:relative; }
#mf_title { padding:45px 0; }
#mf_title h2 { font-weight:normal; font-size:18px; }
#mf_title h2 span { font-size:18px; font-weight:bold; }
#mf_title h3 { font-weight:normal; font-size:18px; color:#b7b7b7; }
#mf_form h2 { width:550px; float:left; height:32px; line-height:32px; padding:10px; }
#mf_form h2 span { font-size:13px; font-weight:normal; color:#626262; float:left; }
/*#mf_form h2 input{ height:22px; line-height:22px; padding:5px; border:0px; float:right; width:230px; background:#e8e8e8 url(../images/mfinput_bg.png) right bottom no-repeat; color:#000; }
#mf_form h2 input:hover{ background:#ab8448 url(../images/mfinput_hover.png) right bottom no-repeat;color:#FFF;}*/
#mf_form h2 input { height:22px; line-height:22px; padding:5px; border:0px; float:right; width:450px; background-color:#e8e8e8; color:#000; color:#666666; font-size:12px; }
#mf_form h2 input:hover { background-color:#ab8448; color:#FFF; }
#m_need { background-image:url(../images/mfinput_bg.png); background-position:right bottom; background-repeat:no-repeat; color:#666666; }
#div_select:hover input { background-image:url(../images/mfinput_hover.png); background-position:right bottom; background-repeat:no-repeat; background-color:#ab8448; color:#FFF; }
#div_select { width:350px; float:left; height:32px; line-height:32px; padding:10px; position:relative; }
#div_select { width:350px; float:left; height:32px; line-height:32px; padding:10px; }
#div_select span { font-size:13px; font-weight:normal; color:#626262; float:left; }
#div_select input { height:22px; line-height:22px; padding:5px; border:0px; float:right; width:230px; background-color:#e8e8e8; color:#000; }
#div_select:hover input { }
#select_option { position:absolute; width:240px; padding:20px 0 height:60px;
background-color:#ab8448; left:120px; top:42px; display:none; }
.option_div { height:35px; line-height:35px; font-size:15px; color:#FFF; cursor:pointer; padding:0 0 0 20px; }
.option_div:hover { background:#D2AA6D; }
#mf_form h3 { width:610px; padding:10px; }
#mf_form h3 span { font-size:13px; font-weight:normal; color:#626262; float:left; }
.mf_content { float:right; width:500px; height:100px; background:#e8e8e8 url(../images/mfinput_bg.png) right bottom no-repeat; color:#000; border:0px; padding:10px; color:#666666; }
.mf_content:hover { background:#ab8448 url(../images/mfinput_hover.png) right bottom no-repeat; color:#FFF; }
.mf_s { height:32px; width:87px; font-size:14px; text-align:center; color:#FFF; border:0px; cursor:pointer; }
#mf_sub { padding:30px 0; }
#mf_btn { background:#555555; margin:0 15px 0 120px; }
#mf_reset { background:#919191; }
.message_icon { width:48px; margin:0 auto; padding:0 0 50px 0; }
#message_right { float:right; width:306px; }
.list_job { width:100% }
.list_job dt { padding:5px 8px; border-bottom:1px dotted #CCC; }
.list_job dt a { font-weight:bold }
.list_job dt a em.job { font-style:normal; font-weight:normal; color:#DF0E13 }
.list_job dt a:hover { color:#076cc5 }
.list_job dd { padding:5px 8px; height:auto; overflow:hidden; }
.list_job dd p { width:50%; float:left; text-align:left; padding:5px 0; }
.list_job dd div { clear:both; text-align:right; padding:5px 0; font-weight:bold }
.list_jobco { padding:5px 8px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
p.title { padding:10px 0; margin-top:15px; text-align:center; font-weight:bold; font-size:24px; color:#777 }
p.info { padding:0; text-align:center }
p.info span { padding:0 8px; }
.arc_info { margin:8px 0; border:1px solid #ddd; background:#F9F9F9; padding:8px; line-height:150%; }
.arc_body { margin:8px 0; padding:8px 0; width:100%; overflow:hidden; line-height:200%; }
.arc_body a { text-decoration:underline; color:#00386a }
.arc_body a:hover { color:#FF9900 }
.q_body { margin-bottom:4px; margin-top:12px; }
.q_body ul { border-bottom:1px solid #E14333; height:29px; margin:0px; padding:0px; }
.q_body ul li { height:25px; margin-top:4px; display:block; cursor:pointer; padding-left:16px; background:url('li2.gif') no-repeat left top; float:left; margin-right:5px; display:inline }
.q_body ul li span { display:block; float:left; padding-right:16px; background:url('span2.gif') no-repeat right top; line-height:25px; }
.q_body ul li.focus { margin-top:0; height:29px; background:url('li1.gif') no-repeat left top }
.q_body ul li.focus span { background:url('span1.gif') no-repeat right top; line-height:29px; color:#FFFFFF }
.neinews { height:auto; overflow:hidden; }
.neinews .newstxt { line-height:22px; margin-top:5px; padding-bottom:10px; height:auto; overflow:hidden; border-bottom:1px dotted #f2f2f2; position:relative; }
.neinews .newstxt img { margin-top:8px; float:left; margin-right:15px; }
.neinews .newstxt p { line-height:30px; height:auto; overflow:hidden; }
.neinews .newstxt p a { color:#A40000; text-decoration:none; }
.neinews .newstxt p a:hover { color:#EA7526; text-decoration:underline; }
.neinews .newstxt h3 { font-weight:bold; height:auto; line-height:45px; font-size:16px; }
/*search*/
.search_title { margin-top:10px; border:0px solid #ccc; border-right:0; border-left:0; height:auto; line-height:30px; padding: 0 5px 5px 15px; }

@media screen and (max-width: 860px) {
    .search_title {
        padding-top: 45px;
        margin-top: 10px;
        clear: both;
    }
}
.search_title a { padding-left:15px; font-weight:bold }
.search_content { margin-top:5px; border-bottom:1px dotted #ccc }
.search_content h2 { height:25px; line-height:25px; font-size:14px; }
.search_content h2 a { font-size:14px; }
.search_content p { padding:5px 0; line-height:23px; }
.search_page { width:99%; border-top:none; text-align:left; margin-top:8px; }
.search_page ul { list-style:none }
.search_page li { display:block; float:left; margin-left:5px; height:25px; line-height:25px; }
.search_page li a { display:block; height:25px; line-height:25px; float:left; }
.search_page li.focus a { font-weight:bold; color:#990000 }
/*分页样式*/
.page_fy { font-size:14px; padding:8px; margin:3px; text-align:center; margin-top:10px; font-family: 'Poppins', sans-serif;}
.page_fy A { padding:8px 10px; MARGIN: 2px; COLOR: #333; TEXT-DECORATION: none; border-radius:3px; background:#fff;}
.page_fy A:hover { COLOR: #fff; ; background:rgb(7,55,103);}
.page_fy A:active { COLOR: #666; border:#999 1px solid; }
.page_fy .focus { FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: rgb(7,55,103); padding:8px 10px;}
.page_fy .disabled { MARGIN: 2px; COLOR: #ddd; padding:8px 10px; }
.page_fy span { padding-left:5px; }
.page_fy span.off { color: #666; margin:2px; padding:8px 10px; border-radius:3px; background:#fff;}
/**/



/**************************/
.cpkuan { width:100%; margin-right: auto; margin-left: auto; max-width:1300px;}
@media screen and (max-width:1260px){
.cpkuan {width:100%; padding:0px 15px;}
}
@media screen and (max-width:860px){
.cpkuan {width:100%; padding:0px 15px;}
}

/**************************/
.cpkuanx {width:100%; margin-right: auto; margin-left: auto; max-width:1200px;}

.proBox{ width:100%; height:auto; overflow:hidden; padding:60px 0px; background:#f6f6f6;}

.proBox .hd {
    width: 20.8333333%;
    height: auto;
    overflow: hidden;
    float: left;
    padding-bottom: 30px;
    position: relative;
    background-image: url(../images/cat_bg.png);
    background-size: cover;
    background-position: center;
    will-change: transform;
    border-radius:12px;
}
.proBox .hd .title {
    height: auto;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0px;
    position: relative;
    z-index: 2;
    padding: 12px 0;
    margin: 0 15px;
}
.proBox .hd ul {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.18);
    padding: 10px 0;
    margin: 10px 15px;
    width: auto;
border-radius:10px;
}
.proBox .hd ul li {
    float: left;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius:10px;
    width: 100%;
    cursor: pointer;
    transition: background 0.2s ease;
    /* 分隔线已移除 */
}
.proBox .hd ul li.on {
    background: rgba(255, 255, 255, 0.25);
    border-left: none;
    margin-top: 0;
}

.proBox .bd ul{ width:79%; height:auto; float:right;  zoom:1;  }
.proBox .bd li{ width:25%; height:auto; float:left; margin-bottom:14px; padding-left:15px;}
.proBox .bd li a{display:block; width:100%; height:auto; overflow:hidden; border-radius: 12px; background:#fff; padding:10px 10px 10px 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.proBox .bd li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.proBox .bd li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.proBox .bd li a:hover .pic  .img { transform: scale(1.1); }
.proBox .bd li a .info { width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:#777; border-bottom:#dfdfdf 1px solid; margin-top:5px;}
.proBox .bd li a .infox{ width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:rgb(7,55,103);}


.proBox  .icon{ width:9%; height:auto; overflow:hidden; padding:0px 0px;float:right; }



.yslist{height:auto; overflow:hidden; padding:60px 0px; background:#f5f5f5;}
.yslist .title{height:40px; line-height:40px; text-align:center; font-size:40px; color:#000; font-weight:bold; text-transform:uppercase; margin-bottom:40px;}
.yslist ul li{width:20%; height:auto; overflow:hidden; float:left; text-align:center;}
.yslist ul li a .icon{width:72px; height:72px; margin:0px auto 0px auto;}
.yslist ul li a .icon24h{width:72px; height:72px;}
.yslist ul li a .icon24h img {max-width: 100%;max-height: 100%;display: block;}


.yslist ul li a .tt{width:100%; height:40px; line-height:40px; overflow:hidden; font-size:18px; color:#444; font-weight:bold; margin-top:10px;}
.yslist ul li a .ttx{line-height:28px; overflow:hidden; font-size:14px; color:#8d8d8d; padding:0px 20px;}

.product { height:auto; overflow:hidden; background:rgb(7,55,103); padding:50px 0px;}
.product .swiper-slide a{display:block; width:100%; height:auto; padding:6px; background:#fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.product .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.product .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.product .swiper-slide a:hover .pic  .img { transform: scale(1.1); }
.product .swiper-slide .info { width:100%; height:40px; overflow:hidden; line-height:40px; font-size:16px; color:#fff; font-weight:bold;}
.product .swiper-slide .infox{line-height:30px; font-size:14px; color:#fff;}
.product .cont{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; max-width:910px; line-height:42px; text-align:center; font-size:26px; color:#fff;}
.product a.more{width:120px; height:32px; line-height:30px; text-align:center; font-size:14px; color:#fff; display:block; border:#fff 1px solid; -moz-border-radius:16px; -khtml-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; margin:20px auto 0px auto;}



.newsxlist{height:auto; overflow:hidden; background:#fff; padding:60px 0px;}
.newsxlist .title{ height:40px; line-height:40px; text-align:center; font-size:28px; color:#000; font-weight:bold; text-transform:uppercase; margin-bottom:40px;}
.newsxlist a.more{width:120px; height:32px; line-height:30px; text-align:center; font-size:14px; color:#b0b0b0; display:block; border:#b0b0b0 1px solid; -moz-border-radius:16px; -khtml-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; margin:20px auto 0px auto;}

.inewszx {color:#181815; background:#fff; margin-bottom:20px;}
.inewszx a .tt {font-size:18px; height:50px; overflow:hidden; line-height:50px; color:#444;}
.inewszx a .deite{line-height:18px; font-size:14px; color:#8d8d8d; padding:0px 0px 10px 0px;}
.inewszx a .time{height:40px; line-height:40px; font-size:12px; color:#a1a1a1; border-top:#b0b0b0 1px solid;}
.inewszx a:hover .tt {color:rgb(7,55,103);}
.inewszx a:hover .deite{color:rgb(7,55,103);}
.inewszx a:hover .time{color:rgb(7,55,103); border-top:rgb(7,55,103) 1px solid;}


.newszx {color:#181815; background:#fff; margin-bottom:20px; padding:20px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.newszx a .tt {font-size:24px; height:50px; overflow:hidden; line-height:50px; color:#444444; font-weight:bold;}
.newszx a .deite{line-height:24px; font-size:14px; color:#777; padding:0px 0px 10px 0px;}
.newszx a .time{height:40px; line-height:40px; font-size:20px; color:#777; border-top:#b0b0b0 2px solid;letter-spacing: 3px;}

.cplist { height:auto; overflow:hidden; padding:80px 0px; background:url(probg.jpg) no-repeat center top; }
.cplist .title { height:50px; line-height:50px; text-align:center; font-size:30px; color:#7a7a7a; font-weight:bold; text-transform:uppercase; font-family: 'Poppins', sans-serif; }
.cplist .titlex { height:40px; line-height:40px; text-align:center; font-size:24px; color:#222222; font-weight:bold; margin-bottom:40px; }
.cpzx { color:#181815; text-align:center; margin-bottom:2px;}
.cpzx a{display:block; width:100%; height:auto; padding:27px; background:#fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}

.cpzx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.cpzx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.cpzx a:hover .pic .img { transform: scale(1.1); }

.cpzx h2 { text-align:center; height:50px; line-height:50px; font-size:16px; color:#393939; }
.cpzx a .tt {font-size:16px; height:40px; line-height:40px; color:#474747; font-weight:bold; text-align:left;}
.cpzx a .ttx{line-height:30px; font-size:14px; color:#474747; text-align:left;}

.ctitle { height:50px; line-height:50px; text-align:center; font-size:30px; color:#7a7a7a; font-weight:bold; text-transform:uppercase; font-family: 'Poppins', sans-serif; margin-top:40px; }
.ctitlex { height:40px; line-height:40px; text-align:center; font-size:24px; color:#222222; font-weight:bold; margin-bottom:40px; }

.conlist { height:auto; overflow:hidden; background:#222222; }
.cithumb { width:50%; height:auto; overflow:hidden; float:right; }
.ciabout { height:auto; overflow:hidden; width:50%; float:left; padding-left:15%; padding-top:70px;}
.ciabout .tt{line-height:80px; font-size:24px; color:#7a7a7a; font-weight:bold; background:url(cline.jpg) no-repeat left bottom;}
.ciabout p { line-height:40px; font-size:16px; color:#7a7a7a; padding-bottom:20px; padding-top:15px;}


.nnewslist { padding-bottom:20px; height:auto; overflow:hidden; width:49%; min-height:150px; }
.nnewslist a { display:block; height:auto; overflow:hidden; background:url(tsub.png) repeat;}
.nnewslist a .txt { padding:0px 20px; color:#484848; }
.nnewslist a .txt .tt { font-size:16px; height:30px; overflow:hidden; line-height:30px; color:#f89d34; font-weight:bold; }
.nnewslist a .txt .time { font-size:14px; height:30px; overflow:hidden; line-height:30px; color:#b6b6b6;}
.nnewslist a .txt .tt span { float:right; }
.nnewslist a .txt .sptxt { line-height:24px; font-size:14px; }


.picFocus{ margin:0 auto;  width:100%; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:320px;  overflow:hidden; margin:0px auto;}
.picFocus .hd ul{overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding:5px; float:left; width:33.3333%; text-align:center;  }
.picFocus .hd ul li img{ max-width:100%; height:auto; border:2px solid #ddd; cursor:pointer;}
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:rgb(7,55,103);  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ display:block; max-width:100%; height:auto; margin:0px auto;}


 @media (min-width: 0px) and (max-width:860px) {
.proBox{ width:100%; height:auto; overflow:hidden; padding:40px 0px; background:#f6f6f6;}

.proBox .hd {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding-bottom: 30px;
    margin-bottom: 14px;
    position: relative;
    background-image: url(../images/cat_bg.png);
    background-size: cover;
    background-position: center;
    will-change: transform;
    border-radius:12px;
}
.proBox .hd .title {
    height: auto;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0px;
    position: relative;
    z-index: 2;
    padding: 12px 0;
    margin: 0 10px;
    box-sizing: border-box;
}
.proBox .hd ul {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.18);
    border-radius: 12px;
    padding: 10px 0;
    margin: 10px 10px;
    box-sizing: border-box;
border-radius:10px;
    width: auto;
}
.proBox .hd ul li {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    width: 100%;
    cursor: pointer;
    padding: 0 10px;
	border-radius:10px;
    transition: background 0.2s ease;
}
.proBox .hd ul li.on {
    background: rgba(255, 255, 255, 0.25);
    border-left: none;
    margin-top: 0;
}
.proBox .hd::before {
    content: '';
    position: absolute;
    top: -40px;
    left: -40px;
    right: -40px;
    bottom: -40px;

    filter: blur(40px);
    -webkit-filter: blur(40px);
    z-index: 0;
    will-change: filter;
}
.proBox .hd::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 1;
}

.proBox .bd ul{ width:100%; height:auto; float:right;  zoom:1;  }
.proBox .bd li{ width:50%; height:auto; float:left; margin-bottom:14px; padding-left:5px; padding-right:5px;}
.proBox .bd li a{display:block; width:100%; height:auto; overflow:hidden; border-radius: 12px; background:#fff; padding:10px 10px 10px 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.proBox .bd li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.proBox .bd li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.proBox .bd li a:hover .pic  .img { transform: scale(1.1); }
.proBox .bd li a .info { width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:rgb(7,55,103); border-bottom:#dfdfdf 1px solid; margin-top:5px;}
.proBox .bd li a .infox{ width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:rgb(7,55,103);}


.yslist{height:auto; overflow:hidden; padding:20px 0px; background:#fff;}
.yslist .title{height:30px; line-height:30px; text-align:center; font-size:32px; color:#000; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
.yslist ul li{width:100%; height:auto; overflow:hidden; float:left; text-align:center;}
.yslist ul li a .icon{width:72px; height:72px; margin:0px auto 0px auto;}
.yslist ul li a .tt{width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#444; font-weight:bold; margin-top:10px;}
.yslist ul li a .ttx{line-height:28px; overflow:hidden; font-size:12px; color:#8d8d8d; padding:0px 20px;}

.product { height:auto; overflow:hidden; background:rgb(7,55,103); padding:40px 0px;}
.product .swiper-slide a{display:block; width:100%; height:auto; padding:6px; background:#fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.product .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.product .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.product .swiper-slide a:hover .pic  .img { transform: scale(1.1); }
.product .swiper-slide .info { width:100%; height:40px; overflow:hidden; line-height:40px; font-size:16px; color:#fff; font-weight:bold;}
.product .swiper-slide .infox{line-height:30px; font-size:14px; color:#fff;}
.product .cont{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; max-width:910px; line-height:36px; text-align:center; font-size:16px; color:#fff; padding:0px 15px;}
.product a.more{width:120px; height:32px; line-height:30px; text-align:center; font-size:14px; color:#fff; display:block; border:#fff 1px solid; -moz-border-radius:16px; -khtml-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; margin:20px auto 0px auto;}


.nnewslist { padding-bottom:20px; height:auto; overflow:hidden; width:100%; min-height:150px; }
.nnewslist a { display:block; height:auto; overflow:hidden; background:url(tsub.png) repeat;}
.nnewslist a .txt { padding:10px 0px; color:#484848; }
.nnewslist a .txt .tt { font-size:16px; height:30px; overflow:hidden; line-height:30px; color:#f89d34; font-weight:bold; }
.nnewslist a .txt .tt span { float:right; }
.nnewslist a .txt .sptxt { line-height:24px; font-size:14px; }


.newsxlist{height:auto; overflow:hidden; background:#fff; padding:40px 0px;}
.newsxlist .title{ line-height:30px; text-align:center; font-size:20px; color:#f89d34; font-weight:bold;}
.newsxlist .titlex{ line-height:30px; text-align:center; font-size:20px; color:#e4e4e4; font-weight:bold; text-transform:uppercase; font-family: 'Poppins', sans-serif; margin-bottom:30px;}
.newsleft{width:100%; height:auto; overflow:hidden; float:left; margin-bottom:20px;}
.newsleft .ntop{width:100%; height:auto; overflow:hidden; float:left;}
.newsleft .ntop .txt{ width:100%; float:left;}
.newsleft .ntop .txt a .tt{ font-size:16px; height:40px; overflow:hidden; line-height:40px; color:#f89d34; font-weight:bold;}
.newsleft .ntop .txt a .time{height:30px; overflow:hidden; line-height:30px; color:#b6b6b6; font-size:14px;}
.newsleft .ntop .txt a .sptxt{ font-size:14px; line-height:24px; color:#474747;}
.newsleft ul{margin-top:10px;}
.newsleft ul li{ height:30px; overflow:hidden; line-height:30px;}
.newsleft ul li a{  color:#000; font-size:14px;}
.newsleft ul li a span{ float:left; color:#b6b6b6; margin-right:20px;} 
.newsleft ul li a:hover{color:#f89d34; }
.newsright{width:100%; height:auto; overflow:hidden; float:right;}


.ctitle { height:40px; line-height:40px; text-align:center; font-size:24px; color:#7a7a7a; font-weight:bold; text-transform:uppercase; font-family: 'Poppins', sans-serif; margin-top:40px; }
.ctitlex { height:30px; line-height:30px; text-align:center; font-size:18px; color:#222222; font-weight:bold; margin-bottom:20px; }

.conlist { height:auto; overflow:hidden; background:#222222; padding:15px;}
.cithumb { width:100%; height:auto; overflow:hidden; float:right; }
.ciabout { height:auto; overflow:hidden; width:100%; float:left; padding-left:0%; padding-top:20px;}
.ciabout .tt{line-height:80px; font-size:24px; color:#7a7a7a; font-weight:bold; background:url(cline.jpg) no-repeat left bottom;}
.ciabout p { line-height:40px; font-size:16px; color:#7a7a7a; padding-bottom:20px; padding-top:15px;}


.cplist { height:auto; overflow:hidden; padding:40px 0px; background:#f2f2f2; }
.cplist .title { height:40px; line-height:40px; text-align:center; font-size:24px; color:#7a7a7a; font-weight:bold; text-transform:uppercase; font-family: 'Poppins', sans-serif; }
.cplist .titlex { height:30px; line-height:30px; text-align:center; font-size:18px; color:#222222; font-weight:bold; margin-bottom:30px; }


}


.wrap { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1200px;}
.nezxx { color:#939393; background:#f5f5f5; padding:15px; margin-bottom:15px; height:auto; overflow:hidden; }
.nezxx a .pic { height:auto; overflow:hidden; position:relative; }
.nezxx a .pic .img { transition: all 1s ease 0s; }
.nezxx a:hover .pic .img { transform: scale(1.1); }
.nezxx.t1 { height:40px; line-height:40px; display:block; font-size:16px; color:#000; font-family: 'Poppins', sans-serif; }
.nezxx .time { height:35px; line-height:35px; width:102px; background:#fdab00; font-size:14px; color:#fff; text-align:center; position:absolute; left:0px; bottom:0px; z-index:15; }
.nezxx .t2 { line-height:24px; font-size:14px; color:#939393; }
.nezxx a .more { width:105px; height:30px; border:#dadada 1px solid; display:block; float:right; line-height:30px; font-size:14px; color:#000; text-align:center; }
.nezxx a:hover .more { color:#fff; border:rgb(7,55,103) 1px solid; background:rgb(7,55,103); }
@media (min-width: 0px) and (max-width:1200px) {

.content_ct2 .arc_title { padding:8px 0; text-align:center; font-size:20px; font-weight:bold }
.content_ct2 .add_info {padding:5px 0; /*background:#fefefe;*/ font-size:16px; color:#777; text-align:center; }

}
/**************************/
 @media (min-width: 0px) and (max-width:860px) {
.cpkuanx {
width:100%;
padding:0px 15px;
}
.newkuan {
width:100%;
}
#elevator_item {
width:60px;
height:60px;
position: fixed;
right:0px;
bottom:55px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width:40px;
height:30px;
background: url(icon_top.png) center center no-repeat;
background-color: #444;
background-color: rgba(0, 0, 0, .6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
cursor: pointer;
margin-bottom: 10px
}
}
@media (max-width: 768px) {
.navbar-brand img {
height:50px;
}
}
@media (max-width: 768px) {
.yuyan {
height:34px;
padding-top:0px;
}
}
/********************/
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family: 'Poppins', sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage, #mbImage:before, #mbImage:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family: 'Poppins', sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family: 'Poppins', sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default { float:left; margin:5px }
.mod_gallerylist { width:665px; margin:0 auto }
.meta { font-size:12px; text-align:center; }
.image_container img { border:1px solid #CCC; padding:2px }
.meta a { color:#333; text-decoration:none }


.ab-titlex { background-color: #424242; width: 100%; height:55px; position: relative; box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); }
.ab-titlex .tcont { width:1200px; height:55px; margin:0px auto; color:#9e9e9e; }
.ab-titlex .tcont a { line-height:55px; font-size:14px; color:#9e9e9e; }
.ab-titlex .tcont a:hover { color:#fff; }
.m98 { margin-top:0px; }
/*---------------------------------------------------------*/
@media screen and (max-width: 1200px) {
.ab-title {
background-color: #424242;
width:100%;
height:auto;
overflow:hidden;
position: relative;
box-shadow: 0 1px 0.15rem 0 rgba(0, 0, 0, 0.1);
margin-top:98px;
}
.ab-title .swiper-containerx {
width:100%;
height:auto;
color: #9e9e9e;
}
.ab-title .swiper-slidex {
float:left;
}
.ab-title .swiper-slidex .title {
font-size:14px;
line-height:30px;
width:100%;
padding: 0px 10px;
}
.ab-titlex .tcont {
width:100%;
height:auto;
margin:0px auto;
padding:0px 15px;
}
 .m98 {
margin-top:97px;
}
}
 @-ms-viewport {
width:device-width
}
 @media (min-width:1070px) {
#trigger {
display:none
}
}
#content>div, #main.aside>div.content, .bc nav, .nav nav, .wrapper { max-width:1400px; width:100%; margin:0 auto; padding:0 2em }
#content>div.full>div { max-width:inherit }
@media (min-width:1070px) {
#main.aside div.content {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:0
}
#main.aside div.content main {
-webkit-box-flex:50%;
-ms-flex:50%;
flex:50%;
margin-right:13%
}
#main.aside div.content aside {
-webkit-box-flex:33%;
-ms-flex:33%;
flex:33%
}
}
nav ul { margin:0; padding:0; list-style:none }
main, nav ul ul { opacity:0 }
footer { background-color:#374147; color:#fff; padding:3em }
footer a { color:#000; display:block; padding:0 2em 0 0 }
footer nav li { display:inline-block }
.footer-nav a{font-size:16px; color: #8a8a8a}
.footer-nav a:hover{color: #666}



.cplinklist { height:262px; width:100%; background:#000; padding-top:97px; }
.nflist { width:1200px; height:auto; overflow:hidden; margin:0px auto 0px auto; }
.nflist li { width:200px; height:auto; float:left; }
.nflist li a { width:200px; height:165px; display:block; position:relative; }
.nflist li a .img { width:200px; height:80px; margin-top:30px; }
.nflist li a .info { width:200px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; }
.nflist li a .bg { filter:alpha(opacity=0); opacity:0; position: absolute; top: 0; left:0; transition: all 400ms ease 0s; width:100%; height:100%; z-index:11; }
.nflist li a:hover .bg { filter:alpha(opacity=100); opacity:1; }
.pntitle { height:70px; line-height:70px; text-align:center; font-size:35px; color:#000; font-weight:bold; border-bottom:#f0f2ef 1px solid; }
.pntitlet { height:40px; line-height:40px; text-align:center; font-size:14px; color:#b7b7b7; text-transform:uppercase; }
.flcal { width:100%; height:auto; overflow:hidden; text-align:center; }
.flcal .catitle { height:160px; line-height:160px; width:100%; text-align:center; font-size:56px; color:#000; font-weight:bold; }
.nprolist { width:100%; height:auto; overflow:hidden; text-align:center; }
.nprolist ul li { width:100%; height:auto; overflow:hidden; text-align:center; float:left; background:url(probg.jpg) no-repeat center top; margin-bottom:2px; }
.nprolist ul li a .info { width:100%; height:180px; line-height:180px; text-align:center; font-size:56px; color:#000; font-weight:bold; }
.nprolist ul li a .proimg { width:1200px; height:auto; overflow:hidden; margin:0px auto 0px auto; }
.pgback { width:100%; height:60px; line-height:60px; text-align:center; background:#f1f1f1; font-size:16px; color:#000; margin:20px 0px; }
.pgback a { color:#000; text-transform:uppercase; }
@media (min-width: 0px) and (max-width:1200px) {
.pntitle {
height:50px;
line-height:50px;
text-align:center;
font-size:24px;
color:#000;
font-weight:bold;
border-bottom:#f0f2ef 1px solid;
}
.pntitlet {
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
color:#b7b7b7;
text-transform:uppercase;
}
 .cplinklist {
display:none;
}
.flcal .catitle {
height:60px;
line-height:60px;
width:100%;
text-align:center;
font-size:24px;
color:#000;
font-weight:bold;
}
 .nprolist ul li a .info {
width:100%;
height:80px;
line-height:80px;
text-align:center;
font-size:24px;
color:#000;
font-weight:bold;
}
.nprolist ul li a .proimg {
width:100%;
height:auto;
overflow:hidden;
padding:0px 15px;
}
 .pgback {
width:100%;
height:60px;
line-height:60px;
text-align:center;
background:#f1f1f1;
font-size:14px;
color:#000;
margin:20px 0px;
}
.pgback a {
color:#000;
text-transform:uppercase;
}
}
/**/

.inner { width:100%; margin-right: auto; margin-left: auto; max-width:1200px;}
.innerx { width:1200px; margin-right: auto; margin-left: auto; }

.nloaction{width:100%; height:70px; background:#fff; padding-top:20px;}
.nloaction .wz{line-height:30px; font-size:14px; color:#666; }
.nloaction .wz a{color:#8a8a8a;}
.nloaction .wz a:hover{color:rgb(7,55,103);}


#innerbody { height:auto; overflow:hidden; padding:20px 0px 50px 0px; background:#f6f6f6;}

.zzjg { width:100%; height:auto; overflow:hidden; padding:60px 0px; background:#eaeaea; text-align:center; }
.zzjg .title { height:40px; line-height:40px; font-size:24px; color:#1d1d1d; font-weight:bold; text-align:center; margin-bottom:30px; }

.innermain { line-height:30px; height:auto; overflow:hidden; min-height:300px; font-size:14px; color:#010101; width:100%;}
.innermain img { height: auto; max-width: 100%; }
.pinnermain { line-height:34px; height:auto; overflow:hidden; font-size:20px; color:#444; padding:5% 5%; background:#fff;}
.pinnermain img { height: auto; max-width:100%; }


.nt3 { line-height:30px; font-size:18px; color:#474747; font-weight:bold; margin-bottom:20px; margin-top:20px; }
.mb40 { margin-bottom:70px; }


.ntitle {line-height:36px; text-align:center; font-size:24px; color:#f89d34; font-weight:bold;}
.ntitlex {line-height:36px; text-align:center; font-size:24px; color:#e4e4e4; font-weight:bold; text-transform:uppercase; font-family: 'Poppins', sans-serif; margin-bottom:30px; }


.submenu { text-align:center; height:auto; overflow:hidden; padding-bottom:30px; }
.submenu a { height:50px; line-height:50px; color:rgb(7,55,103); transition:color 0.3s ease 0s; font-size:22px; display:inline-block; padding:0 30px; margin:0 15px; border:rgb(7,55,103) 1px solid;}
.submenu a:hover { color:#fff; background:rgb(7,55,103); }
.submenu a.focus { color:#fff; background:rgb(7,55,103); }

.nprleft{width:20.8333333%; height:auto; overflow:hidden; float:left; border-radius:12px;}

.submenux {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding-bottom: 30px;
    position: relative;
    background-image: url(../images/cat_bg.png);
    background-size: cover;
    background-position: center;
    will-change: transform;
}
.submenux .title {
    height: auto;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0px;
    position: relative;
    z-index: 2;
    margin: 0 15px;
}
.submenux ul {
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: 12px;
    padding: 10px 0;
    margin: 10px 15px;
    box-sizing: border-box;
}
.submenux ul li {
    height: auto;
    position: relative;
    list-style: none;
}
.submenux ul .ListTitle {
    display: block;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 15px;
    color: #fff !important;
    background: none;
    border-radius: 10px;
position: relative; 
    transition: background 0.2s ease;
}
.submenux ul .ListTitle:hover {
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 15px;
    color: #fff !important;
    /*background: rgba(1, 197, 124, 0.15);*/
	background: rgba(26, 161, 153,0.15);
    border-left: none;
    margin-top: 0;
}
.submenux ul .ListTitle:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
	background: rgba(26, 161, 153,1);
    /*background: rgba(1, 197, 124, 1);*/
    /* 左侧圆角，右侧平直：与父元素圆角值一致（假设为12px） */
    border-radius: 12px 0 0 12px;
}
.submenux ul .focus {
    height: 64px;
    text-align: center;
    font-size: 15px;
    color: #fff !important;
    font-weight: bold;
	background: rgba(26, 161, 153,0.15);
    /*background: rgba(1, 197, 124, 0.15);*/
    border-left: none;
    margin-top: 0;
}
.submenux ul li ol {
    height: auto;
    overflow: hidden;
    display: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border-top: none;
    padding: 5px 0;
    border-radius: 8px;
}
.submenux ul li ol li a {
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    padding: 8px 0;
    display: block;
}
.submenux ul li ol li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
}
/* 毛玻璃效果 */
.submenux::before {
    content: '';
    position: absolute;
    top: -40px;
    left: -40px;
    right: -40px;
    bottom: -40px;
    filter: blur(40px);
    -webkit-filter: blur(40px);
    z-index: 0;
    will-change: filter;
}
.submenux::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* 把磨砂质感放到这里，不遮挡背景图 */
    background: rgba(255, 255, 255, 0.12);
    z-index: 1;
}

@media (min-width: 0px) and (max-width:860px) {
    .submenux {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding-bottom: 30px;
    position: relative;
    background-image: url(../images/cat_bg.png);
    background-size: cover;
    background-position: center;
    will-change: transform;
}
.submenux .title {
    height: auto;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px ;
    position: relative;
    z-index: 2;
    margin: 0 10px;
}
.submenux ul {
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: 12px;
    padding: 10px 0;
    margin: 10px 15px;
    box-sizing: border-box;
}
.submenux ul li {
    height: auto;
    position: relative;
    list-style: none;
}
.submenux ul .ListTitle {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #fff !important;
    background: none;
border-radius: 10px;
position: relative; 
    transition: background 0.2s ease;
}
.submenux ul .ListTitle:hover {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #fff !important;
	background: rgba(26, 161, 153,0.15);
    /*background: rgba(1, 197, 124, 0.15);*/
    border-left: none;
    margin-top: 0;
}
.submenux ul .focus {
    height: 40px;
    text-align: center;
    font-size: 15px;
    color: #fff !important;
    font-weight: bold;
	background: rgba(26, 161, 153,0.15);
    /*background: rgba(1, 197, 124, 0.15);*/
    border-left: none;
    margin-top: 0;
}
.submenux ul li ol {
    height: auto;
    overflow: hidden;
    display: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border-top: none;
    padding: 5px 0;
    border-radius: 8px;
}
.submenux ul li ol li a {
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    padding: 8px 0;
    display: block;
}
.submenux ul li ol li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
}
.submenux::before {
    content: '';
    position: absolute;
    top: -40px;
    left: -40px;
    right: -40px;
    bottom: -40px;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    filter: blur(40px);
    -webkit-filter: blur(40px);
    z-index: 0;
    will-change: filter;
}
.submenux::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.12);
    z-index: 1;
}
}

.nproright{width:79%; height:auto; float:right;}
.nproright ul li{ width:25%; height:auto; float:left; margin-bottom:14px; padding-left:15px;}
.nproright ul li a{display:block; width:100%; height:auto; overflow:hidden;border-radius:12px; background:#fff; padding:10px 10px 10px 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.nproright ul li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.nproright ul li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.nproright ul li a:hover .pic  .img { transform: scale(1.1); }
.nproright ul li a .info { width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:15px; color:#777; border-bottom:#dfdfdf 1px solid; margin-top:5px;}



.nproright ul li a .infox {
    white-space: nowrap;          /* 强制文字不换行 */
    overflow: hidden;             /* 隐藏溢出的文字 */
    text-overflow: ellipsis;      /* 显示省略号 */
    display: block;               /* 确保是块级元素，宽度由父容器决定 */
    width: 100%;                  /* 保证宽度不超出父容器，可省略但建议加上 */
    /* 如果有任何之前设置的 word-wrap、word-break 等，移除或覆盖 */
    word-wrap: normal;
    word-break: normal;
	color:rgb(7,55,103);
	line-height:30px; 
	text-align:center; 
}





.npcontant{width:100%; height:auto; overflow:hidden; float:left; background:#fff; padding:30px 38px;  min-height:460px; margin-top:10px;}
.npcontant .title{line-height:40px; text-align:center; font-size:25px; color:rgb(7,55,103); font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
.npcontant p{line-height:36px; font-size:16px; color:#777; padding-left:30px;}
.npcontant p.bg1{background:url(b_c_01.png) no-repeat left center;}
.npcontant p.bg2{background:url(b_c_02.png) no-repeat left center;}
.npcontant p.bg3{background:url(b_c_03.png) no-repeat left center;}
.npcontant p.bg4{background:url(b_c_04.png) no-repeat left center;}
.npcontant p.bg5{background:url(b_c_05.png) no-repeat left center;}

.nproright_footer{width:79%; height:auto; float:right;}
.nproright_footer ul li{ width:25%; height:auto; float:left; margin-bottom:14px; padding-left:15px;}
.nproright_footer ul li a{display:block; width:100%; height:auto; overflow:hidden;border-radius:12px; background:#fff; padding:10px 10px 10px 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.nproright_footer ul li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.nproright_footer ul li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.nproright_footer ul li a:hover .pic  .img { transform: scale(1.1); }
.nproright_footer ul li a .info { width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:#777; border-bottom:#dfdfdf 1px solid; margin-top:5px;}
.nproright_footer ul li a .infox{ width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:rgb(7,55,103);}

.npcontant_footer{width:100%; height:auto; overflow:hidden; float:left; background:#fff; padding:0 38px 25px 38px;  margin-top:10px;}
.npcontant_footer .title{line-height:40px; font-size:25px; color:#000; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
.npcontant_footer p{line-height:36px; font-size:16px; color:#777; padding-left:30px;}
.npcontant_footer p.bg1{background:url(b_c_01.png) no-repeat left center;}
.npcontant_footer p.bg2{background:url(b_c_02.png) no-repeat left center;}
.npcontant_footer p.bg3{background:url(b_c_03.png) no-repeat left center; margin-top:30px;}
.npcontant_footer p.bg4{background:url(b_c_04.png) no-repeat left center;}
.npcontant_footer p.bg5{background:url(b_c_05.png) no-repeat left center;}



.procat { width:100%; height:49px; line-height:49px; font-size:16px; color:#383838; padding-left:20px; background:#fff url(arr.png) no-repeat 95% center; position:relative; cursor: pointer; border:#ddd 1px solid; margin:0px auto 20px auto; }
.procat a { color:#383838; font-family: 'Poppins', sans-serif; }
.optionx { display:none; left:0px; position:absolute; top:49px; z-index:999; background:#fff; width:100%; height:auto; line-height:40px; border:#ddd 1px solid; border-top:none; }
.optionx a { font-size:16px; color:#383838; font-family: 'Poppins', sans-serif; padding-left:20px; float:left; width:98%; }
.optionx a:hover { color:rgb(7,55,103); }
/**/

.newslist { padding-bottom:20px; height:auto; overflow:hidden; margin-bottom:20px;}
.newslist a { display:block; height:auto; overflow:hidden;}
.newslist a .txt { padding:0px 20px; color:#474747; }
.newslist a .txt .tt { font-size:16px; margin-bottom:5px; color:#f89d34; font-weight:bold; }
.newslist a .txt .time {line-height:30px; font-size:14px; color:#b6b6b6;}
.newslist a .txt .sptxt { line-height:24px; font-size:14px; }

.nezx { color:#939393; margin-bottom:15px; height:auto; overflow:hidden; }
.nezx a .pic { height:auto; overflow:hidden; position:relative; }
.nezx a .pic .img { transition: all 1s ease 0s; }
.nezx a:hover .pic .img { transform: scale(1.1); }
.nezx .txt { height:auto; overflow:hidden; background:#ededed; padding:10px 20px 20px 20px; }
.nezx .t1 { height:40px; line-height:40px; display:block; font-size:16px; color:#000; }
.nezx .time { height:24px; line-height:24px; font-size:14px; color:#939393; }
.nezx .t2 { line-height:24px; font-size:14px; color:#939393; }
.nezx a .more { width:105px; height:30px; border:#dadada 1px solid; display:block; float:right; line-height:30px; font-size:14px; color:#0cacff; text-align:center; }
.nezx a:hover .more { color:#fff; border:#0cacff 1px solid; background:#0cacff; }
.psmeun { width:1200px; height:192px; overflow:hidden; background:url(promenubg.jpg) no-repeat center top; margin:0px auto 0px auto; position:relative; margin-top:-140px; z-index:1000; text-align:center; padding-top:115px; }
.psmeun a { height:40px; line-height:40px; color:#0d0d0d; transition:color 0.3s ease 0s; font-size:16px; display:inline-block; padding:0px 30px; margin:0px 5px; background:#fff; }
.psmeun a:hover { color:rgb(7,55,103); background:#ebebeb; }
.psmeun a.focus { color:rgb(7,55,103); background:#ebebeb; }
.nproshow { position:relative; width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; padding-bottom:30px; }
.nproshow .bd { width:100%; }
.nproshow ul li { width:100%; float:left; }
.nproshow ul li .se_img { width:100%; height:100%; overflow:hidden; }
.nproshow ul li .se_img img { transition-duration: 500ms; width:100%; height:100%; }
.nproshow .hd ul { overflow:hidden; height:auto; width:150px; margin:10px auto 0px auto; }
.nproshow .hd ul li { float:left; WIDTH:14px; CURSOR: pointer; HEIGHT:14px; border:#afafaf 2px solid; margin-left:8px; text-indent:-9999px; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.nproshow .hd ul li.on { background:#afafaf; }


.nnextnews{width:49.9%; height:auto; overflow:hidden;}

.lastnewszx {color:#181815; background:#fff; margin-bottom:20px; padding:8%; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.lastnewszx a .tt {font-size:20px; height:50px; overflow:hidden; line-height:50px; text-align:center; color:#444444; font-weight:bold; text-align:center;}
.lastnewszx a .deite{line-height:24px; font-size:14px; color:#777; padding:0px 0px 10px 0px;}
.lastnewszx a .time{height:60px; line-height:60px; text-align:center; font-size:26px; color:#1e1e1e; border-top:#b0b0b0 2px solid; font-weight:bold; text-transform:uppercase;}

.ncontantleft{width:250px; height:auto; overflow:hidden; float:left; background:rgb(7,55,103); padding:30px 38px;  min-height:610px;}
.ncontantleft .title{line-height:40px; text-align:center; font-size:25px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
.ncontantleft p{line-height:36px; font-size:16px; color:#fff; padding-left:35px;}
.ncontantleft p.bg1{background:url(w_c_01.png) no-repeat left center;}
.ncontantleft p.bg2{background:url(w_c_02.png) no-repeat left center;}
.ncontantleft p.bg3{background:url(w_c_03.png) no-repeat left center;}
.ncontantleft p.bg4{background:url(w_c_04.png) no-repeat left center;}
.ncontantleft p.bg5{background:url(w_c_05.png) no-repeat left 5px;}

.ncontantright{width:77.333333%; height:auto; overflow:hidden; float:right;}
.ncontantright .cont{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; max-width:662px;}
.fmess{width:100%; height:auto; overflow:hidden; float:left;}
.input_o{width:32%; height:40px; line-height:40px; background:none; border:none; border-bottom:#848484 1px solid; font-size:16px; color:#afafaf; margin-bottom:20px;}
.ml2{margin-left:2%;}
.input_s{width:100%; height:160px; line-height:24px; background:none; border:none; border:#848484 1px solid; font-size:16px; color:#afafaf; margin-top:13px;}
.btn1x{width:100%; height:40px; line-height:40px; background:#f6f6f6; border:none; text-align:center; color:rgb(7,55,103); font-size:20px; font-weight:bold; cursor:pointer; float:right; margin-top:15px;}


.nprocontone{width:100%; height:auto; overflow:hidden; margin:0px auto 35px auto; background:#fff; padding:30px; max-width:1200px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.proleft { width:540px; height:auto; float:left; }
.prori { width:100%; height:auto; overflow:hidden; float:right; max-width:540px; padding-top:20px;}
.prori .tt{line-height:46px; font-size:36px; color:#000; font-weight:bold;}
.prori .ttx{line-height:65px; font-size:26px; color:#000; }
.prori .ttxx{line-height:42px; font-size:18px; color:#222; padding:10px 0px;}
.prori a.more{width:140px; height:42px; line-height:42px; text-align:center; font-size:20px; color:#fff; display:block; background:rgb(7,55,103); float:right;border-radius:8px;}

.nprocont{width:77.333333%; height:auto; float:right; }
.nprocontx{width:100%; height:auto; float:left; margin-bottom:35px; background:#fff; padding:25px 30px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.nprotitle {
    /* 1. 让背景收缩包裹文字 */
    display: inline-block;
    
    /* 2. 基础尺寸和字体 */
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    font-weight: 300;
    
    /* 3. 胶囊色块（白字+青色背景） */
    color: #ffffff;
    background-color: rgb(7,55,103); 
    
    /* 4. 圆角和左右内边距 */
    border-radius: 26px;
    padding: 0 15px;
}

.nprotxt{ width:100%; height:auto; overflow:hidden; padding:20px 0px; line-height:28px; font-size:16px; color:#222;}
.td20{width:20%; height:auto; overflow:hidden; line-height:36px; font-size:18px; color:#222;}
.td80{width:80%; height:auto; overflow:hidden; line-height:36px; font-size:18px; color:#222;}
.probztd20{width:20%; height:auto; overflow:hidden; float:left; line-height:26px; font-size:18px; color:#222;}
.probztd80{width:80%; height:auto; overflow:hidden; float:left;}
.probztd80 .prow{margin-left:-12px; margin-right:-12px;}
.probztd80 ul li{width:50%; height:auto; overflow:hidden; float:left; padding:0px 12px;}
.probztd80 ul li img{width:100%; height:auto;}
.xgrow{margin-left:-15px; margin-right:-15px;}
.xgproduct { height:auto; overflow:hidden; padding:20px 0px 20px 0px;}
.xgproduct li { width:25%; height:auto; padding:0px 15px; float:left; margin-bottom:20px;}
.xgproduct li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.xgproduct li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.xgproduct li a .info { width:100%; height:30px; overflow:hidden; line-height:30px; font-size:14px; text-align:center; color:#666; border-bottom:#dfdfdf 1px solid;}
.xgproduct li a .infox { width:100%; height:30px; overflow:hidden; line-height:30px; font-size:14px; text-align:center; color:#666;}

 @media (max-width:1200px) {
.ncontantleft{width:100%; height:auto; overflow:hidden; float:left; background:rgb(7,55,103); padding:30px 38px; margin-bottom:20px; min-height:420px;}
.ncontantleft .title{line-height:40px; text-align:center; font-size:25px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
.ncontantleft p{line-height:36px; font-size:16px; color:#fff; padding-left:35px;}
.ncontantleft p.bg1{background:url(w_c_01.png) no-repeat left center;}
.ncontantleft p.bg2{background:url(w_c_02.png) no-repeat left center;}
.ncontantleft p.bg3{background:url(w_c_03.png) no-repeat left center;}
.ncontantleft p.bg4{background:url(w_c_04.png) no-repeat left center;}
.ncontantleft p.bg5{background:url(w_c_05.png) no-repeat left 5px;}

.ncontantright{width:100%; height:auto; overflow:hidden; float:right;}
.ncontantright .cont{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; max-width:662px;}
.fmess{width:100%; height:auto; overflow:hidden; float:left;}
.input_o{width:100%; height:40px; line-height:40px; background:none; border:none; border-bottom:#848484 1px solid; font-size:16px; color:#afafaf; margin-bottom:20px;}
.ml2{margin-left:0px;}
.input_s{width:100%; height:180px; line-height:24px; background:none; border:none; border-bottom:#848484 1px solid; font-size:16px; color:#afafaf; margin-top:0px;}
.btn1x{width:100%; height:40px; line-height:40px; background:#f6f6f6; border:none; text-align:center; color:rgb(7,55,103); font-size:20px; font-weight:bold; cursor:pointer; float:right; margin-top:15px;}


.prori { width:100%; height:auto; overflow:hidden; float:left; padding-top:20px;}
.prori .tt{line-height:30px; font-size:30px; color:#000; font-weight:bold;}
.prori .ttx{line-height:65px; font-size:20px; color:#000; border-bottom:#999 1px solid;}
.prori .ttxx{line-height:36px; font-size:16px; color:#666; padding:10px 0px;}

}
 @media (max-width:1260px) {
.inner {width:100%;padding:0px 15px;}
}
 @media (max-width:860px) {
.nproright{width:100%; height:auto; float:right;}
.nproright ul li{ width:50%; height:auto; float:left; margin-bottom:14px; padding-left:0px; padding:0px 5px;}
.nproright ul li a{display:block; width:100%; height:auto; overflow:hidden; background:#fff; padding:10px 10px 10px 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.nproright ul li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.nproright ul li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.nproright ul li a:hover .pic  .img { transform: scale(1.1); }
.nproright ul li a .info { width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:rgb(7,55,103); border-bottom:#dfdfdf 1px solid; margin-top:5px;}

/*
.nproright ul li a .infox{ width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:rgb(7,55,103);}
*/

.nproright ul li a .infox {
    white-space: nowrap;          /* 强制文字不换行 */
    overflow: hidden;             /* 隐藏溢出的文字 */
    text-overflow: ellipsis;      /* 显示省略号 */
    display: block;               /* 确保是块级元素，宽度由父容器决定 */
    width: 100%;                  /* 保证宽度不超出父容器，可省略但建议加上 */
    /* 如果有任何之前设置的 word-wrap、word-break 等，移除或覆盖 */
    word-wrap: normal;
    word-break: normal;
	color:rgb(7,55,103);
	line-height:30px; 
	text-align:center; 
}

.nprocontone{width:100%; height:auto; overflow:hidden; margin:0px auto 35px auto; background:#fff; padding:15px; max-width:1200px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}

.nprocont{width:100%; height:auto; float:right; }
.nprocontx{width:100%; height:auto; float:left; margin-bottom:35px; background:#fff; padding:15px 15px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.nprotitle{height:55px; line-height:55px; font-size:20px; color:#ffffff; font-weight:300; border-bottom:rgb(7,55,103) 1px solid;border-radius: 26px;padding: 0 15px;}
.nprotxt{ width:100%; height:auto; overflow:hidden; padding:20px 0px; line-height:26px; font-size:18px; color:#222;}
.td20{width:40%; height:auto; overflow:hidden; line-height:36px; font-size:18px; color:#222;}
.td80{width:60%; height:auto; overflow:hidden; line-height:36px; font-size:18px; color:#222;}
.probztd20{width:100%; height:auto; overflow:hidden; float:left; line-height:26px; font-size:18px; color:#222;}
.probztd80{width:100%; height:auto; overflow:hidden; float:left;}
.probztd80 .prow{margin-left:-12px; margin-right:-12px;}
.probztd80 ul li{width:50%; height:auto; overflow:hidden; float:left; padding:0px 12px;}
.probztd80 ul li img{width:100%; height:auto;}
.xgrow{margin-left:-5px; margin-right:-5px;}
.xgproduct { height:auto; overflow:hidden; padding:20px 0px 20px 0px;}
.xgproduct li { width:50%; height:auto; padding:0px 5px; float:left; margin-bottom:20px;}
.xgproduct li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.xgproduct li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.xgproduct li a .info { width:100%; height:30px; overflow:hidden; line-height:30px; font-size:14px; text-align:center; color:#666; border-bottom:#dfdfdf 1px solid;}
.xgproduct li a .infox { width:100%; height:30px; overflow:hidden; line-height:30px; font-size:14px; text-align:center; color:#666;}




.ntitle {line-height:30px; text-align:center; font-size:20px; color:#f89d34; font-weight:bold;}
.ntitlex {line-height:30px; text-align:center; font-size:20px; color:#e4e4e4; font-weight:bold; text-transform:uppercase; font-family: 'Poppins', sans-serif; margin-bottom:30px; }


 #innerbody {height:auto;overflow:hidden;padding:20px 0px 20px 0px;}
.pinnermain { line-height:34px; height:auto; overflow:hidden; font-size:16px; color:#444; background:#fff;}
.pinnermain img { height: auto; max-width:100%; }

 
.nsubmenu {display:none;}
.procat {display:block;}
.inner {width:100%;padding:0px 15px;}
.innerx {width:100%;padding:0px 15px;}
.prori {width:100%;}
.book_form textarea {width:200px;}
.newslist a .txt {padding:10px 0px;color:#484848;}
}
.bg009572 { padding-top:20px; width:100%; height:auto; overflow:hidden; max-width:700px; margin:0px auto 0px auto;}
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.infoPaging {}
.infoPaging a { display: block; height:40px; color: #000; font: 14px/40px 'Poppins', sans-serif; width: 110px; padding: 0px 20px; text-align: center; background:#f2f2f2;}
.infoPaging a.l { text-align: center; }
.infoPaging a span { font-family: 'Poppins', sans-serif; }
.infoPaging a.list { margin: 0px auto; text-align: center; background:rgb(7,55,103); color: #fff;}
.infoPaging a:hover { background-color: rgb(7,55,103); color: #fff;}


.ibg009572 { padding-top:20px; width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto;}


.hrList{ margin: 0px 0px 0px; font-size: 14px;}
.hrList .hspan{ text-align:center;cursor:pointer; width:15%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:40%;}
.hrList .hrdt{ background-color: #9d9b9b; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid rgb(7,55,103); display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:rgb(7,55,103); color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #e4c36a; color: #333; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}

@media screen and (max-width:860px){
.hrList .hspan{ width: 25%;}
.hrList .hspan:nth-child(3){ display: none;}
}
@media screen and (max-width:641px){
.hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan:nth-child(1){ width: 74%;}
	.hrList .ib{ margin-top: 14px;}	
}

.logle{width:100%; height:auto; overflow:hidden; float:left;}
.lotxt{line-height:30px; font-size:16px; color:#686868; margin-bottom:20px;}
.memberBox2{width:100%; height:auto; overflow:hidden; float:left;}
.memberBox2 div{width:49%; height:auto; overflow:hidden;}
.memberBox2 label{height:30px; line-height:30px; font-size:16px; color:#686868;}
.memberBox2 label span{color:#ff0000;}
.memberBox2 .minput_1{width:100%; height:42px; line-height:42px; background:#f3f3f3; border:#737373 1px solid; padding-left:10px; color:#000; margin-bottom:15px;}
.memberBox2 .minput_1_1{width:100%; height:100px; line-height:24px; padding-top:5px; background:#f3f3f3; border:#737373 1px solid; padding-left:10px; color:#000; margin-bottom:15px;}
.memberBox2 .btn1x{width:120px; height:37px; line-height:37px; background:rgb(7,55,103); border:none; text-align:center; color:#fff; font-size:16px; cursor:pointer; float:left; margin-top:0px;}
.memberBox2 .btn1x:hover{ background:rgb(7,55,103);}
.memberBox2 .btxt{width:150px; height:37px; line-height:37px; font-size:16px; color:#686868; float:left;}
.memberBox2 .btxt a{color:#686868;}
.memberBox2 .btxt a:hover{color:#686868;}
.memberBox2 .stxt{line-height:32px; font-size:16px; color:#686868; width:100%; margin-top:40px;}
.memberBox2 .stxt span{color:#3d3d3d;}
.memberBox2 .stxt a{color:#686868;}
.memberBox2 .stxt a:hover{color:#686868;}

.logri{width:22%; height:247px; float:right; padding:35px 15px 0px 45px; line-height:32px; font-size:16px; color:#686868; border:#ddd 1px solid; margin-top:120px;}
.logri span{font-size:18px; color:#686868;}

@media screen and (max-width:860px){
.logle{width:100%; height:auto; overflow:hidden; float:left; margin-top:0px;}
.lotxt{line-height:30px; font-size:16px; color:#686868; margin-bottom:20px;}
.memberBox2{width:100%; height:auto; overflow:hidden; float:left;}
.memberBox2 div{width:100%; height:auto; overflow:hidden;}
.memberBox2 label{height:30px; line-height:30px; font-size:16px; color:#686868;}
.memberBox2 label span{color:#ff0000;}
.memberBox2 .minput_1{width:100%; height:42px; line-height:42px; background:#f3f3f3; border:#737373 1px solid; padding-left:10px; color:#000; margin-bottom:15px;}
.memberBox2 .btn1x{width:120px; height:37px; line-height:37px; background:rgb(7,55,103); border:none; text-align:center; color:#fff; font-size:16px; cursor:pointer; float:left; margin-top:0px;}
.memberBox2 .btn1x:hover{ background:rgb(7,55,103);}
.memberBox2 .btxt{width:150px; height:37px; line-height:37px; font-size:16px; color:#686868; float:left;}
.memberBox2 .btxt a{color:#686868;}
.memberBox2 .btxt a:hover{color:#686868;}
.memberBox2 .stxt{line-height:32px; font-size:16px; color:#686868; width:100%; margin-top:40px;}
.memberBox2 .stxt span{color:#3d3d3d;}
.memberBox2 .stxt a{color:#686868;}
.memberBox2 .stxt a:hover{color:#686868;}

.logri{width:100%; height:auto; float:right; padding:15px 15px 15px 15px; line-height:32px; font-size:16px; color:#686868; background:none; margin-top:20px;}
.logri span{font-size:18px; color:#686868;}
}
}
/*contact*/
    .contact-warp{width:1200px;margin: 0 auto 40px;padding: 40px 0 0;}
    .contact-warp form{display: block;width: 100%;height: auto;}
    .contact-warp h2,.welfare-warp .title h2,.lead-news .title h2,.staff-news .title h2,.paper-news  .title h2,.news-title .title h2,.bookcase .title h2{font-size:30px;line-height: 55px;color: #0161b7; font-family: 'Poppins', sans-serif; font-weight:bold; text-transform:Uppercase;display: block;margin-bottom: 10px;}
    .contact-warp h2 span,.welfare-warp .title h2 span,.lead-news .title h2 span,.staff-news .title h2 span,.paper-news .title h2 span,.news-title .title h2 span,.bookcase .title h2 span{color: #79573c}
    .contact-warp h3,.welfare-warp .title h3,.lead-news .title h3,.staff-news .title h3,.paper-news .title h3,.news-title .title h3,.bookcase .title h3{display: block;font-size:24px;line-height: 50px;color: #0161b7;margin-bottom: 70px; font-weight:bold;}
    .contact-warp .message{padding:0px 0px; height:auto; overflow:hidden;}
    .contact-warp .message .mian{width: 100%;margin-bottom:50px; margin-top:50px;}
    .contact-warp .message .mian ul .inp{float: left;width:360px;height:100px;margin-right: 60px;}
    .contact-warp .message .mian ul .inp:nth-child(3){margin-right: 0}
    .contact-warp .message .mian ul .inp input{display: block;width:100%;height: 70px;line-height: 70px;border:0;border-top: 1px solid #cdcdcc;outline: none; font-size: 16px}
    .contact-warp .message .mian ul .text{width: 780px;float: left;height:200px; }
    .contact-warp .message .mian ul .text textarea{display: block;width:100%;height:100%; padding: 2.5% 3%;line-height: 30px;resize:none;box-sizing:border-box;border:1px solid #cdcdcc;outline: none; font-size: 16px}
    .contact-warp .message .btns{width: 100%;height: auto;position: relative;}
    .contact-warp .message .btns:before{display: block;width: 100%;height: 1px;background-color: #cdcdcc;position: absolute;top: 50%;left: 0;content: '';}
.contact-warp .message .btns input{display: block;width:auto;height: 62px; background:#0161b7 url(contact-icon1.png) 65% center no-repeat;transition: all 0.5s;-webkit-transition: all 0.5s;float: right;font-size:24px; color: #fff; padding: 0 170px 0 110px;border:0;position: relative;z-index: 2; margin-top:20px;}
.contact-warp .message .btns input:hover{background:#0161b7 url(contact-icon1.png) 70% center no-repeat;}

.contact-warp .contact{width:100%;}
.contact-warp .contact .warp{width: 100%;}
.contact-warp .contact .warp .box{width: 38%;height: auto;float: left;}
.contact-warp .contact .box ul li{padding: 0;width: 100%;border-bottom: 1px solid #e5e5e5;padding:20px 0}
.contact-warp .contact .box ul li:last-child{border-bottom: 0;}
.contact-warp .contact .box ul li p{font-size:18px;color: #333333;text-transform:Capitalize; font-weight: bold;line-height: 30px;margin-bottom: 0px;}
.contact-warp .contact .box ul li span{display: block;font-size: 18px;color: #666666;line-height: 20px;}
.contact-warp .map{width: 60%;height: 500px;float: right;}
.contact-warp .map #allmap{width: 100%;height: 100%;}
.BMap_noprint,.anchorBL{opacity: 0}
.contact-warp  .BMap_bubble_title{color: #cc5522;font-size: 16px;margin-bottom: 10px;}
.contact-warp  .BMap_bubble_content{color: #333;font-size: 14px;line-height: 20px;}

 @media (max-width: 860px) {
/*contact*/
    .contact-warp{width:auto;margin: 0 auto 15px;padding: 15px;}
    .contact-warp form{display: block;width: 100%;height: auto;}
    .contact-warp h2,.welfare-warp .title h2,.lead-news .title h2,.paper-news .title h2,.staff-news .title h2,.news-title .title h2,.bookcase .title h2{font-size:24px;line-height:30px;color: #c30d23; text-transform:Uppercase;display: block;}
    .contact-warp h3,.welfare-warp .title h3,.lead-news .title h3,.lead-news .title h3,.paper-news .title h3,.staff-news .title h3,.news-title .title h3,.bookcase .title h3{display: block;font-size:18px;line-height:30px;color: #c30d23; margin-bottom:10px;}
    .contact-warp .message{ padding:0px 0px;}
    .contact-warp .message .mian{width: 100%;margin-bottom:0.8rem;}
    .contact-warp .message .mian ul .inp{float: left;width:100%; height:60px; margin-right:6%;}
    .contact-warp .message .mian ul .inp:nth-child(odd){margin-right:6%}
    .contact-warp .message .mian ul .inp:nth-child(even){margin-right: 0}
    .contact-warp .message .mian ul .inp input{display: block; width:100%;height:40px;line-height:40px; border:0; border-top: 1px solid #cdcdcc;outline: none;font-size: 16px;}
    .contact-warp .message .mian ul .text{width:100%;float: left;height:80px; font-weight: bold;}
    .contact-warp .message .mian ul .text textarea{font-size:16px; display: block;width:100%; height:100%;padding: 2.5% 3%;line-height:0.3rem;resize:none;box-sizing:border-box;border:1px solid #cdcdcc;outline: none;}
    .contact-warp .message .btns{width: 100%;height: auto;position: relative;}
    .contact-warp .message .btns:before{display: block;width:0;height:0;}
    .contact-warp .message .btns input{padding:0 7% 0 0;box-sizing:border-box; display: block;width:100%;height:40px;background:#0161b7 url(contact-icon1.png) 60% center no-repeat;font-size:16px; margin-top:20px;}
    .contact-warp .message .btns input:hover{background:#0161b7 url(contact-icon1.png) 60% center no-repeat;}

    .contact-warp .contact{width:100%;}
    .contact-warp .contact h3{margin-bottom: 0.3rem;}
    .contact-warp .contact .warp{width: 100%;}
    .contact-warp .contact .warp .box{width:100%;height: auto;float: none;margin-bottom: 0.4rem;}
    .contact-warp .contact .box ul li{padding: 0;width: 100%;border-bottom: 1px solid #e5e5e5;padding: 0.25rem 0}
    .contact-warp .contact .box ul li:last-child{border-bottom: 0;}
    .contact-warp .contact .box ul li p{font-size:16px;line-height:40px; margin-bottom:5px;}
    .contact-warp .contact .box ul li span{display: block;font-size:16px;line-height:40px;}
    .contact-warp .map{height:auto; float: none;width: 100%}
    .contact-warp .map #allmap{width: 100%;height: 100%;}
    .BMap_noprint,.anchorBL{opacity: 0}
    .contact-warp  .BMap_bubble_title{color: #cc5522;font-size: 0.26rem;margin-bottom:0.1rem;}
    .contact-warp  .BMap_bubble_content{color: #333;font-size:0.26rem;line-height:0.2rem;}

    


}   
@media screen and (min-width: 320px) and (max-width: 619px){
    
	
    .contact-warp{padding-top:10px;}
    .contact-warp h2{font-size: 24px; margin-bottom:0px;}
    .contact-warp h3{font-size: 18px; margin-bottom:20px;}
    .contact-warp .message .mian ul .inp{height:60px;}
    .contact-warp .message .mian{margin-bottom: 0.5rem;}

}
/**************************/
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 30px; height: 30px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 30px; height: 30px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom:10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button:focus { outline: none; background:#fdd947;}
.slick-dots li.slick-active{ background:#fdd947;}
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.proInfo-demo{ width:100%; float: left; display: block;}
.proInfo-demo .item{ overflow: hidden;}
.proInfo-demo .item img{ width: 100%; display: block;}
.proInfo-demo .slick-arrow{ width: 43px; height: 43px; display: block; position: absolute; top: 50%; margin-top: -21px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.proInfo-demo .slick-prev{ background-image: url(../images/img_l1.png); left: 0px; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.proInfo-demo .slick-next{ background-image: url(../images/img_r1.png); right: 0px; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.proInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.proInfo-demo .slick-prev:hover{ background-image: url(../images/img_l2.png);}
.proInfo-demo .slick-next:hover{ background-image: url(../images/img_r2.png);}


.bproInfo-demo{ width:100%; float: left; display: block;}
.bproInfo-demo .item{ overflow: hidden;}
.bproInfo-demo .item img{ width: 100%; display: block;}
.bproInfo-demo .slick-arrow{ width:46px; height: 68px; display: block; position: absolute; top: 50%; margin-top: -34px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.bproInfo-demo .slick-prev{ background-image: url(l.png); background-position:center center; left:10%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.bproInfo-demo .slick-next{ background-image: url(r.png); background-position:center center; right:10%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.bproInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.bproInfo-demo .slick-prev:hover{ background-image: url(l.png); background-position:center center;}
.bproInfo-demo .slick-next:hover{ background-image: url(r.png); background-position:center center;}

.bproInfo-demo .slick-dots { position: absolute; bottom:20px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; height:16px; }
.bproInfo-demo .slick-dots li { position: relative; display: inline-block; height:16px; width:16px; border:#fff 2px solid; background:none; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.bproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block; height:16px; width:16px;  background:none; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.bproInfo-demo .slick-dots li button:focus { outline: none; background:rgb(7,55,103); border:rgb(7,55,103) 2px solid;}
.bproInfo-demo .slick-dots li.slick-active{ background:rgb(7,55,103); border:rgb(7,55,103) 2px solid;}
.bproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

@media screen and (max-width:860px){
.slick-dots { position: absolute; bottom:-10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 8px; width: 8px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 8px; width: 8px; background:#fff; outline: none; line-height: 0;}}



/* ===== 首页图文模块样式 ===== */
/* ===== 首页图文模块 - 强制左右布局 ===== */
body .home-textimage-modules .module-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.module-desc{
    color: #666;
    font-size: 16px;
    padding-top: 20px;
}
body .home-textimage-modules .module-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

body .home-textimage-modules .module-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

body .home-textimage-modules .image-left .module-row {
    flex-direction: row-reverse !important;
}

@media (max-width: 768px) {
    body .home-textimage-modules .module-row {
        flex-direction: column !important;
    }
    body .home-textimage-modules .image-left .module-row {
        flex-direction: column !important;
    }
    body .home-textimage-modules .module-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 10px 0 !important;
    }
}
/* ===== Footer 三列布局 ===== */
footer#footer {
    background: #fff;
    color: #ccc;
    padding: 50px 0 0;
}
footer .footer-bottom{
    background: #333;
    display: flex;
    align-items: center;
    height: 50px;           /* 假设有固定高度 */
}
footer .footer-bottom p{
   text-align: center;
}
footer#footer .footer-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
footer#footer .footer-col {
    flex: 1;
    min-width: 200px;
}

/* ----- 左侧：联系信息 ----- */
footer#footer .footer-contact h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
}
footer#footer .footer-contact p {
    margin: 8px 0;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
    line-height: 1.6;
    color: #8a8a8a;
}

.whatsappqrcode {
    width: 120px;   /* 您需要的固定宽度 */
    height: 120px;  /* 您需要的固定高度 */
}

.whatsappqrcode img {
    width: 100%;
    height: 100%;
    object-fit: contain;  /* 保持比例，完整可见，不溢出 */
    display: block;
}



.module-title{
	font-size: 40px;
	text-align: center;
	font-weight: bold;
}

/* 仅针对移动端生效 */
@media (max-width: 768px) {
	/* 移动端头部容器：采用 Flex 布局 */
	.m_header .in_header {
		display: flex;
		align-items: center;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 15px;
	}

	/* 1. Logo 死死在最左，完全无法被压缩 */
	.m_header .logo {
		flex-shrink: 0;
		margin-right: 10px;
	}

	/* 2. 中间搜索框：默认完全隐藏（宽度0） */
	.m_search_box {
		flex: 0 0 auto;
		width: 0;
		opacity: 0;
		overflow: hidden;
		min-width: 0;
		transition: width 0.3s ease, opacity 0.3s ease;
		/* 补充复用 PC 端的视觉样式 */
		height: 40px;
		background: #ededed;
		border-radius: 12px;
		display: flex;
		align-items: center;
	}

	/* 搜索框展开时：占据所有中间空间 */
	.m_header.m_search_open .m_search_box {
		flex: 1 1 auto;
		width: auto;
		opacity: 1;
		/*padding-right: 70px;*/
	}

	/* 让搜索框内的输入框占满，按钮固定 */
	.m_search_box form {
		display: flex !important;
		align-items: center;
		width: 100%;
		height: 30px;
	}
	.m_search_box .txt {
		float: none !important;
		flex: 1 1 auto !important;
		min-width: 0;
		height: 100% !important;
		padding: 0 15px;
		border: none;
		background: none;
		outline: none;
	}
	.m_search_box .sub {
		float: none !important;
		flex: 0 0 auto !important;
		width: 26px;
		height: 26px;
		margin-right: 5px;  /* 这里改回正常的 5px，或者 0，不要再写负值了 */
		border: none;
		background: url(search_bg01.jpg) no-repeat center;
		background-size: 26px 26px;
		cursor: pointer;
	}

	/* 3. 右侧按钮组（放大镜+汉堡）：强制靠右，尺寸绝对固定 */
	.header_right_wrap {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		margin-left: auto;  /* 靠右推，钉死右边 */
		gap: 10px;          /* 放大镜和汉堡的间距 */
	}

	/* 搜索按钮和汉堡保持尺寸固定 */
	.m_header .m_search_btn {
		width: 30px;
		height: 30px;
		padding: 0;
		background: url(<?php echo get_template_directory_uri(); ?>/assets/images/bg_sign02.png) no-repeat -85px center;
	}
	.m_header.m_search_open .m_search_btn {
		background-position: 0 center;
	}
	.m_header .collapse {
		width: 35px;
		height: 30px;
		float: none;
		margin: 0;
		flex-shrink: 0;
	}
	
	.bproInfo-demo {
		width:100%;
		height: auto;
		min-height:0;
		overflow: hidden;
	}
	
	.bproInfo-demo .item {
        width: 100%;
        height: 300px;          /* ← 你想改多大就多大，比如 400px */
        overflow: hidden;
        margin: 0;
        position: relative;    /* 方便后续定位，非必须 */
    }
	
	   /* ③ 图片：填满容器并等比裁剪 */
    .bproInfo-demo .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;      /* 关键！等比填充，裁剪溢出 */
        object-position: center; /* 居中裁剪，可根据图片主体调整（如 top） */
        display: block;
    }
	
	.slick-list.draggable{
		height: auto !important;
	}
	    /* ⑤ 如果 dots 位置偏了，可适当调整 */
    .bproInfo-demo .slick-dots {
        bottom: 10px;           /* 保持原样或微调 */
    }
	.module-title {
		font-size: 22px;
		text-align: center;
		font-weight: bold;
	}
	.yslist .title {
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 22px;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
	.module-desc {
		color: #666;
		font-size: 14px;
		padding-top: 20px;
	}
	.yslist ul li {
		margin-bottom: 20px;
	}
	.yslist .icon img{
		width:50px;
		height:50px;
	}
	.yslist ul li a .icon{width:50px; height:50px;}
	.footer-columns {
        flex-direction: column;      /* 改为垂直排列 */
        gap: 20px;                  /* 与 PC 保持一致的间距 */
    }

    /* 每一列占满宽度 */
    .footer-col {
        flex: 0 0 100%;
        width: 100%;
        box-sizing: border-box;
    }

    /* 调整 order 改变显示顺序 */
    .footer-col.footer-menu {
        order: 1;   /* 菜单 → 第一个 */
    }
    .footer-col.footer-contact {
        order: 2;   /* 联系信息 → 第二个 */
    }
    .footer-col.footer-qr {
        order: 3;   /* 二维码 → 第三个（默认就是 3，显式写出更安全） */
    }
	.copyright{
		font-size: 12px;
		line-height: 20px;
	}

	.npcontant_footer .title {
		font-size: 22px;
	}
	.footer-nav a {
		font-size: 14px;
		color: #8a8a8a;
	}
	.npcontant_footer p {
		font-size: 14px;
	}
	.npcontant_footer p.bg3{
		margin-top:0;
	}
	
	/* 修复头部搜索栏：覆盖PC端带padding的旧样式 */
	.m_header .m_search_btn {
		padding: 0 !important;
		width: 40px;
		height: 28px;
		background: url(mbg_sign02.png) no-repeat -30px center;
	}

	/* 点击后变为叉 */
	.m_header.m_search_open .m_search_btn {
		background-position: 0 center;
	}

}

/* 询盘表单 */
 /* ==========================================
       A. 信息展示区 (PC 端样式 - 保持你原来的设计)
       ========================================== */
<style>
    .contact-section-container {
        max-width: 1100px; 
        margin: 0 auto; 
        padding: 20px; 
        font-family: 'Poppins', sans-serif; 
        color: #333;
    }

    .nprocontx-new .info-wrapper {
        display: flex; 
        align-items: center; 
        justify-content: space-between; 
        margin-bottom: 40px; 
        gap: 40px;
    }

    .nprocontx-new .logo-box {
        flex: 0 0 30%; 
        text-align: center;
    }

    .nprocontx-new .logo-box img {
        max-width: 250px; 
        height: auto;
    }

    .nprocontx-new .text-box {
        flex: 1; 
        line-height: 1.8; 
        font-size: 18px;
    }

    .nprocontx-new .text-box h1 {
        font-size: 22px; 
        margin-top: 0; 
        margin-bottom: 10px; 
        color: #000; 
        font-weight: 700;
    }

    .nprocontx-new .text-box p {
        margin: 5px 0;
    }

    .nprocontx-new .text-box .address {
        line-height: 1.5;
    }

    .nprocontx-new .image-wrapper img {
        width: 100%; 
        height: auto; 
        display: block; 
        border-radius: 4px; 
        object-fit: cover;
    }

    /* ==========================================
       B. 表单部分 (你原有的样式)
       ========================================== */
    .nprocontx-new #inquiry-form-area {
        max-width: 1100px;
        margin: 50px auto;
        padding: 0 20px;
        font-family: 'Poppins', sans-serif;
        background: transparent !important;
    }

    .nprocontx-new .fmess {
        background: #ffffff;
        padding: 40px;
        border-radius: 15px;
        box-shadow: none; 
        border: none;
    }

    .nprocontx-new #inquiry-form {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .nprocontx-new #inquiry-form .Mess {
        grid-column: span 3;
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin-bottom: 10px;
        margin-top: 10px;
        border-left: 4px solid rgb(3, 54, 101); 
        padding-left: 10px;
    }

    .nprocontx-new .input_o, .input_s {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        font-size: 15px;
        color: #444;
        transition: all 0.3s ease;
        box-sizing: border-box;
        outline: none;
        background-color: #f9f9f9;
    }

    .nprocontx-new .input_o::placeholder, .input_s::placeholder {
        color: #aaa;
        font-weight: 400;
    }

    .nprocontx-new .input_o:focus, .input_s:focus {
        background-color: #fff;
        border-color: rgb(3, 54, 101);
        box-shadow: 0 0 8px rgba(3, 54, 101, 0.1);
    }

    .nprocontx-new .input_s {
        grid-column: span 3;
        resize: vertical;
        min-height: 150px;
    }

    .nprocontx-new .btn1x {
        grid-column: span 3;
        background-color: rgb(3, 54, 101);
        color: #ffffff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 55px;
        width: 100%;
    }

    .nprocontx-new .btn1x:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(3, 54, 101, 0.3);
        filter: brightness(1.2);
    }


    @media (max-width: 768px) {
        /* 1. 调整询盘表单：改为上下堆叠 */
        .nprocontx-new .info-wrapper {
            flex-direction: column; /* 关键：从横向改为纵向 */
            text-align: center;    /* 文字居中更符合手机阅读习惯 */
            gap: 20px;
        }

        .nprocontx-new .logo-box {
            flex: 0 0 auto;        /* 取消固定比例，让高度自适应 */
            width: 100%;
        }

        .nprocontx-new .logo-box img {
            max-width: 180px;      /* 手机端 Logo 不要太大 */
        }

        .nprocontx-new .text-box {
            font-size: 16px;       /* 手机端字体稍微调小一点点 */
        }

        .nprocontx-new .text-box h1 {
            font-size: 20px;       /* 手机端标题减小，防止折行过多 */
        }

        /* 2. 调整表单部分：保持你原来的逻辑 */
        .nprocontx-new #inquiry-form {
            grid-template-columns: 1fr; /* 变为单列 */
        }
		/* 所有输入框、文本域、按钮都独占一行 */
		.nprocontx-new #inquiry-form .input_o,
		.nprocontx-new #inquiry-form .input_s,
		.nprocontx-new #inquiry-form .Mess,
		.nprocontx-new #inquiry-form .btn1x {
			grid-column: 1 / -1;   /* 从第一列到最后一列，即占满整行 */
			width: 100%;           /* 确保宽度撑满 */
		}
		.nprocontx-new .input_o {
			margin-bottom: 10px;   /* 增加行间距，看起来更舒服 */
		}
		
		.nprocontx-new .fmess {
			padding: 25px 20px;
		}

        .nprocontx-new #inquiry-form-area {
            margin: 30px auto;    /* 减小手机端的上下边距 */
        }
		.view-more {
			display: inline-block;
			padding: 2px 10px;
			background: #073767;
			color: #fff;
			border-radius: 30px;
			text-decoration: none;
			font-size: 12px;
			transition: background 0.3s;
		}
		.view-more:hover {
			background: #0e9a99;
			color: #fff;
		}
		
    }
	
	.view-more {
		display: inline-block;
		padding: 6px 20px;
		background: #073767;
		color: #fff;
		border-radius: 30px;
		text-decoration: none;
		font-size: 14px;
		transition: background 0.3s;
	}
	.view-more:hover {
		background: #0e9a99;
		color: #fff;
	}
	
</style>