/*<!--新增响应式的样式：公共区域的-->*/


.hidder-xs { display: none; }
.visible-xs { display: block; }
.ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header .site-nav .user-btn { display: none !important; }
.navigation li { margin: 0 0 0 14px; }
.headermobile { display:none; position: fixed; top: 0; left: 0; width: 100%; z-index: 100001; padding: 6px 12px; box-sizing: border-box; background: #f9f9f9; border-bottom: 1px #ededed solid; }
#mobile .mobilelogo { float: left; }
#mobile .nav-btn { color: #231f20; text-align: center; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; padding: 0 0; float: right; z-index: 10000; margin: 10px 0 0 0; width: 25px; }
#mobile .nav-btn img { width: 100%; }
#mobile .nav-btn .mobileNavLeftBtn { display: block; }
#mobile .nav-btn .mobileNavLeftBtnColse { display: none; }
#mobile .nav-out .mobileNavLeftBtnColse { display: block; }
#mobile .nav-out .mobileNavLeftBtn { display: none; }
.headermobilenavigation { 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;/*display: none;*/ }
.headermobilenavigation.on { height: 100%; padding-bottom: 100px; }
.headermobilenavigation { border-top: 1px #e5e5e5 solid; padding: 0 14px 0px 14px; }
.headermobilenavigation li>a { font-size: 15px; color: #404040; line-height: 46px; text-decoration: none; letter-spacing: 0.5px; padding: 0 0 0 20px; display: block; background: url(../images/mobileicon1.png) no-repeat 0% center; background-size: 16px; border-bottom: 1px #e5e5e5 solid; }
.headermobilenavigation li:nth-child(2)>a {
background: url(../images/mobileicon2.png) no-repeat 0% center;
background-size: 16px;
}
.headermobilenavigation li:nth-child(3)>a {
background: url(../images/mobileicon3.png) no-repeat 0% center;
background-size: 16px;
}
.headermobilenavigation li:nth-child(4)>a {
background: url(../images/mobileicon4.png) no-repeat 0% center;
background-size: 16px;
}
.headermobilenavigation li:nth-child(5)>a {
background: url(../images/mobileicon5.png) no-repeat 0% center;
background-size: 16px;
}
.headermobilenavigation li:nth-child(6)>a {
background: url(../images/mobileicon6.png) no-repeat 0% center;
background-size: 16px;
}
.headermobilenavigation li:nth-child(7)>a {
background: url(../images/mobileicon7.png) no-repeat 0% center;
background-size: 16px;
}
.headermobilenavbox .heaerbtn { float: right; margin: 6px 12px 0 0; }
.headermobilenavbox .heaerbtn a { border: 1px #FFAA00 solid; background: #FFAA00; color: #ffffff; padding: 0 5px; font-size: 12px; letter-spacing: 0; line-height: 28px; display: inline-block; border-radius: 15px; }

/*小于1400px屏幕的导航区域*/
@media screen and (max-width: 1500px) {
 .title-comtitle h3 {
 font-size: 28px;
 line-height: 34px;
}
}
 @media screen and (max-width: 1440px) {
 * {
 box-sizing: border-box;
}
 .containerbig {
 width: 100%!important;
}
 .container-fluid {
 min-width: 100%;
}
 .header {
 height: 84px;
 padding: 16px 0 0 0;
}
 .header .site-nav {
 margin: 8px 0 0 0;
}
 .navigation {
 margin: 8px 0 0 30px;
}
 .header .containerbig {
 width: 100% !important;
}
 #footer {
 margin:20px 0 0 0;
 padding:50px 20px 20px 20px;
 background: url(../images/footerbgimgmoblie.png) no-repeat center;
 background-size: 100% 100%;
}
 #footer .bgboder {
 display: none;
}
 #footer .formbox {
 border-radius: 20px;
 padding: 50px;
}
 .title-comtitle h3 {
 font-size: 25px;
 line-height: 32px;
}
 #footer .containersmall .footernavul ul {
 margin: 0px -0px 0 -0px;
}
 #footer .formbox .right .titleinfo {
 margin: 0 0 10px 0;
}
 #footer .formbox .left .titleinfo {
 margin: 0 0 20px 0;
}
 .title-comtitle h3 img {
 height: 14px;
 margin: 7px 4px 0 0;
}
 #footer .containersmall .footernavul li a {
 font-size: 15px;
 line-height: 15px;
 padding: 0 12px;
}
}
@media screen and (max-width: 1400px) {
 #footer {
 padding:40px 20px 20px 20px;
}
 #footer .containersmall .domeall {
 margin-top: 40px;
}
 #footer .formbox {
 padding: 40px;
}
 #footer .containersmall .footerdome h3 {
 font-size: 18px;
 line-height: 24px;
 padding-bottom: 10px;
 border-bottom: 1px rgba(255, 255, 255, 0.4) solid;
 margin-bottom: 20px;
}
 #footer .containersmall .footerdome .info {
 font-size: 14px;
 line-height: 28px;
}
 #footer .containersmall .footerdome .info a.wzbtn {
 height: 38px;
 line-height: 38px;
 border-radius: 20px;
 margin: 8px 0 0 0;
 padding: 0 15px 0 8px;
}
 #footer .containersmall .footerdome .info a.wzbtn img {
 margin: -3px 5px 0 6px;
 width: 13px;
}
 #footer .containersmall .footerdome .info a.footerqqbtn {
 height: 38px;
 line-height: 38px;
 margin: 0 0 12px 0;
 border-radius: 20px;
 padding: 0 22px;
}
 #footer .containersmall .footernavul {
 margin: 20px 0 10px 0;
}
 #footer .containersmall .footernavul li {
 padding: 20px 0 0 0;
 line-height: 20px;
}
 #footer .containersmall .footernavul li a {
 border-left: 1px #ffffff solid;
 font-size: 14px;
 line-height: 12px;
 padding: 0 10px;
}
}
@media screen and (max-width: 1300px) {
 .navigation li {
 margin: 0px 0 0 4px;
}
 .navigation a {
 width: 96px;
 font-size: 15px;
 line-height: 34px;
}
 .header .site-nav .tiyan-btn {
 width: 95px;
 height: 36px;
 line-height: 34px;
 margin-left: 14px;
 border-radius: 20px;
}
 .header .site-nav .tiyan-btn a.yanshi {
 font-size: 15px;
}
 #footer {
 padding:20px 20px 20px 20px;
}
 #footer .formbox .left textarea, #footer .formbox .left input {
 width: 49%;
 line-height: 40px;
 padding: 0px 14px;
 font-size: 13px;
 margin: 0 0 12px 0;
 border-radius: 8px;
}
 #footer .formbox .left textarea {
 width: 100%;
}
 #footer .formbox .left .submit {
 font-size: 16px;
 line-height: 42px;
 width: 100%;
 height: auto;
 border-radius: 25px;
}
 #footer .formbox .right .saytext a {
 font-size: 18px;
 line-height: 42px;
 width: 100%;
 height: auto;
 border-radius: 20px;
 margin: 48px 0 0 0;
}
 #footer .formbox {
 border-radius: 10px;
 padding: 24px;
}
 #footer .containersmall .domeall {
 margin-top: 20px;
}
 #footer .containersmall .footerdome h3 {
 font-size: 17px;
 line-height: 22px;
 padding-bottom: 8px;
 margin-bottom: 18px;
}
}
 @media screen and (max-width: 1280px) {
 .containersmall {
 width: 100%;
}
 #footer .formbox .left {
 width: 100%;
}
 #footer .formbox .right {
 display: none;
}
 #footer .formbox {
 display: block;
 overflow: hidden;
 border-radius: 10px;
 padding: 14px 14px;
}
}
@media screen and (max-width: 1200px) {
 .hidder-xs {
 display: block;
}
 .visible-xs {
 display: none !important;
}
 body {
 padding: 56px 0 0 0;
}
 .header {
 display: none !important;
}
 .headermobile {
 display:block !important;
}
 .title-comtitle h3 {
 font-size: 18px;
 line-height: 24px;
}
 .title-comtitle p {
 font-size: 14px;
 line-height: 22px;
}
 #footer .formbox .left .titleinfo {
 margin: 0 0 10px 0;
}
 #footer .formbox .left .titleinfo p {
 margin: 0 0 0 0;
}
}
@media screen and (max-width: 1000px) {
 #footer .containersmall .footernavul {
 display: none;
}
 #footer .containersmall .footerdome {
 width:100%;
 margin-bottom: 20px;
}
 #footer .containersmall .footerdome:nth-child(3) {
 display: none;
}
 #footer .containersmall .footerdome:nth-child(2) .info {
 text-align: center;
}
 #footer .containersmall .footerdome .info a.wzbtn {
 display: none;
}
 #footer .containersmall .footerdome h3 {
 margin-bottom: 13px;
 font-size: 15px;
 line-height: 20px;
 padding-bottom: 8px;
}
 #footer .containersmall {
 padding: 0 0 0px 0;
}
 #footer .containersmall .IPC a, #footer .containersmall .IPC {
 font-size: 13px;
 line-height: 26px;
}
}
@media screen and (max-width: 768px) {
 #footer .containerbig {
 padding: 0 !important;
}
 #footer .containersmall .footerdome .info {
 line-height: 22px;
}
 #footer .containersmall .IPC a, #footer .containersmall .IPC {
 font-size: 13px;
 line-height: 22px;
}
 #footer .formbox .left textarea, #footer .formbox .left input {
 width: 100%;
 line-height: 40px;
 padding: 0px 10px;
 margin: 0 0 10px 0;
}
 .title-comtitle {
 padding: 0 10px;
}
 .title-comtitle p {
 font-size: 13px;
 margin: 7px 0 0 0;
 letter-spacing: 0px;
}
}
@media screen and (max-width: 400px) {
}
/*修改的区域*/
.header .site-nav .tiyan-btn { background: #ffab02 !important; }
.header .site-nav .tiyan-btn a.yanshi { color: #FFFFFF !important; }