/*公共的css*/
/*初始化的css*/
* { margin:0; padding:0; font-family:Microsoft YaHei, 微软雅黑, Arial, Helvetica, sans-serif; letter-spacing:1px; }
a { color:#333; text-decoration:none; }
a:focus, a:hover { text-decoration: none; }
a:hover { text-decoration: none; text-decoration: none }
ul, ol { list-style-type:none; margin-bottom: 0 }
img { border:0; max-width:100%; }
.container { margin:0 auto; position:relative; }
.clear { clear:both; }
body { overflow-x:hidden; }
h1, h2, h3, h4, h5, h6, b { margin: 0 }
input, textarea, select { outline:medium; }
p { text-align:justify; margin: 0 }
.fl { float:left; }
.fr { float:right; }
.container-fluid { padding: 0; width: 100%; }
.bigimg { display: block; font-size: 0; overflow: hidden; }
.bigimg img { width: 100%; transition: all 0.3s; }
.bigimg img:hover { transform: scale(1.08); }
.hide { display: none !important; }
.disfixcen { display: flex; justify-content: center; align-items: center; }
.disfixspace { display: flex; justify-content: space-between; align-items: center; }
.disfixstart { display: flex; justify-content: flex-start; align-items: center; }
.disblockbox { display: block; overflow: hidden; }
.ellipsis { display: block; white-space: nowrap; /* 不换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 溢出部分显示省略号 */ }
@media (min-width: 1400px) {
 .container {
 width: 1400px;
 padding: 0;
}
}
/*顶部搜索区域*/
.headersoso { padding: 26px 0; background: url("../img/navbg.png") no-repeat center; background-size: 100% 100%; }
.headersoso .pcsoso { width: 330px; }
.headersoso .sosoall .userlogin a { font-size: 14px; line-height: 14px; color: #217B62; }
.headersoso .sosoall .userlogin a:nth-child(1) {
 border-right: 1px solid #217B6280;
 padding: 0 10px 0 0;
}
.headersoso .sosoall .userlogin a i { width: 17px; height: 17px; display: inline-block; background: url(../img/icon1.png) no-repeat center; background-size: 100%; vertical-align: text-bottom; margin: 0 4px 0 0; transition: all 0.2s; }
.headersoso .sosoall .userlogin a:nth-child(2) i {
 background: url(../img/icon2.png) no-repeat center;
 background-size: 100%;
}
.headersoso .sosoall .userlogin a:hover i { transform: rotate(360deg); }
.headersoso .sosoall .userlogin a:hover { color: #2b542c; text-decoration: underline; }
.headersoso .sosoall ul li { display: inline-block; margin: 0 0 0 10px; }
.headersoso .sosoall ul li a { display: inline-block; border: 1px solid #217B62; color: #217B62; font-size: 13px; padding: 2px 4px; letter-spacing: 0; border-radius: 2px; }
.headersoso .sosoall ul li a:hover { color: #ffffff; background: #217B62; }
/*pc端的登录区域*/
.headersoso .navuserbox p { font-size: 15px; line-height: 14px; color: #217B62; letter-spacing: 0; }
.headersoso .navuserbox p i { width: 20px; height: 20px; display: inline-block; background: url(../img/icon1.png) no-repeat center; background-size: 100%; vertical-align: text-bottom; margin: 0 2px 0 0; transition: all 0.2s; }
.headersoso .navuserbox .userinfo { position: relative; font-size: 0; }
.headersoso .navuserbox .userinfo .userimg { width:40px; height:40px; display: inline-block; overflow: hidden; border-radius: 50%; cursor: pointer; }
.headersoso .navuserbox .userinfo ul { position: absolute; top: 100%; right: 0; width: 100px; height: 0px; display: block; overflow: hidden; text-align: center; z-index: 10000; border: 1px transparent solid; border-radius: 4px; transition: all 0.2s; }
.headersoso .navuserbox .userinfo:hover ul { height: 80px; border: 1px #d9d8d8 solid; background: #ffffff; -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); -moz-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); }
.headersoso .navuserbox .userinfo ul li { display: block; }
.headersoso .navuserbox .userinfo ul li a { display: block; line-height: 40px; font-size: 14px; letter-spacing: 0; color: #666666; }
.headersoso .navuserbox .userinfo ul li a:hover { background: #217B62; color: #ffffff; }
.headersoso .pcsoso .formbox { width: 100%; display: inline-block; margin: 8px 0 0 0; position: relative; height: 40px; border-radius: 2px; overflow: hidden; }
.headersoso .pcsoso .formbox .sbtnsoso { position: absolute; width: 60px; width: 50px; height: 40px; right: 0; top: 0; background: #5CB79E; text-align:center; border:none; }
.headersoso .pcsoso .formbox .sbtnsoso img { width: 14px; width: 16px; }
.headersoso .pcsoso .formbox input { width: 100%; font-size: 14px; line-height: 40px; text-align: left; color: #666666; border: none; background: #ffffff; padding: 0 60px 0 10px; }
 .headersoso ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 letter-spacing: 0;
 font-size: 14px;
 color: #999999;
}
.headersoso ::-moz-placeholder { /* Firefox 19+ */
 letter-spacing: 0;
 font-size: 14px;
 color: #999999;
}
.headersoso :-ms-input-placeholder { /* IE 10+ */
 letter-spacing: 0;
 font-size: 14px;
 color: #999999;
}
.headersoso :-moz-placeholder { /* Firefox 18- */
 letter-spacing: 0;
 font-size: 14px;
 color: #999999;
}
/*pc端导航区域*/
.headernav { display: block; background: #217B62; height: 50px; z-index: 1000; position: relative; }
.headernav .navoneul>li { display: block; width: 11.11%; float: left; position: relative; }
.headernav .navoneul>li>a { display: block; font-size: 18px; line-height: 50px; text-align: center; color: #ffffff; letter-spacing: 0; }
.headernav .navoneul>li:hover>a, .headernav .navoneul>li.active>a { background: #ffffff; color: #217B62; }
.headernav .navoneul>li ul { display: block; width: 100%; position: absolute; top: 100%; left: 0; }
.headernav .navoneul>li ul li { padding: 0 10px; display: block; width: 100%; background: #5cb79e; }
.headernav .navoneul>li ul li a { display: block; font-size: 15px; text-align: center; color: #ffffff; overflow: hidden; transition: all 0.2s; border-bottom: none; line-height: 0px; }
.headernav .navoneul>li ul li:last-child a { border-bottom: none !important; }
.headernav .navoneul>li ul li:hover { background: #217B62; }
.headernav .navoneul>li:hover ul li a { border-bottom: 1px #ffffff36 solid; line-height: 44px; }
.headernav .navoneul>li ul li:hover a { border-bottom: 1px transparent solid; }
/*页脚区域*/
.footer { padding: 70px 0 50px 0; padding: 50px 0 50px 0; background: url("../img/footerbg.png") no-repeat center; background-size: 100% 100%; }
.footer .container { overflow: hidden; }
.footer .footertop { background: #ffffff; display: none !important; }
.footer .footertop .footerleft { background: #F2F8F6; }
.footer .footertop .footerleft .footerabout { padding: 10px; min-height:290px; }
.footer .footertitle { background:url(../img/Group%2064-6.png) no-repeat left; padding-left:20px; font-size: 24px; line-height: 24px; text-align: left; color: #333333; margin: 60px 0 20px 0; }
.footer .footertop .footerleft .footerabout p { color: #666666; font-size: 14px; line-height: 22px; text-align: justify; max-height: 240px; overflow: hidden; }
.footer .footertop .footerleft .footerabout a { font-size: 12px; padding: 5px 10px; line-height: 20px; color: #ffffff; background: #217B62; margin: 15px 0 0 0; display: inline-block; }
.footer .footertop .footerleft .footerabout a i { width: 12px; height:6px; display: inline-block; vertical-align: middle; background: url(../img/btnrighth.png) no-repeat center; background-size: 100%; margin: -2px 0 0 0px; }
.footer .footertop .footerright { padding: 10px; color:#333; font-size:16px; }
.footer .footertop .footerright p { line-height:25px; }
.footer .footertop .footerright p span { display: block; }
.footer .footertop .footerright p span em { font-style: normal; color: transparent; }
.footer .footertop .footerright .wximg { margin: 20px 0 0 0; }
.footer .footertop .footerright .wximg .wximgbox { margin-right:30px; padding-top:30px; }
.footer .footertop .footerright .wximg img { width: 130px; display: inline-block; border: 1px #dbdbdb solid; padding: 4px; }
.footer .footertop .footerright .wximg .wximgbox p { font-size: 19px; line-height: 25px; text-align: center; color: #333333; margin: 8px 0 0 0; letter-spacing: 0; }
.footer .ipcbox { border-top: 1px solid #C1DFD6; padding: 30px 0 0 0; margin: 30px 0 0 0; border-top: 0; margin: 0; padding: 0; }
.footer .ipcbox p a, .footer .ipcbox p { font-size: 14px; line-height: 14px; text-align: center; color: #666666; letter-spacing: 0px; }
.footer .ipcbox p a:hover { color: #333333; }
/*登录的区域*/
#userlogoinbox { display: block; }
#userlogoinbox:before { width: 100%; height: 100%; display: block; content: ' '; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 10000; }
#userlogoinbox .logoinboxtext { position: relative; padding: 60px 60px; }
#userlogoinbox .logoinboxtext .logoclose { width: 24px; height: 24px; display: inline-block; position: absolute; top: 20px; right: 20px; cursor: pointer; transition: all 0.3s; }
#userlogoinbox .logoinboxtext .logoclose:hover { transform: rotate(360deg); }
#userlogoinbox .logoinboxtext .logoclose img { width: auto; height: 100%; }
#userlogoinbox .logoinbox { display: block; width: 1150px; height: 620px; border-radius: 24px; position: fixed; top: 52%; left: 50%; transform: translate(-50%, -50%); z-index: 10001; background: url("../img/loginbg.png") no-repeat center; background-size: 100% 100%; }
#userlogoinbox .logoinbox .logoinboxform { max-width: 400px; height: auto; display: block; margin: 11% auto 0 auto; }
#userlogoinbox .logoinbox .logoinboxform .logointitle h4 { font-size: 28px; font-weight: 700; line-height: 32px; text-align: left; color: #ffffff; margin: 0 0 0 0; letter-spacing:3px; }
#userlogoinbox .logoinbox .logoinboxform .logointitle h4 span { color: #e2ff30; }
#userlogoinbox .logoinbox .logoinboxform .disfixspace { margin: 14px 0 35px 0; }
#userlogoinbox .logoinbox .logoinboxform .logointitle a { font-size: 14px; line-height: 16px; color: #ffffff; }
#userlogoinbox .logoinbox .logoinboxform .logointitle a:hover { text-decoration: underline; }
#userlogoinbox .logoinbox .logoinboxform .logointitle a i { width: 17px; height: 17px; display: inline-block; vertical-align: middle; margin: -2px 3px 0 0; background: url(../img/loginicon.png) no-repeat center; }
#userlogoinbox .logoinbox .logoinboxform .logointitle p { font-family: Arial; font-size: 13px; line-height: 16px; color: #ffffff; }
#userlogoinbox .logoinbox .logoinform .inputbox { height: 54px; overflow: hidden; border: 1px #8ccbf1 solid; border-radius: 6px; background: #ffffff; margin: 0 0 20px 0; position: relative; }
#userlogoinbox .logoinbox .logoinform .inputbox i { display: inline-block; width: 60px; height: 54px; background: url("../img/loginicon2.png") no-repeat center #EAFBF6; }
#userlogoinbox .logoinbox .logoinform .inputbox input { width: calc(100% - 60px); flex: 1; display:inline-block; line-height: 54px; border: none; background: none; padding: 0 10px; }
#userlogoinbox .logoinbox .logoinform .inputbox:nth-child(2) input {
 padding: 0 70px 0 10px;
}
#userlogoinbox .logoinbox .logoinform .inputbox:nth-child(2) i {
 background: url("../img/loginicon3.png") no-repeat center #EAFBF6;
}
#userlogoinbox .logoinbox .logoinform .inputbox:nth-child(2):after {
 width: 54px;
 height: 54px;
 display: inline-block;
 content: ' ';
 position: absolute;
 top: 0;
 right: 0;
 background: url("../img/loginicon4.png") no-repeat center;
}
 #userlogoinbox .logoinbox .logoinform .inputbox input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 letter-spacing: 0;
 font-size: 14px;
 color: #999999;
}
#userlogoinbox .logoinbox .logoinform .inputbox input::-moz-placeholder { /* Firefox 19+ */
 letter-spacing: 0;
 font-size: 14px;
 color: #999999;
}
#userlogoinbox .logoinbox .logoinform .inputbox input:-ms-input-placeholder { /* IE 10+ */
 letter-spacing: 0;
 font-size: 14px;
 color: #999999;
}
#userlogoinbox .logoinbox .logoinform .inputbox input:-moz-placeholder { /* Firefox 18- */
 letter-spacing: 0;
 font-size: 14px;
 color: #999999;
}
#userlogoinbox .logoinbox .logoinform .otherinputbox .checkinput { display: inline-block; font-size: 14px; line-height: 16px; color: #ffffff; }
#userlogoinbox .logoinbox .logoinform .otherinputbox .checkinput .checkboxin { border-radius: 10px; vertical-align: text-top; margin: 2px 3px 0 0; width: 18px; height: 18px; -webkit-appearance: none; /* 移除默认样式 */ outline: none; position: relative; /*border: 1px #d7d7d7 solid;*/ background:url("../img/checkold.png") no-repeat center; background-size: 100% 100%; cursor: pointer; }
/* 设置选中状态下的checkbox样式 */
#userlogoinbox .logoinbox .logoinform .otherinputbox .checkinput .checkboxin:checked { background:url("../img/check.png") no-repeat center; background-size: 100% 100%; }
#userlogoinbox .logoinbox .logoinform .otherinputbox a { font-size: 14px; color: #FFFFFF; }
#userlogoinbox .logoinbox .logoinform .otherinputbox a:hover { text-decoration: underline; }
#userlogoinbox .logoinbox .logoinform .logoinbtn { display: block; width: 100%; line-height: 50px; color: #FFFFFF; font-size: 22px; font-weight: 500; letter-spacing: 2px; background: #217B62; border: none; cursor: pointer; border-radius: 4px; }
#userlogoinbox .logoinbox .logoinform .logoinbtn:hover { box-shadow:0px 1px 5px #adadad; }
/*位置区域*/
.wzbox { display: block; padding: 40px 0; font-size: 15px; line-height: 15px; text-align: left; color: #333333; }
.wzbox i { display: inline-block; width: 18px; height: 18px; background: url(../img/wz.png) no-repeat center; background-size: 100%; vertical-align: text-top; margin: 0 3px 0 0; }
.wzbox span, .wzbox a { color: #666666; padding:0 2px 0 0; }
.wzbox a:hover { color: #217B62; }
/*手机端顶部导航*/
#mobile.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100001; padding: 3px 12px; box-sizing: border-box; background: #ffffff; background: #f9f9f9; border-bottom: 1px #ededed solid; }
#mobile.header .navtopmobile { position: relative; z-index: 10000; }
#mobile.header .title { color: #fff; height: 100%; text-align: center; display: inline-block; }
#mobile.header .title h1 { display: inline-block; margin: 0 0; height: 100%; padding: 0 0; }
#mobile.header .title a { border: none; color: #0e0e0e; font-size: 0px; letter-spacing: 0px; padding: 0px 0; height: 48px; display: block; margin: 2px 0 0 0; }
#mobile.header .title a img { height: 39px; display: inline-block; margin: 4px 0 0 0; }
#mobile .iconbox { float: right; margin: 17px 14px 0 0; font-size: 0; }
#mobile .iconbox em { vertical-align: middle; width: 1px; height: 15px; background: #b3b3b3; display: inline-block; margin: 0 6px; }
#mobile .iconbox .usericon { width: 20px; display: inline-block; }
/*手机端的用户区域*/
#mobile .mobileuserbox .userimg { width: 24px; height: 24px; display: inline-block; overflow: hidden; border-radius: 50%; cursor: pointer; margin: -4px 0 0 0; }
#mobile .iconbox .sosobtnmobile img { width: 18px; display: inline-block; }
#mobile .nav-btn { color: #231f20; height: 100%; text-align: center; width: auto; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; padding: 18px 0 0 0; float: right; z-index: 10000; margin: 0 0 0 0; }
#mobile .nav-btn>img { width: 20px }
#mobile .nav-btn .mobileNavLeftBtn { display: block; }
#mobile .nav-btn .mobileNavLeftBtnColse { display: none; }
#mobile .nav-out .mobileNavLeftBtnColse { display: block; }
#mobile .nav-out .mobileNavLeftBtn { display: none; }
#mobile .nav-btn>p { font-size: 12px; display: block; text-align: center; transform: scale(0.8); color: #cb962f; }
.nav { width:100%; z-index: 999; left:0%; height:0; top: 56px; position: fixed; background:#ffffff; border-bottom: 1px #e5e5e5 solid; overflow: scroll; transition: all 0.3s linear 0s; }
.nav .nav-list { border-top: 1px #e5e5e5 solid; padding: 0 14px 20px 14px; }
.nav.on { height: 100%; padding-bottom: 100px; }
.nav.on img { width: 30px; display: inline-block; float: right; }
.mobileNavLeftBtnClose { margin: 4px 4px 0 0; }
.nav .logo { margin:30px 6px 16px 16px; overflow:hidden; }
.nav .logo img { width: 90%; float: left; }
.nav-list>ul { display: block; }
.nav-list>ul>li>a { font-size: 15px; color: #404040; line-height: 46px; text-decoration: none; letter-spacing: 0.5px; padding: 0 0 0 0px; display: block; background: url(../img/navicontop.png) no-repeat 99% center; background-size: 14px; border-bottom: 1px #e5e5e5 solid; }
.nav-list>ul>li>a i { width: 17px; height: 17px; display: inline-block; background: url(../img/mobileicon1.png) no-repeat 99% center; background-size: 100%; vertical-align: text-top; margin: 2px 5px 0 0; }
.nav-list>ul>li:last-child>a { background: none !important; }
.nav-list>ul>li:nth-child(2)>a i {
background: url(../img/mobileicon2.png) no-repeat 99% center;
background-size: 100%;
}
.nav-list>ul>li:nth-child(3)>a i {
background: url(../img/mobileicon3.png) no-repeat 99% center;
background-size: 100%;
}
.nav-list>ul>li:nth-child(4)>a i {
background: url(../img/mobileicon4.png) no-repeat 99% center;
background-size: 92%;
}
.nav-list>ul>li:nth-child(5)>a i {
background: url(../img/mobileicon5.png) no-repeat 99% center;
background-size: 100%;
}
.nav-list>ul>li:nth-child(6)>a i {
background: url(../img/mobileicon6.png) no-repeat 99% center;
background-size: 100%;
}
.nav-list>ul>li:nth-child(7)>a i {
background: url(../img/mobileicon7.png) no-repeat 99% center;
background-size: 100%;
}
.nav-list>ul>li:nth-child(8)>a i {
background: url(../img/mobileicon8.png) no-repeat 99% center;
background-size: 100%;
}
.nav-list>ul>li:nth-child(9)>a i {
background: url(../img/mobileicon9.png) no-repeat 99% center;
background-size: 100%;
}
 .nav-list>ul>li:nth-child(1)>a {
 background: none;
}
/*手机端二级导航*/
.mobilenavtwo { overflow: hidden;/*height: auto;*/ }
.mobilenavtwo ul>li>a { font-size: 14px; color: #404040; line-height: 40px; text-decoration: none; letter-spacing: 0.5px; padding: 0 0 0 0px; display: block; }
.mobilenavtwo ul>li { padding: 0 0 0 26px; }
/*修改区域*/
.mobilenavtwo { display: none; }
.mobilenavtwo ul>li>a { line-height: normal !important; height: auto !important; }
.nav-list>ul>li .mobilenavtwo ul>li>a { line-height: 42px !important; height: 42px !important; }
.nav-list>ul>li .mobilenavtwo ul>li a { border-bottom: 1px #efefef solid; }
.nav-list>ul>li .mobilenavtwo ul>li:last-child a { border-bottom: none; }
.nav-list>ul>li .mobilenavtwo ul { margin:0; padding: 0 6px;/*background: #f9f9f9;*/ }
.nav-list>ul>li.on>a { background: url(../img/navicontopb.png) no-repeat 99% center; background-size: 14px; }
/*手机端搜索的区域*/
.mobilesoso { display: block; position: fixed; height: 0px; overflow: hidden; top: 55px; left: 0; z-index: 100; width: 100%; background: #f1f1f1; box-shadow: 0px 0px 5px #b5b5b5; transition: all 0.3s; }
.mobilesoso .mobilesosobtn { width: 100%; height: 0%; content: " "; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 99; transition: all 0.1s; }
.mobilesoso .formbg { width: 100%; padding: 10px 10px; background: #f1f1f1; box-shadow: 0px 0px 5px #b5b5b5; position: relative; z-index: 1001; font-size: 0; }
.mobilesoso .formbox { width: 100%; display: inline-block; position: relative; border-radius: 2px; overflow: hidden; }
.mobilesoso .formbox .sbtnsoso { position: absolute; width: 54px; height: 34px; right: 0; top: 0; background: #5CB79E; text-align:center; border:none; }
.mobilesoso .formbox .sbtnsoso img { width: 14px; }
.mobilesoso .formbox input { width: 100%; font-size: 14px; line-height: 34px; text-align: left; color: #666666; border: none; background: #ffffff; padding: 0 60px 0 10px; }
 .mobilesoso ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 letter-spacing: 0;
 font-size: 13px;
 color: #999999;
}
.mobilesoso ::-moz-placeholder { /* Firefox 19+ */
 letter-spacing: 0;
 font-size: 13px;
 color: #999999;
}
.mobilesoso :-ms-input-placeholder { /* IE 10+ */
 letter-spacing: 0;
 font-size: 13px;
 color: #999999;
}
.mobilesoso :-moz-placeholder { /* Firefox 18- */
 letter-spacing: 0;
 font-size: 13px;
 color: #999999;
}
.mobilesoso.check { height: 54px; }
.mobilesoso.check .mobilesosobtn { height: 100%; }
/*置顶按钮*/
#topBTN { padding: 4px; display: inline-block; position: fixed; bottom: 12%; right: 10px; background: rgba(0, 0, 0, 0.7); text-align: center; border-radius: 4px; overflow: hidden; z-index: 10000; }
#topBTN img { width: 36px; }
/*手机端地板*/
.xf { z-index: 10000; background:#fff; border-top:1px solid #e9e9e9; position:fixed; width:100%; bottom:0; left:0; padding: 8px 0 0 0; }
.xf .row { margin: 0 0 4px 0; }
.xf li { float:left; text-align:center; padding: 0 0 }
.xf li img { width: auto; height: 22px }
.xf li span { display:inline-block; width: 100%; overflow:hidden; }
.xf li p { text-align: center; color: #666; font-size: 12px; margin: -2px 0 0 0; }
.xf li.on p { color: #666; }
/*导航区域*/
.mainleftnav { display: inline-block; width: 200px; }
.mainleftnav img { width: 100%; display: inline-block; }
.mainleftnav ul { border-bottom: 5px #409268 solid; }
.mainleftnav ul li a { display: block; font-size: 16px; line-height: 46px; text-align: center; color: #217B62; background: #EAFBF6; margin-bottom: 4px; transition: all 0.2s; position: relative; }
.mainleftnav ul li a:hover, .mainleftnav ul li a.active { background: #409268; line-height: 70px; color: #ffffff; }
.mainleftnav ul li a:hover:before, .mainleftnav ul li a.active:before { width: 20px; height: 20px; display: inline-block; position: absolute; top: 50%; left: 20%; transform: translate(-50%, -50%); content: " "; background: url("../img/naviconacitve.png") no-repeat center; margin: 0 0 0 0; }
.mianright { width: 1160px; display: inline-block; float: right; }
/*没有数据的区域*/
.noneimg { text-align: center; margin:60px 0 20px 0; }
.noneimg img { display: block; margin: 0 auto; }
.noneimg p { font-size: 18px; margin: 12px 0 0 0; font-weight: 600; color: #999999; text-align: center; }
/*列表页中的分页*/
.page { margin: 40px 0 60px 0; display: block; text-align: center; font-size: 0; }
.page .buttons.blue>div, .page .buttons.blue>a { background: #fff; display: inline-block; border: 1px #dcdcdc solid; margin: 0 3px; color: #545454; font-size: 14px; padding: 7px 12px !important; }
.page .buttons.blue .active, .page .buttons.blue>div:hover, .page .buttons.blue>a:hover { background: rgb(14 133 68); color: #fff; }
/*文章详情中的分页*/
.infopage { margin: 20px 0 70px 0; }
.infopage .infopagelfeta { padding: 0; }
.infopage .infopagelfeta a { font-size: 14px; line-height: 18px; color: #666666; letter-spacing: 0; margin: 6px 0; }
.infopage .infopagelfeta a span { color: #333333; margin: 0 4px 0 0; text-shadow: 0 0 0 #333333; }
.infopage .infopagelfeta a:hover { color: #217B62; }
.infopage .infopagelista a { display: inline-block; width: 80px; height: 34px; border-radius: 10px; font-size: 14px; color: #ffffff; background: #217B62; text-align: center; line-height: 34px; letter-spacing: 0; }
.infopage .infopagelista a:hover { box-shadow: 0px 0px 3px #999999; }
.mianbox { min-height: 600px; }
.pager li>a, .pager li>span { border: 1px solid #dfdfdf !important; padding: 8px 14px !important; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { border: 1px solid #dfdfdf !important;/*border-color: transparent !important; */ }
/*公共的编辑器区域*/
.editfwbbox img { max-width: 100% !important; height: auto !important; }



/*相应式区域*/
@media (max-width: 1400px) {
 body .container {
 width: 100%;
}
 body :not(.headernav) .container {
 width: 100%;
 overflow: hidden;
}
 .headernav {
 height: 46px;
}
 .headernav .navoneul>li>a {
 font-size: 16px;
 line-height: 46px;
}
 .headernav .navoneul>li ul li a {
 font-size: 14px;
}
 .headernav .navoneul>li:hover ul li a {
 line-height: 40px;
}
 .footer.container-fluid {
 padding: 50px 10px 40px 10px;
}
 .footer .footertitle {
 font-size: 22px;
 line-height: 22px;
 margin: 40px 0 20px 0;
}
 .footer .footertop .footerright {
 padding: 40px 20px 0 20px;
}
 .footer .footertop .footerright .wximg img {
 width: 135px;
}
 .footer .footertop .footerright p {
 margin: 0 0 4px 0;
}
 .footer .footertop .footerright .wximg {
 margin: 25px 0 0 0;
}
 .footer .footertop .footerright .wximg .wximgbox p {
 font-size: 20px;
 margin: 10px 0 0 0;
}
 .footer .footertop .footerleft .col-sm-8 {
 padding-left: 0;
}
 #userlogoinbox .logoinbox {
 width: 90%;
 height: auto;
}
 .wzbox {
 padding: 30px 0;
 font-size: 14px;
}



    /*这是导航区域的*/
    .mianright {
 width: calc(100% - 230px);
}
 .mainleftnav ul li a {
 font-size: 15px;
 line-height: 44px;
}
 .mainleftnav ul li a:hover, .mainleftnav ul li a.active {
 line-height: 60px;
}
 .infopage {
 margin: 20px 0 50px 0;
}
}
 @media (max-width: 1200px) {
 .headersoso .logoimg {
 width: 50%;
 max-width: 400px;
}
 .headernav .navoneul>li>a {
 font-size: 15px;
}
 .footer.container-fluid {
 padding: 40px 15px 30px 15px;
}
 .footer .footertitle {
 font-size: 20px;
 margin: 20px 0 20px 0;
}
 .footer .footertop .footerright {
 padding: 20px 20px 0 20px;
}
 .footer .footertop .footerleft .footerabout p {
 font-size: 13px;
 line-height: 20px;
 max-height: 160px;
}
    /*.footer .ipcbox {*/
        /*padding: 12px 0 0 0;*/
        /*margin: 20px 0 0 0;*/
    /*}*/
    .footer .ipcbox p a, .footer .ipcbox p {
 font-size: 13px;
}
 #userlogoinbox .logoinbox {
 width: 80%;
 height: auto;
}
 #userlogoinbox .logoinbox .logoinboxform .logointitle h4 {
 font-size: 26px;
 line-height: 30px;
}
 #userlogoinbox .logoinbox .logoinform .inputbox {
 height: 48px;
 margin: 0 0 10px 0;
}
 #userlogoinbox .logoinbox .logoinform .inputbox i {
 width: 48px;
 height: 48px;
 background-size: 20px !important;
}
 #userlogoinbox .logoinbox .logoinform .inputbox:nth-child(2):after {
 width: 48px;
 height: 48px;
 background-size: 20px !important;
}
 #userlogoinbox .logoinbox .logoinboxform .disfixspace {
 margin: 14px 0 24px 0;
}
 #userlogoinbox .logoinbox .logoinform .logoinbtn {
 line-height: 48px;
 font-size: 17px;
}
 .wzbox {
 padding: 26px 0;
}
 .mainleftnav ul li a {
 font-size: 14px;
 line-height: 40px;
 letter-spacing: 0;
}
 .mainleftnav ul li a:hover, .mainleftnav ul li a.active {
 line-height: 52px;
}
 .infopage {
 margin: 20px 0 30px 0;
}
 .infopage .infopagelfeta a {
 font-size: 13px;
}
 .infopage .infopagelista a {
 font-size: 12px;
 width: 74px;
 height: 30px;
 line-height: 30px;
}
 .mianbox {
 min-height: 500px;
}
 .pager li>a, .pager li>span {
 padding: 5px 11px !important;
 font-size: 13px;
}
}
 @media (max-width: 1000px) {
 .headernav .navoneul>li>a {
 font-size: 15px;
}
 .container {
 padding: 0 12px;
}
 #userlogoinbox .logoinbox .logoinboxform .logointitle h4 {
 font-size: 24px;
 line-height: 26px;
}
 #userlogoinbox .logoinbox .logoinform .inputbox {
 height: 44px;
 margin: 0 0 6px 0;
}
 #userlogoinbox .logoinbox .logoinform .inputbox i {
 width: 44px;
 height: 44px;
 background-size: 20px !important;
}
 #userlogoinbox .logoinbox .logoinform .inputbox:nth-child(2):after {
 width: 44px;
 height: 44px;
 background-size: 20px !important;
}
 #userlogoinbox .logoinbox .logoinform .logoinbtn {
 line-height: 44px;
 font-size: 15px;
}
 .wzbox {
 padding: 22px 0;
}
 .mianbox {
 min-height: 400px;
}
}
@media screen and (max-width: 990px) {
 body {
 padding: 56px 0 56px 0;
}
 .footer.container-fluid {
 padding: 20px 12px 12px 12px;
}
 .footer .footertop .footerleft, .footer .footertop .footerright {
 width: 100%;
}
 .footer .footertop .footerright p {
 line-height: 18px;
}
 .footer .footertitle {
 font-size: 17px;
 margin: 8px 0;
}
 .footer .footertop .footerleft .footerabout {
 padding: 10px 14px;
}
 .footer .footertop .footerright .wximg {
 margin: 16px 0 0 0;
}
 .footer .footertop .footerright {
 padding: 30px 16px 24px 30px;
}
 .footer .ipcbox p a, .footer .ipcbox p {
 font-size: 13px;
 line-height: 22px;
}
 #userlogoinbox .logoinboxtext {
 padding:40px;
}
 #userlogoinbox .logoinbox {
 top: 50%;
 background: url(../img/loginbg.png) no-repeat center;
 background-size: 300% 300%;
}
 #userlogoinbox .logoinbox .logoinboxform {
 margin: 20px auto;
}
 #userlogoinbox .logoinbox .logoinboxform {
 max-width: 800px;
 width: 100%;
}
 .wzbox {
 padding: 20px 0;
}
 .page {
 margin: 15px 0 50px 0;
}
 .page .buttons.blue>div, .page .buttons.blue>a {
 margin: 0 2px;
 padding: 4px 9px !important;
}
}
 @media (max-width: 768px) {
 .mianbox {
 min-height: auto;
}
 .footer .footertop .footerleft .col-sm-8 {
 padding-right: 0;
}
 #userlogoinbox .logoinbox {
 width: 90%;
}
 #userlogoinbox .logoinbox .logoinboxform .logointitle h4 {
 font-size: 20px;
 line-height: 26px;
 letter-spacing: 2px;
}
 #userlogoinbox .logoinboxtext {
 padding: 20px;
}
 #userlogoinbox .logoinbox .logoinboxform .disfixspace {
 margin: 6px 0 16px 0;
}
 #userlogoinbox .logoinbox .logoinboxform .logointitle p {
 font-size: 12px;
 line-height: 14px;
 letter-spacing: 0px;
 max-width: 66%;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
 #userlogoinbox .logoinbox .logoinboxform .logointitle a {
 font-size: 13px;
 line-height: 15px;
}
 #userlogoinbox .logoinbox .logoinform .inputbox {
 height: 40px;
 margin: 0 0 8px 0;
}
 #userlogoinbox .logoinbox .logoinform .inputbox input {
 line-height: 40px;
}
 #userlogoinbox .logoinbox .logoinform .inputbox:nth-child(2):after, #userlogoinbox .logoinbox .logoinform .inputbox i {
 width: 40px;
 height: 40px;
 background-size: 17px !important;
}
 #userlogoinbox .logoinbox .logoinform .otherinputbox a, #userlogoinbox .logoinbox .logoinform .otherinputbox .checkinput {
 font-size: 13px;
}
 #userlogoinbox .logoinbox .logoinform .otherinputbox .checkinput .checkboxin {
 margin-top: 0;
}
 .wzbox {
 padding:15px 0 10px 0;
 font-size: 13px;
}
 .wzbox i {
 width: 15px;
 height: 15px;
 margin: 0 2px 0 0;
}
 .noneimg img {
 max-width: 200px;
}
 .noneimg p {
 font-size: 15px;
 margin: 8px 0 0 0;
}
 .mianright, .mainleftnav {
 width: 100%;
}
 .infopage {
 margin: 14px 0 40px 0;
}
 .infopage .infopagelfeta a {
 margin: 5px 0;
}
 .infopage .infopagelista {
 display: none;
}
 .pager li>a, .pager li>span {
 padding: 4px 10px;
 font-size: 12px;
}
}
 @media (max-width: 350px) {
}




/*修改的区域*/

@media (max-width: 1400px) {
 .footer .footertop .footerleft .footerabout p {
 max-height: 180px;
}
 .footer .footertop .footerright p {
 letter-spacing: 0;
}
}
@media (max-width: 1280px) {
 .footer .footertop .footerleft .footerabout p {
 max-height: 180px;
}
}
@media (max-width: 1180px) {
 .footer .footertop .footerleft .footerabout a {
 margin: 13% 0 0 0;
}
}
@media (max-width: 1130px) {
 .footer .footertop .footerleft .footerabout a {
 margin: 12% 0 0 0;
}
}
 @media (max-width: 1000px) {
 .footer .footertop .footerleft .footerabout a {
 margin: 15px 0 0 0;
}
 .footer .footertop .footerleft .footerabout p {
 max-height: none;
}
 .footer .footertop .footerright p {
 letter-spacing: 0.4px;
}
}
.zhubandw { font-size:16px; color:#202020; padding:30px 0 10px 22px; }
.footer-contact-info[data-contact="true"] { font-family: inherit; line-height: 1.6; }
/* 使用子选择器和后代选择器限制范围 */
.footer-contact-info > .footer-contact__item { display: flex; align-items: flex-start; margin-bottom: 10px; min-height: 24px; }
/* 使用双类名增加特异性 */
.footer-contact__label.footer-contact__label--fixed { flex: 0 0 90px; /* 固定宽度，不伸缩 */ display: flex; align-items: center; justify-content: flex-end; padding-right: 12px; box-sizing: border-box; }
.footer-contact__icon.footer-contact__icon--before { display: inline-block; width: 16px; height: 16px; margin-right: 4px; /* 可以添加背景图标 */
  background: transparent url('data:image/svg+xml,...') no-repeat center; }
.footer-contact__label-text { white-space: nowrap; font-weight: 500; color: #333; }
.footer-contact__content.footer-contact__content--fluid { flex: 1; min-width: 0; /* 防止内容溢出 */ word-break: break-word; color: #666; }

/* 响应式调整 */
@media (max-width: 768px) {
 .footer-contact-info > .footer-contact__item {
 flex-wrap: wrap;
}
 .footer-contact__label.footer-contact__label--fixed {
 flex: 0 0 100%;
 justify-content: flex-start;
 padding-right: 0;
 margin-bottom: 4px;
}
}
.footer-contact-info{ padding-top:20px;}