.h1, .h2, .h3, h1, h2, h3 { margin-top: 0px; margin-bottom: 0px; }
.header .site-nav .tellbox i { margin: -1px 6px 0 0; }
.container-fluid { min-width:auto !important; }
.navigation li.on a, .navigation li:hover a { color: #ffffff; }
a:hover { text-decoration: none; }
/*手机端顶部导航*/
.xf { background:#fff; border-top:1px solid #e6e6e6; position:fixed; width:100%; bottom:0; left:0; z-index:9999; padding: 8px 0 0 0; }
.xf .row { margin: 0 0 4px 0; }
.xf li { float:left; text-align:center; }
.xf li img { width: 40% }
.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; }
#mobile.header { position: fixed; top: 0px; left: 0; width: 100%; z-index: 100001; background: #ffffff; padding: 11px 12px; background: none; height: 52px; box-sizing: border-box; }
#mobile.header.active { background: rgba(0, 0, 0, .7); }
#mobile.header.mobileactive { background: rgba(0, 0, 0, .7); }
#mobile.header.bg { background: #124a59; }
#mobile.header .title { float: left; 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: 14px; letter-spacing: 1px; padding: 2px 0; background-size: 8px; height: 100%; display: block; }
#mobile.header .title a img { height: 26px; 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: 5px 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; }
#mobile .nav-btn:hover { cursor: pointer; }
#mobile .nav-btn span { position: absolute; left: calc((100% - 0.55rem) / 2); top: calc((100% - 4px) / 2); width: 0.6rem; height: 0.05rem; background-color: #fff; }
#mobile .nav-btn span:nth-child(1) {
transform: translateY(0.2rem) rotate(0deg);
}
#mobile .nav-btn span:nth-child(2) {
transform: translateY(0px) rotate(0deg);
}
#mobile .nav-btn span:nth-child(3) {
transform: translateY(-0.2rem) rotate(0deg);
}
#mobile .nav-active span { background: #666; }
#mobile .nav-active span:nth-child(1) {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: clickfirst;
}
#mobile .nav-active span:nth-child(2) {
display: none;
}
#mobile .nav-active span:nth-child(3) {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: clicksecond;
}
.nav-active { left: 7.5rem; }
.nav { position: absolute; width:100%; z-index: 999; top: -500px; left:0%; background:rgba(69, 69, 69, .95); transition: all 0.3s linear 0s; }
.nav.on { left: 0; opacity: 1; z-index: 20000; /* min-height: 500px; */
    /* box-shadow: 2px 2px 6px rgba(0,0,0,0.1); */
    padding: 0 14px 40px 14px; width: 100%; top: 52px; border-top: 1px #a2a2a2 solid; }
.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 { border-bottom: 1px #a2a2a2 solid; height: 46px; background: url("../images/navicon1.png") no-repeat left center; background-size: 16px; }
.nav-list>ul>li:nth-child(2) {
 background: url("../images/navicon5.png") no-repeat left center;
 background-size: 16px;
}
.nav-list>ul>li:nth-child(3) {
 background: url("../images/navicon2.png") no-repeat left center;
 background-size: 16px;
}
.nav-list>ul>li:nth-child(4) {
 background: url("../images/navicon7.png") no-repeat left center;
 background-size: 16px;
}
.nav-list>ul>li:nth-child(5) {
 background: url("../images/navicon6.png") no-repeat left center;
 background-size: 16px;
}
.nav-list>ul>li:nth-child(6) {
 background: url("../images/navicon8.png") no-repeat left center;
 background-size: 16px;
}
.nav-list>ul>li>a { font-size: 15px; color: #fff; line-height: 46px; text-decoration: none; letter-spacing: 0.5px; padding: 0 0 0 22px; display: block; }
.nav-list>ul>li span { display:none; }
.nav-list>ul>li.on>a>i { display: inline-block; }
.nav-list>ul>li>ul { padding:0px 0 0px 20px; }
.nav-list>ul>li.on>ul { padding: 2px 0 6px 20px; }
.nav-list>ul>li>ul>li { line-height: 0px; margin: 0 0 0 0; overflow: hidden; }
.nav-list>ul>li.on>ul>li { line-height: 22px; }
.nav-list>ul>li>ul>li>a { font-size: 13px; }
.nav-list>ul>li.on>ul>li.active a { color: #ca942a; font-weight: bolder; }
.navHous { width: 100%; height: 30px; display: inline-block; position: absolute; bottom: 10px; right: 0px;/* padding: 0 10px; */
}
div.nav .navHous img { width: 22px; position: absolute; top: 5px; right: 15px; }
/*置顶按钮*/
#topBTN { padding: 4px; display: inline-block; position: fixed; bottom:13%; right: 10px; background: rgba(0, 0, 0, 0.7); text-align: center; border-radius: 4px; overflow: hidden; z-index: 10000; }
#topBTN img { width: 36px; }
/*页脚区域*/
footer { display: block; margin: 0px 0 0 0; padding: 0px 0 0 0; }
footer .navFooter.navbarFooter { position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); margin-top: 0; z-index: 10000; }
footer .navFooter { display: block; background: #666666; color: #ffffff; text-align: center; overflow: hidden; padding: 8px 0; margin-top: -40px; }
footer .navFooter a { display: inline-block; width: 50%; float: left; color: #ffffff; font-size: 14px; line-height: 26px; border-left: 1px #aaaaaa solid; }
footer .navFooter a:nth-child(1) {
 border: none;
}
footer .navFooter a img { width: 24px; display: inline-block; vertical-align: middle; margin: -1px 4px 0 0; }
footer .footerInfo { width: 100%; display: inline-block; background: rgba(0, 0, 0, .7); padding: 16px 24px 8px 24px; color: #fff; }
footer .footerInfo>div { width: 49%; display: inline-block; vertical-align: text-top; position: relative; padding: 0 0 0 30px; }
footer .footerInfo .IPC { width: 100%; padding: 10px 0 12px 0; text-align: center; letter-spacing: 0.5px; margin: 0; }
footer .footerInfo .IPC p { text-align: center; font-size: 13px; line-height: 18px; color: #ffffff; letter-spacing: 0; }
footer .footerInfo .IPC a { color: #ffffff; }
.footer .footertwo .footer-right { vertical-align: top; }





/*相应试区域*/

@media screen and (max-width: 1500px) {
}



/*小于1400px屏幕的导航区域*/
@media screen and (max-width: 1440px) {
 body {
 width: 100%;
}
}
 @media screen and (max-width: 1400px) {
.containerbig {
 width: 100%;
}
 .title-comtitle h3 {
 font-size: 30px;
}
 .title-comtitle p {
 font-size: 20px;
 line-height: 20px;
}
 .navigation a {
 width: 94px;
}
 .header .site-nav .tellbox {
 display: none;
}
 .footer .footertwo .footer-left ul li:first-child {
 font-size: 20px;
 line-height: 30px;
}
 .footer .footertwo .footer-left ul {
 margin: 0 60px 0 0;
}
 .footer .footertwo .footer-left {
 width: auto;
 margin: 0 4% 0 0;
}
 .footer .footertwo .footer-right {
 vertical-align: top;
}
 .footer .footertwo .footer-right .official-plat h3 {
 font-size: 20px;
 line-height: 32px;
}
 .footer .footertwo .footer-right .official-plat img {
 width: 100px;
}
 .footer .footertwo .footer-right .telephone {
 width: auto;
 padding: 0 0 0 0;
}
 .footer .footertwo .footer-right .telephone p {
 font-size: 16px;
 line-height: 28px;
}
 .footer .footertwo .footer-right .telephone h3 {
 font-size: 20px;
 line-height: 32px;
}
}
 @media screen and (max-width: 1300px) {
 .title-comtitle h3 {
 font-size: 26px;
}
}
 @media screen and (max-width: 1200px) {
 .header .containerbig {
 max-width: 1200px;
 width: 100%;
}
 .containerbig {
 width: 100%;
}
 .containersmall {
 width: 100%;
}
 a.jianbinatwobtn,  a.jianbinatwobtn:hover, a.jianbinatwobtn.jianbinatwobtnh {
 width: 102px;
 height: 36px;
 font-size: 15px;
 line-height: 38px;
}
}
 @media screen and (max-width: 1200px) {
 .title-comtitle h3 {
 font-size: 17px;
 margin: 0 0 30px 0;
 font-weight: 900;
}
 .title-comtitle p {
 font-size: 14px;
 line-height: 16px;
 margin: 5px 0;
}
 .title-comtitle h3 em {
 font-weight: 900;
 font-size: 17px;
}
 .title-comtitle h3 img {
 height: 10px;
 margin: 4px 4px 0 0;
}
 #usermianfe {
 padding: 40px 0;
}
 #usermianfe .allbtn {
 margin-top: 4px;
}
 #usermianfe .title-comtitle h3 {
 margin: 0 0 10px 0;
}
 .scroll-to-top {
 display: none;
}
 .footer {
 padding: 40px 20px 0 20px;
}
 .footer .footertwo .footer-left {
 width: auto;
 margin: 0 6% 0 0;
}
 .footer .footertwo .footer-left ul li:first-child {
 font-size: 20px;
 line-height: 24px;
}
 .footer .footertwo .footer-right .telephone {
 padding: 0;
}
 .footer .footertwo .footer-right .official-plat img {
 width: 100px;
}
 .footer .footertwo .footer-left ul li a {
 font-size: 15px;
 line-height: 36px;
}
 .footer .footertwo .footer-right .telephone h3,  .footer .footertwo .footer-right .official-plat h3 {
 font-size: 20px;
 line-height: 24px;
}
 .footer .footertwo .footer-left ul {
 margin: 0 60px 0 0;
}
 .footer .footertwo .footer-right {
 vertical-align: top;
}
 .footer .footertwo .footer-right .telephone p {
 font-size: 16px;
 line-height: 24px;
}
 .footer .fiend ul li a {
 font-size: 15px;
 line-height: 20px;
}
}
 @media screen and (max-width: 1100px) {
 .footer .footertwo .footer-right {
 width: 340px;
}
 .footer .footertwo .footer-right .official-plat {
 width: auto;
 margin: 0 10% 0 0;
}
 .footer .footertwo .footer-right .telephone {
 width: auto;
}
}
 @media screen and (max-width: 1044px) {
.header .site-nav {
 display: none;
}
}
 @media screen and (max-width: 1000px) {
 .header.active li.on a, .header.active li:hover a {
 background: none;
 border:none;
}
}
 @media screen and (max-width: 700px) {
.footer .footertwo .footer-left {
 width: 100%;
}
}